@e-xode/vui 0.6.8 → 0.7.0

package/dist/doc/assets/dropdown-7vzcI5o3.js

@@ -0,0 +1 @@
+import c from"./input-VSM7Q0kg.js";import b from"./list-BZb1aorL.js";import{a as f}from"./animable-S5zFcxd4.js";import{c as g}from"./composable-CshUTKfl.js";import{_ as v,a as y,j as d,d as V,n as u,k as w,h as k,l as L,w as r,m as $,f as C,r as m,o as p,b as B}from"./index-CXVfKCPR.js";import{t as I}from"./translatable-BfRM2PCZ.js";const S={"component.dropdown.placeholder":"Select a value ..."},F={},N={en:S,fr:F},A={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]}},T={name:"VuiDropdown",components:{VuiInput:c,VuiList:b},mixins:[f,g],props:A,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:o,selected:n}=this,i=o?n[0]:n,t=typeof(i==null?void 0:i[e])<"u"?i[e]:i,a=[null,void 0].includes(t)?this.placeholderLabel:this.labelFromItem(t);return o&&n.length>1?`${a} (+${n.length-1})`:a},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){I(N),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,o,n){const{itemValue:i,itemLabel:t}=this;return e[i].reduce((a,s)=>s[i]===n?s[t]:a,o)},labelFromItem(e){const{itemValue:o,itemLabel:n}=this;return this.items.reduce((i,t)=>Array.isArray(t[o])?this.labelFromChild(t,i,e):t[o]===e?t[n]:i,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)}}},j=["id"];function D(e,o,n,i,t,a){const s=m("vui-input"),h=m("vui-list");return p(),y("div",{id:e.componentId,class:u(["vui-dropdown",e.$props.class])},[d(e.$slots,"prepend"),V("div",{class:u(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:o[0]||(o[0]=w((...l)=>a.onClick&&a.onClick(...l),["stop"]))},[d(e.$slots,"keyword",{keyword:t.keyword},()=>[B(s,{"with-icon":!1,value:t.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${a.placeholderValue}`,onInput:a.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(p(),k(h,$({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:a.listTitle,multiple:e.multiple,"onUpdate:modelValue":a.onToggle}),L({_:2},[e.$slots.placeholder?{name:"placeholder",fn:r(l=>[d(e.$slots,"placeholder",{index:l.index,item:l.item,itemLabel:l.itemLabel,itemValue:l.itemValue})]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:r(l=>[d(e.$slots,"group-item",{index:l.index,item:l.item,itemLabel:l.itemLabel,itemValue:l.itemValue})]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:r(l=>[d(e.$slots,"item",{index:l.index,item:l.item,itemLabel:l.itemLabel,itemValue:l.itemValue})]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","multiple","onUpdate:modelValue"])):C("",!0),d(e.$slots,"append")],10,j)}const G=v(T,[["render",D]]);export{G as default};

package/dist/doc/assets/{dropdown-AsBf0iVM.js → dropdown-CLYASRzv.js}

@@ -1,9 +1,15 @@
-import{d as b}from"./demonstrable-D6rf1mQ8.js";import{t as w}from"./translatable-1Spw6vjt.js";import v from"./dropdown-CdJfqX3U.js";import{_ as h,a as p,b as t,w as l,r as n,o as a,F as s,g as f,h as x,m as y,i as _,d,t as m}from"./index-421S8sYE.js";import"./input-DAYAbs_u.js";import"./composable-CshUTKfl.js";import"./list-D2FEJjG3.js";import"./animable-S5zFcxd4.js";const L={"page.component.dropdown.text-1":"Dropdown with an array of strings or numbers","page.component.dropdown.text-2":"Dropdown with an array of objects","page.component.dropdown.text-3":"Dropdown with groups of array of objects","page.component.dropdown.doc.prop.disabled":"Binds the disabled state","page.component.dropdown.doc.prop.disable-filtering":"Disable the internal filtering when keyword input is provided, useful serverside filtering is needed","page.component.dropdown.doc.prop.icon":"Class name of the icon to prepend","page.component.dropdown.doc.prop.loading":"Binds the loading state","page.component.dropdown.doc.prop.item-label":"Label key foreach list item","page.component.dropdown.doc.prop.item-value":"Value key foreach list item","page.component.dropdown.doc.prop.items":"Array of values or objects of the dropdown items","page.component.dropdown.doc.prop.placeholder":"Set the placeholder of dropdown","page.component.dropdown.doc.prop.value":"Selected item in the dropdown","page.component.dropdown.doc.prop.v-model":"Binds the model value of dropdown","page.component.dropdown.doc.slot.group-item":"Slot to custom each items group of the list","page.component.dropdown.doc.slot.keyword":"Slot for the keyword input text keyword","page.component.dropdown.doc.slot.item":"Slot iterates over each item of the list","page.component.dropdown.doc.slot.placeholder":"Slot for the placeholder"},S={},k={en:L,fr:S},c={attrs:[],examples:[{markup:`
+import{d as w}from"./demonstrable-CBEr3Dc5.js";import{t as b}from"./translatable-BfRM2PCZ.js";import v from"./dropdown-7vzcI5o3.js";import{_ as h,a,b as t,w as l,r as d,o as p,F as s,g as f,h as x,m as y,i as _,d as n,t as m}from"./index-CXVfKCPR.js";import"./input-VSM7Q0kg.js";import"./composable-CshUTKfl.js";import"./list-BZb1aorL.js";import"./animable-S5zFcxd4.js";const L={"page.component.dropdown.text-1":"Dropdown with an array of strings or numbers","page.component.dropdown.text-2":"Dropdown with an array of objects","page.component.dropdown.text-3":"Dropdown with groups of array of objects","page.component.dropdown.doc.prop.disabled":"Binds the disabled state","page.component.dropdown.doc.prop.disable-filtering":"Disable the internal filtering when keyword input is provided, useful serverside filtering is needed","page.component.dropdown.doc.prop.icon":"Class name of the icon to prepend","page.component.dropdown.doc.prop.loading":"Binds the loading state","page.component.dropdown.doc.prop.item-label":"Label key foreach list item","page.component.dropdown.doc.prop.item-value":"Value key foreach list item","page.component.dropdown.doc.prop.items":"Array of values or objects of the dropdown items","page.component.dropdown.doc.prop.placeholder":"Set the placeholder of dropdown","page.component.dropdown.doc.prop.value":"Selected item in the dropdown","page.component.dropdown.doc.prop.v-model":"Binds the model value of dropdown","page.component.dropdown.doc.slot.group-item":"Slot to custom each items group of the list","page.component.dropdown.doc.slot.keyword":"Slot for the keyword input text keyword","page.component.dropdown.doc.slot.item":"Slot iterates over each item of the list","page.component.dropdown.doc.slot.placeholder":"Slot for the placeholder"},k={},S={en:L,fr:k},c={attrs:[],examples:[{markup:`
                 <vui-dropdown
                     id="example-dropdown-1",
                     :items="[-1, 0, 1, 2, 3, 4]"
                 />
             `,props:{id:"example-dropdown-1",items:[-1,0,1,2,3,4]},title:"page.component.dropdown.text-1"},{markup:`
+                <vui-dropdown
+                    id="example-dropdown-1",
+                    multiple
+                    :items="[-1, 0, 1, 2, 3, 4]"
+                />
+            `,props:{id:"example-dropdown-1",items:[-1,0,1,2,3,4],multiple:!0},title:"page.component.dropdown.text-1"},{markup:`
                 <vui-dropdown
                     id="example-dropdown-2",
                     :items: [
@@ -29,4 +35,4 @@ import{d as b}from"./demonstrable-D6rf1mQ8.js";import{t as w}from"./translatable
                     item-label="label",
                     item-value="value"
                 />
-            `,props:{id:"example-dropdown-3",items:[{label:"Group label 1",value:[{label:"Label 1",value:"value 1"},{label:"Label 2",value:"value 2"}]},{label:"Group label 2",value:[{label:"Label 3",value:"value 3"},{label:"Label 4",value:"value 4"}]}],itemLabel:"label",itemValue:"value"},title:"page.component.dropdown.text-3"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.dropdown.doc.prop.disabled"},{tag:"disable-filtering",type:"Boolean",text:"page.component.dropdown.doc.prop.disable-filtering"},{tag:"icon",type:"String",text:"page.component.dropdown.doc.prop.icon"},{tag:"item-label",type:"String",text:"page.component.dropdown.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.dropdown.doc.prop.item-value"},{tag:"items",type:"String",text:"page.component.dropdown.doc.prop.items"},{tag:"loading",type:"Boolean",text:"page.component.dropdown.doc.prop.loading"},{tag:"placeholder",type:"String",text:"page.component.dropdown.doc.prop.placeholder"},{tag:"value",type:"[Object, Number, String]",text:"page.component.dropdown.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.dropdown.doc.prop.v-model"}],slots:[{name:"group-item",text:"page.component.dropdown.doc.slot.group-item"},{name:"keyword",text:"page.component.dropdown.doc.slot.keyword"},{name:"item",text:"page.component.dropdown.doc.slot.item"},{name:"placeholder",text:"page.component.dropdown.doc.slot.placeholder"}]},B={name:"ViewDropdown",mixins:[b],setup(){return w(k),{}},computed:{doc(){return c},examples(){return this.docExamples(v,c)}}},D={class:"view-dropdown"},V=["innerHTML"],$={class:"title"},j={class:"title"};function C(e,G,H,N,P,u){const r=n("vui-grid-unit"),i=n("vui-table"),g=n("vui-grid");return a(),p("div",D,[t(g,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(r,{class:"examples"},{default:l(()=>[(a(!0),p(s,null,f(u.examples,o=>(a(),p(s,{key:`dropdown-${o.props.id}`},[(a(),x(_(o.component),y(o.props,{placeholder:e.$t(o.title)}),null,16,["placeholder"])),d("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,V)],64))),128))]),_:1}),t(r,{class:"api-options"},{default:l(()=>[d("h2",$,m(e.$t("page.component.h2.api")),1),t(i,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),d("h2",j,m(e.$t("page.component.h2.slots")),1),t(i,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const I=h(B,[["render",C]]);export{I as default};
+            `,props:{id:"example-dropdown-3",items:[{label:"Group label 1",value:[{label:"Label 1",value:"value 1"},{label:"Label 2",value:"value 2"}]},{label:"Group label 2",value:[{label:"Label 3",value:"value 3"},{label:"Label 4",value:"value 4"}]}],itemLabel:"label",itemValue:"value"},title:"page.component.dropdown.text-3"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.dropdown.doc.prop.disabled"},{tag:"disable-filtering",type:"Boolean",text:"page.component.dropdown.doc.prop.disable-filtering"},{tag:"icon",type:"String",text:"page.component.dropdown.doc.prop.icon"},{tag:"item-label",type:"String",text:"page.component.dropdown.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.dropdown.doc.prop.item-value"},{tag:"items",type:"String",text:"page.component.dropdown.doc.prop.items"},{tag:"loading",type:"Boolean",text:"page.component.dropdown.doc.prop.loading"},{tag:"placeholder",type:"String",text:"page.component.dropdown.doc.prop.placeholder"},{tag:"value",type:"[Object, Number, String]",text:"page.component.dropdown.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.dropdown.doc.prop.v-model"}],slots:[{name:"group-item",text:"page.component.dropdown.doc.slot.group-item"},{name:"keyword",text:"page.component.dropdown.doc.slot.keyword"},{name:"item",text:"page.component.dropdown.doc.slot.item"},{name:"placeholder",text:"page.component.dropdown.doc.slot.placeholder"}]},B={name:"ViewDropdown",mixins:[w],setup(){return b(S),{}},computed:{doc(){return c},examples(){return this.docExamples(v,c)}}},D={class:"view-dropdown"},V=["innerHTML"],$={class:"title"},j={class:"title"};function C(e,G,H,N,P,u){const r=d("vui-grid-unit"),i=d("vui-table"),g=d("vui-grid");return p(),a("div",D,[t(g,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(r,{class:"examples"},{default:l(()=>[(p(!0),a(s,null,f(u.examples,o=>(p(),a(s,{key:`dropdown-${o.props.id}`},[(p(),x(_(o.component),y({ref_for:!0},o.props,{placeholder:e.$t(o.title)}),null,16,["placeholder"])),n("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,V)],64))),128))]),_:1}),t(r,{class:"api-options"},{default:l(()=>[n("h2",$,m(e.$t("page.component.h2.api")),1),t(i,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),n("h2",j,m(e.$t("page.component.h2.slots")),1),t(i,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const I=h(B,[["render",C]]);export{I as default};

package/dist/doc/assets/footer-0Nol1lGe.js

@@ -0,0 +1,5 @@
+import{d as _}from"./demonstrable-CBEr3Dc5.js";import{t as h}from"./translatable-BfRM2PCZ.js";import v from"./footer-OlxZPCKE.js";import{_ as b,a as r,b as o,w as a,r as s,o as n,F as c,g as y,m as x,e as B,t as l,d as p}from"./index-CXVfKCPR.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.footer.doc.attr.flat"}],examples:[{markup:`
+                <vui-footer>
+                    My footer content
+                </vui-footer>
+            `,props:{id:"example-footer-2",icon:"fa-sharp fa-solid fa-file-arrow-up"},text:"page.component.footer.text"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.footer.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.footer.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.footer.doc.prop.loading"}],slots:[{name:"default",text:"page.component.footer.doc.slot.default"}]},$={"page.component.footer.text":"My footer content","page.component.footer.doc.slot.default":"Default slot for footer content","page.component.footer.doc.attr.flat":"Enables the flat style layout","page.component.footer.doc.prop.disabled":"Binds the disabled state","page.component.footer.doc.prop.layout":"The card layout: [error, success, warning]","page.component.footer.doc.prop.loading":"Binds the loading state"},w={},V={en:$,fr:w},k={name:"ViewFooter",mixins:[_],setup(){return h(V),{}},computed:{doc(){return m},examples(){return this.docExamples(v,m)}}},F={class:"view-card"},H=["innerHTML"],M={class:"title"},S={class:"title"};function T(e,E,L,N,P,f){const u=s("vui-footer"),d=s("vui-grid-unit"),i=s("vui-table"),g=s("vui-grid");return n(),r("div",F,[o(g,{"col-sm":"1","col-md":"2"},{default:a(()=>[o(d,{class:"examples"},{default:a(()=>[(n(!0),r(c,null,y(f.examples,t=>(n(),r(c,{key:`footer-${t.props.id}`},[o(u,x({ref_for:!0},t.props),{default:a(()=>[B(l(e.$t(t.text)),1)]),_:2},1040),p("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,H)],64))),128))]),_:1}),o(d,{class:"api-options"},{default:a(()=>[p("h2",M,l(e.$t("page.component.h2.api")),1),o(i,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),p("h2",S,l(e.$t("page.component.h2.slots")),1),o(i,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const A=b(k,[["render",T]]);export{A as default};

package/dist/doc/assets/{footer-BUhm-koS.js → footer-OlxZPCKE.js}

@@ -1 +1 @@
-import{c as e}from"./composable-CshUTKfl.js";import{t}from"./translatable-1Spw6vjt.js";import{_ as a,a as r,j as s,n,o as p}from"./index-421S8sYE.js";const c={},l={},i={en:c,fr:l},d={name:"VuiFooter",mixins:[e],created(){t(i)}},m=["id"];function f(o,u,$,_,b,h){return p(),r("footer",{id:o.componentId,class:n(["vui-footer",o.$props.class])},[s(o.$slots,"prepend"),s(o.$slots,"default"),s(o.$slots,"append")],10,m)}const V=a(d,[["render",f]]);export{V as default};
+import{c as e}from"./composable-CshUTKfl.js";import{t}from"./translatable-BfRM2PCZ.js";import{_ as a,a as r,j as s,n,o as p}from"./index-CXVfKCPR.js";const c={},l={},i={en:c,fr:l},d={name:"VuiFooter",mixins:[e],created(){t(i)}},m=["id"];function f(o,u,$,_,b,h){return p(),r("footer",{id:o.componentId,class:n(["vui-footer",o.$props.class])},[s(o.$slots,"prepend"),s(o.$slots,"default"),s(o.$slots,"append")],10,m)}const V=a(d,[["render",f]]);export{V as default};

package/dist/doc/assets/{form-DV09lYvO.js → form-BSKjRhoj.js}

@@ -1 +1 @@
-import{c as e}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-1Spw6vjt.js";import{_ as r,a as n,j as o,n as t,o as p}from"./index-421S8sYE.js";const c={},l={},m={en:c,fr:l},i={name:"VuiForm",mixins:[e],created(){a(m)}},d=["id"];function f(s,u,$,_,b,h){return p(),n("form",{id:s.componentId,class:t(["vui-form",s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],10,d)}const V=r(i,[["render",f]]);export{V as default};
+import{c as e}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-BfRM2PCZ.js";import{_ as r,a as n,j as o,n as t,o as p}from"./index-CXVfKCPR.js";const c={},l={},m={en:c,fr:l},i={name:"VuiForm",mixins:[e],created(){a(m)}},d=["id"];function f(s,u,$,_,b,h){return p(),n("form",{id:s.componentId,class:t(["vui-form",s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],10,d)}const V=r(i,[["render",f]]);export{V as default};

package/dist/doc/assets/{form-BLtUQ-lY.js → form-D_Xvpl1o.js}

@@ -1,4 +1,4 @@
-import{d as V}from"./demonstrable-D6rf1mQ8.js";import{t as y}from"./translatable-1Spw6vjt.js";import q from"./form-DV09lYvO.js";import{_ as E,a as d,b as i,w as a,r as n,o as p,F as f,g as T,d as e,t as o,e as k}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const F={"page.component.form.email":"Enter an email","page.component.form.email.v-model":"The current v-model value for email is","page.component.form.password":"Enter a password","page.component.form.password.v-model":"The current v-model value for password is","page.component.form.submit":"Submit"},B={},H={en:F,fr:B},v={attrs:[],examples:[{markup:`
+import{d as V}from"./demonstrable-CBEr3Dc5.js";import{t as y}from"./translatable-BfRM2PCZ.js";import q from"./form-BSKjRhoj.js";import{_ as E,a as d,b as i,w as a,r as n,o as p,F as f,g as T,d as e,t as o,e as k}from"./index-CXVfKCPR.js";import"./composable-CshUTKfl.js";const F={"page.component.form.email":"Enter an email","page.component.form.email.v-model":"The current v-model value for email is","page.component.form.password":"Enter a password","page.component.form.password.v-model":"The current v-model value for password is","page.component.form.submit":"Submit"},B={},H={en:F,fr:B},v={attrs:[],examples:[{markup:`
                 <vui-form>
                     <section>
                         <fieldset>

package/dist/doc/assets/{grid-CTROyBV4.js → grid-9ZYvD8cA.js}

@@ -1 +1 @@
-import{c as s}from"./composable-CshUTKfl.js";import{t as l}from"./translatable-1Spw6vjt.js";import{_ as n,a as r,j as e,n as d,o as i}from"./index-421S8sYE.js";const a={},t={},c={en:a,fr:t},p={colXs:{default:void 0,types:[Number,String]},colSm:{default:void 0,types:[Number,String]},colMd:{default:void 0,types:[Number,String]},colXl:{default:void 0,types:[Number,String]}},u={name:"VuiGrid",mixins:[s],props:p,created(){l(c)}},m=["id"];function f(o,$,g,S,b,v){return i(),r("div",{id:o.componentId,class:d(["vui-grid",{[`vui-grid--col-xs--${o.colXs}`]:o.colXs},{[`vui-grid--col-sm--${o.colSm}`]:o.colSm},{[`vui-grid--col-md--${o.colMd}`]:o.colMd},{[`vui-grid--col-xl--${o.colXl}`]:o.colXl},o.$props.class])},[e(o.$slots,"prepend"),e(o.$slots,"default"),e(o.$slots,"append")],10,m)}const M=n(u,[["render",f]]);export{M as default};
+import{c as s}from"./composable-CshUTKfl.js";import{t as l}from"./translatable-BfRM2PCZ.js";import{_ as n,a as r,j as e,n as d,o as i}from"./index-CXVfKCPR.js";const a={},t={},c={en:a,fr:t},p={colXs:{default:void 0,types:[Number,String]},colSm:{default:void 0,types:[Number,String]},colMd:{default:void 0,types:[Number,String]},colXl:{default:void 0,types:[Number,String]}},u={name:"VuiGrid",mixins:[s],props:p,created(){l(c)}},m=["id"];function f(o,$,g,S,b,v){return i(),r("div",{id:o.componentId,class:d(["vui-grid",{[`vui-grid--col-xs--${o.colXs}`]:o.colXs},{[`vui-grid--col-sm--${o.colSm}`]:o.colSm},{[`vui-grid--col-md--${o.colMd}`]:o.colMd},{[`vui-grid--col-xl--${o.colXl}`]:o.colXl},o.$props.class])},[e(o.$slots,"prepend"),e(o.$slots,"default"),e(o.$slots,"append")],10,m)}const M=n(u,[["render",f]]);export{M as default};

package/dist/doc/assets/{grid-DVItt9zr.js → grid-uMlfJ0Zu.js}

@@ -1,4 +1,4 @@
-import{d as f}from"./demonstrable-D6rf1mQ8.js";import{t as _}from"./translatable-1Spw6vjt.js";import v from"./grid-CTROyBV4.js";import{_ as h,a as s,b as o,w as e,r as l,o as c,F as p,g as x,d as r,t as d}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const b={"page.component.grid.left":"Col 1 content","page.component.grid.right":"Col 2 content","page.component.grid.doc.prop.col-xs":"Defines number of columns for xs class","page.component.grid.doc.prop.col-sm":"Defines number of columns for sm class","page.component.grid.doc.prop.col-md":"Defines number of columns for md class","page.component.grid.doc.prop.col-xl":"Defines number of columns for xl class"},$={},y={en:b,fr:$},m={attrs:[],examples:[{markup:`
+import{d as f}from"./demonstrable-CBEr3Dc5.js";import{t as _}from"./translatable-BfRM2PCZ.js";import v from"./grid-9ZYvD8cA.js";import{_ as h,a as s,b as o,w as e,r as l,o as c,F as p,g as x,d as r,t as d}from"./index-CXVfKCPR.js";import"./composable-CshUTKfl.js";const b={"page.component.grid.left":"Col 1 content","page.component.grid.right":"Col 2 content","page.component.grid.doc.prop.col-xs":"Defines number of columns for xs class","page.component.grid.doc.prop.col-sm":"Defines number of columns for sm class","page.component.grid.doc.prop.col-md":"Defines number of columns for md class","page.component.grid.doc.prop.col-xl":"Defines number of columns for xl class"},$={},y={en:b,fr:$},m={attrs:[],examples:[{markup:`
                 <vui-grid
                     id="example-grid-1"
                     col-md="2"

package/dist/doc/assets/header-DEW5JrUy.js

@@ -0,0 +1,5 @@
+import{d as _}from"./demonstrable-CBEr3Dc5.js";import{t as f}from"./translatable-BfRM2PCZ.js";import v from"./header-DkZ7LnIZ.js";import{_ as b,a as n,b as t,w as a,r as s,o as r,F as i,g as y,m as x,e as B,t as d,d as l}from"./index-CXVfKCPR.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.header.doc.attr.flat"}],examples:[{markup:`
+                <vui-header>
+                    My header content
+                </vui-header>
+            `,props:{},text:"page.component.header.text"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.header.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.header.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.header.doc.prop.loading"}],slots:[{name:"default",text:"page.component.header.doc.slot.default"}]},$={"page.component.header.text":"My header content","page.component.header.doc.slot.default":"Default slot for header content","page.component.header.doc.attr.flat":"Enables the flat style layout","page.component.header.doc.prop.disabled":"Binds the disabled state","page.component.header.doc.prop.layout":"The card layout: [error, success, warning]","page.component.header.doc.prop.loading":"Binds the loading state"},H={},w={en:$,fr:H},V={name:"ViewHeader",mixins:[_],setup(){return f(w),{}},computed:{doc(){return m},examples(){return this.docExamples(v,m)}}},k={class:"view-header"},M=["innerHTML"],S={class:"title"},T={class:"title"};function E(e,L,N,P,C,u){const h=s("vui-header"),p=s("vui-grid-unit"),c=s("vui-table"),g=s("vui-grid");return r(),n("div",k,[t(g,{"col-sm":"1","col-md":"2"},{default:a(()=>[t(p,{class:"examples"},{default:a(()=>[(r(!0),n(i,null,y(u.examples,o=>(r(),n(i,{key:`header-${o.props.id}`},[t(h,x({ref_for:!0},o.props),{default:a(()=>[B(d(e.$t(o.text)),1)]),_:2},1040),l("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,M)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:a(()=>[l("h2",S,d(e.$t("page.component.h2.api")),1),t(c,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),l("h2",T,d(e.$t("page.component.h2.slots")),1),t(c,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const A=b(V,[["render",E]]);export{A as default};

package/dist/doc/assets/{header-BD031rJv.js → header-DkZ7LnIZ.js}

@@ -1 +1 @@
-import{c as o}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-1Spw6vjt.js";import{_ as r,a as n,j as s,n as t,o as p}from"./index-421S8sYE.js";const c={},d={},l={en:c,fr:d},i={name:"VuiHeader",mixins:[o],created(){a(l)}},m=["id"];function f(e,u,$,_,h,b){return p(),n("header",{id:e.componentId,class:t(["vui-header",e.$props.class])},[s(e.$slots,"prepend"),s(e.$slots,"default"),s(e.$slots,"append")],10,m)}const V=r(i,[["render",f]]);export{V as default};
+import{c as o}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-BfRM2PCZ.js";import{_ as r,a as n,j as s,n as t,o as p}from"./index-CXVfKCPR.js";const c={},d={},l={en:c,fr:d},i={name:"VuiHeader",mixins:[o],created(){a(l)}},m=["id"];function f(e,u,$,_,h,b){return p(),n("header",{id:e.componentId,class:t(["vui-header",e.$props.class])},[s(e.$slots,"prepend"),s(e.$slots,"default"),s(e.$slots,"append")],10,m)}const V=r(i,[["render",f]]);export{V as default};