+import{a1 as h,h as I,j as w,v as n,o as l,k as d,m as s,t as p,L as T,ao as M,ar as $,ap as H,c as x,w as k,B as u,as as S,a5 as z,$ as N,an as v,a4 as m,n as C,r as B,a as L,aq as E,b as Z,ai as q,_ as O}from"./TrayArrowDown-sRwZP_WA.chunk.mjs";const R=["aria-label"],j=["width","height"],G=["fill"],W=["fill"],P={key:0},U=I({__name:"NcLoadingIcon",props:{appearance:{default:"auto"},name:{default:""},size:{default:20}},setup(t){const a=t,e=w(()=>{const o=["#777","#CCC"];return a.appearance==="light"?o:a.appearance==="dark"?o.reverse():["var(--color-loading-light)","var(--color-loading-dark)"]});return(o,c)=>(l(),n("span",{"aria-label":o.name,role:"img",class:"material-design-icon loading-icon"},[(l(),n("svg",{width:o.size,height:o.size,viewBox:"0 0 24 24"},[d("path",{fill:e.value[0],d:"M12,4V2A10,10 0 1,0 22,12H20A8,8 0 1,1 12,4Z"},null,8,G),d("path",{fill:e.value[1],d:"M12,4V2A10,10 0 0,1 22,12H20A8,8 0 0,0 12,4Z"},[o.name?(l(),n("title",P,p(o.name),1)):s("",!0)],8,W)],8,j))],8,R))}}),D=h(U,[["__scopeId","data-v-cf399190"]]),F=Symbol.for("insideRadioGroup");function J(){return T(F,void 0)}const K={name:"CheckboxBlankOutlineIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},Q=["aria-hidden","aria-label"],X=["fill","width","height"],Y={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"},ee={key:0};function te(t,a,e,o,c,i){return l(),n("span",u(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon checkbox-blank-outline-icon",role:"img",onClick:a[0]||(a[0]=r=>t.$emit("click",r))}),[(l(),n("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[d("path",Y,[e.title?(l(),n("title",ee,p(e.title),1)):s("",!0)])],8,X))],16,Q)}const ie=h(K,[["render",te]]),ae={name:"CheckboxMarkedIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},le=["aria-hidden","aria-label"],ne=["fill","width","height"],oe={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"},re={key:0};function se(t,a,e,o,c,i){return l(),n("span",u(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon checkbox-marked-icon",role:"img",onClick:a[0]||(a[0]=r=>t.$emit("click",r))}),[(l(),n("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[d("path",oe,[e.title?(l(),n("title",re,p(e.title),1)):s("",!0)])],8,ne))],16,le)}const ce=h(ae,[["render",se]]),de={name:"MinusBoxIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},ue=["aria-hidden","aria-label"],he=["fill","width","height"],pe={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"},ge={key:0};function be(t,a,e,o,c,i){return l(),n("span",u(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon minus-box-icon",role:"img",onClick:a[0]||(a[0]=r=>t.$emit("click",r))}),[(l(),n("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[d("path",pe,[e.title?(l(),n("title",ge,p(e.title),1)):s("",!0)])],8,he))],16,ue)}const ye=h(de,[["render",be]]),me={name:"RadioboxBlankIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},fe=["aria-hidden","aria-label"],ke=["fill","width","height"],ve={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"},Ce={key:0};function we(t,a,e,o,c,i){return l(),n("span",u(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon radiobox-blank-icon",role:"img",onClick:a[0]||(a[0]=r=>t.$emit("click",r))}),[(l(),n("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[d("path",ve,[e.title?(l(),n("title",Ce,p(e.title),1)):s("",!0)])],8,ke))],16,fe)}const xe=h(me,[["render",we]]),Ae={name:"RadioboxMarkedIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},Se=["aria-hidden","aria-label"],Ve=["fill","width","height"],_e={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"},ze={key:0};function Be(t,a,e,o,c,i){return l(),n("span",u(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon radiobox-marked-icon",role:"img",onClick:a[0]||(a[0]=r=>t.$emit("click",r))}),[(l(),n("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[d("path",_e,[e.title?(l(),n("title",ze,p(e.title),1)):s("",!0)])],8,Ve))],16,Se)}const Ie=h(Ae,[["render",Be]]),Te={name:"ToggleSwitchIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},Me=["aria-hidden","aria-label"],$e=["fill","width","height"],He={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"},Ne={key:0};function Le(t,a,e,o,c,i){return l(),n("span",u(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon toggle-switch-icon",role:"img",onClick:a[0]||(a[0]=r=>t.$emit("click",r))}),[(l(),n("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[d("path",He,[e.title?(l(),n("title",Ne,p(e.title),1)):s("",!0)])],8,$e))],16,Me)}const Ee=h(Te,[["render",Le]]),Ze={name:"ToggleSwitchOffIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},qe=["aria-hidden","aria-label"],Oe=["fill","width","height"],Re={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"},je={key:0};function Ge(t,a,e,o,c,i){return l(),n("span",u(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon toggle-switch-off-icon",role:"img",onClick:a[0]||(a[0]=r=>t.$emit("click",r))}),[(l(),n("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[d("path",Re,[e.title?(l(),n("title",je,p(e.title),1)):s("",!0)])],8,Oe))],16,qe)}const We=h(Ze,[["render",Ge]]),y="checkbox",b="radio",g="switch",f="button",Pe={name:"NcCheckboxContent",components:{NcLoadingIcon:D},props:{iconClass:{type:[String,Object],default:null},textClass:{type:[String,Object],default:null},type:{type:String,default:"checkbox",validator:t=>[y,b,g,f].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===f},checkboxRadioIconElement(){return this.type===b?this.isChecked?Ie:xe:this.type===g?this.isChecked?Ee:We:this.indeterminate?ye:this.isChecked?ce:ie}}},Ue={key:0,class:"checkbox-content__wrapper"},De=["id"],Fe=["id"];function Je(t,a,e,o,c,i){const r=B("NcLoadingIcon");return l(),n("span",{class:C(["checkbox-content",{["checkbox-content-"+e.type]:!0,"checkbox-content--button-variant":e.buttonVariant,"checkbox-content--has-text":!!t.$slots.default}])},[d("span",{class:C(["checkbox-content__icon",{"checkbox-content__icon--checked":e.isChecked,"checkbox-content__icon--has-description":!i.isButtonType&&t.$slots.description,[e.iconClass]:!0}]),"aria-hidden":!0,inert:""},[m(t.$slots,"icon",{checked:e.isChecked,loading:e.loading},()=>[e.loading?(l(),x(r,{key:0})):e.buttonVariant?s("",!0):(l(),x(z(i.checkboxRadioIconElement),{key:1,size:e.iconSize},null,8,["size"]))],!0)],2),t.$slots.default||t.$slots.description?(l(),n("span",Ue,[t.$slots.default?(l(),n("span",{key:0,id:e.labelId,class:C(["checkbox-content__text",e.textClass])},[m(t.$slots,"default",{},void 0,!0)],10,De)):s("",!0),!i.isButtonType&&t.$slots.description?(l(),n("span",{key:1,id:e.descriptionId,class:"checkbox-content__description"},[m(t.$slots,"description",{},void 0,!0)],8,Fe)):s("",!0)])):s("",!0)],2)}const Ke=h(Pe,[["render",Je],["__scopeId","data-v-a1ac280f"]]);M();const A={name:"NcCheckboxRadioSwitch",components:{NcCheckboxContent:Ke},inheritAttrs:!1,props:{id:{type:String,default:()=>"checkbox-radio-switch-"+v(),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=>[y,b,g,f].includes(t)},buttonVariant:{type:Boolean,default:!1},buttonVariantGrouped:{type:String,default:"no",validator:t=>["no","vertical","horizontal"].includes(t)},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},class:{type:[String,Array,Object],default:""},style:{type:[String,Array,Object],default:""},description:{type:String,default:null}},emits:["update:modelValue"],setup(t,{emit:a}){const e=J();N(()=>e?.value.register(!1));const o=w(()=>e?.value?b:t.type),c=w({get(){return e?.value?e.value.modelValue:t.modelValue},set(i){e?.value?e.value.onUpdate(i):a("update:modelValue",i)}});return{internalType:o,internalModelValue:c,labelId:v(),descriptionId:v()}},computed:{isButtonType(){return this.internalType===f},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===g?36:20},cssIconSize(){return this.iconSize+"px"},cssIconHeight(){return this.internalType===g?"16px":this.cssIconSize},inputType(){return[y,b,f].includes(this.internalType)?this.internalType:y},isChecked(){return this.value!==null?Array.isArray(this.internalModelValue)?[...this.internalModelValue].indexOf(this.value)>-1:this.internalModelValue===this.value:this.internalModelValue===!0},hasIndeterminate(){return[y,b].includes(this.inputType)}},mounted(){if(this.name&&this.internalType===y&&!Array.isArray(this.internalModelValue))throw new Error("When using groups of checkboxes, the updated value will be an array.");if(this.name&&this.internalType===g)throw new Error("Switches are not made to be used for data sets. Please use checkboxes instead.");if(typeof this.internalModelValue!="boolean"&&this.internalType===g)throw new Error("Switches can only be used with boolean as modelValue prop.")},methods:{t:H,n:$,onToggle(t){if(this.disabled||t.target.tagName.toLowerCase()==="a")return;if(this.internalType===b){this.internalModelValue=this.value;return}if(this.internalType===g){this.internalModelValue=!this.isChecked;return}if(typeof this.internalModelValue=="boolean"){this.internalModelValue=!this.internalModelValue;return}const a=this.getInputsSet().filter(e=>e.checked).map(e=>e.value);a.includes(this.value)?this.internalModelValue=a.filter(e=>e!==this.value):this.internalModelValue=[...a,this.value]},getInputsSet(){return[...document.getElementsByName(this.name)]}}},V=()=>{q(t=>({"65a7082e":t.cssIconSize,"20f7d30f":t.cssIconHeight}))},_=A.setup;A.setup=_?(t,a)=>(V(),_(t,a)):V;const Qe=["id","aria-labelledby","aria-describedby","aria-label","disabled","type","value","checked",".indeterminate","required","name"];function Xe(t,a,e,o,c,i){const r=B("NcCheckboxContent");return l(),x(z(i.computedWrapperElement),u({id:e.wrapperId??(i.isButtonType?e.id:null),"aria-label":i.isButtonType&&e.ariaLabel?e.ariaLabel:void 0,class:["checkbox-radio-switch",[t.$props.class,{["checkbox-radio-switch-"+o.internalType]:o.internalType,"checkbox-radio-switch--checked":i.isChecked,"checkbox-radio-switch--disabled":e.disabled,"checkbox-radio-switch--indeterminate":i.hasIndeterminate?e.indeterminate:!1,"checkbox-radio-switch--button-variant":e.buttonVariant,"checkbox-radio-switch--button-variant-v-grouped":e.buttonVariant&&e.buttonVariantGrouped==="vertical","checkbox-radio-switch--button-variant-h-grouped":e.buttonVariant&&e.buttonVariantGrouped==="horizontal","button-vue":i.isButtonType}]],style:e.style,type:i.isButtonType?"button":null},i.isButtonType?t.$attrs:{},S(i.isButtonType?i.listeners:{})),{default:k(()=>[i.isButtonType?s("",!0):(l(),n("input",u({key:0,id:e.id,"aria-labelledby":!i.isButtonType&&!e.ariaLabel?o.labelId:null,"aria-describedby":!i.isButtonType&&(e.description||t.$slots.description)?o.descriptionId:null,"aria-label":e.ariaLabel||void 0,class:"checkbox-radio-switch__input",disabled:e.disabled,type:i.inputType,value:e.value,checked:i.isChecked,".indeterminate":i.hasIndeterminate?e.indeterminate:null,required:e.required,name:e.name},t.$attrs,S(i.listeners,!0)),null,48,Qe)),L(r,{id:i.isButtonType?void 0:`${e.id}-label`,class:"checkbox-radio-switch__content","icon-class":"checkbox-radio-switch__icon","text-class":"checkbox-radio-switch__text",type:o.internalType,indeterminate:i.hasIndeterminate?e.indeterminate:!1,"button-variant":e.buttonVariant,"is-checked":i.isChecked,loading:e.loading,"label-id":o.labelId,"description-id":o.descriptionId,"icon-size":i.iconSize,onClick:i.onToggle},E({icon:k(()=>[m(t.$slots,"icon",{},void 0,!0)]),_:2},[t.$slots.description||e.description?{name:"description",fn:k(()=>[m(t.$slots,"description",{},()=>[Z(p(e.description),1)],!0)]),key:"0"}:void 0,t.$slots.default?{name:"default",fn:k(()=>[m(t.$slots,"default",{},void 0,!0)]),key:"1"}:void 0]),1032,["id","type","indeterminate","button-variant","is-checked","loading","label-id","description-id","icon-size","onClick"])]),_:3},16,["id","aria-label","class","style","type"])}const ot=h(A,[["render",Xe],["__scopeId","data-v-0dcb138a"]]),Ye={name:"ContentCopyIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},et=["aria-hidden","aria-label"],tt=["fill","width","height"],it={d:"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"},at={key:0};function lt(t,a,e,o,c,i){return l(),n("span",u(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon content-copy-icon",role:"img",onClick:a[0]||(a[0]=r=>t.$emit("click",r))}),[(l(),n("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[d("path",it,[e.title?(l(),n("title",at,p(e.title),1)):s("",!0)])],8,tt))],16,et)}const rt=O(Ye,[["render",lt]]);export{rt as I,ot as N,D as a};
0 commit comments