3 lines
12 KiB
JavaScript
3 lines
12 KiB
JavaScript
import{n as a,aJ as o,a as c,ac as u,f as d,r as h}from"./index-BMeBqg0T.chunk.mjs";import{u as p}from"./useModelMigration-EhAWvqDD-wVDp4GUR.chunk.mjs";h();const m={name:"CheckboxBlankOutlineIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var b=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()])])])},f=[],g=a(m,b,f,!1,null,null);const y=g.exports,k={name:"MinusBoxIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var _=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()])])])},v=[],C=a(k,_,v,!1,null,null);const x=C.exports,A={name:"CheckboxMarkedIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var w=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()])])])},S=[],B=a(A,w,S,!1,null,null);const z=B.exports,V={name:"RadioboxMarkedIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var T=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()])])])},$=[],I=a(V,T,$,!1,null,null);const M=I.exports,N={name:"RadioboxBlankIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var H=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()])])])},E=[],L=a(N,H,E,!1,null,null);const O=L.exports,Z={name:"ToggleSwitchOffIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var j=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()])])])},R=[],W=a(Z,j,R,!1,null,null);const q=W.exports,G={name:"ToggleSwitchIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};var D=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()])])])},P=[],J=a(G,D,P,!1,null,null);const F=J.exports,l="checkbox",s="radio",n="switch",r="button",K={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=>[l,s,n,r].includes(t)},buttonVariant:{type:Boolean,default:!1},isChecked:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{type:Number,default:24}},computed:{isButtonType(){return this.type===r},checkboxRadioIconElement(){return this.type===s?this.isChecked?M:O:this.type===n?this.isChecked?F:q:this.indeterminate?x:this.isChecked?z:y}}};var Q=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",{class:{"checkbox-content__icon":!0,"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.size}})]},{checked:t.isChecked,loading:t.loading})],2),t.$slots.default?e("span",{class:["checkbox-content__text",t.textClass]},[t._t("default")],2):t._e()])},U=[],X=a(K,Q,U,!1,null,"18de8bed");const Y=X.exports,tt={name:"NcCheckboxRadioSwitch",components:{NcCheckboxContent:Y},inheritAttrs:!1,model:{prop:"modelValue",event:"update:modelValue"},props:{id:{type:String,default:()=>"checkbox-radio-switch-"+u(),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=>[l,s,n,r].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}},emits:["update:checked","update:modelValue","update:model-value"],setup(){return{model:p("checked","update:checked")}},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.type===r},computedWrapperElement(){return this.isButtonType?"button":this.wrapperElement!==null?this.wrapperElement:"span"},listeners(){return this.isButtonType?{click:this.onToggle}:{change:this.onToggle}},size(){return this.type===n?36:24},cssVars(){return{"--icon-size":this.size+"px","--icon-height":(this.type===n?16:this.size)+"px"}},inputType(){return[l,s,r].includes(this.type)?this.type:l},isChecked(){return this.value!==null?Array.isArray(this.model)?[...this.model].indexOf(this.value)>-1:this.model===this.value:this.model===!0},hasIndeterminate(){return[l,s].includes(this.inputType)}},mounted(){if(this.name&&this.type===l&&!Array.isArray(this.model))throw new Error("When using groups of checkboxes, the updated value will be an array.");if(this.name&&this.type===n)throw new Error("Switches are not made to be used for data sets. Please use checkboxes instead.");if(typeof this.model!="boolean"&&this.type===n)throw new Error("Switches can only be used with boolean as checked prop.")},methods:{t:c,n:o,onToggle(t){if(this.disabled||t.target.tagName.toLowerCase()==="a")return;if(this.type===s){this.model=this.value;return}if(this.type===n){this.model=!this.isChecked;return}if(typeof this.model=="boolean"){this.model=!this.model;return}const e=this.getInputsSet().filter(i=>i.checked).map(i=>i.value);e.includes(this.value)?this.model=e.filter(i=>i!==this.value):this.model=[...e,this.value]},getInputsSet(){return[...document.getElementsByName(this.name)]}}};var et=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.type]:t.type,"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},style:t.cssVars,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.id}-label`:null,"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.type,indeterminate:t.hasIndeterminate?t.indeterminate:!1,"button-variant":t.buttonVariant,"is-checked":t.isChecked,loading:t.loading,size:t.size},nativeOn:{click:function(i){return t.onToggle.apply(null,arguments)}},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon")]},proxy:!0}],null,!0)},[t._t("default")],2)],1)},it=[],at=a(tt,et,it,!1,null,"22cdd229");const st=at.exports;export{st as N};
|
|
//# sourceMappingURL=NcCheckboxRadioSwitch-VeztTzpz-CXqdOpK4.chunk.mjs.map
|