ablok-components 0.1.7 → 0.1.8

package/dist/ablok-components.es.js

@@ -301,7 +301,7 @@ const zp = { class: "input-group base-input__input-group" }, jp = ["type", "id",
       je(d.$slots, "label", {}, () => [
         te("label", {
           for: r.id,
-          class: Ve(["base-input__label", {
+          class: Ve(["input__label", {
             "form-check-label": r.type === "checkbox"
           }]),
           innerHTML: `${r.label}${r.required ? " *" : ""}`

package/dist/ablok-components.umd.js

@@ -1,4 +1,4 @@
-(function(Ie,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(Ie=typeof globalThis<"u"?globalThis:Ie||self,o(Ie.AblokComponents={},Ie.Vue))})(this,function(Ie,o){"use strict";const Cs={class:"icon",preserveAspectRatio:"xMaxYMin"},Os=["xlink:href"],Ss=o.defineComponent({__name:"svg-icon",props:{basePath:{type:String,default:"/symbol-defs.svg"},prefix:{type:String,default:"icon-"},symbol:{type:String,default:""},size:{type:String,default:"default"}},setup(r){return(u,a)=>(o.openBlock(),o.createElementBlock("i",{class:o.normalizeClass(["svg-icon",{[`svg-icon--${r.size}`]:r.size}])},[(o.openBlock(),o.createElementBlock("svg",Cs,[o.createElementVNode("use",{"xlink:href":`${r.basePath}#${r.prefix}${r.symbol}`,"xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0",y:"0"},null,8,Os)]))],2))}}),bv="",ws={class:"loading-spinner d-block"},Rs={class:"loading-spinner__animation"},Ds={class:"d-block",version:"1.1",id:"L9",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 100 100","enable-background":"new 0 0 0 0","xml:space":"preserve"},xs=["fill"],ks=[o.createElementVNode("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"1s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"},null,-1)],Ps=o.defineComponent({__name:"loading-spinner",props:{color:{type:String,default:"#fff"}},setup(r){return(u,a)=>(o.openBlock(),o.createElementBlock("span",ws,[o.createElementVNode("span",Rs,[(o.openBlock(),o.createElementBlock("svg",Ds,[o.createElementVNode("path",{fill:r.color,d:"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"},ks,8,xs)]))]),o.renderSlot(u.$slots,"default")]))}}),Lv="",Ms=o.defineComponent({__name:"base-headline",props:{tag:null,size:null,variant:null,text:null,className:null},setup(r){const u=r,a=o.computed(()=>u.tag||"p");return(d,_)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(o.unref(a)),{class:o.normalizeClass(["headline",`${r.size} headline--${r.size}${r.className||""}`])},{default:o.withCtx(()=>[o.renderSlot(d.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(r.text),1)])]),_:3},8,["class"]))}}),Fs=o.defineComponent({__name:"base-paragraph",props:{size:null,variant:null,text:null,className:null},setup(r){return(u,a)=>(o.openBlock(),o.createElementBlock("p",{class:o.normalizeClass(["base-paragraph",`${r.size} ${r.className||""}`])},[o.renderSlot(u.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(r.text),1)])],2))}}),Bs=["type","disabled"],Us=o.defineComponent({__name:"base-button",props:{type:{type:null},caption:{type:String},variant:{type:String},color:{type:String,default:"primary"},size:{type:String},icon:{type:String},disabled:{type:Boolean,default:!1},pending:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},circle:{type:Boolean,default:!1}},setup(r){const u=r,a=o.computed(()=>u.caption&&!u.circle);return(d,_)=>{const c=o.resolveComponent("svg-icon");return o.openBlock(),o.createElementBlock("button",{type:r.type,disabled:r.disabled,class:o.normalizeClass(["btn",{disabled:r.disabled,pending:r.pending,rounded:r.rounded,"rounded-circle":r.circle,[`btn-${r.color}`]:!r.outlined,[`btn-outline-${r.color}`]:r.outlined,"x-large":r.size==="x-large",large:r.size==="large",small:r.size==="small","x-small":r.size==="x-small"}])},[o.renderSlot(d.$slots,"default",{},()=>[r.icon?(o.openBlock(),o.createBlock(c,{key:0,id:r.icon,class:"base-button__caption"},null,8,["id"])):o.createCommentVNode("",!0),o.unref(a)?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(["base-button__caption",{"icon-padding":r.icon}])},o.toDisplayString(r.caption),3)):o.createCommentVNode("",!0)])],10,Bs)}}}),Tv="";function Qe(){return(new Date().valueOf()+Math.random()).toString(36)}const Vs={class:"input-group base-input__input-group"},$s=["type","id","name","placeholder","pattern","disabled","read-only","required","maxlength","true-value","false-value","aria-label"],Ws=["for","innerHTML"],Hs=o.defineComponent({__name:"base-input",props:{modelValue:{type:[String,Number,Boolean,Date],default:""},type:{type:String,default:"text"},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},placeholder:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},maxlength:{type:Number},pattern:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r,d=o.computed({get(){return a.modelValue},set(_){u("update:modelValue",_)}});return(_,c)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["input",`input--${r.type}`])},[o.createElementVNode("div",Vs,[o.renderSlot(_.$slots,"input-prepend",{slotScope:"props"}),o.withDirectives(o.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=E=>o.isRef(d)?d.value=E:null),type:r.type==="color"?"text":r.type,id:r.id,name:r.name,placeholder:r.placeholder,pattern:r.pattern,disabled:r.disabled,"read-only":r.readOnly,required:r.required,maxlength:r.maxlength,"true-value":r.trueValue,"false-value":r.falseValue,class:o.normalizeClass(["form-control",{"form-check-input":r.type==="checkbox"}]),"aria-label":r.label},null,10,$s),[[o.vModelDynamic,o.unref(d)]]),o.renderSlot(_.$slots,"input-append",{slotScope:"props"})]),o.renderSlot(_.$slots,"label",{},()=>[o.createElementVNode("label",{for:r.id,class:o.normalizeClass(["base-input__label",{"form-check-label":r.type==="checkbox"}]),innerHTML:`${r.label}${r.required?" *":""}`},null,10,Ws)])],2))}}),Av="",Gs={class:"input input--textarea"},Ks=["type","id","name","placeholder","pattern","disabled","read-only","required","maxlength","aria-label"],Ys=["for","innerHTML"],qs=o.defineComponent({__name:"input-textarea",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},placeholder:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},maxlength:{type:Number},pattern:{type:String,default:null},checked:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r,d=o.computed({get(){return a.modelValue},set(_){u("update:modelValue",_)}});return(_,c)=>(o.openBlock(),o.createElementBlock("div",Gs,[o.renderSlot(_.$slots,"input-prepend"),o.withDirectives(o.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=E=>o.isRef(d)?d.value=E:null),type:r.type,id:r.id,name:r.name,placeholder:r.placeholder,pattern:r.pattern,disabled:r.disabled,"read-only":r.readOnly,required:r.required,maxlength:r.maxlength,class:o.normalizeClass(["form-control",{}]),"aria-label":r.label},null,8,Ks),[[o.vModelText,o.unref(d)]]),o.renderSlot(_.$slots,"input-append"),o.renderSlot(_.$slots,"label",{},()=>[o.createElementVNode("label",{for:r.id,class:o.normalizeClass(["input__label",{"form-check-label":r.type==="checkbox"}]),innerHTML:`${r.label}${r.required?" *":""}`},null,10,Ys)])]))}}),Xs={class:"check-group"},Zs=["id","name","value","disabled","read-only","required"],Js=["for","innerHTML"],zs=o.defineComponent({__name:"check-group",props:{modelValue:{type:null,default:()=>[]},options:{type:Array,required:!0},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r;o.ref([]);const d=o.computed({get(){return a.modelValue},set(c){u("update:modelValue",c)}}),_=o.computed(()=>a.options.map(c=>(c=typeof c=="string"?{text:c,value:c}:c,{...c,active:a.modelValue&&a.modelValue.includes(c.value)})));return(c,E)=>(o.openBlock(),o.createElementBlock("div",Xs,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(_),(b,v)=>(o.openBlock(),o.createElementBlock("div",{key:v,class:"form-check"},[o.withDirectives(o.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":E[0]||(E[0]=O=>o.isRef(d)?d.value=O:null),id:`${r.id}-${v}`,name:r.name,class:"form-check-input",value:b.value||b,disabled:r.disabled,"read-only":r.readOnly,required:r.required},null,8,Zs),[[o.vModelCheckbox,o.unref(d)]]),o.createElementVNode("label",{class:"form-check-label",for:`${r.id}-${v}`,innerHTML:b.text},null,8,Js)]))),128))]))}}),Iv="",Qs={class:"input radio-group"},js=["id","name","value","checked","disabled","read-only","required","onChange"],ec=["for","innerHTML"],tc=["for"],nc=o.defineComponent({__name:"radio-group",props:{modelValue:{default:!1},options:{type:Array,default:[]},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","update:modelValue"],setup(r,{emit:u}){const a=r;o.ref(a.options.map(_=>_.value===a.modelValue));function d(_){console.log("asdfa",_),u("update:modelValue",_)}return o.onBeforeMount(()=>{}),(_,c)=>(o.openBlock(),o.createElementBlock("div",Qs,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(r.options,(E,b)=>(o.openBlock(),o.createElementBlock("div",{key:b,class:"form-check"},[o.createElementVNode("input",{type:"radio",id:`${r.id}-${b}`,name:r.name,class:"form-check-input",value:E.value||E,checked:E.value?E.value===r.modelValue:E===r.modelValue,disabled:r.disabled,"read-only":r.readOnly,required:r.required,onChange:v=>d(E)},null,40,js),o.createElementVNode("label",{class:"form-check-label",for:`${r.id}-${b}`,innerHTML:r.label},null,8,ec)]))),128)),o.renderSlot(_.$slots,"label",{},()=>[r.label?(o.openBlock(),o.createElementBlock("label",{key:0,for:r.id},o.toDisplayString(r.label),9,tc)):o.createCommentVNode("",!0)])]))}}),Cv="",rc=["id","name","multiple","accept","disabled"],ic={class:"input__input-group input-group"},ac=["value","id","name","disabled"],lc=["for","disabled"],uc=["for","innerHTML"],oc=o.defineComponent({__name:"input-file",props:{modelValue:{type:Array,default:[]},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},placeholder:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},pattern:{type:String,default:null},multiple:{type:Boolean,default:!1},accept:{type:String}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r;function d(b){const v=b.target&&b.target.files;v&&(c.splice(0,c.length),Array.from(v).forEach(O=>{c.push(O)}))}const _=o.ref(),c=o.reactive([]),E=o.computed(()=>c&&c.map(b=>b.name));return o.computed(()=>c.map(b=>URL.createObjectURL(b))),o.watch(()=>a.modelValue,(b,v)=>{b.length===0&&(_.value.value=null)},{deep:!0}),o.watch(()=>c,(b,v)=>{u("update:modelValue",b)},{deep:!0}),(b,v)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["input input-file","input-file--primary"])},[o.createElementVNode("input",{ref_key:"input",ref:_,type:"file",id:r.id,name:r.name,class:"d-none",onChange:d,multiple:r.multiple,accept:r.accept,disabled:r.disabled},null,40,rc),o.createElementVNode("div",ic,[o.renderSlot(b.$slots,"input-prepend"),o.createElementVNode("input",{type:"text",value:o.unref(E),id:r.id,name:r.name,class:"form-control",disabled:r.disabled},null,8,ac),o.renderSlot(b.$slots,"input-append",{},()=>[o.createElementVNode("label",{for:r.id,class:"btn btn-outline-dark",disabled:r.disabled}," Select Image ",8,lc)])]),o.renderSlot(b.$slots,"label",{},()=>[o.createElementVNode("label",{for:r.id,class:"input__label",innerHTML:`${r.label}${r.required?" *":""}`},null,8,uc)])]))}}),sc={class:"input-color"},cc={class:"base-input__color-swatch"},fc=["name","id","disabled","read-only","required","aria-label"],dc=o.defineComponent({__name:"input-color",props:{modelValue:{type:[String,Number,Boolean,Date],default:""},type:{type:String,default:"text"},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},placeholder:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},maxlength:{type:Number},pattern:{type:String,default:null}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r,d=o.computed({get(){return a.modelValue},set(_){u("update:modelValue",_)}});return(_,c)=>{const E=o.resolveComponent("base-input");return o.openBlock(),o.createElementBlock("div",sc,[o.createVNode(E,{modelValue:o.unref(d),"onUpdate:modelValue":c[1]||(c[1]=b=>o.isRef(d)?d.value=b:null),type:r.type==="color"?"text":r.type,id:r.id,name:r.name,placeholder:r.placeholder,pattern:r.pattern,label:r.label,disabled:r.disabled,"read-only":r.readOnly,required:r.required,maxlength:r.maxlength},{"input-append":o.withCtx(b=>[o.createElementVNode("span",cc,[o.withDirectives(o.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=v=>o.isRef(d)?d.value=v:null),type:"color",name:`${r.name}-color`,id:`${r.id}-color`,disabled:r.disabled,"read-only":r.readOnly,required:r.required,class:"form-control","aria-label":r.label},null,8,fc),[[o.vModelText,o.unref(d)]])])]),_:1},8,["modelValue","type","id","name","placeholder","pattern","label","disabled","read-only","required","maxlength"])])}}}),Ov="";/*!
+(function(Ie,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(Ie=typeof globalThis<"u"?globalThis:Ie||self,o(Ie.AblokComponents={},Ie.Vue))})(this,function(Ie,o){"use strict";const Cs={class:"icon",preserveAspectRatio:"xMaxYMin"},Os=["xlink:href"],Ss=o.defineComponent({__name:"svg-icon",props:{basePath:{type:String,default:"/symbol-defs.svg"},prefix:{type:String,default:"icon-"},symbol:{type:String,default:""},size:{type:String,default:"default"}},setup(r){return(u,a)=>(o.openBlock(),o.createElementBlock("i",{class:o.normalizeClass(["svg-icon",{[`svg-icon--${r.size}`]:r.size}])},[(o.openBlock(),o.createElementBlock("svg",Cs,[o.createElementVNode("use",{"xlink:href":`${r.basePath}#${r.prefix}${r.symbol}`,"xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0",y:"0"},null,8,Os)]))],2))}}),bv="",ws={class:"loading-spinner d-block"},Rs={class:"loading-spinner__animation"},Ds={class:"d-block",version:"1.1",id:"L9",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 100 100","enable-background":"new 0 0 0 0","xml:space":"preserve"},xs=["fill"],ks=[o.createElementVNode("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"1s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"},null,-1)],Ps=o.defineComponent({__name:"loading-spinner",props:{color:{type:String,default:"#fff"}},setup(r){return(u,a)=>(o.openBlock(),o.createElementBlock("span",ws,[o.createElementVNode("span",Rs,[(o.openBlock(),o.createElementBlock("svg",Ds,[o.createElementVNode("path",{fill:r.color,d:"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"},ks,8,xs)]))]),o.renderSlot(u.$slots,"default")]))}}),Lv="",Ms=o.defineComponent({__name:"base-headline",props:{tag:null,size:null,variant:null,text:null,className:null},setup(r){const u=r,a=o.computed(()=>u.tag||"p");return(d,_)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(o.unref(a)),{class:o.normalizeClass(["headline",`${r.size} headline--${r.size}${r.className||""}`])},{default:o.withCtx(()=>[o.renderSlot(d.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(r.text),1)])]),_:3},8,["class"]))}}),Fs=o.defineComponent({__name:"base-paragraph",props:{size:null,variant:null,text:null,className:null},setup(r){return(u,a)=>(o.openBlock(),o.createElementBlock("p",{class:o.normalizeClass(["base-paragraph",`${r.size} ${r.className||""}`])},[o.renderSlot(u.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(r.text),1)])],2))}}),Bs=["type","disabled"],Us=o.defineComponent({__name:"base-button",props:{type:{type:null},caption:{type:String},variant:{type:String},color:{type:String,default:"primary"},size:{type:String},icon:{type:String},disabled:{type:Boolean,default:!1},pending:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},circle:{type:Boolean,default:!1}},setup(r){const u=r,a=o.computed(()=>u.caption&&!u.circle);return(d,_)=>{const c=o.resolveComponent("svg-icon");return o.openBlock(),o.createElementBlock("button",{type:r.type,disabled:r.disabled,class:o.normalizeClass(["btn",{disabled:r.disabled,pending:r.pending,rounded:r.rounded,"rounded-circle":r.circle,[`btn-${r.color}`]:!r.outlined,[`btn-outline-${r.color}`]:r.outlined,"x-large":r.size==="x-large",large:r.size==="large",small:r.size==="small","x-small":r.size==="x-small"}])},[o.renderSlot(d.$slots,"default",{},()=>[r.icon?(o.openBlock(),o.createBlock(c,{key:0,id:r.icon,class:"base-button__caption"},null,8,["id"])):o.createCommentVNode("",!0),o.unref(a)?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(["base-button__caption",{"icon-padding":r.icon}])},o.toDisplayString(r.caption),3)):o.createCommentVNode("",!0)])],10,Bs)}}}),Tv="";function Qe(){return(new Date().valueOf()+Math.random()).toString(36)}const Vs={class:"input-group base-input__input-group"},$s=["type","id","name","placeholder","pattern","disabled","read-only","required","maxlength","true-value","false-value","aria-label"],Ws=["for","innerHTML"],Hs=o.defineComponent({__name:"base-input",props:{modelValue:{type:[String,Number,Boolean,Date],default:""},type:{type:String,default:"text"},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},placeholder:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},maxlength:{type:Number},pattern:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r,d=o.computed({get(){return a.modelValue},set(_){u("update:modelValue",_)}});return(_,c)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["input",`input--${r.type}`])},[o.createElementVNode("div",Vs,[o.renderSlot(_.$slots,"input-prepend",{slotScope:"props"}),o.withDirectives(o.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=E=>o.isRef(d)?d.value=E:null),type:r.type==="color"?"text":r.type,id:r.id,name:r.name,placeholder:r.placeholder,pattern:r.pattern,disabled:r.disabled,"read-only":r.readOnly,required:r.required,maxlength:r.maxlength,"true-value":r.trueValue,"false-value":r.falseValue,class:o.normalizeClass(["form-control",{"form-check-input":r.type==="checkbox"}]),"aria-label":r.label},null,10,$s),[[o.vModelDynamic,o.unref(d)]]),o.renderSlot(_.$slots,"input-append",{slotScope:"props"})]),o.renderSlot(_.$slots,"label",{},()=>[o.createElementVNode("label",{for:r.id,class:o.normalizeClass(["input__label",{"form-check-label":r.type==="checkbox"}]),innerHTML:`${r.label}${r.required?" *":""}`},null,10,Ws)])],2))}}),Av="",Gs={class:"input input--textarea"},Ks=["type","id","name","placeholder","pattern","disabled","read-only","required","maxlength","aria-label"],Ys=["for","innerHTML"],qs=o.defineComponent({__name:"input-textarea",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},placeholder:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},maxlength:{type:Number},pattern:{type:String,default:null},checked:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r,d=o.computed({get(){return a.modelValue},set(_){u("update:modelValue",_)}});return(_,c)=>(o.openBlock(),o.createElementBlock("div",Gs,[o.renderSlot(_.$slots,"input-prepend"),o.withDirectives(o.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=E=>o.isRef(d)?d.value=E:null),type:r.type,id:r.id,name:r.name,placeholder:r.placeholder,pattern:r.pattern,disabled:r.disabled,"read-only":r.readOnly,required:r.required,maxlength:r.maxlength,class:o.normalizeClass(["form-control",{}]),"aria-label":r.label},null,8,Ks),[[o.vModelText,o.unref(d)]]),o.renderSlot(_.$slots,"input-append"),o.renderSlot(_.$slots,"label",{},()=>[o.createElementVNode("label",{for:r.id,class:o.normalizeClass(["input__label",{"form-check-label":r.type==="checkbox"}]),innerHTML:`${r.label}${r.required?" *":""}`},null,10,Ys)])]))}}),Xs={class:"check-group"},Zs=["id","name","value","disabled","read-only","required"],Js=["for","innerHTML"],zs=o.defineComponent({__name:"check-group",props:{modelValue:{type:null,default:()=>[]},options:{type:Array,required:!0},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r;o.ref([]);const d=o.computed({get(){return a.modelValue},set(c){u("update:modelValue",c)}}),_=o.computed(()=>a.options.map(c=>(c=typeof c=="string"?{text:c,value:c}:c,{...c,active:a.modelValue&&a.modelValue.includes(c.value)})));return(c,E)=>(o.openBlock(),o.createElementBlock("div",Xs,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(_),(b,v)=>(o.openBlock(),o.createElementBlock("div",{key:v,class:"form-check"},[o.withDirectives(o.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":E[0]||(E[0]=O=>o.isRef(d)?d.value=O:null),id:`${r.id}-${v}`,name:r.name,class:"form-check-input",value:b.value||b,disabled:r.disabled,"read-only":r.readOnly,required:r.required},null,8,Zs),[[o.vModelCheckbox,o.unref(d)]]),o.createElementVNode("label",{class:"form-check-label",for:`${r.id}-${v}`,innerHTML:b.text},null,8,Js)]))),128))]))}}),Iv="",Qs={class:"input radio-group"},js=["id","name","value","checked","disabled","read-only","required","onChange"],ec=["for","innerHTML"],tc=["for"],nc=o.defineComponent({__name:"radio-group",props:{modelValue:{default:!1},options:{type:Array,default:[]},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","update:modelValue"],setup(r,{emit:u}){const a=r;o.ref(a.options.map(_=>_.value===a.modelValue));function d(_){console.log("asdfa",_),u("update:modelValue",_)}return o.onBeforeMount(()=>{}),(_,c)=>(o.openBlock(),o.createElementBlock("div",Qs,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(r.options,(E,b)=>(o.openBlock(),o.createElementBlock("div",{key:b,class:"form-check"},[o.createElementVNode("input",{type:"radio",id:`${r.id}-${b}`,name:r.name,class:"form-check-input",value:E.value||E,checked:E.value?E.value===r.modelValue:E===r.modelValue,disabled:r.disabled,"read-only":r.readOnly,required:r.required,onChange:v=>d(E)},null,40,js),o.createElementVNode("label",{class:"form-check-label",for:`${r.id}-${b}`,innerHTML:r.label},null,8,ec)]))),128)),o.renderSlot(_.$slots,"label",{},()=>[r.label?(o.openBlock(),o.createElementBlock("label",{key:0,for:r.id},o.toDisplayString(r.label),9,tc)):o.createCommentVNode("",!0)])]))}}),Cv="",rc=["id","name","multiple","accept","disabled"],ic={class:"input__input-group input-group"},ac=["value","id","name","disabled"],lc=["for","disabled"],uc=["for","innerHTML"],oc=o.defineComponent({__name:"input-file",props:{modelValue:{type:Array,default:[]},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},placeholder:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},pattern:{type:String,default:null},multiple:{type:Boolean,default:!1},accept:{type:String}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r;function d(b){const v=b.target&&b.target.files;v&&(c.splice(0,c.length),Array.from(v).forEach(O=>{c.push(O)}))}const _=o.ref(),c=o.reactive([]),E=o.computed(()=>c&&c.map(b=>b.name));return o.computed(()=>c.map(b=>URL.createObjectURL(b))),o.watch(()=>a.modelValue,(b,v)=>{b.length===0&&(_.value.value=null)},{deep:!0}),o.watch(()=>c,(b,v)=>{u("update:modelValue",b)},{deep:!0}),(b,v)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["input input-file","input-file--primary"])},[o.createElementVNode("input",{ref_key:"input",ref:_,type:"file",id:r.id,name:r.name,class:"d-none",onChange:d,multiple:r.multiple,accept:r.accept,disabled:r.disabled},null,40,rc),o.createElementVNode("div",ic,[o.renderSlot(b.$slots,"input-prepend"),o.createElementVNode("input",{type:"text",value:o.unref(E),id:r.id,name:r.name,class:"form-control",disabled:r.disabled},null,8,ac),o.renderSlot(b.$slots,"input-append",{},()=>[o.createElementVNode("label",{for:r.id,class:"btn btn-outline-dark",disabled:r.disabled}," Select Image ",8,lc)])]),o.renderSlot(b.$slots,"label",{},()=>[o.createElementVNode("label",{for:r.id,class:"input__label",innerHTML:`${r.label}${r.required?" *":""}`},null,8,uc)])]))}}),sc={class:"input-color"},cc={class:"base-input__color-swatch"},fc=["name","id","disabled","read-only","required","aria-label"],dc=o.defineComponent({__name:"input-color",props:{modelValue:{type:[String,Number,Boolean,Date],default:""},type:{type:String,default:"text"},name:{type:String,default:()=>Qe()},id:{type:String,default:()=>Qe()},label:{type:String,default:""},placeholder:{type:String,default:""},variant:{type:String,default:""},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},maxlength:{type:Number},pattern:{type:String,default:null}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r,d=o.computed({get(){return a.modelValue},set(_){u("update:modelValue",_)}});return(_,c)=>{const E=o.resolveComponent("base-input");return o.openBlock(),o.createElementBlock("div",sc,[o.createVNode(E,{modelValue:o.unref(d),"onUpdate:modelValue":c[1]||(c[1]=b=>o.isRef(d)?d.value=b:null),type:r.type==="color"?"text":r.type,id:r.id,name:r.name,placeholder:r.placeholder,pattern:r.pattern,label:r.label,disabled:r.disabled,"read-only":r.readOnly,required:r.required,maxlength:r.maxlength},{"input-append":o.withCtx(b=>[o.createElementVNode("span",cc,[o.withDirectives(o.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=v=>o.isRef(d)?d.value=v:null),type:"color",name:`${r.name}-color`,id:`${r.id}-color`,disabled:r.disabled,"read-only":r.readOnly,required:r.required,class:"form-control","aria-label":r.label},null,8,fc),[[o.vModelText,o.unref(d)]])])]),_:1},8,["modelValue","type","id","name","placeholder","pattern","label","disabled","read-only","required","maxlength"])])}}}),Ov="";/*!
   * shared v9.2.2
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.1.7",
+  "version": "0.1.8",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",