← Back
Editing: NcCheckboxRadioSwitch-DAPHFb0L-ou8aC9jF.chunk.mjs
import{x as m,c as p,y as g,z as y}from"./preload-helper-DadE4qT2.chunk.mjs";import{n,D as _,t as k,G as o,x as v,r as C}from"./index-Dgdobvu3.chunk.mjs";import{u as x}from"./useModelMigration-EhAWvqDD-Zhby4giX.chunk.mjs";const A=Symbol.for("insideRadioGroup");function w(){return m(A,void 0)}const S={name:"CheckboxBlankOutlineIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var V=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon checkbox-blank-outline-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},T=[],B=n(S,V,T,!1,null,null);const z=B.exports,I={name:"CheckboxMarkedIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var M=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon checkbox-marked-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},$=[],N=n(I,M,$,!1,null,null);const H=N.exports,E={name:"MinusBoxIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var L=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon minus-box-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},O=[],Z=n(E,L,O,!1,null,null);const j=Z.exports,R={name:"RadioboxBlankIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var q=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon radiobox-blank-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},G=[],W=n(R,q,G,!1,null,null);const D=W.exports,P={name:"RadioboxMarkedIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var U=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon radiobox-marked-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},F=[],J=n(P,U,F,!1,null,null);const K=J.exports,Q={name:"ToggleSwitchIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var X=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon toggle-switch-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M17,7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7M17,15A3,3 0 0,1 14,12A3,3 0 0,1 17,9A3,3 0 0,1 20,12A3,3 0 0,1 17,15Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},Y=[],tt=n(Q,X,Y,!1,null,null);const et=tt.exports,it={name:"ToggleSwitchOffIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var nt=function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon toggle-switch-off-icon",attrs:{"aria-hidden":t.title?null:"true","aria-label":t.title,role:"img"},on:{click:function(i){return t.$emit("click",i)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M17,7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7M7,15A3,3 0 0,1 4,12A3,3 0 0,1 7,9A3,3 0 0,1 10,12A3,3 0 0,1 7,15Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])},at=[],lt=n(it,nt,at,!1,null,null);const rt=lt.exports,r="checkbox",l="radio",a="switch",s="button",st={name:"NcCheckboxContent",components:{NcLoadingIcon:v},props:{iconClass:{type:[String,Object],default:null},textClass:{type:[String,Object],default:null},type:{type:String,default:"checkbox",validator:t=>[r,l,a,s].includes(t)},buttonVariant:{type:Boolean,default:!1},isChecked:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},iconSize:{type:Number,default:24},labelId:{type:String,required:!0},descriptionId:{type:String,required:!0}},computed:{isButtonType(){return this.type===s},checkboxRadioIconElement(){return this.type===l?this.isChecked?K:D:this.type===a?this.isChecked?et:rt:this.indeterminate?j:this.isChecked?H:z}}};var ot=function(){var t=this,e=t._self._c;return e("span",{staticClass:"checkbox-content",class:{["checkbox-content-"+t.type]:!0,"checkbox-content--button-variant":t.buttonVariant,"checkbox-content--has-text":!!t.$slots.default}},[e("span",{staticClass:"checkbox-content__icon",class:{"checkbox-content__icon--checked":t.isChecked,[t.iconClass]:!0},attrs:{"aria-hidden":!0,inert:""}},[t._t("icon",function(){return[t.loading?e("NcLoadingIcon"):t.buttonVariant?t._e():e(t.checkboxRadioIconElement,{tag:"component",attrs:{size:t.iconSize}})]},{checked:t.isChecked,loading:t.loading})],2),t.$slots.default||t.$slots.description?e("span",{staticClass:"checkbox-content__wrapper"},[t.$slots.default?e("span",{staticClass:"checkbox-content__text",class:t.textClass,attrs:{id:t.labelId}},[t._t("default")],2):t._e(),!t.isButtonType&&t.$slots.description?e("span",{staticClass:"checkbox-content__description",attrs:{id:t.descriptionId}},[t._t("description")],2):t._e()]):t._e()])},ct=[],ut=n(st,ot,ct,!1,null,"cfa76919");const dt=ut.exports;C();const c={name:"NcCheckboxRadioSwitch",components:{NcCheckboxContent:dt},inheritAttrs:!1,model:{prop:"modelValue",event:"update:modelValue"},props:{id:{type:String,default:()=>"checkbox-radio-switch-"+o(),validator:t=>t.trim()!==""},wrapperId:{type:String,default:null},name:{type:String,default:null},ariaLabel:{type:String,default:""},type:{type:String,default:"checkbox",validator:t=>[r,l,a,s].includes(t)},buttonVariant:{type:Boolean,default:!1},buttonVariantGrouped:{type:String,default:"no",validator:t=>["no","vertical","horizontal"].includes(t)},checked:{type:[Boolean,Array,String],default:void 0},modelValue:{type:[Boolean,Array,String],default:!1},value:{type:String,default:null},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},required:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},wrapperElement:{type:String,default:null},description:{type:String,default:null}},emits:["update:checked","update:modelValue","update:model-value"],setup(t){const e=w(),i=p(()=>e?.value?l:t.type);g(()=>e?.value.register(!1));const u=x("checked","update:checked"),f=p({get(){return e?.value?e.value.modelValue:u.value},set(d){e?.value?e.value.onUpdate(d):u.value=d}});return{internalType:i,internalModelValue:f,labelId:o(),descriptionId:o()}},computed:{dataAttrs(){return Object.fromEntries(Object.entries(this.$attrs).filter(([t])=>t.startsWith("data-")))},nonDataAttrs(){return Object.fromEntries(Object.entries(this.$attrs).filter(([t])=>!t.startsWith("data-")))},isButtonType(){return this.internalType===s},computedWrapperElement(){return this.isButtonType?"button":this.wrapperElement!==null?this.wrapperElement:"span"},listeners(){return this.isButtonType?{click:this.onToggle}:{change:this.onToggle}},iconSize(){return this.internalType===a?36:24},cssIconSize(){return this.iconSize+"px"},cssIconHeight(){return this.internalType===a?"16px":this.cssIconSize},inputType(){return[r,l,s].includes(this.internalType)?this.internalType:r},isChecked(){return this.value!==null?Array.isArray(this.internalModelValue)?[...this.internalModelValue].indexOf(this.value)>-1:this.internalModelValue===this.value:this.internalModelValue===!0},hasIndeterminate(){return[r,l].includes(this.inputType)}},mounted(){if(this.name&&this.internalType===r&&!Array.isArray(this.internalModelValue))throw new Error("When using groups of checkboxes, the updated value will be an array.");if(this.name&&this.internalType===a)throw new Error("Switches are not made to be used for data sets. Please use checkboxes instead.");if(typeof this.internalModelValue!="boolean"&&this.internalType===a)throw new Error("Switches can only be used with boolean as modelValue prop.")},methods:{t:k,n:_,onToggle(t){if(this.disabled||t.target.tagName.toLowerCase()==="a")return;if(this.internalType===l){this.internalModelValue=this.value;return}if(this.internalType===a){this.internalModelValue=!this.isChecked;return}if(typeof this.internalModelValue=="boolean"){this.internalModelValue=!this.internalModelValue;return}const e=this.getInputsSet().filter(i=>i.checked).map(i=>i.value);e.includes(this.value)?this.internalModelValue=e.filter(i=>i!==this.value):this.internalModelValue=[...e,this.value]},getInputsSet(){return[...document.getElementsByName(this.name)]}}},h=()=>{y((t,e)=>({"1f97b3de":t.cssIconSize,be84d992:t.cssIconHeight}))},b=c.setup;c.setup=b?(t,e)=>(h(),b(t,e)):h;const pt=c;var ht=function(){var t=this,e=t._self._c;return e(t.computedWrapperElement,t._g(t._b({tag:"component",staticClass:"checkbox-radio-switch",class:{["checkbox-radio-switch-"+t.internalType]:t.internalType,"checkbox-radio-switch--checked":t.isChecked,"checkbox-radio-switch--disabled":t.disabled,"checkbox-radio-switch--indeterminate":t.hasIndeterminate?t.indeterminate:!1,"checkbox-radio-switch--button-variant":t.buttonVariant,"checkbox-radio-switch--button-variant-v-grouped":t.buttonVariant&&t.buttonVariantGrouped==="vertical","checkbox-radio-switch--button-variant-h-grouped":t.buttonVariant&&t.buttonVariantGrouped==="horizontal","button-vue":t.isButtonType},attrs:{id:t.wrapperId,"aria-label":t.isButtonType&&t.ariaLabel?t.ariaLabel:void 0,type:t.isButtonType?"button":null}},"component",t.isButtonType?t.$attrs:t.dataAttrs,!1),t.isButtonType?t.listeners:null),[t.isButtonType?t._e():e("input",t._g(t._b({staticClass:"checkbox-radio-switch__input",attrs:{id:t.id,"aria-labelledby":!t.isButtonType&&!t.ariaLabel?t.labelId:null,"aria-describedby":!t.isButtonType&&(t.description||t.$slots.description)?t.descriptionId:t.nonDataAttrs["aria-describedby"],"aria-label":t.ariaLabel||void 0,disabled:t.disabled,type:t.inputType,required:t.required,name:t.name},domProps:{value:t.value,checked:t.isChecked,indeterminate:t.hasIndeterminate?t.indeterminate:null}},"input",t.nonDataAttrs,!1),t.listeners)),e("NcCheckboxContent",{staticClass:"checkbox-radio-switch__content",attrs:{id:t.isButtonType?void 0:`${t.id}-label`,"icon-class":"checkbox-radio-switch__icon","text-class":"checkbox-radio-switch__text",type:t.internalType,indeterminate:t.hasIndeterminate?t.indeterminate:!1,"button-variant":t.buttonVariant,"is-checked":t.isChecked,loading:t.loading,"label-id":t.labelId,"description-id":t.descriptionId,"icon-size":t.iconSize},nativeOn:{click:function(i){return t.onToggle.apply(null,arguments)}},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon")]},proxy:!0},t.$slots.description||t.description?{key:"description",fn:function(){return[t._t("description",function(){return[t._v(" "+t._s(t.description)+" ")]})]},proxy:!0}:null],null,!0)},[t._t("default")],2)],1)},bt=[],ft=n(pt,ht,bt,!1,null,"24ed12a5");const _t=ft.exports;export{_t as N}; //# sourceMappingURL=NcCheckboxRadioSwitch-DAPHFb0L-ou8aC9jF.chunk.mjs.map
Save File
Cancel