nextcloud-server/dist/NcCheckboxRadioSwitch-D0gFwEVl-CZhGfPiT.chunk.mjs

import{b as M,a5 as B,o as a,c as k,F as x,D as w,a2 as $,r as S,w as v,f as o,m as h,Q as _,h as r,k as N,B as H,i as b,j as L,t as g,P as z,p as E,g as m}from"./preload-helper-DoJVKVMq.chunk.mjs";import{_ as u,N as O,r as Z,n as R,b as j,c as C}from"./NcIconSvgWrapper-De-2-ukl-CcvQeIAt.chunk.mjs";import{N as q}from"./Web-rJva_rmF.chunk.mjs";const G=`<svg
	xmlns="http://www.w3.org/2000/svg"
	viewBox="0 0 24 12">
	<path d="M17,1H7A5,5 0 0,0 2,6 5,5 0 0,0 7,11H17A5,5 0 0,0 22,6 5,5 0 0,0 17,1Z" />
	<circle
		cy="6"
		r="3"
		fill="var(--color-main-background)" />
</svg>`,W=M({__name:"NcIconToggleSwitch",props:{checked:{type:Boolean},size:{default:34},inline:{type:Boolean,default:!1}},setup(t){B(l=>({"6bd152af":n.value,"16fd8ca9":e.value}));const n=w(()=>t.checked?"var(--color-primary-element)":"var(--color-text-maxcontrast)"),e=w(()=>t.checked?"calc(17 / 24 * 100%)":"calc(7 / 24 * 100%)");return(l,c)=>(a(),k(O,{class:x(l.$style.iconToggleSwitch),svg:G,size:l.size,inline:l.inline},null,8,["class","size","inline"]))}}),P="_iconToggleSwitch_WgcOx",D={"material-design-icon":"_material-design-icon_ZYrc5",iconToggleSwitch:P},F={$style:D},Q=u(W,[["__cssModules",F]]),U=Symbol.for("insideRadioGroup");function Y(){return $(U,void 0)}const J={name:"CheckboxBlankOutlineIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},K=["aria-hidden","aria-label"],X=["fill","width","height"],ee={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"},te={key:0};function ie(t,n,e,l,c,i){return a(),o("span",h(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon checkbox-blank-outline-icon",role:"img",onClick:n[0]||(n[0]=s=>t.$emit("click",s))}),[(a(),o("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[m("path",ee,[e.title?(a(),o("title",te,g(e.title),1)):r("",!0)])],8,X))],16,K)}const ne=u(J,[["render",ie]]),ae={name:"CheckboxMarkedIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},le=["aria-hidden","aria-label"],oe=["fill","width","height"],se={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 ce(t,n,e,l,c,i){return a(),o("span",h(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon checkbox-marked-icon",role:"img",onClick:n[0]||(n[0]=s=>t.$emit("click",s))}),[(a(),o("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[m("path",se,[e.title?(a(),o("title",re,g(e.title),1)):r("",!0)])],8,oe))],16,le)}const de=u(ae,[["render",ce]]),ue={name:"MinusBoxIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},pe=["aria-hidden","aria-label"],he=["fill","width","height"],ye={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"},be={key:0};function ge(t,n,e,l,c,i){return a(),o("span",h(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon minus-box-icon",role:"img",onClick:n[0]||(n[0]=s=>t.$emit("click",s))}),[(a(),o("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[m("path",ye,[e.title?(a(),o("title",be,g(e.title),1)):r("",!0)])],8,he))],16,pe)}const me=u(ue,[["render",ge]]),ke={name:"RadioboxBlankIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},fe=["aria-hidden","aria-label"],ve=["fill","width","height"],xe={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"},we={key:0};function Ce(t,n,e,l,c,i){return a(),o("span",h(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon radiobox-blank-icon",role:"img",onClick:n[0]||(n[0]=s=>t.$emit("click",s))}),[(a(),o("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[m("path",xe,[e.title?(a(),o("title",we,g(e.title),1)):r("",!0)])],8,ve))],16,fe)}const Se=u(ke,[["render",Ce]]),Te={name:"RadioboxMarkedIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},_e=["aria-hidden","aria-label"],Ve=["fill","width","height"],Ie={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"},Be={key:0};function ze(t,n,e,l,c,i){return a(),o("span",h(t.$attrs,{"aria-hidden":e.title?null:"true","aria-label":e.title,class:"material-design-icon radiobox-marked-icon",role:"img",onClick:n[0]||(n[0]=s=>t.$emit("click",s))}),[(a(),o("svg",{fill:e.fillColor,class:"material-design-icon__svg",width:e.size,height:e.size,viewBox:"0 0 24 24"},[m("path",Ie,[e.title?(a(),o("title",Be,g(e.title),1)):r("",!0)])],8,Ve))],16,_e)}const Ae=u(Te,[["render",ze]]),y="checkbox",p="radio",d="switch",f="button",Me={name:"NcCheckboxContent",components:{NcLoadingIcon:q,NcIconToggleSwitch:Q},props:{iconClass:{type:[String,Object],default:null},textClass:{type:[String,Object],default:null},type:{type:String,default:"checkbox",validator:t=>[y,p,d,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},isSwitchType(){return this.type===d},checkboxRadioIconElement(){return this.type===p?this.isChecked?Ae:Se:this.indeterminate?me:this.isChecked?de:ne}}},$e={key:0,class:"checkbox-content__wrapper"},Ne=["id"],He=["id"];function Le(t,n,e,l,c,i){const s=S("NcLoadingIcon"),A=S("NcIconToggleSwitch");return a(),o("span",{class:x(["checkbox-content",{["checkbox-content-"+e.type]:!0,"checkbox-content--button-variant":e.buttonVariant,"checkbox-content--has-text":!!t.$slots.default}])},[m("span",{class:x(["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:""},[b(t.$slots,"icon",{checked:e.isChecked,loading:e.loading},()=>[e.loading?(a(),k(s,{key:0})):i.isSwitchType?(a(),k(A,{key:1,checked:e.isChecked,size:e.iconSize,inline:""},null,8,["checked","size"])):e.buttonVariant?r("",!0):(a(),k(z(i.checkboxRadioIconElement),{key:2,size:e.iconSize},null,8,["size"]))],!0)],2),t.$slots.default||t.$slots.description?(a(),o("span",$e,[t.$slots.default?(a(),o("span",{key:0,id:e.labelId,class:x(["checkbox-content__text",e.textClass])},[b(t.$slots,"default",{},void 0,!0)],10,Ne)):r("",!0),!i.isButtonType&&t.$slots.description?(a(),o("span",{key:1,id:e.descriptionId,class:"checkbox-content__description"},[b(t.$slots,"description",{},void 0,!0)],8,He)):r("",!0)])):r("",!0)],2)}const Ee=u(Me,[["render",Le],["__scopeId","data-v-a060196e"]]);Z();const T={name:"NcCheckboxRadioSwitch",components:{NcCheckboxContent:Ee},inheritAttrs:!1,props:{id:{type:String,default:()=>"checkbox-radio-switch-"+C(),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,p,d,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:n}){const e=Y();E(()=>e?.value.register(!1));const l=w(()=>e?.value?p:t.type),c=w({get(){return e?.value?e.value.modelValue:t.modelValue},set(i){e?.value?e.value.onUpdate(i):n("update:modelValue",i)}});return{internalType:l,internalModelValue:c,labelId:C(),descriptionId:C()}},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===d?36:20},cssIconSize(){return this.iconSize+"px"},cssIconHeight(){return this.internalType===d?"16px":this.cssIconSize},inputType(){return[y,p,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,p].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===d)throw new Error("Switches are not made to be used for data sets. Please use checkboxes instead.");if(typeof this.internalModelValue!="boolean"&&this.internalType===d)throw new Error("Switches can only be used with boolean as modelValue prop.")},methods:{t:j,n:R,onToggle(t){if(this.disabled||t.target.tagName.toLowerCase()==="a")return;if(this.internalType===p){this.internalModelValue=this.value;return}if(this.internalType===d){this.internalModelValue=!this.isChecked;return}if(typeof this.internalModelValue=="boolean"){this.internalModelValue=!this.internalModelValue;return}const n=this.getInputsSet().filter(e=>e.checked).map(e=>e.value);n.includes(this.value)?this.internalModelValue=n.filter(e=>e!==this.value):this.internalModelValue=[...n,this.value]},getInputsSet(){return[...document.getElementsByName(this.name)]}}},V=()=>{B(t=>({"1d6eb36d":t.cssIconSize,"698a3993":t.cssIconHeight}))},I=T.setup;T.setup=I?(t,n)=>(V(),I(t,n)):V;const Oe=["id","aria-labelledby","aria-describedby","aria-label","disabled","type","value","checked",".indeterminate","required","name"];function Ze(t,n,e,l,c,i){const s=S("NcCheckboxContent");return a(),k(z(i.computedWrapperElement),h({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-"+l.internalType]:l.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:{},_(i.isButtonType?i.listeners:{})),{default:v(()=>[i.isButtonType?r("",!0):(a(),o("input",h({key:0,id:e.id,"aria-labelledby":!i.isButtonType&&!e.ariaLabel?l.labelId:null,"aria-describedby":!i.isButtonType&&(e.description||t.$slots.description)?l.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,_(i.listeners,!0)),null,48,Oe)),N(s,{id:i.isButtonType?void 0:`${e.id}-label`,class:"checkbox-radio-switch__content",iconClass:"checkbox-radio-switch__icon",textClass:"checkbox-radio-switch__text",type:l.internalType,indeterminate:i.hasIndeterminate?e.indeterminate:!1,buttonVariant:e.buttonVariant,isChecked:i.isChecked,loading:e.loading,labelId:l.labelId,descriptionId:l.descriptionId,iconSize:i.iconSize,onClick:i.onToggle},H({icon:v(()=>[b(t.$slots,"icon",{},void 0,!0)]),_:2},[t.$slots.description||e.description?{name:"description",fn:v(()=>[b(t.$slots,"description",{},()=>[L(g(e.description),1)],!0)]),key:"0"}:void 0,t.$slots.default?{name:"default",fn:v(()=>[b(t.$slots,"default",{},void 0,!0)]),key:"1"}:void 0]),1032,["id","type","indeterminate","buttonVariant","isChecked","loading","labelId","descriptionId","iconSize","onClick"])]),_:3},16,["id","aria-label","class","style","type"])}const Ge=u(T,[["render",Ze],["__scopeId","data-v-6808cde4"]]);export{Ge as N};
//# sourceMappingURL=NcCheckboxRadioSwitch-D0gFwEVl-CZhGfPiT.chunk.mjs.map