@e-xode/vui 0.6.7 → 0.6.9

package/dist/doc/assets/toggle-B9UDc3mD.js

@@ -0,0 +1,9 @@
+import{d as N}from"./demonstrable-DoDjrIlv.js";import{t as x}from"./translatable-C-odWYJj.js";import C from"./toggle-DdZEGhQq.js";import{_ as S,a as n,b as s,w as l,r,o,F as a,g as T,h,e as d,t as p,f as c,m as v,i as f,d as _}from"./index-BTkXFI8q.js";import"./composable-CshUTKfl.js";const $={"page.component.toggle.default":"Default toggle","page.component.toggle.binded":"Binded toggle","page.component.toggle.label":"Checked","page.component.toggle.doc.prop.checked-value":"Checked value of the toggle","page.component.toggle.doc.prop.disabled":"Binds the disabled state to component","page.component.toggle.doc.prop.unchecked-value":"Unchecked value of the toggle","page.component.toggle.doc.prop.value":"Value of the toggle","page.component.toggle.doc.prop.v-model":"Binds the model value of the toggle"},w={},D={en:$,fr:w},i={examples:[{markup:`
+                <vui-toggle>
+                    Default checkbox
+                </vui-toggle>
+            `,props:{id:"vui-toggle-1"},text:"page.component.toggle.default"},{markup:`
+                <vui-toggle>
+                    Binded checkbox
+                </vui-toggle>
+            `,props:{id:"vui-toggle-2"},text:"page.component.toggle.binded"}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.toggle.doc.prop.disabled"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.v-model"}],slots:[]},H={name:"ViewToggle",mixins:[N],setup(){return x(D),{}},data(){return{states:{}}},computed:{doc(){return i},examples(){return this.docExamples(C,{attrs:i.attrs,examples:i.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((t,u)=>({...t,[u.props.id]:!1}),{})}},L={class:"view-toggle"},P=["innerHTML"],U={class:"title"};function E(t,u,F,M,g,k){const b=r("vui-tag"),m=r("vui-grid-unit"),B=r("vui-table"),y=r("vui-grid");return o(),n("div",L,[s(y,{"col-sm":"1","col-md":"2"},{default:l(()=>[s(m,{class:"examples"},{default:l(()=>[(o(!0),n(a,null,T(k.examples,e=>(o(),n(a,{key:`toggle-${e.props.id}`},[e.props.id==="vui-toggle-1"?(o(),n(a,{key:0},[(o(),h(f(e.component),v({ref_for:!0},e.props,{modelValue:g.states[e.props.id],"onUpdate:modelValue":V=>g.states[e.props.id]=V}),{default:l(()=>[e.text?(o(),n(a,{key:0},[d(p(t.$t(e.text)),1)],64)):c("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),d("   "),s(b,null,{default:l(()=>[d(p(t.$t("page.component.toggle.label"))+": "+p(g.states[e.props.id]),1)]),_:2},1024)],64)):c("",!0),e.props.id==="vui-toggle-2"?(o(),h(f(e.component),v({key:1,ref_for:!0},e.props,{checked:g.states["vui-toggle-1"],disabled:""}),{default:l(()=>[e.text?(o(),n(a,{key:0},[d(p(t.$t(e.text)),1)],64)):c("",!0)]),_:2},1040,["checked"])):c("",!0),_("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,P)],64))),128))]),_:1}),s(m,{class:"api-options"},{default:l(()=>[_("h2",U,p(t.$t("page.component.h2.api")),1),s(B,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const I=S(H,[["render",E]]);export{I as default};

package/dist/doc/assets/{toggle-Dxv9_B8u.js → toggle-DdZEGhQq.js}

@@ -1 +1 @@
-import{c as n}from"./composable-CshUTKfl.js";import{_ as u,a as o,j as s,f as r,n as h,p as c,d,o as a}from"./index-BTCbAXEh.js";import{t as g}from"./translatable-eIyiPB31.js";const m={},p={},f={en:m,fr:p},k={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},V={name:"VuiToggle",mixins:[n],props:k,emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){g(f),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},v=["id","name"],b=d("div",{class:"vui-toggle-slider"},[d("div",{class:"vui-toggle-slider-button"})],-1),B=["for"];function y(e,l,C,$,N,t){return a(),o("div",{id:e.componentId,name:e.componentId,class:h(["vui-toggle",{"vui-toggle--checked":t.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:l[0]||(l[0]=c((...i)=>t.onToggle&&t.onToggle(...i),["stop"]))},[s(e.$slots,"prepend"),b,e.$slots.default?(a(),o("label",{key:0,class:"vui-toggle-label",for:e.componentId},[s(e.$slots,"default")],8,B)):r("",!0),s(e.$slots,"append")],10,v)}const I=u(V,[["render",y]]);export{I as default};
+import{c as n}from"./composable-CshUTKfl.js";import{_ as u,a as o,j as s,f as r,n as h,k as c,d,o as a}from"./index-BTkXFI8q.js";import{t as g}from"./translatable-C-odWYJj.js";const m={},f={},p={en:m,fr:f},k={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},V={name:"VuiToggle",mixins:[n],props:k,emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){g(p),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},v=["id","name"],b=d("div",{class:"vui-toggle-slider"},[d("div",{class:"vui-toggle-slider-button"})],-1),B=["for"];function y(e,l,C,$,N,t){return a(),o("div",{id:e.componentId,name:e.componentId,class:h(["vui-toggle",{"vui-toggle--checked":t.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:l[0]||(l[0]=c((...i)=>t.onToggle&&t.onToggle(...i),["stop"]))},[s(e.$slots,"prepend"),b,e.$slots.default?(a(),o("label",{key:0,class:"vui-toggle-label",for:e.componentId},[s(e.$slots,"default")],8,B)):r("",!0),s(e.$slots,"append")],10,v)}const I=u(V,[["render",y]]);export{I as default};

package/dist/doc/assets/{tooltip-CfuewoN3.js → tooltip-DpfGqhtH.js}

@@ -1 +1 @@
-import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-eIyiPB31.js";import{_ as p,a as o,d as u,n as s,f as n,j as c,F as f,e as m,t as g,s as y,o as a}from"./index-BTCbAXEh.js";const w={icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},$={name:"VuiTooltip",mixins:[d],props:w,emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:t,holder:e}=this.dimension;switch(this.position){case"left":return e.left-(t.width+15);case"bottom":case"top":{const l=t.width-e.width;return e.left-l/2}case"right":default:return e.right+15}},top(){const{content:t,holder:e}=this.dimension;switch(this.position){case"bottom":return e.top+e.height+15;case"top":return e.top-t.height-15;case"left":case"right":default:return e.top-e.height/2}}},watch:{async modelValue(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())},async value(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())}},created(){h(r),this.hasModelValue&&(this.show=this.modelValue),this.hasValue&&(this.show=this.value),this.$bus.on("outclick",()=>{this.disabled||(this.show=!1,this.$emit("update:model-value",this.show))})},methods:{setPosition(){this.dimension.content=this.$refs.tooltip.getBoundingClientRect(),this.dimension.holder=this.$parent.$el.getBoundingClientRect()}}},v=["id"];function V(t,e,l,k,b,i){return a(),o("div",{id:t.componentId,ref:"tooltip",class:s(["vui-tooltip",{"vui-tooltip--with-icon":t.icon},t.$props.class]),style:y({position:"fixed",display:i.display,top:`${i.top}px`,left:`${i.left}px`})},[u("i",{class:s(["vui-tooltip-pointer",`vui-tooltip-pointer--${t.position}`])},null,2),t.icon?(a(),o("i",{key:0,class:s(["vui-tooltip-icon",t.icon])},null,2)):n("",!0),t.$slots.default?c(t.$slots,"default",{key:1}):n("",!0),t.text?(a(),o(f,{key:2},[m(g(t.text),1)],64)):n("",!0)],14,v)}const x=p($,[["render",V]]);export{x as default};
+import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-C-odWYJj.js";import{_ as p,a as o,d as u,n as s,f as n,j as c,F as f,e as m,t as g,p as y,o as a}from"./index-BTkXFI8q.js";const w={icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},$={name:"VuiTooltip",mixins:[d],props:w,emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:t,holder:e}=this.dimension;switch(this.position){case"left":return e.left-(t.width+15);case"bottom":case"top":{const l=t.width-e.width;return e.left-l/2}case"right":default:return e.right+15}},top(){const{content:t,holder:e}=this.dimension;switch(this.position){case"bottom":return e.top+e.height+15;case"top":return e.top-t.height-15;case"left":case"right":default:return e.top-e.height/2}}},watch:{async modelValue(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())},async value(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())}},created(){h(r),this.hasModelValue&&(this.show=this.modelValue),this.hasValue&&(this.show=this.value),this.$bus.on("outclick",()=>{this.disabled||(this.show=!1,this.$emit("update:model-value",this.show))})},methods:{setPosition(){this.dimension.content=this.$refs.tooltip.getBoundingClientRect(),this.dimension.holder=this.$parent.$el.getBoundingClientRect()}}},v=["id"];function V(t,e,l,k,b,i){return a(),o("div",{id:t.componentId,ref:"tooltip",class:s(["vui-tooltip",{"vui-tooltip--with-icon":t.icon},t.$props.class]),style:y({position:"fixed",display:i.display,top:`${i.top}px`,left:`${i.left}px`})},[u("i",{class:s(["vui-tooltip-pointer",`vui-tooltip-pointer--${t.position}`])},null,2),t.icon?(a(),o("i",{key:0,class:s(["vui-tooltip-icon",t.icon])},null,2)):n("",!0),t.$slots.default?c(t.$slots,"default",{key:1}):n("",!0),t.text?(a(),o(f,{key:2},[m(g(t.text),1)],64)):n("",!0)],14,v)}const x=p($,[["render",V]]);export{x as default};

package/dist/doc/assets/{tooltip-BZOlKAkT.js → tooltip-e4tMYlM-.js}

@@ -1,4 +1,4 @@
-import{d as x}from"./demonstrable-Dv7XIPoL.js";import{t as _}from"./translatable-eIyiPB31.js";import V from"./tooltip-CfuewoN3.js";import{_ as w,a as l,b as e,w as i,r as p,o as n,F as g,g as k,h as y,m as T,i as C,d as a,t as h}from"./index-BTCbAXEh.js";import"./index-7pe20t8n.js";import"./composable-CshUTKfl.js";const M={"page.component.tooltip.button.show-bottom":"show tooltip on bottom","page.component.tooltip.button.show-right":"show tooltip on right","page.component.tooltip.button.show-left":"show tooltip on left","page.component.tooltip.button.show-top":"show tooltip on top","page.component.tooltip.text":"My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content","page.component.tooltip.doc.prop.text":"Text of the tooltip","page.component.tooltip.doc.prop.icon":"Class name of the icon to prepend","page.component.tooltip.doc.prop.holder":"Id of the element which tooltip refers to","page.component.tooltip.doc.prop.position":"Position of the tooltip from holder","page.component.tooltip.doc.prop.v-model":"Binds the visible state of the tooltip","page.component.tooltip.doc.slot.default":"Default slot for tooltip content"},S={},$={en:M,fr:S},s={attrs:[],examples:[{markup:`
+import{d as x}from"./demonstrable-DoDjrIlv.js";import{t as _}from"./translatable-C-odWYJj.js";import V from"./tooltip-DpfGqhtH.js";import{_ as w,a as l,b as e,w as i,r as p,o as n,F as g,g as k,h as y,m as T,i as C,d as a,t as h}from"./index-BTkXFI8q.js";import"./index-7pe20t8n.js";import"./composable-CshUTKfl.js";const M={"page.component.tooltip.button.show-bottom":"show tooltip on bottom","page.component.tooltip.button.show-right":"show tooltip on right","page.component.tooltip.button.show-left":"show tooltip on left","page.component.tooltip.button.show-top":"show tooltip on top","page.component.tooltip.text":"My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content","page.component.tooltip.doc.prop.text":"Text of the tooltip","page.component.tooltip.doc.prop.icon":"Class name of the icon to prepend","page.component.tooltip.doc.prop.holder":"Id of the element which tooltip refers to","page.component.tooltip.doc.prop.position":"Position of the tooltip from holder","page.component.tooltip.doc.prop.v-model":"Binds the visible state of the tooltip","page.component.tooltip.doc.slot.default":"Default slot for tooltip content"},S={},$={en:M,fr:S},s={attrs:[],examples:[{markup:`
                 <vui-button
                     @click="isVisible=!isVisible"
                 >
@@ -45,4 +45,4 @@ import{d as x}from"./demonstrable-Dv7XIPoL.js";import{t as _}from"./translatable
                         <span>Tooltip left position</span>
                     </vui-tooltip>
                 </vui-button>
-            `,props:{id:"vui-tooltip-4",icon:"fa-solid fa-message",text:"page.component.tooltip.text",position:"left"},button:"page.component.tooltip.button.show-left"}],props:[{tag:"holder",type:"String",text:"page.component.tooltip.doc.prop.holder"},{tag:"icon",type:"String",text:"page.component.tooltip.doc.prop.icon"},{tag:"position",type:"String",text:"page.component.tooltip.doc.prop.position"},{tag:"text",type:"String",text:"page.component.tooltip.doc.prop.text"},{tag:"v-model",type:"String",text:"page.component.tooltip.doc.prop.v-model"}],slots:[{name:"default",text:"page.component.tooltip.doc.slot.default"}]},B={name:"ViewTooltip",mixins:[x],setup(){return _($),{}},data(){return{tooltips:[]}},computed:{doc(){return s},examples(){return this.docExamples(V,{attrs:s.attrs,examples:s.examples.map(o=>({...o,props:{...o.props,text:o.props.text?this.$t(o.props.text):null}}))})}},mounted(){this.tooltips=s.examples.map(()=>!1)},methods:{onClick(o){const c=this.tooltips[o];this.tooltips[o]=!c}}},H={class:"view-tooltip"},P=["innerHTML"],D={class:"title"},L={class:"title"};function E(o,c,F,N,r,m){const b=p("vui-button"),d=p("vui-grid-unit"),u=p("vui-table"),f=p("vui-grid");return n(),l("div",H,[e(f,{"col-sm":"1","col-md":"2"},{default:i(()=>[e(d,{class:"examples"},{default:i(()=>[(n(!0),l(g,null,k(m.examples,t=>(n(),l(g,{key:`tooltip-${t.props.id}`},[e(b,{id:`button-tooltip-${t.props.id}`,text:o.$t(t.button),onClick:()=>m.onClick(t.props.id)},{prepend:i(()=>[(n(),y(C(t.component),T({modelValue:r.tooltips[t.props.id],"onUpdate:modelValue":v=>r.tooltips[t.props.id]=v},t.props),null,16,["modelValue","onUpdate:modelValue"]))]),_:2},1032,["id","text","onClick"]),a("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,P)],64))),128))]),_:1}),e(d,{class:"api-options"},{default:i(()=>[a("h2",D,h(o.$t("page.component.h2.api")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docPropsHeaders,items:o.docProps},null,8,["headers","items"]),a("h2",L,h(o.$t("page.component.h2.slots")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docSlotsHeaders,items:o.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=w(B,[["render",E]]);export{G as default};
+            `,props:{id:"vui-tooltip-4",icon:"fa-solid fa-message",text:"page.component.tooltip.text",position:"left"},button:"page.component.tooltip.button.show-left"}],props:[{tag:"holder",type:"String",text:"page.component.tooltip.doc.prop.holder"},{tag:"icon",type:"String",text:"page.component.tooltip.doc.prop.icon"},{tag:"position",type:"String",text:"page.component.tooltip.doc.prop.position"},{tag:"text",type:"String",text:"page.component.tooltip.doc.prop.text"},{tag:"v-model",type:"String",text:"page.component.tooltip.doc.prop.v-model"}],slots:[{name:"default",text:"page.component.tooltip.doc.slot.default"}]},B={name:"ViewTooltip",mixins:[x],setup(){return _($),{}},data(){return{tooltips:[]}},computed:{doc(){return s},examples(){return this.docExamples(V,{attrs:s.attrs,examples:s.examples.map(o=>({...o,props:{...o.props,text:o.props.text?this.$t(o.props.text):null}}))})}},mounted(){this.tooltips=s.examples.map(()=>!1)},methods:{onClick(o){const c=this.tooltips[o];this.tooltips[o]=!c}}},H={class:"view-tooltip"},P=["innerHTML"],D={class:"title"},L={class:"title"};function E(o,c,F,N,r,m){const b=p("vui-button"),d=p("vui-grid-unit"),u=p("vui-table"),f=p("vui-grid");return n(),l("div",H,[e(f,{"col-sm":"1","col-md":"2"},{default:i(()=>[e(d,{class:"examples"},{default:i(()=>[(n(!0),l(g,null,k(m.examples,t=>(n(),l(g,{key:`tooltip-${t.props.id}`},[e(b,{id:`button-tooltip-${t.props.id}`,text:o.$t(t.button),onClick:()=>m.onClick(t.props.id)},{prepend:i(()=>[(n(),y(C(t.component),T({modelValue:r.tooltips[t.props.id],"onUpdate:modelValue":v=>r.tooltips[t.props.id]=v,ref_for:!0},t.props),null,16,["modelValue","onUpdate:modelValue"]))]),_:2},1032,["id","text","onClick"]),a("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,P)],64))),128))]),_:1}),e(d,{class:"api-options"},{default:i(()=>[a("h2",D,h(o.$t("page.component.h2.api")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docPropsHeaders,items:o.docProps},null,8,["headers","items"]),a("h2",L,h(o.$t("page.component.h2.slots")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docSlotsHeaders,items:o.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=w(B,[["render",E]]);export{G as default};

package/dist/doc/assets/{translatable-eIyiPB31.js → translatable-C-odWYJj.js}

@@ -1 +1 @@
-import{v as o}from"./index-BTCbAXEh.js";const a=e=>{const t=o.useI18n();return Object.keys(e).forEach(r=>{t.mergeLocaleMessage(r,e[r])}),t};export{a as t};
+import{v as o}from"./index-BTkXFI8q.js";const a=e=>{const t=o.useI18n();return Object.keys(e).forEach(r=>{t.mergeLocaleMessage(r,e[r])}),t};export{a as t};

package/dist/doc/assets/{unit-B5sbv-XJ.js → unit-DLLXuLch.js}

@@ -1 +1 @@
-import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-eIyiPB31.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-BTCbAXEh.js";const l={},p={},c={en:l,fr:p},d={col:{default:void 0,types:[String,Number]}},u={name:"VuiGridUnit",mixins:[e],props:d,created(){n(c)}};function m(s,f,$,g,b,v){return i(),t("div",{class:a(["vui-grid-unit",{[`vui-grid-unit-col--${s.col}`]:s.col},s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],2)}const G=r(u,[["render",m]]);export{G as default};
+import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-C-odWYJj.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-BTkXFI8q.js";const l={},p={},c={en:l,fr:p},d={col:{default:void 0,types:[String,Number]}},u={name:"VuiGridUnit",mixins:[e],props:d,created(){n(c)}};function m(s,f,$,g,b,v){return i(),t("div",{class:a(["vui-grid-unit",{[`vui-grid-unit-col--${s.col}`]:s.col},s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],2)}const G=r(u,[["render",m]]);export{G as default};

package/dist/doc/assets/{unit-KaJ8YPkP.js → unit-Nmo6cT5V.js}

@@ -1,4 +1,4 @@
-import{d as _}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable-eIyiPB31.js";import v from"./unit-B5sbv-XJ.js";import{_ as h,a as s,b as t,w as e,r as a,o as d,F as u,g as b,d as n,t as l}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const $={"page.component.grid-unit.left":"Col 1 content","page.component.grid-unit.right":"Col 2 content","page.component.grid-unit.doc.tag.col":"Defines flex basis percentage for grid-unit column"},x={},C={en:$,fr:x},p={attrs:[],examples:[{markup:`
+import{d as _}from"./demonstrable-DoDjrIlv.js";import{t as f}from"./translatable-C-odWYJj.js";import v from"./unit-DLLXuLch.js";import{_ as h,a as s,b as t,w as e,r as a,o as d,F as u,g as b,d as n,t as l}from"./index-BTkXFI8q.js";import"./composable-CshUTKfl.js";const $={"page.component.grid-unit.left":"Col 1 content","page.component.grid-unit.right":"Col 2 content","page.component.grid-unit.doc.tag.col":"Defines flex basis percentage for grid-unit column"},x={},C={en:$,fr:x},p={attrs:[],examples:[{markup:`
                 <vui-grid
                     id="example-grid-1"
                     col-md="2"

package/dist/doc/index.html

@@ -22,7 +22,7 @@
         <style>
             @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
         </style>
-      <script type="module" crossorigin src="/assets/index-BTCbAXEh.js"></script>
+      <script type="module" crossorigin src="/assets/index-BTkXFI8q.js"></script>
       <link rel="stylesheet" crossorigin href="/assets/index-BSpywUIE.css">
     </head>
     <body>

package/dist/dropdown-BYoP3RV5.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./input-CPJkbqQt.js"),m=require("./list-D6Ab_PXR.js"),c=require("./animable-ChJEXlsE.js"),s=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const h={"component.dropdown.placeholder":"Select a value ..."},b={},f={en:h,fr:b},g={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},multiple:{default:!1,type:Boolean},placeholder:{types:[Boolean,Number,String]},value:{default:void 0,types:[Boolean,Object,Number,String,null]}},v={name:"VuiDropdown",components:{VuiInput:p.default,VuiList:m.default},mixins:[c.animable,s.composable],props:g,emits:["input","update:model-value"],data(){return{keyword:null,selected:this.multiple?[]:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,multiple:n,selected:r}=this,o=n?r[0]:r,t=typeof(o==null?void 0:o[e])<"u"?o[e]:o,i=[null,void 0].includes(t)?this.placeholderLabel:this.labelFromItem(t);return n&&r.length>1?`${i} (+${r.length-1})`:i},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){s.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,n,r){const{itemValue:o,itemLabel:t}=this;return e[o].reduce((i,d)=>d[o]===r?d[t]:i,n)},labelFromItem(e){const{itemValue:n,itemLabel:r}=this;return this.items.reduce((o,t)=>Array.isArray(t[n])?this.labelFromChild(t,o,e):t[n]===e?t[r]:o,e)},onClick(){this.disabled||this.onAnimate()},onInput(e){this.$emit("input",e),this.onAnimate(!0),this.keyword=e.target.value?e.target.value:null},onToggle(e){this.keyword=null,this.multiple||this.blur(),this.hasProp("value")||(this.selected=e),this.$emit("update:model-value",e)}}},y=["id"];function w(e,n,r,o,t,i){const d=l.resolveComponent("vui-input"),a=l.resolveComponent("vui-list");return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-dropdown",e.$props.class])},[l.renderSlot(e.$slots,"prepend"),l.createElementVNode("div",{class:l.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:n[0]||(n[0]=l.withModifiers((...u)=>i.onClick&&i.onClick(...u),["stop"]))},[l.renderSlot(e.$slots,"keyword",{keyword:t.keyword},()=>[l.createVNode(d,{"with-icon":!1,value:t.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${i.placeholderValue}`,onInput:i.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(l.openBlock(),l.createBlock(a,l.mergeProps({key:0,value:t.selected},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:t.keyword,selectable:!0,title:i.listTitle,multiple:e.multiple,"onUpdate:modelValue":i.onToggle}),l.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","multiple","onUpdate:modelValue"])):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,y)}const k=s._export_sfc(v,[["render",w]]);exports.default=k;

package/dist/{dropdown-UMn42uen.js → dropdown-DRWYotec.js}

@@ -1,13 +1,13 @@
 import c from "./input-BS_1U11l.js";
-import f from "./list-BH719nj8.js";
+import f from "./list-B2RmfvYJ.js";
 import { a as b } from "./animable-DnFaMPYA.js";
 import { _ as g, c as v, t as y } from "./_plugin-vue_export-helper-BSl1dQT6.js";
-import { resolveComponent as n, openBlock as u, createElementBlock as w, normalizeClass as p, renderSlot as r, createElementVNode as k, withModifiers as V, createVNode as C, createBlock as I, mergeProps as $, createSlots as L, withCtx as d, createCommentVNode as S } from "vue";
+import { resolveComponent as r, openBlock as u, createElementBlock as w, normalizeClass as p, renderSlot as s, createElementVNode as k, withModifiers as V, createVNode as $, createBlock as C, mergeProps as I, createSlots as B, withCtx as d, createCommentVNode as L } from "vue";
 import "highlight.js";
-const B = {
+const S = {
   "component.dropdown.placeholder": "Select a value ..."
 }, F = {}, N = {
-  en: B,
+  en: S,
   fr: F
 }, A = {
   disableFiltering: {
@@ -36,6 +36,10 @@ const B = {
       null
     ]
   },
+  multiple: {
+    default: !1,
+    type: Boolean
+  },
   placeholder: {
     types: [
       Boolean,
@@ -68,7 +72,7 @@ const B = {
   data() {
     return {
       keyword: null,
-      selected: null
+      selected: this.multiple ? [] : null
     };
   },
   computed: {
@@ -76,8 +80,8 @@ const B = {
       return this.selected ? this.placeholderLabel : null;
     },
     placeholderValue() {
-      const { itemValue: e, selected: l } = this, i = typeof (l == null ? void 0 : l[e]) < "u" ? l[e] : l;
-      return i === null ? this.placeholderLabel : this.labelFromItem(i);
+      const { itemValue: e, multiple: i, selected: a } = this, t = i ? a[0] : a, l = typeof (t == null ? void 0 : t[e]) < "u" ? t[e] : t, o = [null, void 0].includes(l) ? this.placeholderLabel : this.labelFromItem(l);
+      return i && a.length > 1 ? `${o} (+${a.length - 1})` : o;
     },
     placeholderLabel() {
       return this.placeholder ? this.placeholder : this.$t("component.dropdown.placeholder");
@@ -95,13 +99,13 @@ const B = {
     y(N), this.hasModelValue ? this.selected = this.modelValue : this.hasValue && (this.selected = this.value);
   },
   methods: {
-    labelFromChild(e, l, i) {
-      const { itemValue: a, itemLabel: t } = this;
-      return e[a].reduce((o, s) => s[a] === i ? s[t] : o, l);
+    labelFromChild(e, i, a) {
+      const { itemValue: t, itemLabel: l } = this;
+      return e[t].reduce((o, n) => n[t] === a ? n[l] : o, i);
     },
     labelFromItem(e) {
-      const { itemValue: l, itemLabel: i } = this;
-      return this.items.reduce((a, t) => Array.isArray(t[l]) ? this.labelFromChild(t, a, e) : t[l] === e ? t[i] : a, e);
+      const { itemValue: i, itemLabel: a } = this;
+      return this.items.reduce((t, l) => Array.isArray(l[i]) ? this.labelFromChild(l, t, e) : l[i] === e ? l[a] : t, e);
     },
     onClick() {
       this.disabled || this.onAnimate();
@@ -110,17 +114,17 @@ const B = {
       this.$emit("input", e), this.onAnimate(!0), this.keyword = e.target.value ? e.target.value : null;
     },
     onToggle(e) {
-      this.keyword = null, this.blur(), this.hasProp("value") || (this.selected = e), this.$emit("update:model-value", e);
+      this.keyword = null, this.multiple || this.blur(), this.hasProp("value") || (this.selected = e), this.$emit("update:model-value", e);
     }
   }
 }, j = ["id"];
-function E(e, l, i, a, t, o) {
-  const s = n("vui-input"), m = n("vui-list");
+function E(e, i, a, t, l, o) {
+  const n = r("vui-input"), m = r("vui-list");
   return u(), w("div", {
     id: e.componentId,
     class: p(["vui-dropdown", e.$props.class])
   }, [
-    r(e.$slots, "prepend"),
+    s(e.$slots, "prepend"),
     k("div", {
       class: p([
         "vui-dropdown-placeholder",
@@ -128,12 +132,12 @@ function E(e, l, i, a, t, o) {
         { "vui-dropdown-placeholder--animating": e.animating },
         { "vui-dropdown-placeholder--disabled": e.disabled }
       ]),
-      onClick: l[0] || (l[0] = V((...h) => o.onClick && o.onClick(...h), ["stop"]))
+      onClick: i[0] || (i[0] = V((...h) => o.onClick && o.onClick(...h), ["stop"]))
     }, [
-      r(e.$slots, "keyword", { keyword: t.keyword }, () => [
-        C(s, {
+      s(e.$slots, "keyword", { keyword: l.keyword }, () => [
+        $(n, {
           "with-icon": !1,
-          value: t.keyword,
+          value: l.keyword,
           type: "text",
           class: "vui-dropdown-placeholder-label",
           placeholder: `${o.placeholderValue}`,
@@ -141,9 +145,9 @@ function E(e, l, i, a, t, o) {
         }, null, 8, ["value", "placeholder", "onInput"])
       ])
     ], 2),
-    e.toggled ? (u(), I(m, $({
+    e.toggled ? (u(), C(m, I({
       key: 0,
-      value: t.selected
+      value: l.selected
     }, e.$attrs, {
       class: "vui-dropdown-list",
       "group-id": e.componentGroupId,
@@ -152,34 +156,35 @@ function E(e, l, i, a, t, o) {
       items: e.items,
       "item-label": e.itemLabel,
       "item-value": e.itemValue,
-      keyword: t.keyword,
+      keyword: l.keyword,
       selectable: !0,
       title: o.listTitle,
+      multiple: e.multiple,
       "onUpdate:modelValue": o.onToggle
-    }), L({ _: 2 }, [
+    }), B({ _: 2 }, [
       e.$slots.placeholder ? {
         name: "placeholder",
         fn: d(() => [
-          r(e.$slots, "placeholder")
+          s(e.$slots, "placeholder")
         ]),
         key: "0"
       } : void 0,
       e.$slots["group-item"] ? {
         name: "group-item",
         fn: d(() => [
-          r(e.$slots, "group-item")
+          s(e.$slots, "group-item")
         ]),
         key: "1"
       } : void 0,
       e.$slots.item ? {
         name: "item",
         fn: d(() => [
-          r(e.$slots, "item")
+          s(e.$slots, "item")
         ]),
         key: "2"
       } : void 0
-    ]), 1040, ["value", "group-id", "disable-filtering", "disabled", "items", "item-label", "item-value", "keyword", "title", "onUpdate:modelValue"])) : S("", !0),
-    r(e.$slots, "append")
+    ]), 1040, ["value", "group-id", "disable-filtering", "disabled", "items", "item-label", "item-value", "keyword", "title", "multiple", "onUpdate:modelValue"])) : L("", !0),
+    s(e.$slots, "append")
   ], 10, j);
 }
 const D = /* @__PURE__ */ g(T, [["render", E]]);

package/dist/{list-BH719nj8.js → list-B2RmfvYJ.js}

@@ -1,43 +1,43 @@
-import { a as w } from "./animable-DnFaMPYA.js";
-import { _ as L, c as S, t as I } from "./_plugin-vue_export-helper-BSl1dQT6.js";
-import { openBlock as n, createElementBlock as o, normalizeClass as h, renderSlot as c, createTextVNode as f, toDisplayString as b, createCommentVNode as m, createElementVNode as v, Fragment as y, renderList as V, withModifiers as C } from "vue";
+import { a as L } from "./animable-DnFaMPYA.js";
+import { _ as S, c as j, t as I } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as n, createElementBlock as o, normalizeClass as d, renderSlot as c, createTextVNode as b, toDisplayString as f, createCommentVNode as m, createElementVNode as y, Fragment as g, renderList as k, withModifiers as v } from "vue";
 import "highlight.js";
 function p(e) {
   return e != null && typeof e == "object" && e["@@functional/placeholder"] === !0;
 }
-function g(e) {
+function V(e) {
   return function t(i) {
     return arguments.length === 0 || p(i) ? t : e.apply(this, arguments);
   };
 }
-function j(e) {
+function C(e) {
   return function t(i, r) {
     switch (arguments.length) {
       case 0:
         return t;
       case 1:
-        return p(i) ? t : g(function(a) {
-          return e(i, a);
+        return p(i) ? t : V(function(l) {
+          return e(i, l);
         });
       default:
-        return p(i) && p(r) ? t : p(i) ? g(function(a) {
-          return e(a, r);
-        }) : p(r) ? g(function(a) {
-          return e(i, a);
+        return p(i) && p(r) ? t : p(i) ? V(function(l) {
+          return e(l, r);
+        }) : p(r) ? V(function(l) {
+          return e(i, l);
         }) : e(i, r);
     }
   };
 }
-var G = /* @__PURE__ */ j(function(t, i) {
-  for (var r = {}, a = {}, s = 0, l = t.length; s < l; )
-    a[t[s]] = 1, s += 1;
+var B = /* @__PURE__ */ C(function(t, i) {
+  for (var r = {}, l = {}, s = 0, a = t.length; s < a; )
+    l[t[s]] = 1, s += 1;
   for (var u in i)
-    a.hasOwnProperty(u) || (r[u] = i[u]);
+    l.hasOwnProperty(u) || (r[u] = i[u]);
   return r;
 });
-const A = {}, B = {}, K = {
-  en: A,
-  fr: B
+const G = {}, A = {}, K = {
+  en: G,
+  fr: A
 }, N = {
   autoclose: {
     type: Boolean,
@@ -75,6 +75,10 @@ const A = {}, B = {}, K = {
       String
     ]
   },
+  multiple: {
+    default: !1,
+    type: Boolean
+  },
   selectable: {
     type: Boolean
   },
@@ -93,8 +97,8 @@ const A = {}, B = {}, K = {
 }, O = {
   name: "VuiList",
   mixins: [
-    w,
-    S
+    L,
+    j
   ],
   props: N,
   emits: ["update:model-value"],
@@ -102,7 +106,7 @@ const A = {}, B = {}, K = {
     return {
       last: null,
       open: {},
-      selected: null
+      selected: this.multiple ? [] : null
     };
   },
   computed: {
@@ -136,8 +140,8 @@ const A = {}, B = {}, K = {
     autoexpand() {
       this.open = this.items.reduce((e, t, i) => {
         if (this.isGroup(t)) {
-          const a = t[this.itemValue].findIndex((s) => this.isSelected(s));
-          if (this.expanded || a > -1)
+          const l = t[this.itemValue].findIndex((s) => this.isSelected(s));
+          if (this.expanded || l > -1)
             return { ...e, [i]: !0 };
         }
         return e;
@@ -155,7 +159,7 @@ const A = {}, B = {}, K = {
       return this.isGroup(e) ? typeof e[t][0] == "object" : typeof e == "object";
     },
     isSelected(e) {
-      return !e.disabled && typeof this.selected < "u" ? typeof e == "object" ? this.selected && this.selected[this.itemValue] === e[this.itemValue] : this.selected && this.selected === e : !1;
+      return !e.disabled && typeof this.selected < "u" ? this.multiple ? typeof this.selected.find((i) => typeof e == "object" ? i && i[this.itemValue] === e[this.itemValue] : i && i === e) < "u" : typeof e == "object" ? this.selected && this.selected[this.itemValue] === e[this.itemValue] : this.selected && this.selected === e : !1;
     },
     isToggled(e) {
       const { last: t, open: i, toggled: r } = this;
@@ -170,8 +174,13 @@ const A = {}, B = {}, K = {
     },
     onClick(e) {
       if (!this.disabled && this.selectable) {
-        const t = G(["$$id"], e), i = this.isObject(t) && this.hasAttribute("return-object") ? t : t[this.itemValue];
-        this.selected = this.isSelected(t) ? null : t, t.route && this.$router.push(t.route), this.$emit("update:model-value", i);
+        const t = B(["$$id"], e), i = this.isObject(t) && this.hasAttribute("return-object") ? t : t[this.itemValue];
+        if (this.multiple) {
+          const r = this.isSelected(t) ? this.selected.filter((l) => typeof t == "object" ? l && l[this.itemValue] !== t[this.itemValue] : l && l !== t) : [...this.selected, t];
+          this.selected = r, this.$emit("update:model-value", this.selected);
+        } else
+          this.selected = this.isSelected(t) ? null : t, this.$emit("update:model-value", i);
+        t.route && this.$router.push(t.route);
       }
     },
     onToggle(e) {
@@ -182,10 +191,10 @@ const A = {}, B = {}, K = {
   key: 0,
   class: "vui-list-title"
 }, F = { class: "vui-list-items" }, E = ["onClick"], M = ["onClick"], P = ["onClick"];
-function q(e, t, i, r, a, s) {
+function q(e, t, i, r, l, s) {
   return n(), o("div", {
     id: e.componentId,
-    class: h([
+    class: d([
       "vui-list",
       { "vui-list--flat": e.hasAttribute("flat") },
       e.$props.class
@@ -194,84 +203,84 @@ function q(e, t, i, r, a, s) {
     c(e.$slots, "prepend"),
     e.title ? (n(), o("div", $, [
       c(e.$slots, "placeholder", { item: e.title }, () => [
-        f(b(e.title), 1)
+        b(f(e.title), 1)
       ])
     ])) : m("", !0),
-    v("div", F, [
-      (n(!0), o(y, null, V(s.list, (l, u) => (n(), o("div", {
-        key: l.$$id,
-        class: h([
-          { "vui-list-items-item": !s.isGroup(l) },
-          { "vui-list-items-group-item": s.isGroup(l) }
+    y("div", F, [
+      (n(!0), o(g, null, k(s.list, (a, u) => (n(), o("div", {
+        key: a.$$id,
+        class: d([
+          { "vui-list-items-item": !s.isGroup(a) },
+          { "vui-list-items-group-item": s.isGroup(a) }
         ])
       }, [
-        s.isGroup(l) ? m("", !0) : (n(), o("div", {
+        s.isGroup(a) ? m("", !0) : (n(), o("div", {
           key: 0,
-          class: h([
-            { "vui-list-items-item-label": !s.isGroup(l) },
+          class: d([
+            { "vui-list-items-item-label": !s.isGroup(a) },
             { "vui-list-items-item-label--selectable": e.selectable },
-            { "vui-list-items-item-label--selected": s.isSelected(l) }
+            { "vui-list-items-item-label--selected": s.isSelected(a) }
           ]),
-          onClick: () => s.onClick(l)
+          onClick: v(() => s.onClick(a), ["stop"])
         }, [
-          l.icon ? (n(), o("i", {
-            key: 0,
-            class: h([
-              "vui-list-items-item-label-icon",
-              l.icon
-            ])
-          }, null, 2)) : m("", !0),
           c(e.$slots, "item", {
             index: u,
-            item: l,
+            item: a,
             itemLabel: e.itemLabel,
             itemValue: e.itemValue
           }, () => [
-            f(b(l[e.itemLabel]), 1)
+            a.icon ? (n(), o("i", {
+              key: 0,
+              class: d([
+                "vui-list-items-item-label-icon",
+                a.icon
+              ])
+            }, null, 2)) : m("", !0),
+            y("span", null, f(a[e.itemLabel]), 1)
           ])
         ], 10, E)),
-        s.isGroup(l) ? (n(), o(y, { key: 1 }, [
-          v("div", {
-            class: h([
+        s.isGroup(a) ? (n(), o(g, { key: 1 }, [
+          y("div", {
+            class: d([
               "vui-list-items-item-group-label",
               { "vui-list-items-item-group-label--toggled": s.isToggled(u) },
               { "vui-list-items-item-group-label--animating": s.isAnimating(u) },
-              { "vui-list-items-item-group-label--open": a.open[u] || s.hasKeyword }
+              { "vui-list-items-item-group-label--open": l.open[u] || s.hasKeyword }
             ]),
-            onClick: C(() => s.onToggle(u), ["stop"])
+            onClick: v(() => s.onToggle(u), ["stop"])
           }, [
             c(e.$slots, "group-item", {
               index: u,
-              item: l,
+              item: a,
               itemLabel: e.itemLabel,
               itemValue: e.itemValue
             }, () => [
-              f(b(l[e.itemLabel]), 1)
+              b(f(a[e.itemLabel]), 1)
             ])
           ], 10, M),
-          a.open[u] || s.hasKeyword ? (n(!0), o(y, { key: 0 }, V(l[e.itemValue], (d, k) => (n(), o("div", {
-            key: d.$$id,
-            class: h([
+          l.open[u] || s.hasKeyword ? (n(!0), o(g, { key: 0 }, k(a[e.itemValue], (h, w) => (n(), o("div", {
+            key: h.$$id,
+            class: d([
               "vui-list-items-item-label",
               { "vui-list-items-item-label--selectable": e.selectable },
-              { "vui-list-items-item-label--selected": s.isSelected(d) }
+              { "vui-list-items-item-label--selected": s.isSelected(h) }
             ]),
-            onClick: () => s.onClick(d)
+            onClick: v(() => s.onClick(h), ["stop"])
           }, [
-            d.icon ? (n(), o("i", {
-              key: 0,
-              class: h([
-                "vui-list-items-item-label-icon",
-                d.icon
-              ])
-            }, null, 2)) : m("", !0),
             c(e.$slots, "item", {
-              index: k,
-              item: d,
+              index: w,
+              item: h,
               itemLabel: e.itemLabel,
               itemValue: e.itemValue
             }, () => [
-              f(b(d[e.itemLabel]), 1)
+              h.icon ? (n(), o("i", {
+                key: 0,
+                class: d([
+                  "vui-list-items-item-label-icon",
+                  h.icon
+                ])
+              }, null, 2)) : m("", !0),
+              b(" " + f(h[e.itemLabel]), 1)
             ])
           ], 10, P))), 128)) : m("", !0)
         ], 64)) : m("", !0)
@@ -280,7 +289,7 @@ function q(e, t, i, r, a, s) {
     c(e.$slots, "append")
   ], 10, T);
 }
-const Q = /* @__PURE__ */ L(O, [["render", q]]);
+const Q = /* @__PURE__ */ S(O, [["render", q]]);
 export {
   Q as default
 };

package/dist/list-D6Ab_PXR.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./animable-ChJEXlsE.js"),m=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");function c(e){return e!=null&&typeof e=="object"&&e["@@functional/placeholder"]===!0}function d(e){return function i(l){return arguments.length===0||c(l)?i:e.apply(this,arguments)}}function f(e){return function i(l,a){switch(arguments.length){case 0:return i;case 1:return c(l)?i:d(function(r){return e(l,r)});default:return c(l)&&c(a)?i:c(l)?d(function(r){return e(r,a)}):c(a)?d(function(r){return e(l,r)}):e(l,a)}}}var b=f(function(i,l){for(var a={},r={},s=0,o=i.length;s<o;)r[i[s]]=1,s+=1;for(var n in l)r.hasOwnProperty(n)||(a[n]=l[n]);return a});const y={},g={},k={en:y,fr:g},V={autoclose:{type:Boolean,default:!0},disableFiltering:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},keyword:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},multiple:{default:!1,type:Boolean},selectable:{type:Boolean},title:{type:String},value:{default:void 0,types:[Boolean,Number,Object,String]}},v={name:"VuiList",mixins:[p.animable,m.composable],props:V,emits:["update:model-value"],data(){return{last:null,open:{},selected:this.multiple?[]:null}},computed:{hasKeyword(){var e;return!this.disableFiltering&&((e=this.keyword)==null?void 0:e.length)},list(){return this.items.reduce((e,i)=>(this.isGroup(i)?e.push({...i,$$id:this.newId(),value:i[this.itemValue].reduce((l,a)=>!this.hasKeyword||this.match(a)?[...l,this.mapItem(a,this.newId())]:l,[])}):(!this.hasKeyword||this.match(i))&&e.push(this.mapItem(i,this.newId())),e),[])}},watch:{items(){this.autoexpand()},modelValue(e){this.selected=this.mapItem(e)},value(e){this.selected=this.mapItem(e)}},created(){m.translatable(k),this.hasModelValue?this.selected=this.mapItem(this.modelValue):this.hasValue&&(this.selected=this.mapItem(this.value)),this.autoexpand()},methods:{autoexpand(){this.open=this.items.reduce((e,i,l)=>{if(this.isGroup(i)){const r=i[this.itemValue].findIndex(s=>this.isSelected(s));if(this.expanded||r>-1)return{...e,[l]:!0}}return e},{})},isAnimating(e){const{animating:i,last:l}=this;return l===e&&i},isGroup(e){return Array.isArray(e==null?void 0:e[this.itemValue])},isObject(e){const i=this.itemValue;return this.isGroup(e)?typeof e[i][0]=="object":typeof e=="object"},isSelected(e){return!e.disabled&&typeof this.selected<"u"?this.multiple?typeof this.selected.find(l=>typeof e=="object"?l&&l[this.itemValue]===e[this.itemValue]:l&&l===e)<"u":typeof e=="object"?this.selected&&this.selected[this.itemValue]===e[this.itemValue]:this.selected&&this.selected===e:!1},isToggled(e){const{last:i,open:l,toggled:a}=this;return i===e&&l[e]&&a},match(e){return typeof e=="object"?`${e[this.itemLabel]}`.includes(this.keyword):`${e}`.includes(this.keyword)},mapItem(e,i){const l=typeof e=="object"?e:{[this.itemLabel]:e,[this.itemValue]:e};return i?{...l,$$id:i}:l},onClick(e){if(!this.disabled&&this.selectable){const i=b(["$$id"],e),l=this.isObject(i)&&this.hasAttribute("return-object")?i:i[this.itemValue];if(this.multiple){const a=this.isSelected(i)?this.selected.filter(r=>typeof i=="object"?r&&r[this.itemValue]!==i[this.itemValue]:r&&r!==i):[...this.selected,i];this.selected=a,this.$emit("update:model-value",this.selected)}else this.selected=this.isSelected(i)?null:i,this.$emit("update:model-value",l);i.route&&this.$router.push(i.route)}},onToggle(e){this.disabled||(this.last=e,this.autoclose?this.open={[e]:!this.open[e]}:this.open[e]=!this.open[e],this.onAnimate(this.open[e]))}}},B=["id"],S={key:0,class:"vui-list-title"},C={class:"vui-list-items"},w=["onClick"],L=["onClick"],N=["onClick"];function j(e,i,l,a,r,s){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-list",{"vui-list--flat":e.hasAttribute("flat")},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),e.title?(t.openBlock(),t.createElementBlock("div",S,[t.renderSlot(e.$slots,"placeholder",{item:e.title},()=>[t.createTextVNode(t.toDisplayString(e.title),1)])])):t.createCommentVNode("",!0),t.createElementVNode("div",C,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.list,(o,n)=>(t.openBlock(),t.createElementBlock("div",{key:o.$$id,class:t.normalizeClass([{"vui-list-items-item":!s.isGroup(o)},{"vui-list-items-group-item":s.isGroup(o)}])},[s.isGroup(o)?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([{"vui-list-items-item-label":!s.isGroup(o)},{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":s.isSelected(o)}]),onClick:t.withModifiers(()=>s.onClick(o),["stop"])},[t.renderSlot(e.$slots,"item",{index:n,item:o,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[o.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-list-items-item-label-icon",o.icon])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("span",null,t.toDisplayString(o[e.itemLabel]),1)])],10,w)),s.isGroup(o)?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("div",{class:t.normalizeClass(["vui-list-items-item-group-label",{"vui-list-items-item-group-label--toggled":s.isToggled(n)},{"vui-list-items-item-group-label--animating":s.isAnimating(n)},{"vui-list-items-item-group-label--open":r.open[n]||s.hasKeyword}]),onClick:t.withModifiers(()=>s.onToggle(n),["stop"])},[t.renderSlot(e.$slots,"group-item",{index:n,item:o,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(o[e.itemLabel]),1)])],10,L),r.open[n]||s.hasKeyword?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(o[e.itemValue],(u,h)=>(t.openBlock(),t.createElementBlock("div",{key:u.$$id,class:t.normalizeClass(["vui-list-items-item-label",{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":s.isSelected(u)}]),onClick:t.withModifiers(()=>s.onClick(u),["stop"])},[t.renderSlot(e.$slots,"item",{index:h,item:u,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[u.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-list-items-item-label-icon",u.icon])},null,2)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(u[e.itemLabel]),1)])],10,N))),128)):t.createCommentVNode("",!0)],64)):t.createCommentVNode("",!0)],2))),128))]),t.renderSlot(e.$slots,"append")],10,B)}const E=m._export_sfc(v,[["render",j]]);exports.default=E;

package/dist/{nav-BD6eV2wj.js → nav-DSozAFxm.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./list-BkZK3xVW.js"),i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const p={},v={},f={en:p,fr:v},h={items:{type:Array,required:!0},itemLabel:{type:String},itemValue:{type:String},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},showIcons:{type:Boolean,default:!0},value:{default:void 0,types:[Boolean,Number,Object,String]}},b={name:"VuiNav",components:{VuiList:m.default},mixins:[i.composable],props:h,emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(t){this.selected=t},value(t){this.selected=t}},created(){i.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(t){this.disabled||this.$emit("update:model-value",t)}}},V=["id"],k={key:1,class:"vui-list-items-item-label-text"};function y(t,n,B,C,r,u){const d=e.resolveComponent("router-link"),c=e.resolveComponent("vui-list");return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-nav",{"vui-nav--flat":t.hasAttribute("flat")},t.$props.class])},[e.renderSlot(t.$slots,"prepend"),e.createVNode(c,{modelValue:r.selected,"onUpdate:modelValue":[n[0]||(n[0]=o=>r.selected=o),u.onClick],class:"vui-nav-list","group-id":t.componentGroupId,disabled:t.disabled,"item-label":t.itemLabel,"item-value":t.itemValue,items:t.items,selectable:!t.disabled},{item:e.withCtx(({index:o,item:l,itemValue:s,itemLabel:a})=>[e.renderSlot(t.$slots,"item",{index:o,item:l,itemLabel:a,itemValue:s},()=>[t.showIcons?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["fa-solid",{"fa-location-dot":!o},{"fa-chevron-right":o}])},null,2)):e.createCommentVNode("",!0),l.route?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(s?l[a]:l),1)),l.route?(e.openBlock(),e.createBlock(d,{key:2,to:l.route,class:"vui-list-items-item-label-text"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s?l[a]:l),1)]),_:2},1032,["to"])):e.createCommentVNode("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),e.renderSlot(t.$slots,"append")],10,V)}const g=i._export_sfc(b,[["render",y]]);exports.default=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./list-D6Ab_PXR.js"),i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const p={},v={},f={en:p,fr:v},h={items:{type:Array,required:!0},itemLabel:{type:String},itemValue:{type:String},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},showIcons:{type:Boolean,default:!0},value:{default:void 0,types:[Boolean,Number,Object,String]}},b={name:"VuiNav",components:{VuiList:m.default},mixins:[i.composable],props:h,emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(t){this.selected=t},value(t){this.selected=t}},created(){i.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(t){this.disabled||this.$emit("update:model-value",t)}}},V=["id"],k={key:1,class:"vui-list-items-item-label-text"};function y(t,n,B,C,r,u){const d=e.resolveComponent("router-link"),c=e.resolveComponent("vui-list");return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-nav",{"vui-nav--flat":t.hasAttribute("flat")},t.$props.class])},[e.renderSlot(t.$slots,"prepend"),e.createVNode(c,{modelValue:r.selected,"onUpdate:modelValue":[n[0]||(n[0]=o=>r.selected=o),u.onClick],class:"vui-nav-list","group-id":t.componentGroupId,disabled:t.disabled,"item-label":t.itemLabel,"item-value":t.itemValue,items:t.items,selectable:!t.disabled},{item:e.withCtx(({index:o,item:l,itemValue:s,itemLabel:a})=>[e.renderSlot(t.$slots,"item",{index:o,item:l,itemLabel:a,itemValue:s},()=>[t.showIcons?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["fa-solid",{"fa-location-dot":!o},{"fa-chevron-right":o}])},null,2)):e.createCommentVNode("",!0),l.route?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(s?l[a]:l),1)),l.route?(e.openBlock(),e.createBlock(d,{key:2,to:l.route,class:"vui-list-items-item-label-text"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s?l[a]:l),1)]),_:2},1032,["to"])):e.createCommentVNode("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),e.renderSlot(t.$slots,"append")],10,V)}const g=i._export_sfc(b,[["render",y]]);exports.default=g;

package/dist/{nav-DdIBrD1b.js → nav-DaMMbZ1c.js}

@@ -1,4 +1,4 @@
-import V from "./list-BH719nj8.js";
+import V from "./list-B2RmfvYJ.js";
 import { _ as y, c as k, t as g } from "./_plugin-vue_export-helper-BSl1dQT6.js";
 import { resolveComponent as m, openBlock as s, createElementBlock as i, normalizeClass as c, renderSlot as n, createVNode as N, withCtx as p, createCommentVNode as r, toDisplayString as f, createBlock as B, createTextVNode as C } from "vue";
 import "highlight.js";

package/dist/{pager-CBJ3CiCZ.js → pager-BmkqHhPe.js}

@@ -1,4 +1,4 @@
-import h from "./nav-DdIBrD1b.js";
+import h from "./nav-DaMMbZ1c.js";
 import f from "./button-Dall4PZ6.js";
 import { a as b } from "./animable-DnFaMPYA.js";
 import { _ as v, c as V, t as k } from "./_plugin-vue_export-helper-BSl1dQT6.js";

package/dist/{pager-C8iFmeo8.js → pager-IbKKbzBQ.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./nav-BD6eV2wj.js"),g=require("./button-D5bD4vAv.js"),c=require("./animable-ChJEXlsE.js"),i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const m={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},h={},f={en:m,fr:h},b={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},v={name:"VuiPager",components:{VuiButton:g.default,VuiNav:u.default},mixins:[c.animable,i.composable],props:b,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const t=[...Array.from({length:this.last},(r,o)=>o+1)],a=t.slice(0,this.page),l=t.slice(this.page,t.length);return[...a.slice(-(l.length>2?2:2+(2-l.length))),...l.slice(0,a.length>2?2:2+(2-a.length))]}return[]}},watch:{modelValue(t){this.page=t},value(t){this.page=t}},created(){i.translatable(f),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){this.$emit("update:model-value",this.page)}}},V=["id"],N={class:"vui-pager-content"};function P(t,a,l,r,o,s){const n=e.resolveComponent("vui-button"),p=e.resolveComponent("vui-nav");return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-pager",t.$props.class])},[e.renderSlot(t.$slots,"prepend"),e.createElementVNode("div",N,[e.renderSlot(t.$slots,"first",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:o.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"previous",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:o.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"pages",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["ellipse",{visible:s.last>4&&o.page+2>4}])}," ... ",2),e.createVNode(p,e.mergeProps({modelValue:o.page,"onUpdate:modelValue":a[0]||(a[0]=d=>o.page=d)},t.$attrs,{flat:t.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),e.createElementVNode("div",{class:e.normalizeClass(["ellipse",{visible:s.last>4&&o.page+2<s.last}])}," ... ",2)]),e.renderSlot(t.$slots,"next",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"previous",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),e.renderSlot(t.$slots,"append")],10,V)}const S=i._export_sfc(v,[["render",P]]);exports.default=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./nav-DSozAFxm.js"),g=require("./button-D5bD4vAv.js"),c=require("./animable-ChJEXlsE.js"),i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const m={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},h={},f={en:m,fr:h},b={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},v={name:"VuiPager",components:{VuiButton:g.default,VuiNav:u.default},mixins:[c.animable,i.composable],props:b,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const t=[...Array.from({length:this.last},(r,o)=>o+1)],a=t.slice(0,this.page),l=t.slice(this.page,t.length);return[...a.slice(-(l.length>2?2:2+(2-l.length))),...l.slice(0,a.length>2?2:2+(2-a.length))]}return[]}},watch:{modelValue(t){this.page=t},value(t){this.page=t}},created(){i.translatable(f),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){this.$emit("update:model-value",this.page)}}},V=["id"],N={class:"vui-pager-content"};function P(t,a,l,r,o,s){const n=e.resolveComponent("vui-button"),p=e.resolveComponent("vui-nav");return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-pager",t.$props.class])},[e.renderSlot(t.$slots,"prepend"),e.createElementVNode("div",N,[e.renderSlot(t.$slots,"first",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:o.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"previous",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:o.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"pages",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["ellipse",{visible:s.last>4&&o.page+2>4}])}," ... ",2),e.createVNode(p,e.mergeProps({modelValue:o.page,"onUpdate:modelValue":a[0]||(a[0]=d=>o.page=d)},t.$attrs,{flat:t.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),e.createElementVNode("div",{class:e.normalizeClass(["ellipse",{visible:s.last>4&&o.page+2<s.last}])}," ... ",2)]),e.renderSlot(t.$slots,"next",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"previous",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),e.renderSlot(t.$slots,"append")],10,V)}const S=i._export_sfc(v,[["render",P]]);exports.default=S;