@e-xode/vui 0.6.7 → 0.6.9

package/dist/doc/assets/{input-Dxw7RYfZ.js → input-CIyXwPJo.js}

@@ -1,4 +1,4 @@
-import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable-eIyiPB31.js";import _ from"./input-hkS14TCT.js";import{_ as x,a as l,b as p,w as o,r as n,o as a,F as r,g as w,d as i,t as s,h as T,m as B,i as k}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const S={"page.component.input.title-default":"Input type as text","page.component.input.title-disabled":"Input type disabled","page.component.input.title-number":"Input type as number","page.component.input.title-email":"Input type as email","page.component.input.title-password":"Input type as password","page.component.input.vmodel":"v-model","page.component.input.vmodel.none":"none","page.component.input.doc.prop.disabled":"Binds the disabled state","page.component.input.doc.prop.icon":"Class name of the icon to append","page.component.input.doc.prop.loading":"Binds the loading state","page.component.input.doc.prop.type":"Type of input: email, text, number","page.component.input.doc.prop.value":"Value of the input","page.component.input.doc.prop.v-model":"Binds the value of input","page.component.input.doc.prop.with-icon":"Allows default icon based on component type (default true)","page.component.input.doc.slot.default":"Default slot of component","page.component.input.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.input.doc.slot.append":"Slot used to insert custom content et the end of component"},I={},V={en:S,fr:I},m={attrs:[],examples:[{markup:`
+import{d as b}from"./demonstrable-DoDjrIlv.js";import{t as f}from"./translatable-C-odWYJj.js";import _ from"./input-DhEvJPvY.js";import{_ as x,a as l,b as p,w as o,r as n,o as a,F as r,g as w,d as i,t as u,h as T,m as B,i as k}from"./index-BTkXFI8q.js";import"./composable-CshUTKfl.js";const S={"page.component.input.title-default":"Input type as text","page.component.input.title-disabled":"Input type disabled","page.component.input.title-number":"Input type as number","page.component.input.title-email":"Input type as email","page.component.input.title-password":"Input type as password","page.component.input.vmodel":"v-model","page.component.input.vmodel.none":"none","page.component.input.doc.prop.disabled":"Binds the disabled state","page.component.input.doc.prop.icon":"Class name of the icon to append","page.component.input.doc.prop.loading":"Binds the loading state","page.component.input.doc.prop.type":"Type of input: email, text, number","page.component.input.doc.prop.value":"Value of the input","page.component.input.doc.prop.v-model":"Binds the value of input","page.component.input.doc.prop.with-icon":"Allows default icon based on component type (default true)","page.component.input.doc.slot.default":"Default slot of component","page.component.input.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.input.doc.slot.append":"Slot used to insert custom content et the end of component"},I={},V={en:S,fr:I},m={attrs:[],examples:[{markup:`
                 <vui-input
                     id="example-input-default"
                     layout="default"
@@ -34,4 +34,4 @@ import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable
                     placeholder="Type a value"
                     type="password"
                 />
-            `,props:{id:"example-input-password",layout:"error",name:"example-input-password",placeholder:"Type a value",type:"password"},title:"page.component.input.title-password"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.input.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.input.doc.prop.icon"},{tag:"loading",type:"Boolean",text:"page.component.input.doc.prop.loading"},{tag:"type",type:"String",text:"page.component.input.doc.prop.type"},{tag:"value",type:"Number, String",text:"page.component.input.doc.prop.value"},{tag:"v-model",type:"Number, String",text:"page.component.input.doc.prop.v-model"},{tag:"with-icon",type:"Boolean",text:"page.component.input.doc.prop.with-icon"}],slots:[{name:"prepend",text:"page.component.input.doc.slot.prepend"},{name:"default",text:"page.component.input.doc.slot.default"},{name:"append",text:"page.component.input.doc.slot.append"}]},$={name:"ViewInput",mixins:[b],setup(){return f(V),{}},data(){return{form:{}}},computed:{doc(){return m},examples(){return this.docExamples(_,m)}}},C={class:"view-input"},H={class:"title"},N=["innerHTML"],D={class:"title"},L={class:"title"};function P(e,E,F,M,c,g){const y=n("vui-card"),u=n("vui-grid-unit"),d=n("vui-table"),h=n("vui-grid");return a(),l("div",C,[p(h,{"col-sm":"1","col-md":"2"},{default:o(()=>[p(u,{class:"examples"},{default:o(()=>[(a(!0),l(r,null,w(g.examples,t=>(a(),l(r,{key:`button-${t.props.id}`},[p(y,null,{header:o(()=>[i("span",H,s(e.$t(t.title)),1)]),body:o(()=>[(a(),T(k(t.component),B(t.props,{id:t.props.id,required:"",class:"test","onUpdate:modelValue":v=>c.form[t.props.id]=v}),null,16,["id","onUpdate:modelValue"]))]),_:2},1024),i("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,N)],64))),128))]),_:1}),p(u,{class:"api-options"},{default:o(()=>[i("h2",D,s(e.$t("page.component.h2.api")),1),p(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),i("h2",L,s(e.$t("page.component.h2.slots")),1),p(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=x($,[["render",P]]);export{G as default};
+            `,props:{id:"example-input-password",layout:"error",name:"example-input-password",placeholder:"Type a value",type:"password"},title:"page.component.input.title-password"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.input.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.input.doc.prop.icon"},{tag:"loading",type:"Boolean",text:"page.component.input.doc.prop.loading"},{tag:"type",type:"String",text:"page.component.input.doc.prop.type"},{tag:"value",type:"Number, String",text:"page.component.input.doc.prop.value"},{tag:"v-model",type:"Number, String",text:"page.component.input.doc.prop.v-model"},{tag:"with-icon",type:"Boolean",text:"page.component.input.doc.prop.with-icon"}],slots:[{name:"prepend",text:"page.component.input.doc.slot.prepend"},{name:"default",text:"page.component.input.doc.slot.default"},{name:"append",text:"page.component.input.doc.slot.append"}]},$={name:"ViewInput",mixins:[b],setup(){return f(V),{}},data(){return{form:{}}},computed:{doc(){return m},examples(){return this.docExamples(_,m)}}},C={class:"view-input"},H={class:"title"},N=["innerHTML"],D={class:"title"},L={class:"title"};function P(e,E,F,M,c,g){const y=n("vui-card"),s=n("vui-grid-unit"),d=n("vui-table"),h=n("vui-grid");return a(),l("div",C,[p(h,{"col-sm":"1","col-md":"2"},{default:o(()=>[p(s,{class:"examples"},{default:o(()=>[(a(!0),l(r,null,w(g.examples,t=>(a(),l(r,{key:`button-${t.props.id}`},[p(y,null,{header:o(()=>[i("span",H,u(e.$t(t.title)),1)]),body:o(()=>[(a(),T(k(t.component),B({ref_for:!0},t.props,{id:t.props.id,required:"",class:"test","onUpdate:modelValue":v=>c.form[t.props.id]=v}),null,16,["id","onUpdate:modelValue"]))]),_:2},1024),i("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,N)],64))),128))]),_:1}),p(s,{class:"api-options"},{default:o(()=>[i("h2",D,u(e.$t("page.component.h2.api")),1),p(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),i("h2",L,u(e.$t("page.component.h2.slots")),1),p(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=x($,[["render",P]]);export{G as default};

package/dist/doc/assets/{input-hkS14TCT.js → input-DhEvJPvY.js}

@@ -1 +1 @@
-import{c as d}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-eIyiPB31.js";import{_ as h,a as t,j as u,d as m,n as i,f as a,o as n}from"./index-BTCbAXEh.js";const c={"component.input.placeholder":"Type a value ..."},y={},f={en:c,fr:y},v={icon:{default:void 0,type:String},modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{default:"text",type:String},value:{default:void 0,types:[Boolean,Number,String,null]},withIcon:{default:!0,type:Boolean}},b={name:"VuiInput",mixins:[d],props:v,emits:["input","update:model-value"],data(){return{typed:null}},computed:{placeholderValue(){return this.placeholder?this.placeholder:this.$t("component.input.placeholder")}},watch:{value(e){this.typed=e},modelValue(e){this.typed=e}},created(){r(f),this.hasModelValue?this.typed=this.modelValue:this.hasValue&&(this.typed=this.value)},methods:{onInput(e){this.typed=this.type==="number"?e.target.valueAsNumber:e.target.value,this.$emit("input",e),this.$emit("update:model-value",this.typed)}}},g=["id"],I=["value","disabled","maxlength","name","placeholder","required","type"],w={key:1,class:i(["vui-input-icon","fa-font"])},V={key:2,class:i(["vui-input-icon","fa-at"])},k={key:3,class:i(["vui-input-icon","fa-key"])},B={key:4,class:i(["vui-input-icon","fa-arrow-down-1-9"])};function N(e,o,S,$,s,l){return n(),t("div",{id:e.componentId,class:i(["vui-input",`vui-input--${e.layout}`,{"vui-input--flat":e.hasAttribute("flat")},{"vui-input--with-icon":e.withIcon},{"vui-input--disabled":e.disabled},{"vui-input--loading":!e.disabled&&e.loading},e.$props.class])},[u(e.$slots,"prepend"),m("input",{value:s.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:l.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:o[0]||(o[0]=(...p)=>l.onInput&&l.onInput(...p))},null,40,I),e.withIcon&&e.icon?(n(),t("i",{key:0,class:i(["vui-input-icon",e.icon])},null,2)):a("",!0),e.withIcon&&!e.icon&&e.type==="text"?(n(),t("i",w)):a("",!0),e.withIcon&&!e.icon&&e.type==="email"?(n(),t("i",V)):a("",!0),e.withIcon&&!e.icon&&e.type==="password"?(n(),t("i",k)):a("",!0),e.withIcon&&!e.icon&&e.type==="number"?(n(),t("i",B)):a("",!0),u(e.$slots,"append")],10,g)}const j=h(b,[["render",N]]);export{j as default};
+import{c as d}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-C-odWYJj.js";import{_ as h,a as t,j as u,d as m,n as i,f as a,o as n}from"./index-BTkXFI8q.js";const c={"component.input.placeholder":"Type a value ..."},y={},f={en:c,fr:y},v={icon:{default:void 0,type:String},modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{default:"text",type:String},value:{default:void 0,types:[Boolean,Number,String,null]},withIcon:{default:!0,type:Boolean}},b={name:"VuiInput",mixins:[d],props:v,emits:["input","update:model-value"],data(){return{typed:null}},computed:{placeholderValue(){return this.placeholder?this.placeholder:this.$t("component.input.placeholder")}},watch:{value(e){this.typed=e},modelValue(e){this.typed=e}},created(){r(f),this.hasModelValue?this.typed=this.modelValue:this.hasValue&&(this.typed=this.value)},methods:{onInput(e){this.typed=this.type==="number"?e.target.valueAsNumber:e.target.value,this.$emit("input",e),this.$emit("update:model-value",this.typed)}}},g=["id"],I=["value","disabled","maxlength","name","placeholder","required","type"],w={key:1,class:i(["vui-input-icon","fa-font"])},V={key:2,class:i(["vui-input-icon","fa-at"])},k={key:3,class:i(["vui-input-icon","fa-key"])},B={key:4,class:i(["vui-input-icon","fa-arrow-down-1-9"])};function N(e,o,S,$,s,l){return n(),t("div",{id:e.componentId,class:i(["vui-input",`vui-input--${e.layout}`,{"vui-input--flat":e.hasAttribute("flat")},{"vui-input--with-icon":e.withIcon},{"vui-input--disabled":e.disabled},{"vui-input--loading":!e.disabled&&e.loading},e.$props.class])},[u(e.$slots,"prepend"),m("input",{value:s.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:l.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:o[0]||(o[0]=(...p)=>l.onInput&&l.onInput(...p))},null,40,I),e.withIcon&&e.icon?(n(),t("i",{key:0,class:i(["vui-input-icon",e.icon])},null,2)):a("",!0),e.withIcon&&!e.icon&&e.type==="text"?(n(),t("i",w)):a("",!0),e.withIcon&&!e.icon&&e.type==="email"?(n(),t("i",V)):a("",!0),e.withIcon&&!e.icon&&e.type==="password"?(n(),t("i",k)):a("",!0),e.withIcon&&!e.icon&&e.type==="number"?(n(),t("i",B)):a("",!0),u(e.$slots,"append")],10,g)}const j=h(b,[["render",N]]);export{j as default};

package/dist/doc/assets/list-6T_m0poQ.js

@@ -0,0 +1 @@
+import{a as L}from"./animable-S5zFcxd4.js";import{c as S}from"./composable-CshUTKfl.js";import{_ as j,a as n,j as c,f as m,d as b,F as y,g as k,n as d,o,e as g,t as f,k as v}from"./index-BTkXFI8q.js";import{t as I}from"./translatable-C-odWYJj.js";function p(e){return e!=null&&typeof e=="object"&&e["@@functional/placeholder"]===!0}function V(e){return function t(s){return arguments.length===0||p(s)?t:e.apply(this,arguments)}}function C(e){return function t(s,r){switch(arguments.length){case 0:return t;case 1:return p(s)?t:V(function(l){return e(s,l)});default:return p(s)&&p(r)?t:p(s)?V(function(l){return e(l,r)}):p(r)?V(function(l){return e(s,l)}):e(s,r)}}}var B=C(function(t,s){for(var r={},l={},i=0,a=t.length;i<a;)l[t[i]]=1,i+=1;for(var u in s)l.hasOwnProperty(u)||(r[u]=s[u]);return r});const G={},A={},K={en:G,fr:A},N={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]}},O={name:"VuiList",mixins:[L,S],props:N,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,t)=>(this.isGroup(t)?e.push({...t,$$id:this.newId(),value:t[this.itemValue].reduce((s,r)=>!this.hasKeyword||this.match(r)?[...s,this.mapItem(r,this.newId())]:s,[])}):(!this.hasKeyword||this.match(t))&&e.push(this.mapItem(t,this.newId())),e),[])}},watch:{items(){this.autoexpand()},modelValue(e){this.selected=this.mapItem(e)},value(e){this.selected=this.mapItem(e)}},created(){I(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,t,s)=>{if(this.isGroup(t)){const l=t[this.itemValue].findIndex(i=>this.isSelected(i));if(this.expanded||l>-1)return{...e,[s]:!0}}return e},{})},isAnimating(e){const{animating:t,last:s}=this;return s===e&&t},isGroup(e){return Array.isArray(e==null?void 0:e[this.itemValue])},isObject(e){const t=this.itemValue;return this.isGroup(e)?typeof e[t][0]=="object":typeof e=="object"},isSelected(e){return!e.disabled&&typeof this.selected<"u"?this.multiple?typeof this.selected.find(s=>typeof e=="object"?s&&s[this.itemValue]===e[this.itemValue]:s&&s===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:s,toggled:r}=this;return t===e&&s[e]&&r},match(e){return typeof e=="object"?`${e[this.itemLabel]}`.includes(this.keyword):`${e}`.includes(this.keyword)},mapItem(e,t){const s=typeof e=="object"?e:{[this.itemLabel]:e,[this.itemValue]:e};return t?{...s,$$id:t}:s},onClick(e){if(!this.disabled&&this.selectable){const t=B(["$$id"],e),s=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",s);t.route&&this.$router.push(t.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]))}}},T=["id"],$={key:0,class:"vui-list-title"},F={class:"vui-list-items"},M=["onClick"],P=["onClick"],q=["onClick"];function z(e,t,s,r,l,i){return o(),n("div",{id:e.componentId,class:d(["vui-list",{"vui-list--flat":e.hasAttribute("flat")},e.$props.class])},[c(e.$slots,"prepend"),e.title?(o(),n("div",$,[c(e.$slots,"placeholder",{item:e.title},()=>[g(f(e.title),1)])])):m("",!0),b("div",F,[(o(!0),n(y,null,k(i.list,(a,u)=>(o(),n("div",{key:a.$$id,class:d([{"vui-list-items-item":!i.isGroup(a)},{"vui-list-items-group-item":i.isGroup(a)}])},[i.isGroup(a)?m("",!0):(o(),n("div",{key:0,class:d([{"vui-list-items-item-label":!i.isGroup(a)},{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":i.isSelected(a)}]),onClick:v(()=>i.onClick(a),["stop"])},[c(e.$slots,"item",{index:u,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[a.icon?(o(),n("i",{key:0,class:d(["vui-list-items-item-label-icon",a.icon])},null,2)):m("",!0),b("span",null,f(a[e.itemLabel]),1)])],10,M)),i.isGroup(a)?(o(),n(y,{key:1},[b("div",{class:d(["vui-list-items-item-group-label",{"vui-list-items-item-group-label--toggled":i.isToggled(u)},{"vui-list-items-item-group-label--animating":i.isAnimating(u)},{"vui-list-items-item-group-label--open":l.open[u]||i.hasKeyword}]),onClick:v(()=>i.onToggle(u),["stop"])},[c(e.$slots,"group-item",{index:u,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[g(f(a[e.itemLabel]),1)])],10,P),l.open[u]||i.hasKeyword?(o(!0),n(y,{key:0},k(a[e.itemValue],(h,w)=>(o(),n("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":i.isSelected(h)}]),onClick:v(()=>i.onClick(h),["stop"])},[c(e.$slots,"item",{index:w,item:h,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[h.icon?(o(),n("i",{key:0,class:d(["vui-list-items-item-label-icon",h.icon])},null,2)):m("",!0),g(" "+f(h[e.itemLabel]),1)])],10,q))),128)):m("",!0)],64)):m("",!0)],2))),128))]),c(e.$slots,"append")],10,T)}const Q=j(O,[["render",z]]);export{Q as default};

package/dist/doc/assets/{list-BYX5Hslw.js → list-CM39BhXG.js}

@@ -1,9 +1,15 @@
-import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as v}from"./translatable-eIyiPB31.js";import h from"./list-n3xmt7CO.js";import{_ as f,a,b as l,w as i,r as s,o,F as c,g as y,h as x,m as _,i as L,d as p,t as m}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const S={"page.component.list.text-1":"List an array of strings, numbers, ...","page.component.list.text-2":"List an array of objects","page.component.list.text-3":"List with groups of objects arrays","page.component.list.doc.prop.autoclose":"Closes automatically opened group when a new one is opened","page.component.list.doc.prop.disable-filtering":"Disable the internal filtering even a keyword props is provided, useful serverside filtering is needed","page.component.list.doc.prop.disabled":"Binds the disabled state condition","page.component.list.doc.prop.expanded":"Start with all items groups opened","page.component.list.doc.prop.icon":"Class name of the icon to display before each item label","page.component.list.doc.prop.keyword":"Used to filter the items list","page.component.list.doc.prop.loading":"Binds the loading state","page.component.list.doc.prop.item-label":"Label key foreach list item","page.component.list.doc.prop.item-value":"Value key foreach list item","page.component.list.doc.prop.items":"Array of values that composes the list","page.component.list.doc.prop.selectable":"Determines if list items are selectable","page.component.list.doc.prop.title":"Display a title above the list items","page.component.list.doc.prop.value":"Selected item in the list","page.component.list.doc.prop.v-model":"Binds the model value of dropdown","page.component.list.doc.slot.group-item":"Slot to iterates over each item group","page.component.list.doc.slot.item":"Slot to iterates over each item of the list","page.component.list.doc.slot.placeholder":"Slot for the placeholder"},B={},k={en:S,fr:B},d={attrs:[],examples:[{markup:`
+import{d as b}from"./demonstrable-DoDjrIlv.js";import{t as v}from"./translatable-C-odWYJj.js";import h from"./list-6T_m0poQ.js";import{_ as f,a,b as l,w as i,r as s,o,F as c,g as y,h as x,m as _,i as L,d as p,t as m}from"./index-BTkXFI8q.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const S={"page.component.list.text-1":"List an array of strings, numbers, ...","page.component.list.text-2":"List an array of objects","page.component.list.text-3":"List with groups of objects arrays","page.component.list.doc.prop.autoclose":"Closes automatically opened group when a new one is opened","page.component.list.doc.prop.disable-filtering":"Disable the internal filtering even a keyword props is provided, useful serverside filtering is needed","page.component.list.doc.prop.disabled":"Binds the disabled state condition","page.component.list.doc.prop.expanded":"Start with all items groups opened","page.component.list.doc.prop.icon":"Class name of the icon to display before each item label","page.component.list.doc.prop.keyword":"Used to filter the items list","page.component.list.doc.prop.loading":"Binds the loading state","page.component.list.doc.prop.item-label":"Label key foreach list item","page.component.list.doc.prop.item-value":"Value key foreach list item","page.component.list.doc.prop.items":"Array of values that composes the list","page.component.list.doc.prop.selectable":"Determines if list items are selectable","page.component.list.doc.prop.title":"Display a title above the list items","page.component.list.doc.prop.value":"Selected item in the list","page.component.list.doc.prop.v-model":"Binds the model value of dropdown","page.component.list.doc.slot.group-item":"Slot to iterates over each item group","page.component.list.doc.slot.item":"Slot to iterates over each item of the list","page.component.list.doc.slot.placeholder":"Slot for the placeholder"},B={},k={en:S,fr:B},d={attrs:[],examples:[{markup:`
                 <vui-list
                     :items=[1, 2, 3, 4]
                     :selectable="true"
                 />
             `,props:{disabled:!1,id:"vui-list-1",items:[1,2,3,4],selectable:!0},title:"page.component.list.text-1"},{markup:`
+                <vui-list
+                    :items=[1, 2, 3, 4]
+                    :selectable="true"
+                    multiple
+                />
+            `,props:{disabled:!1,id:"vui-list-1",items:[1,2,3,4],multiple:!0,selectable:!0},title:"page.component.list.text-1"},{markup:`
                 <vui-list
                     :items=[
                         { label: "label 1", value: "value 1" },
@@ -27,4 +33,4 @@ import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as v}from"./translatable
                     item-label="label"
                     item-value="value"
                 />
-            `,props:{disabled:!1,id:"vui-list-3",items:[{label:"Label Group 1",value:[{label:"label 1",value:"value 1"},{label:"label 2",value:"value 2"}]},{label:"Label Group 2",value:[{label:"label 3",value:"value 3"},{label:"label 3",value:"value 4"}]}],itemLabel:"label",itemValue:"value",selectable:!0},title:"page.component.list.text-3"}],props:[{tag:"autoclose",type:"Boolean",text:"page.component.list.doc.prop.autoclose"},{tag:"disabled",type:"Boolean",text:"page.component.list.doc.prop.disabled"},{tag:"disable-filtering",type:"Boolean",text:"page.component.list.doc.prop.disable-filtering"},{tag:"expanded",type:"Boolean",text:"page.component.list.doc.prop.expanded"},{tag:"icon",type:"String",text:"page.component.list.doc.prop.icon"},{tag:"item-label",type:"String",text:"page.component.list.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.list.doc.prop.item-value"},{tag:"items",type:"String",text:"page.component.list.doc.prop.items"},{tag:"loading",type:"Boolean",text:"page.component.list.doc.prop.loading"},{tag:"selectable",type:"Boolean",text:"page.component.list.doc.prop.selectable"},{tag:"title",type:"String",text:"page.component.list.doc.prop.title"},{tag:"value",type:"[Object, Number, String]",text:"page.component.list.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.list.doc.prop.v-model"}],slots:[{name:"group-item",text:"page.component.list.doc.slot.group-item"},{name:"item",text:"page.component.list.doc.slot.item"},{name:"placeholder",text:"page.component.list.doc.slot.placeholder"}]},w={name:"ViewList",mixins:[b],setup(){return v(k),{}},computed:{doc(){return d},examples(){return this.docExamples(h,d)}}},V={class:"view-list"},$=["innerHTML"],C={class:"title"},D={class:"title"};function j(e,G,H,N,P,u){const n=s("vui-grid-unit"),r=s("vui-table"),g=s("vui-grid");return o(),a("div",V,[l(g,{"col-sm":"1","col-md":"2"},{default:i(()=>[l(n,{class:"examples"},{default:i(()=>[(o(!0),a(c,null,y(u.examples,t=>(o(),a(c,{key:`list-${t.props.id}`},[(o(),x(L(t.component),_(t.props,{title:e.$t(t.title)}),null,16,["title"])),p("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,$)],64))),128))]),_:1}),l(n,{class:"api-options"},{default:i(()=>[p("h2",C,m(e.$t("page.component.h2.api")),1),l(r,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),p("h2",D,m(e.$t("page.component.h2.slots")),1),l(r,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const U=f(w,[["render",j]]);export{U as default};
+            `,props:{disabled:!1,id:"vui-list-3",items:[{label:"Label Group 1",value:[{label:"label 1",value:"value 1"},{label:"label 2",value:"value 2"}]},{label:"Label Group 2",value:[{label:"label 3",value:"value 3"},{label:"label 3",value:"value 4"}]}],itemLabel:"label",itemValue:"value",selectable:!0},title:"page.component.list.text-3"}],props:[{tag:"autoclose",type:"Boolean",text:"page.component.list.doc.prop.autoclose"},{tag:"disabled",type:"Boolean",text:"page.component.list.doc.prop.disabled"},{tag:"disable-filtering",type:"Boolean",text:"page.component.list.doc.prop.disable-filtering"},{tag:"expanded",type:"Boolean",text:"page.component.list.doc.prop.expanded"},{tag:"icon",type:"String",text:"page.component.list.doc.prop.icon"},{tag:"item-label",type:"String",text:"page.component.list.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.list.doc.prop.item-value"},{tag:"items",type:"String",text:"page.component.list.doc.prop.items"},{tag:"loading",type:"Boolean",text:"page.component.list.doc.prop.loading"},{tag:"selectable",type:"Boolean",text:"page.component.list.doc.prop.selectable"},{tag:"title",type:"String",text:"page.component.list.doc.prop.title"},{tag:"value",type:"[Object, Number, String]",text:"page.component.list.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.list.doc.prop.v-model"}],slots:[{name:"group-item",text:"page.component.list.doc.slot.group-item"},{name:"item",text:"page.component.list.doc.slot.item"},{name:"placeholder",text:"page.component.list.doc.slot.placeholder"}]},w={name:"ViewList",mixins:[b],setup(){return v(k),{}},computed:{doc(){return d},examples(){return this.docExamples(h,d)}}},V={class:"view-list"},$=["innerHTML"],C={class:"title"},D={class:"title"};function j(e,G,H,N,P,u){const n=s("vui-grid-unit"),r=s("vui-table"),g=s("vui-grid");return o(),a("div",V,[l(g,{"col-sm":"1","col-md":"2"},{default:i(()=>[l(n,{class:"examples"},{default:i(()=>[(o(!0),a(c,null,y(u.examples,t=>(o(),a(c,{key:`list-${t.props.id}`},[(o(),x(L(t.component),_({ref_for:!0},t.props,{title:e.$t(t.title)}),null,16,["title"])),p("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,$)],64))),128))]),_:1}),l(n,{class:"api-options"},{default:i(()=>[p("h2",C,m(e.$t("page.component.h2.api")),1),l(r,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),p("h2",D,m(e.$t("page.component.h2.slots")),1),l(r,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const U=f(w,[["render",j]]);export{U as default};

package/dist/doc/assets/{loader-hc6kqiqT.js → loader-C9zMMltn.js}

@@ -1 +1 @@
-import{c as n}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-eIyiPB31.js";import l from"./alert-kDXe81fs.js";import{_ as i,h as p,w as d,n as e,r as c,o as u,j as s,d as a,t as m}from"./index-BTCbAXEh.js";const f={"component.loader.text":"It's loading..."},$={},v={en:f,fr:$},h={icon:{type:String,default:"fa-sharp fa-solid fa-spinner"},text:{type:String}},g={name:"VuiLoader",components:{VuiAlert:l},mixins:[n],props:h,created(){r(v)}},y={class:"vui-loader-body"};function b(o,S,V,B,C,_){const t=c("vui-alert");return u(),p(t,{id:o.componentId,class:e(["vui-loader",`vui-loader--${o.layout}`,{"vui-loader--flat":o.hasAttribute("flat")},o.$props.class])},{default:d(()=>[s(o.$slots,"prepend"),s(o.$slots,"icon",{},()=>[a("i",{class:e(["vui-loader-icon",o.icon])},null,2)]),s(o.$slots,"default",{},()=>[a("span",y,m(o.text?o.text:o.$t("component.loader.text")),1)]),s(o.$slots,"append")]),_:3},8,["id","class"])}const L=i(g,[["render",b]]);export{L as default};
+import{c as n}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-C-odWYJj.js";import l from"./alert-CjYfnkgY.js";import{_ as i,h as p,w as d,n as e,r as c,o as u,j as s,d as a,t as m}from"./index-BTkXFI8q.js";const f={"component.loader.text":"It's loading..."},$={},v={en:f,fr:$},h={icon:{type:String,default:"fa-sharp fa-solid fa-spinner"},text:{type:String}},g={name:"VuiLoader",components:{VuiAlert:l},mixins:[n],props:h,created(){r(v)}},y={class:"vui-loader-body"};function b(o,S,V,B,C,_){const t=c("vui-alert");return u(),p(t,{id:o.componentId,class:e(["vui-loader",`vui-loader--${o.layout}`,{"vui-loader--flat":o.hasAttribute("flat")},o.$props.class])},{default:d(()=>[s(o.$slots,"prepend"),s(o.$slots,"icon",{},()=>[a("i",{class:e(["vui-loader-icon",o.icon])},null,2)]),s(o.$slots,"default",{},()=>[a("span",y,m(o.text?o.text:o.$t("component.loader.text")),1)]),s(o.$slots,"append")]),_:3},8,["id","class"])}const L=i(g,[["render",b]]);export{L as default};

package/dist/doc/assets/loader-Cq-sKRvC.js

@@ -0,0 +1,21 @@
+import{d as h}from"./demonstrable-DoDjrIlv.js";import{t as f}from"./translatable-C-odWYJj.js";import y from"./loader-C9zMMltn.js";import{_,a as s,b as t,w as l,r as d,o as a,F as i,g as v,h as b,m as x,i as S,d as n,t as p}from"./index-BTkXFI8q.js";import"./composable-CshUTKfl.js";import"./alert-CjYfnkgY.js";const m={attrs:[{name:"flat",text:"page.component.loader.doc.attr.flat"}],examples:[{markup:`
+                <vui-loader
+                    text="It's loading..."
+                >
+            `,props:{text:"It's loading..."}},{markup:`
+                <vui-loader
+                    layout="success"
+                    text="It's loading..."
+                >
+            `,props:{layout:"success",text:"It's loading..."}},{markup:`
+                <vui-loader
+                    layout="error"
+                    text="It's loading..."
+                >
+            `,props:{layout:"error",text:"It's loading..."}},{markup:`
+                <vui-loader
+                    flat
+                    layout="warning"
+                    text="It's loading..."
+                >
+            `,props:{flat:!0,layout:"warning",text:"It's loading..."}}],props:[{tag:"icon",type:"String",text:"page.component.list.doc.prop.icon"},{tag:"layout",type:"String",text:"page.component.list.doc.prop.layout"},{tag:"text",type:"String",text:"page.component.list.doc.prop.text"}],slots:[{name:"#prepend",text:"page.component.loader.doc.slot.prepend"},{name:"#icon",text:"page.component.loader.doc.slot.icon"},{name:"default|#body",text:"page.component.loader.doc.slot.body"},{name:"#append",text:"page.component.loader.doc.slot.append"}]},k={"page.component.loader.doc.attr.flat":"Enables the flat style layout","page.component.loader.example.header":"My card header content","page.component.loader.example.body":"My card body content","page.component.loader.example.footer":"My card footer content","page.component.loader.doc.slot.header":"Slot embedding the card header content","page.component.loader.doc.slot.body":"Slot for body content","page.component.loader.doc.slot.footer":"Slot for footer content"},I={},$={en:k,fr:I},w={name:"ViewLoader",mixins:[h],setup(){return f($),{}},computed:{doc(){return m},examples(){return this.docExamples(y,m)}}},H={class:"view-loader"},L=["innerHTML"],M={class:"title"},B={class:"title"},V={class:"title"};function C(e,E,P,A,D,u){const c=d("vui-grid-unit"),r=d("vui-table"),g=d("vui-grid");return a(),s("div",H,[t(g,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(c,{class:"examples"},{default:l(()=>[(a(!0),s(i,null,v(u.examples,o=>(a(),s(i,{key:`loader-${o.props.id}`},[(a(),b(S(o.component),x({ref_for:!0},o.props),null,16)),n("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,L)],64))),128))]),_:1}),t(c,{class:"api-options"},{default:l(()=>[n("h2",M,p(e.$t("page.component.h2.api")),1),t(r,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),n("h2",B,p(e.$t("page.component.h2.attrs")),1),t(r,{"item-label":"label","item-value":"value",headers:e.docAttrsHeaders,items:e.docAttrs},null,8,["headers","items"]),n("h2",V,p(e.$t("page.component.h2.slots")),1),t(r,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=_(w,[["render",C]]);export{G as default};

package/dist/doc/assets/{modal-Ci7IYllg.js → modal-C53ocn5e.js}

@@ -1 +1 @@
-import u from"./button-9ro2C_DO.js";import{c as h}from"./composable-CshUTKfl.js";import{t as m}from"./translatable-eIyiPB31.js";import{_ as c,a as t,j as i,d as p,t as f,f as o,h as b,n as V,r as v,o as s}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";const y={"component.button.close":"Close"},k={},g={en:y,fr:k},C={loading:{type:Boolean},modelValue:{default:void 0,type:Boolean},showFooter:{type:Boolean},showFooterClose:{type:Boolean},showHeader:{type:Boolean},showHeaderClose:{type:Boolean},title:{type:String},value:{default:void 0,type:Boolean}},B={name:"VuiModal",components:{VuiButton:u},mixins:[h],props:C,emits:["update:model-value"],data(){return{isVisible:!1}},computed:{isHeaderVisible(){return this.$slots.header||this.showHeader||this.showHeaderClose},isFooterVisible(){return this.$slots.footer||this.showFooter||this.showFooterClose}},watch:{modelValue(e){this.isVisible=e},value(e){this.isVisible=e}},created(){m(g),this.hasModelValue?this.isVisible=this.modelValue:this.hasValue&&(this.isVisible=this.value)},methods:{onToggle(){this.disabled||(this.isVisible=!this.isVisible,this.$emit("update:model-value",this.isVisible))}}},w=["id"],$={class:"vui-modal-content"},H={key:0,class:"vui-modal-content-header"},_={key:0,class:"vui-modal-content-header-title"},F={key:1,class:"vui-modal-content-body"},T={key:2,class:"vui-modal-content-footer"};function M(e,a,S,N,n,l){const r=v("vui-button");return n.isVisible?(s(),t("div",{key:0,id:e.componentId,class:V(["vui-modal",e.$props.class])},[i(e.$slots,"prepend"),p("div",$,[l.isHeaderVisible?(s(),t("div",H,[e.title?(s(),t("span",_,f(e.title),1)):o("",!0),e.showHeaderClose?(s(),t("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:a[0]||(a[0]=(...d)=>l.onToggle&&l.onToggle(...d))})):o("",!0),i(e.$slots,"header")])):o("",!0),e.$slots.body||e.$slots.default?(s(),t("div",F,[i(e.$slots,"body"),i(e.$slots,"default")])):o("",!0),l.isFooterVisible?(s(),t("div",T,[e.showHeaderClose?(s(),b(r,{key:0,text:e.$t("component.button.close"),onClick:l.onToggle},null,8,["text","onClick"])):o("",!0),i(e.$slots,"footer")])):o("",!0)]),i(e.$slots,"append")],10,w)):o("",!0)}const q=c(B,[["render",M]]);export{q as default};
+import u from"./button-0GcTFHSi.js";import{c as h}from"./composable-CshUTKfl.js";import{t as m}from"./translatable-C-odWYJj.js";import{_ as c,a as t,j as i,d as p,t as f,f as o,h as b,n as V,r as v,o as s}from"./index-BTkXFI8q.js";import"./animable-S5zFcxd4.js";const y={"component.button.close":"Close"},k={},g={en:y,fr:k},C={loading:{type:Boolean},modelValue:{default:void 0,type:Boolean},showFooter:{type:Boolean},showFooterClose:{type:Boolean},showHeader:{type:Boolean},showHeaderClose:{type:Boolean},title:{type:String},value:{default:void 0,type:Boolean}},B={name:"VuiModal",components:{VuiButton:u},mixins:[h],props:C,emits:["update:model-value"],data(){return{isVisible:!1}},computed:{isHeaderVisible(){return this.$slots.header||this.showHeader||this.showHeaderClose},isFooterVisible(){return this.$slots.footer||this.showFooter||this.showFooterClose}},watch:{modelValue(e){this.isVisible=e},value(e){this.isVisible=e}},created(){m(g),this.hasModelValue?this.isVisible=this.modelValue:this.hasValue&&(this.isVisible=this.value)},methods:{onToggle(){this.disabled||(this.isVisible=!this.isVisible,this.$emit("update:model-value",this.isVisible))}}},w=["id"],$={class:"vui-modal-content"},H={key:0,class:"vui-modal-content-header"},_={key:0,class:"vui-modal-content-header-title"},F={key:1,class:"vui-modal-content-body"},T={key:2,class:"vui-modal-content-footer"};function M(e,a,S,N,n,l){const r=v("vui-button");return n.isVisible?(s(),t("div",{key:0,id:e.componentId,class:V(["vui-modal",e.$props.class])},[i(e.$slots,"prepend"),p("div",$,[l.isHeaderVisible?(s(),t("div",H,[e.title?(s(),t("span",_,f(e.title),1)):o("",!0),e.showHeaderClose?(s(),t("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:a[0]||(a[0]=(...d)=>l.onToggle&&l.onToggle(...d))})):o("",!0),i(e.$slots,"header")])):o("",!0),e.$slots.body||e.$slots.default?(s(),t("div",F,[i(e.$slots,"body"),i(e.$slots,"default")])):o("",!0),l.isFooterVisible?(s(),t("div",T,[e.showHeaderClose?(s(),b(r,{key:0,text:e.$t("component.button.close"),onClick:l.onToggle},null,8,["text","onClick"])):o("",!0),i(e.$slots,"footer")])):o("",!0)]),i(e.$slots,"append")],10,w)):o("",!0)}const q=c(B,[["render",M]]);export{q as default};

package/dist/doc/assets/{modal-DprGtJnD.js → modal-GnTlL4YH.js}

@@ -1,4 +1,4 @@
-import{d as w}from"./demonstrable-Dv7XIPoL.js";import{t as C}from"./translatable-eIyiPB31.js";import x from"./modal-Ci7IYllg.js";import{_ as V,a as s,b as e,w as t,r as a,o as p,F as h,g as B,e as H,t as l,m as k,d as n}from"./index-BTCbAXEh.js";import"./button-9ro2C_DO.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const F={"page.component.modal.example-1":"modal example","page.component.modal.click-to-open":"click to open","page.component.modal.content":"My modal content","page.component.modal.title":"My modal title","page.component.modal.doc.prop.loading":"Binds the loading state","page.component.modal.doc.prop.showFooter":"Enables the modal footer","page.component.modal.doc.prop.showFooterClose":"Displays close button in the modal footer","page.component.modal.doc.prop.showHeader":"Enables the modal header","page.component.modal.doc.prop.showHeaderClose":"Display the close button in the modal header","page.component.modal.doc.prop.value":"Defines the visible state of the modal","page.component.modal.doc.prop.vmodel":"Binds the visible state of the modal","page.component.modal.doc.slot.header":"Slot for the header content of modal","page.component.modal.doc.slot.body":"Slot for the body content of modal","page.component.modal.doc.slot.footer":"Slot for the footer content of modal"},M={},$={en:F,fr:M},g={attrs:[],examples:[{markup:`
+import{d as w}from"./demonstrable-DoDjrIlv.js";import{t as C}from"./translatable-C-odWYJj.js";import x from"./modal-C53ocn5e.js";import{_ as V,a as s,b as e,w as t,r as a,o as p,F as h,g as B,e as H,t as l,m as k,d as n}from"./index-BTkXFI8q.js";import"./button-0GcTFHSi.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const F={"page.component.modal.example-1":"modal example","page.component.modal.click-to-open":"click to open","page.component.modal.content":"My modal content","page.component.modal.title":"My modal title","page.component.modal.doc.prop.loading":"Binds the loading state","page.component.modal.doc.prop.showFooter":"Enables the modal footer","page.component.modal.doc.prop.showFooterClose":"Displays close button in the modal footer","page.component.modal.doc.prop.showHeader":"Enables the modal header","page.component.modal.doc.prop.showHeaderClose":"Display the close button in the modal header","page.component.modal.doc.prop.value":"Defines the visible state of the modal","page.component.modal.doc.prop.vmodel":"Binds the visible state of the modal","page.component.modal.doc.slot.header":"Slot for the header content of modal","page.component.modal.doc.slot.body":"Slot for the body content of modal","page.component.modal.doc.slot.footer":"Slot for the footer content of modal"},M={},$={en:F,fr:M},g={attrs:[],examples:[{markup:`
                 <vui-modal
                     id="vui-modal-1"
                     :showHeaderClose="true"
@@ -15,4 +15,4 @@ import{d as w}from"./demonstrable-Dv7XIPoL.js";import{t as C}from"./translatable
                         My modal footer
                     </template>
                 </vui-modal>
-            `,props:{id:"vui-modal-1",showHeaderClose:!0,showFooterClose:!0}}],props:[{tag:"loading",type:"Boolean",text:"page.component.modal.doc.prop.loading"},{tag:"showFooter",type:"Boolean",text:"page.component.modal.doc.prop.showFooter"},{tag:"showFooterClose",type:"Boolean",text:"page.component.modal.doc.prop.showFooterClose"},{tag:"showHeader",type:"Boolean",text:"page.component.modal.doc.prop.showHeader"},{tag:"showHeaderClose",type:"Boolean",text:"page.component.modal.doc.prop.showHeaderClose"},{tag:"v-model",type:"Boolean",text:"page.component.modal.doc.prop.vmodel"},{tag:"value",type:"Boolean",text:"page.component.modal.doc.prop.value"}],slots:[{name:"#header",text:"page.component.modal.doc.slot.header"},{name:"#body",text:"page.component.modal.doc.slot.body"},{name:"#footer",text:"page.component.modal.doc.slot.footer"}]},S={name:"ViewModal",mixins:[w],setup(){return C($),{}},data(){return{isVisible:!1}},computed:{doc(){return g},examples(){return this.docExamples(x,g)}},methods:{onClick(){this.isVisible=!0}}},D={class:"view-modal"},E=["innerHTML"],L={class:"title"},N={class:"title"};function P(o,m,T,U,r,i){const v=a("vui-modal"),f=a("vui-button"),b=a("vui-card"),c=a("vui-grid-unit"),u=a("vui-table"),_=a("vui-grid");return p(),s("div",D,[e(_,{"col-sm":"1","col-md":"2"},{default:t(()=>[e(c,{class:"examples"},{default:t(()=>[(p(!0),s(h,null,B(i.examples,d=>(p(),s(h,{key:`modal-${d.props.id}`},[e(b,null,{header:t(()=>[H(l(o.$t("page.component.modal.example-1")),1)]),body:t(()=>[e(v,k({modelValue:r.isVisible,"onUpdate:modelValue":m[0]||(m[0]=y=>r.isVisible=y)},d.props,{title:o.$t("page.component.modal.title")}),{body:t(()=>[n("p",null,l(o.$t("page.component.modal.content")),1)]),_:2},1040,["modelValue","title"]),e(f,{text:o.$t("page.component.modal.click-to-open"),onClick:i.onClick},null,8,["text","onClick"])]),_:2},1024),n("div",{class:"highlighted-code",innerHTML:d.highlighted},null,8,E)],64))),128))]),_:1}),e(c,{class:"api-options"},{default:t(()=>[n("h2",L,l(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"]),n("h2",N,l(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 K=V(S,[["render",P]]);export{K as default};
+            `,props:{id:"vui-modal-1",showHeaderClose:!0,showFooterClose:!0}}],props:[{tag:"loading",type:"Boolean",text:"page.component.modal.doc.prop.loading"},{tag:"showFooter",type:"Boolean",text:"page.component.modal.doc.prop.showFooter"},{tag:"showFooterClose",type:"Boolean",text:"page.component.modal.doc.prop.showFooterClose"},{tag:"showHeader",type:"Boolean",text:"page.component.modal.doc.prop.showHeader"},{tag:"showHeaderClose",type:"Boolean",text:"page.component.modal.doc.prop.showHeaderClose"},{tag:"v-model",type:"Boolean",text:"page.component.modal.doc.prop.vmodel"},{tag:"value",type:"Boolean",text:"page.component.modal.doc.prop.value"}],slots:[{name:"#header",text:"page.component.modal.doc.slot.header"},{name:"#body",text:"page.component.modal.doc.slot.body"},{name:"#footer",text:"page.component.modal.doc.slot.footer"}]},S={name:"ViewModal",mixins:[w],setup(){return C($),{}},data(){return{isVisible:!1}},computed:{doc(){return g},examples(){return this.docExamples(x,g)}},methods:{onClick(){this.isVisible=!0}}},D={class:"view-modal"},E=["innerHTML"],L={class:"title"},N={class:"title"};function P(o,m,T,U,r,i){const f=a("vui-modal"),v=a("vui-button"),_=a("vui-card"),c=a("vui-grid-unit"),u=a("vui-table"),b=a("vui-grid");return p(),s("div",D,[e(b,{"col-sm":"1","col-md":"2"},{default:t(()=>[e(c,{class:"examples"},{default:t(()=>[(p(!0),s(h,null,B(i.examples,d=>(p(),s(h,{key:`modal-${d.props.id}`},[e(_,null,{header:t(()=>[H(l(o.$t("page.component.modal.example-1")),1)]),body:t(()=>[e(f,k({modelValue:r.isVisible,"onUpdate:modelValue":m[0]||(m[0]=y=>r.isVisible=y),ref_for:!0},d.props,{title:o.$t("page.component.modal.title")}),{body:t(()=>[n("p",null,l(o.$t("page.component.modal.content")),1)]),_:2},1040,["modelValue","title"]),e(v,{text:o.$t("page.component.modal.click-to-open"),onClick:i.onClick},null,8,["text","onClick"])]),_:2},1024),n("div",{class:"highlighted-code",innerHTML:d.highlighted},null,8,E)],64))),128))]),_:1}),e(c,{class:"api-options"},{default:t(()=>[n("h2",L,l(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"]),n("h2",N,l(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 K=V(S,[["render",P]]);export{K as default};

package/dist/doc/assets/{nav--03mFDUT.js → nav-BpjBJvti.js}

@@ -1,4 +1,4 @@
-import{d as f}from"./demonstrable-Dv7XIPoL.js";import{t as _}from"./translatable-eIyiPB31.js";import x from"./nav-C9RI5Z6H.js";import{_ as y,a as l,b as t,w as n,r as p,o,F as u,g as L,h as S,m as V,i as k,d as s,t as v}from"./index-BTCbAXEh.js";import"./list-n3xmt7CO.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const B={"page.component.nav.doc.prop.disabled":"Binds the disabled state condition","page.component.nav.doc.prop.icon":"Class name of the icon to display before each item label","page.component.nav.doc.prop.item-label":"Label key foreach nav item","page.component.nav.doc.prop.item-value":"Value key foreach nav item","page.component.nav.doc.prop.items":"Array of values that composes the nav","page.component.nav.doc.prop.loading":"Layout of the tag","page.component.nav.doc.prop.value":"Selected item in the nav","page.component.nav.doc.prop.v-model":"Binds the models of nav","page.component.nav.doc.slot.group-item":"Slot to custom each items group of the list","page.component.nav.doc.slot.item":"Slot to custom each item of the list","page.component.nav.doc.slot.placeholder":"Placeholder slot for the default list title element"},N={},w={en:B,fr:N},i={examples:[{markup:`
+import{d as f}from"./demonstrable-DoDjrIlv.js";import{t as _}from"./translatable-C-odWYJj.js";import x from"./nav-zPqs5uBf.js";import{_ as y,a as l,b as t,w as n,r as p,o,F as u,g as L,h as S,m as V,i as k,d as s,t as v}from"./index-BTkXFI8q.js";import"./list-6T_m0poQ.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const B={"page.component.nav.doc.prop.disabled":"Binds the disabled state condition","page.component.nav.doc.prop.icon":"Class name of the icon to display before each item label","page.component.nav.doc.prop.item-label":"Label key foreach nav item","page.component.nav.doc.prop.item-value":"Value key foreach nav item","page.component.nav.doc.prop.items":"Array of values that composes the nav","page.component.nav.doc.prop.loading":"Layout of the tag","page.component.nav.doc.prop.value":"Selected item in the nav","page.component.nav.doc.prop.v-model":"Binds the models of nav","page.component.nav.doc.slot.group-item":"Slot to custom each items group of the list","page.component.nav.doc.slot.item":"Slot to custom each item of the list","page.component.nav.doc.slot.placeholder":"Placeholder slot for the default list title element"},N={},w={en:B,fr:N},i={examples:[{markup:`
                 <vui-nav
                     :items=[
                         { label: "label 1", value: "value 1" },
@@ -17,4 +17,4 @@ import{d as f}from"./demonstrable-Dv7XIPoL.js";import{t as _}from"./translatable
                     item-label="label"
                     item-value="value"
                 />
-            `,props:{disabled:!1,id:"vui-nav-2",items:[{label:"Label 3",value:"value 3",route:{name:"ViewIndex"}},{label:"Label 4",value:"value 4",route:{name:"ViewIndex"}},{label:"Label 5",disabled:!0}],itemLabel:"label",itemValue:"value"},title:"page.component.nav.text-2"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.nav.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.nav.doc.prop.icon"},{tag:"item-label",type:"String",text:"page.component.nav.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.nav.doc.prop.item-value"},{tag:"items",type:"String",text:"page.component.nav.doc.prop.items"},{tag:"loading",type:"Boolean",text:"page.component.nav.doc.prop.loading"},{tag:"value",type:"[Object, Number, String]",text:"page.component.nav.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.nav.doc.prop.v-model"}],slots:[{name:"group-item",text:"page.component.nav.doc.slot.group-item"},{name:"item",text:"page.component.nav.doc.slot.item"},{name:"placeholder",text:"page.component.nav.doc.slot.placeholder"}]},$={name:"ViewNav",mixins:[f],setup(){return _(w),{}},data(){return{selected:null}},computed:{doc(){return i},examples(){return this.docExamples(x,{attrs:i.attrs,examples:i.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},C={class:"view-nav"},H=["innerHTML"],P={class:"title"},j={class:"title"};function D(e,m,E,F,r,g){const c=p("vui-grid-unit"),d=p("vui-table"),b=p("vui-grid");return o(),l("div",C,[t(b,{"col-sm":"1","col-md":"2"},{default:n(()=>[t(c,{class:"examples"},{default:n(()=>[(o(!0),l(u,null,L(g.examples,a=>(o(),l(u,{key:`nav-${a.props.id}`},[(o(),S(k(a.component),V(a.props,{modelValue:r.selected,"onUpdate:modelValue":m[0]||(m[0]=h=>r.selected=h)}),null,16,["modelValue"])),s("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,H)],64))),128))]),_:1}),t(c,{class:"api-options"},{default:n(()=>[s("h2",P,v(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),s("h2",j,v(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const z=y($,[["render",D]]);export{z as default};
+            `,props:{disabled:!1,id:"vui-nav-2",items:[{label:"Label 3",value:"value 3",route:{name:"ViewIndex"}},{label:"Label 4",value:"value 4",route:{name:"ViewIndex"}},{label:"Label 5",disabled:!0}],itemLabel:"label",itemValue:"value"},title:"page.component.nav.text-2"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.nav.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.nav.doc.prop.icon"},{tag:"item-label",type:"String",text:"page.component.nav.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.nav.doc.prop.item-value"},{tag:"items",type:"String",text:"page.component.nav.doc.prop.items"},{tag:"loading",type:"Boolean",text:"page.component.nav.doc.prop.loading"},{tag:"value",type:"[Object, Number, String]",text:"page.component.nav.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.nav.doc.prop.v-model"}],slots:[{name:"group-item",text:"page.component.nav.doc.slot.group-item"},{name:"item",text:"page.component.nav.doc.slot.item"},{name:"placeholder",text:"page.component.nav.doc.slot.placeholder"}]},$={name:"ViewNav",mixins:[f],setup(){return _(w),{}},data(){return{selected:null}},computed:{doc(){return i},examples(){return this.docExamples(x,{attrs:i.attrs,examples:i.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},C={class:"view-nav"},H=["innerHTML"],P={class:"title"},j={class:"title"};function D(e,m,E,F,r,g){const c=p("vui-grid-unit"),d=p("vui-table"),b=p("vui-grid");return o(),l("div",C,[t(b,{"col-sm":"1","col-md":"2"},{default:n(()=>[t(c,{class:"examples"},{default:n(()=>[(o(!0),l(u,null,L(g.examples,a=>(o(),l(u,{key:`nav-${a.props.id}`},[(o(),S(k(a.component),V({ref_for:!0},a.props,{modelValue:r.selected,"onUpdate:modelValue":m[0]||(m[0]=h=>r.selected=h)}),null,16,["modelValue"])),s("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,H)],64))),128))]),_:1}),t(c,{class:"api-options"},{default:n(()=>[s("h2",P,v(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),s("h2",j,v(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const z=y($,[["render",D]]);export{z as default};

package/dist/doc/assets/{nav-C9RI5Z6H.js → nav-zPqs5uBf.js}

@@ -1 +1 @@
-import V from"./list-n3xmt7CO.js";import{c as y}from"./composable-CshUTKfl.js";import{t as k}from"./translatable-eIyiPB31.js";import{_ as g,a as i,j as n,b as N,w as m,n as p,r as c,o as l,f as r,t as f,h as B,e as C}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";const S={},_={},$={en:S,fr:_},w={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]}},I={name:"VuiNav",components:{VuiList:V},mixins:[y],props:w,emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){k($),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(e){this.disabled||this.$emit("update:model-value",e)}}},j=["id"],A={key:1,class:"vui-list-items-item-label-text"};function L(e,d,O,U,u,h){const v=c("router-link"),b=c("vui-list");return l(),i("div",{id:e.componentId,class:p(["vui-nav",{"vui-nav--flat":e.hasAttribute("flat")},e.$props.class])},[n(e.$slots,"prepend"),N(b,{modelValue:u.selected,"onUpdate:modelValue":[d[0]||(d[0]=s=>u.selected=s),h.onClick],class:"vui-nav-list","group-id":e.componentGroupId,disabled:e.disabled,"item-label":e.itemLabel,"item-value":e.itemValue,items:e.items,selectable:!e.disabled},{item:m(({index:s,item:t,itemValue:o,itemLabel:a})=>[n(e.$slots,"item",{index:s,item:t,itemLabel:a,itemValue:o},()=>[e.showIcons?(l(),i("i",{key:0,class:p(["fa-solid",{"fa-location-dot":!s},{"fa-chevron-right":s}])},null,2)):r("",!0),t.route?r("",!0):(l(),i("span",A,f(o?t[a]:t),1)),t.route?(l(),B(v,{key:2,to:t.route,class:"vui-list-items-item-label-text"},{default:m(()=>[C(f(o?t[a]:t),1)]),_:2},1032,["to"])):r("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),n(e.$slots,"append")],10,j)}const M=g(I,[["render",L]]);export{M as default};
+import V from"./list-6T_m0poQ.js";import{c as y}from"./composable-CshUTKfl.js";import{t as k}from"./translatable-C-odWYJj.js";import{_ as g,a as i,j as n,b as N,w as m,n as p,r as c,o as l,f as r,t as f,h as B,e as C}from"./index-BTkXFI8q.js";import"./animable-S5zFcxd4.js";const S={},_={},$={en:S,fr:_},w={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]}},I={name:"VuiNav",components:{VuiList:V},mixins:[y],props:w,emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){k($),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(e){this.disabled||this.$emit("update:model-value",e)}}},j=["id"],A={key:1,class:"vui-list-items-item-label-text"};function L(e,d,O,U,u,h){const v=c("router-link"),b=c("vui-list");return l(),i("div",{id:e.componentId,class:p(["vui-nav",{"vui-nav--flat":e.hasAttribute("flat")},e.$props.class])},[n(e.$slots,"prepend"),N(b,{modelValue:u.selected,"onUpdate:modelValue":[d[0]||(d[0]=s=>u.selected=s),h.onClick],class:"vui-nav-list","group-id":e.componentGroupId,disabled:e.disabled,"item-label":e.itemLabel,"item-value":e.itemValue,items:e.items,selectable:!e.disabled},{item:m(({index:s,item:t,itemValue:o,itemLabel:a})=>[n(e.$slots,"item",{index:s,item:t,itemLabel:a,itemValue:o},()=>[e.showIcons?(l(),i("i",{key:0,class:p(["fa-solid",{"fa-location-dot":!s},{"fa-chevron-right":s}])},null,2)):r("",!0),t.route?r("",!0):(l(),i("span",A,f(o?t[a]:t),1)),t.route?(l(),B(v,{key:2,to:t.route,class:"vui-list-items-item-label-text"},{default:m(()=>[C(f(o?t[a]:t),1)]),_:2},1032,["to"])):r("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),n(e.$slots,"append")],10,j)}const M=g(I,[["render",L]]);export{M as default};

package/dist/doc/assets/{page-C85vct24.js → page-SGBLPlKo.js}

@@ -1,4 +1,4 @@
-import{d as f}from"./demonstrable-Dv7XIPoL.js";import{t as b}from"./translatable-eIyiPB31.js";import v from"./page-CMF9WylW.js";import{_,a as s,b as t,w as a,r as n,o as g,F as i,g as M,k,l as S,q as $,e as l,t as p,d as r}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.page.doc.attr.flat"}],examples:[{markup:`
+import{d as f}from"./demonstrable-DoDjrIlv.js";import{t as b}from"./translatable-C-odWYJj.js";import v from"./page-TW0mWSQ1.js";import{_,a as s,b as t,w as a,r as n,o as g,F as i,g as M,m as k,l as S,e as l,t as p,d as r}from"./index-BTkXFI8q.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.page.doc.attr.flat"}],examples:[{markup:`
                 <vui-page
                     layout="warning"
                     id="vui-page-1"
@@ -50,4 +50,4 @@ import{d as f}from"./demonstrable-Dv7XIPoL.js";import{t as b}from"./translatable
                 >
                     My page content
                 </vui-page>
-            `,props:{flat:!0},body:"page.component.page.body"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.page.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.page.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.page.doc.prop.loading"}],slots:[{name:"#prepend",text:"page.component.page.doc.slot.prepend"},{name:"#header",text:"page.component.page.doc.slot.header"},{name:"#body",text:"page.component.page.doc.slot.body"},{name:"#footer",text:"page.component.page.doc.slot.footer"},{name:"#append",text:"page.component.page.doc.slot.append"}]},w={"page.component.page.header":"My page header","page.component.page.body":"My page content","page.component.page.footer":"My page footer","page.component.page.doc.prop.disabled":"Binds the disabled state","page.component.page.doc.prop.layout":"The card layout: [error, success, warning]","page.component.page.doc.prop.loading":"Binds the loading state","page.component.page.doc.slot.prepend":"Slot used to prepend content","page.component.page.doc.slot.header":"Slot for the header content","page.component.page.doc.slot.body":"Slot for the body content","page.component.page.doc.slot.footer":"Slot for the footer content","page.component.page.doc.slot.append":"Slot used to append content"},B={},P={en:w,fr:B},H={name:"ViewPage",mixins:[f],setup(){return b(P),{}},computed:{doc(){return m},examples(){return this.docExamples(v,m)}}},V={class:"view-page"},T=["innerHTML"],L={class:"title"},N={class:"title"},A={class:"title"};function C(e,E,F,q,z,u){const h=n("vui-page"),c=n("vui-grid-unit"),d=n("vui-table"),y=n("vui-grid");return g(),s("div",V,[t(y,{"col-sm":"1","col-md":"2"},{default:a(()=>[t(c,{class:"examples"},{default:a(()=>[(g(!0),s(i,null,M(u.examples,o=>(g(),s(i,{key:`page-${o.props.id}`},[t(h,k(S(o.props)),$({_:2},[o.header?{name:"header",fn:a(()=>[l(p(e.$t(o.header)),1)]),key:"0"}:void 0,o.body?{name:"body",fn:a(()=>[l(p(e.$t(o.body)),1)]),key:"1"}:void 0,o.footer?{name:"footer",fn:a(()=>[l(p(e.$t(o.footer)),1)]),key:"2"}:void 0]),1040),r("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,T)],64))),128))]),_:1}),t(c,{class:"api-options"},{default:a(()=>[r("h2",L,p(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),r("h2",N,p(e.$t("page.component.h2.attrs")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docAttrsHeaders,items:e.docAttrs},null,8,["headers","items"]),r("h2",A,p(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=_(H,[["render",C]]);export{J as default};
+            `,props:{flat:!0},body:"page.component.page.body"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.page.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.page.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.page.doc.prop.loading"}],slots:[{name:"#prepend",text:"page.component.page.doc.slot.prepend"},{name:"#header",text:"page.component.page.doc.slot.header"},{name:"#body",text:"page.component.page.doc.slot.body"},{name:"#footer",text:"page.component.page.doc.slot.footer"},{name:"#append",text:"page.component.page.doc.slot.append"}]},$={"page.component.page.header":"My page header","page.component.page.body":"My page content","page.component.page.footer":"My page footer","page.component.page.doc.prop.disabled":"Binds the disabled state","page.component.page.doc.prop.layout":"The card layout: [error, success, warning]","page.component.page.doc.prop.loading":"Binds the loading state","page.component.page.doc.slot.prepend":"Slot used to prepend content","page.component.page.doc.slot.header":"Slot for the header content","page.component.page.doc.slot.body":"Slot for the body content","page.component.page.doc.slot.footer":"Slot for the footer content","page.component.page.doc.slot.append":"Slot used to append content"},w={},B={en:$,fr:w},H={name:"ViewPage",mixins:[f],setup(){return b(B),{}},computed:{doc(){return m},examples(){return this.docExamples(v,m)}}},P={class:"view-page"},V=["innerHTML"],T={class:"title"},L={class:"title"},N={class:"title"};function A(e,C,E,F,D,u){const h=n("vui-page"),c=n("vui-grid-unit"),d=n("vui-table"),y=n("vui-grid");return g(),s("div",P,[t(y,{"col-sm":"1","col-md":"2"},{default:a(()=>[t(c,{class:"examples"},{default:a(()=>[(g(!0),s(i,null,M(u.examples,o=>(g(),s(i,{key:`page-${o.props.id}`},[t(h,k({ref_for:!0},o.props),S({_:2},[o.header?{name:"header",fn:a(()=>[l(p(e.$t(o.header)),1)]),key:"0"}:void 0,o.body?{name:"body",fn:a(()=>[l(p(e.$t(o.body)),1)]),key:"1"}:void 0,o.footer?{name:"footer",fn:a(()=>[l(p(e.$t(o.footer)),1)]),key:"2"}:void 0]),1040),r("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,V)],64))),128))]),_:1}),t(c,{class:"api-options"},{default:a(()=>[r("h2",T,p(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),r("h2",L,p(e.$t("page.component.h2.attrs")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docAttrsHeaders,items:e.docAttrs},null,8,["headers","items"]),r("h2",N,p(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=_(H,[["render",A]]);export{J as default};

package/dist/doc/assets/{page-CMF9WylW.js → page-TW0mWSQ1.js}

@@ -1 +1 @@
-import{a as n}from"./animable-S5zFcxd4.js";import{c as d}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-eIyiPB31.js";import{_ as u,a as e,j as o,f as a,n as c,o as t}from"./index-BTCbAXEh.js";const m={},f={},$={en:m,fr:f},h={name:"VuiPage",mixins:[n,d],created(){p($)},methods:{outclick(){this.$bus.emit("outclick",this.componentGroupId)}}},k=["id"],v={key:0,class:"vui-page-header"},g={key:1,class:"vui-page-body"},b={key:2,class:"vui-page-footer"};function y(s,r,C,V,B,l){return t(),e("div",{id:s.componentId,class:c(["vui-page",`vui-page--${s.layout}`,{"vui-page--flat":s.hasAttribute("flat")},s.$props.class]),onClick:r[0]||(r[0]=(...i)=>l.outclick&&l.outclick(...i))},[o(s.$slots,"prepend"),s.$slots.header?(t(),e("div",v,[o(s.$slots,"header")])):a("",!0),s.$slots.body||s.$slots.default?(t(),e("div",g,[o(s.$slots,"body"),o(s.$slots,"default")])):a("",!0),s.$slots.footer?(t(),e("div",b,[o(s.$slots,"footer")])):a("",!0),o(s.$slots,"append")],10,k)}const A=u(h,[["render",y]]);export{A as default};
+import{a as n}from"./animable-S5zFcxd4.js";import{c as d}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-C-odWYJj.js";import{_ as u,a as e,j as o,f as a,n as c,o as t}from"./index-BTkXFI8q.js";const m={},f={},$={en:m,fr:f},h={name:"VuiPage",mixins:[n,d],created(){p($)},methods:{outclick(){this.$bus.emit("outclick",this.componentGroupId)}}},k=["id"],v={key:0,class:"vui-page-header"},g={key:1,class:"vui-page-body"},b={key:2,class:"vui-page-footer"};function y(s,r,C,V,B,l){return t(),e("div",{id:s.componentId,class:c(["vui-page",`vui-page--${s.layout}`,{"vui-page--flat":s.hasAttribute("flat")},s.$props.class]),onClick:r[0]||(r[0]=(...i)=>l.outclick&&l.outclick(...i))},[o(s.$slots,"prepend"),s.$slots.header?(t(),e("div",v,[o(s.$slots,"header")])):a("",!0),s.$slots.body||s.$slots.default?(t(),e("div",g,[o(s.$slots,"body"),o(s.$slots,"default")])):a("",!0),s.$slots.footer?(t(),e("div",b,[o(s.$slots,"footer")])):a("",!0),o(s.$slots,"append")],10,k)}const A=u(h,[["render",y]]);export{A as default};

package/dist/doc/assets/{pager-0bNXGtWQ.js → pager-Bg7nlzpl.js}

@@ -1,4 +1,4 @@
-import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable-eIyiPB31.js";import x from"./pager-BuEhUbXw.js";import{_ as V,a as s,b as o,w as r,r as n,o as a,F as c,g as y,h as k,m as z,i as B,d as i,t as u}from"./index-BTCbAXEh.js";import"./nav-C9RI5Z6H.js";import"./list-n3xmt7CO.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";import"./button-9ro2C_DO.js";const g={attrs:[],examples:[{markup:`
+import{d as f}from"./demonstrable-DoDjrIlv.js";import{t as b}from"./translatable-C-odWYJj.js";import x from"./pager-RDLltlHx.js";import{_ as V,a as s,b as o,w as r,r as n,o as a,F as c,g as y,h as k,m as z,i as B,d as i,t as u}from"./index-BTkXFI8q.js";import"./nav-zPqs5uBf.js";import"./list-6T_m0poQ.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";import"./button-0GcTFHSi.js";const g={attrs:[],examples:[{markup:`
                 <vui-pager
                     id="vui-page-1"
                     :count="9"
@@ -19,4 +19,4 @@ import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable
                     :size="10"
                     :value="1"
                 />
-            `,props:{flat:!0,id:"example-pager-3",count:100,size:10},modelValue:1}],props:[{tag:"count",type:"Number",text:"page.component.pager.doc.prop.count"},{tag:"disabled",type:"Boolean",text:"page.component.pager.doc.prop.disabled"},{tag:"loading",type:"Boolean",text:"page.component.pager.doc.prop.loading"},{tag:"size",type:"Number",text:"page.component.pager.doc.prop.loading"},{tag:"value",type:"[Object, Number, String]",text:"page.component.pager.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.pager.doc.prop.v-model"}],slots:[{name:"first",text:"page.component.pager.doc.slot.first"},{name:"previous",text:"page.component.pager.doc.slot.previous"},{name:"next",text:"page.component.pager.doc.slot.next"},{name:"last",text:"page.component.pager.doc.slot.last"}]},N={},P={},S={en:N,fr:P},w={name:"ViewPager",mixins:[b],setup(){return f(S),{}},data(){return{pages:{}}},computed:{doc(){return g},examples(){return this.docExamples(x,g)}},mounted(){this.pages=this.examples.reduce((e,p)=>({...e,[p.props.id]:p.modelValue}),{})},methods:{}},H={class:"view-pager"},$=["innerHTML"],C={class:"title"},L={class:"title"};function j(e,p,D,E,l,v){const d=n("vui-grid-unit"),m=n("vui-table"),h=n("vui-grid");return a(),s("div",H,[o(h,{"col-sm":"1","col-md":"2"},{default:r(()=>[o(d,{class:"examples"},{default:r(()=>[(a(!0),s(c,null,y(v.examples,t=>(a(),s(c,{key:`pager-${t.props.id}`},[(a(),k(B(t.component),z(t.props,{modelValue:l.pages[t.props.id],"onUpdate:modelValue":_=>l.pages[t.props.id]=_}),null,16,["modelValue","onUpdate:modelValue"])),i("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,$)],64))),128))]),_:1}),o(d,{class:"api-options"},{default:r(()=>[i("h2",C,u(e.$t("page.component.h2.api")),1),o(m,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),i("h2",L,u(e.$t("page.component.h2.slots")),1),o(m,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=V(w,[["render",j]]);export{J as default};
+            `,props:{flat:!0,id:"example-pager-3",count:100,size:10},modelValue:1}],props:[{tag:"count",type:"Number",text:"page.component.pager.doc.prop.count"},{tag:"disabled",type:"Boolean",text:"page.component.pager.doc.prop.disabled"},{tag:"loading",type:"Boolean",text:"page.component.pager.doc.prop.loading"},{tag:"size",type:"Number",text:"page.component.pager.doc.prop.loading"},{tag:"value",type:"[Object, Number, String]",text:"page.component.pager.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.pager.doc.prop.v-model"}],slots:[{name:"first",text:"page.component.pager.doc.slot.first"},{name:"previous",text:"page.component.pager.doc.slot.previous"},{name:"next",text:"page.component.pager.doc.slot.next"},{name:"last",text:"page.component.pager.doc.slot.last"}]},N={},P={},S={en:N,fr:P},w={name:"ViewPager",mixins:[f],setup(){return b(S),{}},data(){return{pages:{}}},computed:{doc(){return g},examples(){return this.docExamples(x,g)}},mounted(){this.pages=this.examples.reduce((e,p)=>({...e,[p.props.id]:p.modelValue}),{})},methods:{}},H={class:"view-pager"},$=["innerHTML"],C={class:"title"},L={class:"title"};function j(e,p,D,E,l,v){const d=n("vui-grid-unit"),m=n("vui-table"),h=n("vui-grid");return a(),s("div",H,[o(h,{"col-sm":"1","col-md":"2"},{default:r(()=>[o(d,{class:"examples"},{default:r(()=>[(a(!0),s(c,null,y(v.examples,t=>(a(),s(c,{key:`pager-${t.props.id}`},[(a(),k(B(t.component),z({ref_for:!0},t.props,{modelValue:l.pages[t.props.id],"onUpdate:modelValue":_=>l.pages[t.props.id]=_}),null,16,["modelValue","onUpdate:modelValue"])),i("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,$)],64))),128))]),_:1}),o(d,{class:"api-options"},{default:r(()=>[i("h2",C,u(e.$t("page.component.h2.api")),1),o(m,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),i("h2",L,u(e.$t("page.component.h2.slots")),1),o(m,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=V(w,[["render",j]]);export{J as default};

package/dist/doc/assets/{pager-BuEhUbXw.js → pager-RDLltlHx.js}

@@ -1 +1 @@
-import h from"./nav-C9RI5Z6H.js";import f from"./button-9ro2C_DO.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as v}from"./composable-CshUTKfl.js";import{t as V}from"./translatable-eIyiPB31.js";import{_ as P,a as k,j as a,d as r,n as d,r as u,o as C,b as i,m as l}from"./index-BTCbAXEh.js";import"./list-n3xmt7CO.js";const N={"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"},B={},L={en:N,fr:B},S={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},y={name:"VuiPager",components:{VuiButton:f,VuiNav:h},mixins:[b,v],props:S,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 e=[...Array.from({length:this.last},(g,t)=>t+1)],o=e.slice(0,this.page),n=e.slice(this.page,e.length);return[...o.slice(-(n.length>2?2:2+(2-n.length))),...n.slice(0,o.length>2?2:2+(2-o.length))]}return[]}},watch:{modelValue(e){this.page=e},value(e){this.page=e}},created(){V(L),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)}}},z=["id"],U={class:"vui-pager-content"};function _(e,o,n,g,t,s){const p=u("vui-button"),c=u("vui-nav");return C(),k("div",{id:e.componentId,class:d(["vui-pager",e.$props.class])},[a(e.$slots,"prepend"),r("div",U,[a(e.$slots,"first",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),a(e.$slots,"pages",{},()=>[r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2>4}])}," ... ",2),i(c,l({modelValue:t.page,"onUpdate:modelValue":o[0]||(o[0]=m=>t.page=m)},e.$attrs,{flat:e.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2<s.last}])}," ... ",2)]),a(e.$slots,"next",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),a(e.$slots,"append")],10,z)}const T=P(y,[["render",_]]);export{T as default};
+import h from"./nav-zPqs5uBf.js";import f from"./button-0GcTFHSi.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as v}from"./composable-CshUTKfl.js";import{t as V}from"./translatable-C-odWYJj.js";import{_ as P,a as k,j as a,d as r,n as d,r as u,o as C,b as i,m as l}from"./index-BTkXFI8q.js";import"./list-6T_m0poQ.js";const N={"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"},B={},L={en:N,fr:B},S={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},y={name:"VuiPager",components:{VuiButton:f,VuiNav:h},mixins:[b,v],props:S,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 e=[...Array.from({length:this.last},(g,t)=>t+1)],o=e.slice(0,this.page),n=e.slice(this.page,e.length);return[...o.slice(-(n.length>2?2:2+(2-n.length))),...n.slice(0,o.length>2?2:2+(2-o.length))]}return[]}},watch:{modelValue(e){this.page=e},value(e){this.page=e}},created(){V(L),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)}}},z=["id"],U={class:"vui-pager-content"};function _(e,o,n,g,t,s){const p=u("vui-button"),c=u("vui-nav");return C(),k("div",{id:e.componentId,class:d(["vui-pager",e.$props.class])},[a(e.$slots,"prepend"),r("div",U,[a(e.$slots,"first",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),a(e.$slots,"pages",{},()=>[r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2>4}])}," ... ",2),i(c,l({modelValue:t.page,"onUpdate:modelValue":o[0]||(o[0]=m=>t.page=m)},e.$attrs,{flat:e.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2<s.last}])}," ... ",2)]),a(e.$slots,"next",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),a(e.$slots,"append")],10,z)}const T=P(y,[["render",_]]);export{T as default};

package/dist/doc/assets/progress-B17kvYeL.js

@@ -0,0 +1 @@
+import{c as p}from"./composable-CshUTKfl.js";import{t as c}from"./translatable-C-odWYJj.js";import{_ as u,a as l,j as t,d as a,p as d,n as o,o as m}from"./index-BTkXFI8q.js";const h={},b={},v={en:h,fr:b},f={min:{type:Number,required:!0},max:{type:Number,required:!0},value:{type:Number,required:!0}},$={name:"VuiProgress",mixins:[p],props:f,computed:{width(){const s=Math.abs(this.value),e=Math.abs(this.min),r=Math.abs(this.max);return`${Math.round(s/(e+r)*100)}%`}},created(){c(v)}},g=["id"];function y(s,e,r,n,_,i){return m(),l("div",{id:s.componentId,class:o(["vui-progress",s.$props.class])},[t(s.$slots,"prepend"),a("div",{class:o(["vui-progress-bar",`vui-progress-bar--${s.layout}`])},[a("div",{class:"vui-progress-bar-cursor",style:d({width:i.width})},null,4)],2),t(s.$slots,"append")],10,g)}const w=u($,[["render",y]]);export{w as default};

package/dist/doc/assets/progress-CLQ57-Rn.js

@@ -0,0 +1,14 @@
+import{d as g}from"./demonstrable-DoDjrIlv.js";import{t as v}from"./translatable-C-odWYJj.js";import _ from"./progress-B17kvYeL.js";import{_ as h,a as t,b as r,w as a,r as p,o as s,F as c,g as x,h as b,m as f,i as y,d as m,t as w}from"./index-BTkXFI8q.js";import"./composable-CshUTKfl.js";const k={"page.component.progress.doc.prop.disabled":"Bind the disabled state","page.component.progress.doc.prop.layout":"The progress-bar layout: [error, success, warning]","page.component.progress.doc.prop.min":"Minimum value of progressbar","page.component.progress.doc.prop.max":"Maximum value of progressbar","page.component.progress.doc.prop.value":"current value of progressbar"},B={},$={en:k,fr:B},n={examples:[{markup:`
+                <vui-progress
+                    min="0"
+                    max="100"
+                    :value="10"
+                />
+            `,props:{id:"vui-progress-1",min:0,max:100,value:10}},{markup:`
+                <vui-progress
+                    layout="warning"
+                    min="0"
+                    max="100"
+                    :value="50",
+                />
+            `,props:{id:"vui-progress-2",min:0,max:100,value:50,layout:"warning"}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.progress.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.progress.doc.prop.layout"},{tag:"min",type:"Number",text:"page.component.progress.doc.prop.min"},{tag:"max",type:"Number",text:"page.component.progress.doc.prop.max"},{tag:"value",type:"Number",text:"page.component.progress.doc.prop.value"}],slots:[]},N={name:"ViewProgress",mixins:[g],setup(){return v($),{}},computed:{doc(){return n},examples(){return this.docExamples(_,{attrs:n.attrs,examples:n.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},P={class:"view-progress"},M=["innerHTML"],V={class:"title"};function C(e,H,L,T,D,l){const i=p("vui-grid-unit"),u=p("vui-table"),d=p("vui-grid");return s(),t("div",P,[r(d,{"col-sm":"1","col-md":"2"},{default:a(()=>[r(i,{class:"examples"},{default:a(()=>[(s(!0),t(c,null,x(l.examples,o=>(s(),t(c,{key:`card-${o.props.id}`},[(s(),b(y(o.component),f({ref_for:!0},o.props),null,16)),m("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,M)],64))),128))]),_:1}),r(i,{class:"api-options"},{default:a(()=>[m("h2",V,w(e.$t("page.component.h2.api")),1),r(u,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const z=h(N,[["render",C]]);export{z as default};

package/dist/doc/assets/{radio-FDvwgcUe.js → radio-BYvvsNUN.js}

@@ -1 +1 @@
-import{c as u}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-eIyiPB31.js";import{_ as h,a as i,j as t,n as l,f as s,d as c,o as d,e as f,t as g}from"./index-BTCbAXEh.js";const m={},p={},k={en:m,fr:p},b={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-circle"},iconChecked:{type:String,default:"fa-circle-check"},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},text:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},v={name:"VuiRadio",mixins:[u],props:b,emits:["update:model-value"],data(){return{toggled:!1}},computed:{hasLabel(){return this.$slots.default||this.text},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(){r(k),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"],y=["name","disabled","required"],C=["for"];function S(e,o,B,N,w,a){return d(),i("div",{id:e.componentId,class:l(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":a.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":a.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:o[0]||(o[0]=(...n)=>a.onToggle&&a.onToggle(...n))},[t(e.$slots,"prepend"),e.icon&&!a.isChecked?(d(),i("i",{key:0,class:l(["vui-radio-icon",e.icon])},null,2)):s("",!0),e.iconChecked&&a.isChecked?(d(),i("i",{key:1,class:l(["vui-radio-icon",e.iconChecked])},null,2)):s("",!0),c("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,y),a.hasLabel?(d(),i("label",{key:2,class:"vui-radio-label",for:e.name},[t(e.$slots,"default",{},()=>[f(g(e.text),1)])],8,C)):s("",!0),t(e.$slots,"append")],10,V)}const L=h(v,[["render",S]]);export{L as default};
+import{c as u}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-C-odWYJj.js";import{_ as h,a as i,j as t,n as l,f as s,d as c,o as d,e as f,t as g}from"./index-BTkXFI8q.js";const m={},p={},k={en:m,fr:p},b={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-circle"},iconChecked:{type:String,default:"fa-circle-check"},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},text:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},v={name:"VuiRadio",mixins:[u],props:b,emits:["update:model-value"],data(){return{toggled:!1}},computed:{hasLabel(){return this.$slots.default||this.text},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(){r(k),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"],y=["name","disabled","required"],C=["for"];function S(e,o,B,N,w,a){return d(),i("div",{id:e.componentId,class:l(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":a.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":a.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:o[0]||(o[0]=(...n)=>a.onToggle&&a.onToggle(...n))},[t(e.$slots,"prepend"),e.icon&&!a.isChecked?(d(),i("i",{key:0,class:l(["vui-radio-icon",e.icon])},null,2)):s("",!0),e.iconChecked&&a.isChecked?(d(),i("i",{key:1,class:l(["vui-radio-icon",e.iconChecked])},null,2)):s("",!0),c("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,y),a.hasLabel?(d(),i("label",{key:2,class:"vui-radio-label",for:e.name},[t(e.$slots,"default",{},()=>[f(g(e.text),1)])],8,C)):s("",!0),t(e.$slots,"append")],10,V)}const L=h(v,[["render",S]]);export{L as default};

package/dist/doc/assets/{radio-vJklHHcl.js → radio-BhS7ejUd.js}

@@ -1,4 +1,4 @@
-import{d as S}from"./demonstrable-Dv7XIPoL.js";import{t as V}from"./translatable-eIyiPB31.js";import w from"./radio-FDvwgcUe.js";import{_ as N,a,b as n,w as d,r as c,o as t,F as p,g as C,h as u,e as l,t as r,f as i,m as y,i as k,d as m}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const D={"page.component.radio.default":"Default radio","page.component.radio.binded":"Binded radio","page.component.radio.success":"Success radio","page.component.radio.error":"Error radio","page.component.radio.warning":"Warning radio","page.component.radio.label":"Checked","page.component.radio.doc.prop.checked":"Binds the conditions of checked state","page.component.radio.doc.prop.checked-value":"Checked value of the radio","page.component.radio.doc.prop.disabled":"Binds the disabled state of the radio","page.component.radio.doc.prop.layout":"Defines the layout of component [default, error, success, warning]","page.component.radio.doc.prop.loading":"Boolean to enable the loading style for component","page.component.radio.doc.prop.text":"Text used as label for the component","page.component.radio.doc.prop.unchecked-value":"Unchecked value of the radio","page.component.radio.doc.prop.value":"Value of the radio","page.component.radio.doc.prop.v-model":"Binds the model value of radio","page.component.radio.doc.slot.default":"Default slot for label content","page.component.radio.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.radio.doc.slot.append":"Slot used to insert custom content et the end of component"},$={},E={en:D,fr:$},g={examples:[{markup:`
+import{d as S}from"./demonstrable-DoDjrIlv.js";import{t as V}from"./translatable-C-odWYJj.js";import w from"./radio-BYvvsNUN.js";import{_ as N,a,b as n,w as r,r as c,o as t,F as p,g as C,h as u,e as l,t as d,f as i,m as y,i as k,d as m}from"./index-BTkXFI8q.js";import"./composable-CshUTKfl.js";const D={"page.component.radio.default":"Default radio","page.component.radio.binded":"Binded radio","page.component.radio.success":"Success radio","page.component.radio.error":"Error radio","page.component.radio.warning":"Warning radio","page.component.radio.label":"Checked","page.component.radio.doc.prop.checked":"Binds the conditions of checked state","page.component.radio.doc.prop.checked-value":"Checked value of the radio","page.component.radio.doc.prop.disabled":"Binds the disabled state of the radio","page.component.radio.doc.prop.layout":"Defines the layout of component [default, error, success, warning]","page.component.radio.doc.prop.loading":"Boolean to enable the loading style for component","page.component.radio.doc.prop.text":"Text used as label for the component","page.component.radio.doc.prop.unchecked-value":"Unchecked value of the radio","page.component.radio.doc.prop.value":"Value of the radio","page.component.radio.doc.prop.v-model":"Binds the model value of radio","page.component.radio.doc.slot.default":"Default slot for label content","page.component.radio.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.radio.doc.slot.append":"Slot used to insert custom content et the end of component"},$={},E={en:D,fr:$},g={examples:[{markup:`
                 <vui-radio
                     v-model="myradiomodel"
                     :layout="default"
@@ -25,4 +25,4 @@ import{d as S}from"./demonstrable-Dv7XIPoL.js";import{t as V}from"./translatable
                     :layout="error"
                     :text="Error radio"
                 />
-            `,props:{id:"vui-radio-5",layout:"error",text:"page.component.radio.error"}}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.radio.doc.prop.disabled"},{tag:"checked",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked"},{tag:"layout",type:"String",text:"page.component.radio.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.radio.doc.prop.loading"},{tag:"text",type:"String",text:"page.component.radio.doc.prop.text"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.v-model"}],slots:[{name:"prepend",text:"page.component.radio.doc.slot.prepend"},{name:"default",text:"page.component.radio.doc.slot.default"},{name:"append",text:"page.component.radio.doc.slot.append"}]},H={name:"ViewRadio",mixins:[S],setup(){return V(E),{}},data(){return{states:{}}},computed:{doc(){return g},examples(){return this.docExamples(w,{attrs:g.attrs,examples:g.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((e,h)=>({...e,[h.props.id]:!1}),{})},methods:{}},T={class:"view-radio"},L=["innerHTML"],P={class:"title"},U={class:"title"};function F(e,h,M,R,s,b){const _=c("vui-tag"),v=c("vui-grid-unit"),f=c("vui-table"),x=c("vui-grid");return t(),a("div",T,[n(x,{"col-sm":"1","col-md":"2"},{default:d(()=>[n(v,{class:"examples"},{default:d(()=>[(t(!0),a(p,null,C(b.examples,o=>(t(),a(p,{key:`radio-${o.props.id}`},[o.props.id==="vui-radio-2"?(t(),u(k(o.component),y({key:0,disabled:""},o.props,{checked:s.states["vui-radio-1"]}),{default:d(()=>[o.text?(t(),a(p,{key:0},[l(r(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),o.props.id!=="vui-radio-2"?(t(),a(p,{key:1},[(t(),u(k(o.component),y(o.props,{modelValue:s.states[o.props.id],"onUpdate:modelValue":B=>s.states[o.props.id]=B}),{default:d(()=>[o.text?(t(),a(p,{key:0},[l(r(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),l("   "),o.props.id==="vui-radio-1"?(t(),u(_,{key:0},{default:d(()=>[l(r(e.$t("page.component.radio.label"))+": "+r(s.states[o.props.id]),1)]),_:2},1024)):i("",!0)],64)):i("",!0),m("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,L)],64))),128))]),_:1}),n(v,{class:"api-options"},{default:d(()=>[m("h2",P,r(e.$t("page.component.h2.api")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),m("h2",U,r(e.$t("page.component.h2.slots")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=N(H,[["render",F]]);export{G as default};
+            `,props:{id:"vui-radio-5",layout:"error",text:"page.component.radio.error"}}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.radio.doc.prop.disabled"},{tag:"checked",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked"},{tag:"layout",type:"String",text:"page.component.radio.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.radio.doc.prop.loading"},{tag:"text",type:"String",text:"page.component.radio.doc.prop.text"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.v-model"}],slots:[{name:"prepend",text:"page.component.radio.doc.slot.prepend"},{name:"default",text:"page.component.radio.doc.slot.default"},{name:"append",text:"page.component.radio.doc.slot.append"}]},H={name:"ViewRadio",mixins:[S],setup(){return V(E),{}},data(){return{states:{}}},computed:{doc(){return g},examples(){return this.docExamples(w,{attrs:g.attrs,examples:g.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((e,h)=>({...e,[h.props.id]:!1}),{})},methods:{}},T={class:"view-radio"},L=["innerHTML"],P={class:"title"},U={class:"title"};function F(e,h,M,R,s,_){const b=c("vui-tag"),v=c("vui-grid-unit"),f=c("vui-table"),x=c("vui-grid");return t(),a("div",T,[n(x,{"col-sm":"1","col-md":"2"},{default:r(()=>[n(v,{class:"examples"},{default:r(()=>[(t(!0),a(p,null,C(_.examples,o=>(t(),a(p,{key:`radio-${o.props.id}`},[o.props.id==="vui-radio-2"?(t(),u(k(o.component),y({key:0,disabled:"",ref_for:!0},o.props,{checked:s.states["vui-radio-1"]}),{default:r(()=>[o.text?(t(),a(p,{key:0},[l(d(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),o.props.id!=="vui-radio-2"?(t(),a(p,{key:1},[(t(),u(k(o.component),y({ref_for:!0},o.props,{modelValue:s.states[o.props.id],"onUpdate:modelValue":B=>s.states[o.props.id]=B}),{default:r(()=>[o.text?(t(),a(p,{key:0},[l(d(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),l("   "),o.props.id==="vui-radio-1"?(t(),u(b,{key:0},{default:r(()=>[l(d(e.$t("page.component.radio.label"))+": "+d(s.states[o.props.id]),1)]),_:2},1024)):i("",!0)],64)):i("",!0),m("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,L)],64))),128))]),_:1}),n(v,{class:"api-options"},{default:r(()=>[m("h2",P,d(e.$t("page.component.h2.api")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),m("h2",U,d(e.$t("page.component.h2.slots")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=N(H,[["render",F]]);export{G as default};

package/dist/doc/assets/{start-Cpz5sHNq.js → start-BV6lGp3K.js}

@@ -1 +1 @@
-import{t as d}from"./translatable-eIyiPB31.js";import{_ as m,c as f,r as l,o as v,a as b,b as c,w as o,e as r,t as i}from"./index-BTCbAXEh.js";const x={},h={},k={en:x,fr:h},w={name:"ViewStart",computed:{components(){return f.reduce((e,t)=>{const a=e.findIndex(n=>n.label===t.type);return a===-1?e.push({label:t.type,value:[t]}):e[a].value.push(t),e},[])}},created(){d(k)}},g={class:"view-start"};function V(e,t,a,n,$,u){const p=l("router-link"),_=l("vui-list");return v(),b("div",g,[c(_,{flat:"",autoclose:!1,expanded:!0,items:u.components,"item-label":"label","item-value":"value"},{"group-item":o(({item:s})=>[r(i(s.label),1)]),item:o(({item:s})=>[c(p,{to:{name:s.doc.name}},{default:o(()=>[r(i(s.label),1)]),_:2},1032,["to"])]),_:1},8,["items"])])}const N=m(w,[["render",V]]);export{N as default};
+import{t as d}from"./translatable-C-odWYJj.js";import{_ as m,c as f,r as l,o as v,a as b,b as c,w as o,e as r,t as i}from"./index-BTkXFI8q.js";const x={},h={},k={en:x,fr:h},w={name:"ViewStart",computed:{components(){return f.reduce((e,t)=>{const a=e.findIndex(n=>n.label===t.type);return a===-1?e.push({label:t.type,value:[t]}):e[a].value.push(t),e},[])}},created(){d(k)}},g={class:"view-start"};function V(e,t,a,n,$,u){const p=l("router-link"),_=l("vui-list");return v(),b("div",g,[c(_,{flat:"",autoclose:!1,expanded:!0,items:u.components,"item-label":"label","item-value":"value"},{"group-item":o(({item:s})=>[r(i(s.label),1)]),item:o(({item:s})=>[c(p,{to:{name:s.doc.name}},{default:o(()=>[r(i(s.label),1)]),_:2},1032,["to"])]),_:1},8,["items"])])}const N=m(w,[["render",V]]);export{N as default};

package/dist/doc/assets/table-BiNwpYJv.js

@@ -0,0 +1 @@
+import{a as y}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{t as g}from"./translatable-C-odWYJj.js";import{_ as h,a as l,j as r,d as n,F as u,g as d,n as p,o as t,e as $,t as V}from"./index-BTkXFI8q.js";const k={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},I={},S={},B={en:I,fr:S},T={name:"VuiTable",mixins:[y,L],props:k,created(){g(B)},methods:{leaf(e,b){return b.split(".").reduce((o,m)=>o&&o[m]?o[m]:null,e)}}},v=["id"],A=["data-label"];function F(e,b,o,m,N,c){return t(),l("div",{id:e.componentId,class:p(["vui-table",e.$props.class])},[r(e.$slots,"prepend"),n("table",null,[n("thead",null,[n("tr",null,[(t(!0),l(u,null,d(e.headers,(a,s)=>(t(),l("th",{key:`table-${e.componentId}-header--${s}`,class:p(a.class)},[r(e.$slots,`header.${a[e.itemValue]}`,{item:a,itemLabel:e.itemLabel,itemValue:e.itemValue,index:s},()=>[$(V(a[e.itemLabel]),1)])],2))),128))])]),n("tbody",null,[(t(!0),l(u,null,d(e.items,(a,s)=>r(e.$slots,"default",{key:`table-${e.componentId}-item--${s}`,index:s,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[n("tr",null,[(t(!0),l(u,null,d(e.headers,(i,f)=>(t(),l("td",{key:`table-${e.componentId}-item-td--${f}`,"data-label":i.label,class:p(i.class)},[r(e.$slots,`item.${i[e.itemValue]}`,{index:f,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[$(V(c.leaf(a,i.value)),1)])],10,A))),128))])])),128))])]),r(e.$slots,"append")],10,v)}const D=h(T,[["render",F]]);export{D as default};

package/dist/doc/assets/{table-D1jz3DKO.js → table-iZQFAIYB.js}

@@ -1,4 +1,4 @@
-import{d as y}from"./demonstrable-Dv7XIPoL.js";import{t as h}from"./translatable-eIyiPB31.js";import g from"./table-C_Rv3GlB.js";import{_,a as n,b as t,w as l,r as s,o as i,F as m,g as f,h as Q,d as o,t as r,k as x,l as S,i as D}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const k={"page.component.table.doc.prop.headers":"Array containing text / value foreach item header","page.component.table.doc.prop.item-label":"Label key for each item in table","page.component.table.doc.prop.item-value":"Value key for each item in table","page.component.table.doc.prop.items":"Array of items to display in table","page.component.table.doc.slot.header":"Slot to replace header row default rendering","page.component.table.doc.slot.item":"Slot to replace item row default rendering"},V={},L={en:k,fr:V},u={attrs:[],examples:[{markup:`
+import{d as y}from"./demonstrable-DoDjrIlv.js";import{t as h}from"./translatable-C-odWYJj.js";import g from"./table-BiNwpYJv.js";import{_,a as i,b as t,w as l,r as n,o,F as m,g as f,h as Q,e as x,t as s,m as S,i as D,d as r}from"./index-BTkXFI8q.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const V={"page.component.table.doc.prop.headers":"Array containing text / value foreach item header","page.component.table.doc.prop.item-label":"Label key for each item in table","page.component.table.doc.prop.item-value":"Value key for each item in table","page.component.table.doc.prop.items":"Array of items to display in table","page.component.table.doc.slot.header":"Slot to replace header row default rendering","page.component.table.doc.slot.item":"Slot to replace item row default rendering"},k={},L={en:V,fr:k},u={attrs:[],examples:[{markup:`
                 <vui-table
                     itemLabel="label",
                     itemValue="value"
@@ -30,7 +30,7 @@ import{d as y}from"./demonstrable-Dv7XIPoL.js";import{t as h}from"./translatable
                     ]"
                 >
                     <template #item.endQuantity="{ item }">
-                        <td>{{ item.endQuantity }} units</td>
+                        {{ item.endQuantity }} units
                     </template>
                 </vui-table>
             `,props:{id:"vui-table-1",headers:[{label:"Start date",value:"startDate"},{label:"Start Quantity",value:"startQuantity"},{label:"End date",value:"endDate"},{label:"End Quantity",value:"endQuantity"}],items:[{startDate:"2022-01-01",startQuantity:"723",endDate:"2022-12-01",endQuantity:"1 239"}],itemLabel:"label",itemValue:"value"}},{markup:`
@@ -69,7 +69,7 @@ import{d as y}from"./demonstrable-Dv7XIPoL.js";import{t as h}from"./translatable
                     ]"
                 >
                     <template #item.endQuantity="{ item }">
-                        <td>{{ item.endQuantity }} units</td>
+                        {{ item.endQuantity }} units
                     </template>
                 </vui-table>
-            `,props:{id:"vui-table-2",headers:[{label:"Id",value:"id",class:"text-center"},{label:"City Name",value:"city.name"},{label:"Population",value:"city.population"}],items:[{id:1,city:{name:"Paris",population:2161e3}},{id:2,city:{name:"Mexico",population:1267e5}}],itemLabel:"label",itemValue:"value"}}],props:[{tag:"headers",type:"Array",text:"page.component.table.doc.prop.headers"},{tag:"item-label",type:"String",text:"page.component.table.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.table.doc.prop.item-value"},{tag:"items",type:"Array",text:"page.component.table.doc.prop.items"}],slots:[{name:"header",text:"page.component.table.doc.slot.header"},{name:"item",text:"page.component.table.doc.slot.item"}]},P={name:"ViewTable",mixins:[y],setup(){return h(L),{}},computed:{doc(){return u},examples(){return this.docExamples(g,u)}}},w={class:"view-table"},E=["innerHTML"],$={class:"title"},C={class:"title"};function A(e,B,H,M,N,c){const p=s("vui-grid-unit"),d=s("vui-table"),b=s("vui-grid");return i(),n("div",w,[t(b,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(p,{class:"examples"},{default:l(()=>[(i(!0),n(m,null,f(c.examples,a=>(i(),n(m,{key:`table-${a.props.id}`},[(i(),Q(D(a.component),x(S(a.props)),{"item.endQuantity":l(({item:v})=>[o("td",null,r(v.endQuantity)+" units",1)]),_:2},1040)),o("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,E)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:l(()=>[o("h2",$,r(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),o("h2",C,r(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const q=_(P,[["render",A]]);export{q as default};
+            `,props:{id:"vui-table-2",headers:[{label:"Id",value:"id",class:"text-center"},{label:"City Name",value:"city.name"},{label:"Population",value:"city.population"}],items:[{id:1,city:{name:"Paris",population:2161e3}},{id:2,city:{name:"Mexico",population:1267e5}}],itemLabel:"label",itemValue:"value"}}],props:[{tag:"headers",type:"Array",text:"page.component.table.doc.prop.headers"},{tag:"item-label",type:"String",text:"page.component.table.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.table.doc.prop.item-value"},{tag:"items",type:"Array",text:"page.component.table.doc.prop.items"}],slots:[{name:"header",text:"page.component.table.doc.slot.header"},{name:"item",text:"page.component.table.doc.slot.item"}]},P={name:"ViewTable",mixins:[y],setup(){return h(L),{}},computed:{doc(){return u},examples(){return this.docExamples(g,u)}}},w={class:"view-table"},E=["innerHTML"],$={class:"title"},C={class:"title"};function N(e,T,A,B,H,c){const p=n("vui-grid-unit"),d=n("vui-table"),b=n("vui-grid");return o(),i("div",w,[t(b,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(p,{class:"examples"},{default:l(()=>[(o(!0),i(m,null,f(c.examples,a=>(o(),i(m,{key:`table-${a.props.id}`},[(o(),Q(D(a.component),S({ref_for:!0},a.props),{"item.endQuantity":l(({item:v})=>[x(s(v.endQuantity)+" units ",1)]),_:2},1040)),r("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,E)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:l(()=>[r("h2",$,s(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),r("h2",C,s(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=_(P,[["render",N]]);export{G as default};

package/dist/doc/assets/tabs-CDrn7gwB.js

@@ -0,0 +1 @@
+import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-C-odWYJj.js";import{_ as b,a as s,j as a,d,F as l,g as c,n as o,o as i,f as m,t as f}from"./index-BTkXFI8q.js";const V={},g={},$={en:V,fr:g},y={icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},k={name:"VuiTabs",mixins:[p],props:y,emits:["update:model-value"],data(){return{active:null}},computed:{tabs(){return this.items.map(e=>({...e,$$id:this.newId()}))}},watch:{modelValue(e){this.active=e},value(e){this.active=e}},created(){var e;if(v($),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const n=this.items[0];this.active=n[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],C={class:"vui-tabs-tabs"},w=["onClick"],B={class:"label"},L={key:0,class:"vui-tabs-slot"};function _(e,n,F,I,r,u){return i(),s("div",{id:e.componentId,class:o(["vui-tabs",e.$props.class])},[a(e.$slots,"prepend"),d("div",C,[(i(!0),s(l,null,c(u.tabs,t=>(i(),s("div",{key:t.$$id,class:o(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===r.active}]),onClick:()=>u.toggle(t[e.itemValue])},[e.icon?(i(),s("i",{key:0,class:o(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),d("span",B,f(t[e.itemLabel]),1)],10,w))),128))]),(i(!0),s(l,null,c(e.items,(t,h)=>(i(),s(l,{key:`slot-${t.$$id}`},[e.$slots[t[e.itemValue]]&&t[e.itemValue]===r.active?(i(),s("div",L,[a(e.$slots,t[e.itemValue],{index:h})])):m("",!0)],64))),128)),a(e.$slots,"append")],10,S)}const q=b(k,[["render",_]]);export{q as default};

package/dist/doc/assets/tabs-D5P3KDps.js

@@ -0,0 +1,18 @@
+import{d as h}from"./demonstrable-DoDjrIlv.js";import{t as _}from"./translatable-C-odWYJj.js";import f from"./tabs-CDrn7gwB.js";import{_ as x,a as T,b as t,w as s,r as l,o as p,h as d,l as y,g as B,e as k,t as n,u as b,x as u,i as v,d as o}from"./index-BTkXFI8q.js";import"./composable-CshUTKfl.js";const L={"page.component.tabs.doc.prop.disabled":"Binds the disabled state","page.component.tabs.doc.prop.items":"List of tabs and label / value","page.component.tabs.doc.prop.item-label":"Label key name foreach tab","page.component.tabs.doc.prop.item-value":"Value key name foreach tab","page.component.tabs.doc.prop.vmodel":"Binds the active tab","page.component.tabs.doc.prop.value":"Define the active tab","page.component.tabs.doc.slot.value":"Slot defined by the tabs items value"},S={},H={en:L,fr:S},i={examples:[{markup:`
+                <vui-tabs
+                    items="[
+                        { 'label': 'Tab 1', 'value': 'tab1' },
+                        { 'label': 'Tab 2', 'value': 'tab2' },
+                    ]"
+                >
+                    <template #tab1>Tab 1</template>
+                    <template #tab2>Tab 2</template>
+                </vui-tabs>
+            `,props:{icon:"fa-solid fa-tags",id:"vui-tabs-1",items:[{label:"Tab 1",value:"tab1"},{label:"Tab 2",value:"tab2"}]}},{markup:`
+                <vui-tabs
+                    items="[
+                        { 'label': 'Tab 1', 'value': 'tab1' },
+                        { 'label': 'Tab 2', 'value': 'tab2' },
+                    ]"
+                />
+            `,props:{icon:"fa-solid fa-tags",id:"vui-tabs-2",items:[{label:"Tab 1",value:"tab1"},{label:"Tab 2",value:"tab2"}]}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.tabs.doc.prop.disabled"},{tag:"items",type:"Array",text:"page.component.tabs.doc.prop.items"},{tag:"item-label",type:"String",text:"page.component.tabs.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.tabs.doc.prop.item-value"},{tag:"v-model",type:"Boolean",text:"page.component.tabs.doc.prop.vmodel"},{tag:"value",type:"Boolean",text:"page.component.tabs.doc.prop.value"}],slots:[{name:"$value",text:"page.component.tabs.doc.slot.value"}]},V={name:"ViewTabs",mixins:[h],setup(){return _(H),{}},computed:{doc(){return i},examples(){return this.docExamples(f,{attrs:i.attrs,examples:i.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},w={class:"view-tabs"},M=["innerHTML"],P=["innerHTML"],C={class:"title"},D={class:"title"};function N(e,E,z,A,R,a){const r=l("vui-grid-unit"),m=l("vui-table"),g=l("vui-grid");return p(),T("div",w,[t(g,{"col-sm":"1","col-md":"2"},{default:s(()=>[t(r,{class:"examples"},{default:s(()=>[(p(),d(v(a.examples[0].component),b(u(a.examples[0].props)),y({_:2},[B(a.examples[0].props.items,(c,$)=>({name:c.value,fn:s(()=>[k(n(c.label),1)])}))]),1040)),o("div",{class:"highlighted-code",innerHTML:a.examples[0].highlighted},null,8,M),(p(),d(v(a.examples[1].component),b(u(a.examples[1].props)),null,16)),o("div",{class:"highlighted-code",innerHTML:a.examples[1].highlighted},null,8,P)]),_:1}),t(r,{class:"api-options"},{default:s(()=>[o("h2",C,n(e.$t("page.component.h2.api")),1),t(m,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),o("h2",D,n(e.$t("page.component.h2.slots")),1),t(m,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=x(V,[["render",N]]);export{J as default};

package/dist/doc/assets/{tabs-B3SGp8R7.css → tabs-hlfEQ058.css}

@@ -1 +1 @@
-.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slots{padding:1rem;border:1px solid #d9dcde}
+.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slot{padding:1rem;border:1px solid #d9dcde}

package/dist/doc/assets/{tag-CgEGHygn.js → tag-C8ZH7AA8.js}

@@ -1 +1 @@
-import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-eIyiPB31.js";import{_ as r,a as e,j as s,n as t,f as p,o as a,e as c,t as l}from"./index-BTCbAXEh.js";const d={},m={},u={en:d,fr:m},f={icon:{type:String},text:{type:String}},g={name:"VuiTag",mixins:[n],props:f,created(){i(u)}},$=["id"];function v(o,y,S,V,h,k){return a(),e("div",{id:o.componentId,class:t(["vui-tag",`vui-tag--${o.layout}`,{"vui-tag--with-icon":o.icon},o.$props.class])},[s(o.$slots,"prepend"),o.icon?(a(),e("i",{key:0,class:t(["vui-tag-icon",o.icon])},null,2)):p("",!0),s(o.$slots,"default",{},()=>[c(l(o.text),1)]),s(o.$slots,"append")],10,$)}const C=r(g,[["render",v]]);export{C as default};
+import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-C-odWYJj.js";import{_ as r,a as e,j as s,n as t,f as p,o as a,e as c,t as l}from"./index-BTkXFI8q.js";const d={},m={},u={en:d,fr:m},f={icon:{type:String},text:{type:String}},g={name:"VuiTag",mixins:[n],props:f,created(){i(u)}},$=["id"];function v(o,y,S,V,h,k){return a(),e("div",{id:o.componentId,class:t(["vui-tag",`vui-tag--${o.layout}`,{"vui-tag--with-icon":o.icon},o.$props.class])},[s(o.$slots,"prepend"),o.icon?(a(),e("i",{key:0,class:t(["vui-tag-icon",o.icon])},null,2)):p("",!0),s(o.$slots,"default",{},()=>[c(l(o.text),1)]),s(o.$slots,"append")],10,$)}const C=r(g,[["render",v]]);export{C as default};

package/dist/doc/assets/tag-Dtea5pEP.js

@@ -0,0 +1,25 @@
+import{d as f}from"./demonstrable-DoDjrIlv.js";import{t as h}from"./translatable-C-odWYJj.js";import _ from"./tag-C8ZH7AA8.js";import{_ as v,a as s,b as o,w as n,r as p,o as a,F as r,g as y,h as x,e as b,t as i,f as k,m as w,i as S,d as c}from"./index-BTkXFI8q.js";import"./composable-CshUTKfl.js";const $={"page.component.tag.doc.prop.disabled":"Binds the disabled state","page.component.tag.doc.prop.error":"Error type tag","page.component.tag.doc.prop.success":"Success type tag","page.component.tag.doc.prop.warning":"Warning type tag","page.component.tag.doc.prop.icon":"Class name of the icon to prepend","page.component.tag.doc.prop.text":"Text content of the tag","page.component.tag.doc.prop.layout":"Layout of the tag","page.component.card.doc.slot.default":"Default type slot"},T={},V={en:$,fr:T},g={examples:[{markup:`
+                <vui-tag
+                    icon="fa-solid fa-tag"
+                >
+                    Default type tag
+                </vui-tag>
+            `,props:{id:"vui-tag-1",icon:"fa-solid fa-tag"},text:"page.component.tag.default"},{markup:`
+                <vui-tag
+                    icon="fa-solid fa-tag"
+                    text="Error type tag"
+                    type="error"
+                />
+            `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"error",text:"page.component.tag.error"}},{markup:`
+                <vui-tag
+                    icon="fa-solid fa-tag"
+                    text="Success type tag"
+                    type="success"
+                />
+            `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"success",text:"page.component.tag.success"}},{markup:`
+                <vui-tag
+                    icon="fa-solid fa-tag"
+                    text="Warning type tag"
+                    type="warning"
+                />
+            `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"warning",text:"page.component.tag.warning"}}],props:[{tag:"disabled",type:"String",text:"page.component.tag.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.tag.doc.prop.icon"},{tag:"text",type:"String",text:"page.component.tag.doc.prop.text"}],slots:[{name:"default",text:"page.component.card.doc.slot.default"}]},B={name:"ViewTag",mixins:[f],setup(){return h(V),{}},computed:{doc(){return g},examples(){return this.docExamples(_,{attrs:g.attrs,examples:g.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}}},C={class:"view-tag"},D=["innerHTML"],E={class:"title"},H={class:"title"};function L(t,N,P,F,M,u){const d=p("vui-grid-unit"),l=p("vui-table"),m=p("vui-grid");return a(),s("div",C,[o(m,{"col-sm":"1","col-md":"2"},{default:n(()=>[o(d,{class:"examples"},{default:n(()=>[(a(!0),s(r,null,y(u.examples,e=>(a(),s(r,{key:`tag-${e.props.id}`},[(a(),x(S(e.component),w({ref_for:!0},e.props),{default:n(()=>[e.text?(a(),s(r,{key:0},[b(i(t.$t(e.text)),1)],64)):k("",!0)]),_:2},1040)),c("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,D)],64))),128))]),_:1}),o(d,{class:"api-options"},{default:n(()=>[c("h2",E,i(t.$t("page.component.h2.api")),1),o(l,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"]),c("h2",H,i(t.$t("page.component.h2.slots")),1),o(l,{"item-label":"label","item-value":"value",headers:t.docSlotsHeaders,items:t.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=v(B,[["render",L]]);export{G as default};