@e-xode/vui 0.6.5

package/dist/doc/assets/dropdown-BDltvOgD.css

@@ -0,0 +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-dropdown{position:relative;display:inline-flex;min-width:200px;border-radius:.25rem}.vui-dropdown .vui-dropdown-placeholder{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;background-color:#fff;width:100%;cursor:pointer}.vui-dropdown .vui-dropdown-placeholder .vui-dropdown-placeholder-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled{background-color:#d9dcde}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--loading .vui-dropdown-placeholder-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--toggled{background-color:#f7acae}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--toggled{background-color:#89e5b0}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--toggled{background-color:#fad9a4}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-dropdown .vui-dropdown-placeholder:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:.5rem;right:1rem;content:"";color:#bdc3c7}.vui-dropdown .vui-dropdown-placeholder:hover:before{color:#869198}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled:before{content:"";top:.7rem;color:#869198}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label{width:100%;padding:.25rem .5rem .25rem 1rem;margin:0;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]{cursor:pointer;border:none;background-color:transparent}.vui-dropdown .vui-list.vui-dropdown-list{position:absolute;top:2.5rem;left:0;right:0;background-color:#fff;z-index:2}.vui-dropdown .vui-list.vui-dropdown-list .vui-list-items .vui-list-items-item{cursor:pointer}

package/dist/doc/assets/dropdown-D0xbQtqT.css

@@ -0,0 +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}}.view-dropdown .vui-grid .vui-grid-unit.examples .vui-dropdown{min-width:400px}.view-dropdown .vui-grid .vui-grid-unit.examples .highlighted-code{margin-bottom:2.5rem}

package/dist/doc/assets/dropdown-D3hwsYWo.js

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

package/dist/doc/assets/dropdown-EPlb5xOz.js

@@ -0,0 +1 @@
+import c from"./input-BKMua51x.js";import f from"./list-CGLoBn9q.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as g}from"./composable-CshUTKfl.js";import{_ as y,a as v,j as s,d as w,n as u,p as V,h as k,q as C,w as n,m as I,f as B,r as p,o as m,b as L}from"./index-BQmFywQ4.js";import{t as S}from"./translatable-DbFxNJLL.js";const $={"component.dropdown.placeholder":"Select a value ..."},F={},N={en:$,fr:F},A={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},placeholder:{types:[Boolean,Number,String]},value:{default:void 0,types:[Boolean,Object,Number,String,null]}},T={name:"VuiDropdown",components:{VuiInput:c,VuiList:f},mixins:[b,g],props:A,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:l}=this,a=typeof(l==null?void 0:l[e])<"u"?l[e]:l;return a===null?this.placeholderLabel:this.labelFromItem(a)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){S(N),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,l,a){const{itemValue:i,itemLabel:t}=this;return e[i].reduce((o,r)=>r[i]===a?r[t]:o,l)},labelFromItem(e){const{itemValue:l,itemLabel:a}=this;return this.items.reduce((i,t)=>Array.isArray(t[l])?this.labelFromChild(t,i,e):t[l]===e?t[a]:i,e)},onClick(){this.disabled||this.onAnimate()},onInput(e){this.$emit("input",e),this.onAnimate(!0),this.keyword=e.target.value?e.target.value:null},onToggle(e){this.keyword=null,this.blur(),this.hasProp("value")||(this.selected=e),this.$emit("update:model-value",e)}}},j=["id"];function U(e,l,a,i,t,o){const r=p("vui-input"),h=p("vui-list");return m(),v("div",{id:e.componentId,class:u(["vui-dropdown",e.$props.class])},[s(e.$slots,"prepend"),w("div",{class:u(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:l[0]||(l[0]=V((...d)=>o.onClick&&o.onClick(...d),["stop"]))},[s(e.$slots,"keyword",{keyword:t.keyword},()=>[L(r,{value:t.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:o.placeholderValue,onInput:o.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(m(),k(h,I({key:0,modelValue:t.selected,"onUpdate:modelValue":l[1]||(l[1]=d=>t.selected=d)},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:t.keyword,selectable:!0,title:o.listTitle,"onUpdate:modelValue":o.onToggle}),C({_:2},[e.$slots.placeholder?{name:"placeholder",fn:n(()=>[s(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:n(()=>[s(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:n(()=>[s(e.$slots,"item")]),key:"2"}:void 0]),1040,["modelValue","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):B("",!0),s(e.$slots,"append")],10,j)}const E=y(T,[["render",U]]);export{E as default};

package/dist/doc/assets/footer-BgsenAcP.js

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

package/dist/doc/assets/footer-Bm8ssenm.js

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

package/dist/doc/assets/footer-DYUKfFU3.css

@@ -0,0 +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-footer{padding:1rem;text-align:right;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}

package/dist/doc/assets/form-DKLHmzJQ.js

@@ -0,0 +1,47 @@
+import{d as V}from"./demonstrable-B5KAWPKX.js";import{t as y}from"./translatable-DbFxNJLL.js";import q from"./form-k50YoLDD.js";import{_ as E,a as d,b as i,w as a,r as n,o as p,F as f,g as T,d as e,t as o,e as k}from"./index-BQmFywQ4.js";import"./composable-CshUTKfl.js";const F={"page.component.form.email":"Enter an email","page.component.form.email.v-model":"The current v-model value for email is","page.component.form.password":"Enter a password","page.component.form.password.v-model":"The current v-model value for password is","page.component.form.submit":"Submit"},B={},H={en:F,fr:B},v={attrs:[],examples:[{markup:`
+                <vui-form>
+                    <section>
+                        <fieldset>
+                            <div class="fieldset-item">
+                                <label for="email">
+                                    Email
+                                </label>
+                                <div class="input">
+                                    <vui-input
+                                        id="email"
+                                        v-model="form.email"
+                                        type="email"
+                                        name="email"
+                                        required
+                                    />
+                                </div>
+                            </div>
+                        </fieldset>
+                    </section>
+                    <section>
+                        <fieldset>
+                            <div class="fieldset-item">
+                                <label for="password">
+                                    Password
+                                </label>
+                                <div class="input">
+                                    <vui-input
+                                        id="password"
+                                        v-model="form.password"
+                                        type="password"
+                                        name="password"
+                                        required
+                                    />
+                                </div>
+                            </div>
+                        </fieldset>
+                    </section>
+                    <section class="section--submit">
+                        <vui-button
+                            type="button"
+                        >
+                            Submit
+                        </vui-button>
+                    </section>
+                </vui-form>
+            `,props:{id:"form-1"}}],props:[],slots:[]},L={name:"ViewForm",mixins:[V],setup(){return y(H),{}},data(){return{form:{email:null,password:null}}},computed:{doc(){return v},examples(){return this.docExamples(q,v)}}},N={class:"view-form"},P={class:"fieldset-item"},S={for:"email"},U={class:"input"},$={class:"fieldset-item"},C={for:"password"},M={class:"input"},x={class:"fieldset-item"},D={for:"password"},j={class:"input"},z={class:"section--submit"},A=["innerHTML"],G={class:"title"};function I(s,l,J,K,t,_){const m=n("vui-input"),w=n("vui-button"),b=n("vui-form"),u=n("vui-grid-unit"),g=n("vui-table"),h=n("vui-grid");return p(),d("div",N,[i(h,{"col-sm":"1","col-md":"2"},{default:a(()=>[i(u,{class:"examples"},{default:a(()=>[(p(!0),d(f,null,T(_.examples,c=>(p(),d(f,{key:`example-${c.props.id}`},[i(b,null,{default:a(()=>[e("section",null,[e("fieldset",null,[e("div",P,[e("label",S,o(s.$t("page.component.form.email")),1),e("div",U,[i(m,{id:"email",modelValue:t.form.email,"onUpdate:modelValue":l[0]||(l[0]=r=>t.form.email=r),type:"email",name:"email",required:""},null,8,["modelValue"]),e("p",null,o(s.$t("page.component.form.email.v-model"))+": "+o(t.form.email),1)])])])]),e("section",null,[e("fieldset",null,[e("div",$,[e("label",C,o(s.$t("page.component.form.password")),1),e("div",M,[i(m,{id:"password",modelValue:t.form.password,"onUpdate:modelValue":l[1]||(l[1]=r=>t.form.password=r),type:"password",name:"password",required:""},null,8,["modelValue"]),e("p",null,o(s.$t("page.component.form.password.v-model"))+": "+o(t.form.password),1)])])]),e("fieldset",null,[e("div",x,[e("label",D,o(s.$t("page.component.form.password")),1),e("div",j,[i(m,{id:"password",modelValue:t.form.newpassword,"onUpdate:modelValue":l[2]||(l[2]=r=>t.form.newpassword=r),type:"password",name:"password",required:""},null,8,["modelValue"]),e("p",null,o(s.$t("page.component.form.password.v-model"))+": "+o(t.form.newpassword),1)])])])]),e("section",z,[i(w,{type:"button"},{default:a(()=>[k(o(s.$t("page.component.form.submit")),1)]),_:1})])]),_:1}),e("div",{class:"highlighted-code",innerHTML:c.highlighted},null,8,A)],64))),128))]),_:1}),i(u,{class:"api-options"},{default:a(()=>[e("h2",G,o(s.$t("page.component.h2.api")),1),i(g,{"item-label":"label","item-value":"value",headers:s.docPropsHeaders,items:s.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const Y=E(L,[["render",I]]);export{Y as default};

package/dist/doc/assets/form-XmHKCPrj.css

@@ -0,0 +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-form section{border:1px solid #d9dcde;border-radius:.25rem}.vui-form section:not(:first-of-type){margin-top:1rem}.vui-form section.section--submit{border:none;padding:1rem 0;text-align:center}.vui-form section fieldset{padding:1rem}.vui-form section fieldset .fieldset-item{display:flex}.vui-form section fieldset .fieldset-item label{flex:0 0 50%;line-height:2rem}.vui-form section fieldset .fieldset-item .input{flex:0 0 50%}.vui-form section fieldset .fieldset-item .input input{width:100%}

package/dist/doc/assets/form-k50YoLDD.js

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

package/dist/doc/assets/grid-Bh0kbzz2.css

@@ -0,0 +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}}.view-grid #vui-grid-1{padding:1rem;border:1px solid rgb(189,195,199)}.view-grid #vui-grid-1 .vui-grid-unit{border:1px solid rgb(189,195,199)}

package/dist/doc/assets/grid-BlQLubGm.css

@@ -0,0 +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-grid{display:flex;flex-wrap:wrap}@media (min-width: 576px){.vui-grid.vui-grid--col-xs--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xs--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xs--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xs--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xs--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xs--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xs--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xs--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xs--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xs--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xs--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xs--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 768px){.vui-grid.vui-grid--col-sm--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-sm--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-sm--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-sm--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-sm--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-sm--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-sm--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-sm--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-sm--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-sm--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-sm--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-sm--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 992px){.vui-grid.vui-grid--col-md--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-md--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-md--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-md--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-md--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-md--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-md--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-md--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-md--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-md--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-md--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-md--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1200px){.vui-grid.vui-grid--col-xl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1400px){.vui-grid.vui-grid--col-xxl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xxl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xxl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xxl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xxl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xxl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xxl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xxl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xxl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xxl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xxl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xxl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}

package/dist/doc/assets/grid-BqtXNrmN.js

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

package/dist/doc/assets/grid-TeUBpTW_.js

@@ -0,0 +1,14 @@
+import{d as f}from"./demonstrable-B5KAWPKX.js";import{t as _}from"./translatable-DbFxNJLL.js";import v from"./grid-BqtXNrmN.js";import{_ as h,a as s,b as o,w as e,r as l,o as c,F as p,g as x,d as r,t as d}from"./index-BQmFywQ4.js";import"./composable-CshUTKfl.js";const b={"page.component.grid.left":"Col 1 content","page.component.grid.right":"Col 2 content","page.component.grid.doc.prop.col-xs":"Defines number of columns for xs class","page.component.grid.doc.prop.col-sm":"Defines number of columns for sm class","page.component.grid.doc.prop.col-md":"Defines number of columns for md class","page.component.grid.doc.prop.col-xl":"Defines number of columns for xl class"},$={},y={en:b,fr:$},m={attrs:[],examples:[{markup:`
+                <vui-grid
+                    id="example-grid-1"
+                    col-md="2"
+                    col-sm="1"
+                >
+                    <vui-grid-unit>
+                        Col 1 content
+                    </vui-grid-unit>
+                    <vui-grid-unit>
+                        Col 2 content
+                    </vui-grid-unit>
+                </vui-grid>
+            `,props:{colMd:2,colSm:1},gridid:"vui-grid-1"}],props:[{tag:"col-xs",type:"Number",text:"page.component.grid.doc.prop.col-xs"},{tag:"col-sm",type:"Number",text:"page.component.grid.doc.prop.col-sm"},{tag:"col-md",type:"Number",text:"page.component.grid.doc.prop.col-md"},{tag:"col-xl",type:"Number",text:"page.component.grid.doc.prop.col-xl"}],slots:[]},C={name:"ViewGrid",mixins:[f],setup(){return _(y),{}},computed:{doc(){return m},examples(){return this.docExamples(v,m)}}},N={class:"view-grid"},D=["innerHTML"],k={class:"title"};function w(t,V,B,H,L,u){const n=l("vui-grid-unit"),a=l("vui-grid"),g=l("vui-table");return c(),s("div",N,[o(a,{"col-sm":"1","col-md":"2"},{default:e(()=>[o(n,{class:"examples"},{default:e(()=>[(c(!0),s(p,null,x(u.examples,i=>(c(),s(p,{key:`grid-${i.gridid}`},[o(a,{id:i.gridid,"col-sm":"1","col-md":"2"},{default:e(()=>[o(n,null,{default:e(()=>[r("p",null,d(t.$t("page.component.grid.left")),1)]),_:1}),o(n,null,{default:e(()=>[r("p",null,d(t.$t("page.component.grid.right")),1)]),_:1})]),_:2},1032,["id"]),r("div",{class:"highlighted-code",innerHTML:i.highlighted},null,8,D)],64))),128))]),_:1}),o(n,{class:"api-options"},{default:e(()=>[r("h2",k,d(t.$t("page.component.h2.api")),1),o(g,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const S=h(C,[["render",w]]);export{S as default};

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

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

package/dist/doc/assets/header-Bz_A9csZ.css

@@ -0,0 +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-header{padding:1rem;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-top-left-radius:.25rem;border-top-right-radius:.25rem}

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

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

package/dist/doc/assets/index-7pe20t8n.js

@@ -0,0 +1 @@
+const n={},s={},o={en:n,fr:s};export{o as l};

package/dist/doc/assets/index-9U_mVUKM.css

@@ -0,0 +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}}.view-index{text-align:center}.view-index h1{font-size:2rem;text-transform:none}.view-index .fa-brands.fa-vuejs{display:block;font-size:15rem;color:#27ae60}.view-index .description p{max-width:400px;margin:0 auto;font-size:1rem;line-height:1.2rem}.view-index .vui-button{margin:1rem}.view-index .vui-button.vui-button--get-started{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s}.view-index .vui-button.vui-button--get-started .vui-button--get-started-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.view-index .vui-button.vui-button--get-started:hover,.view-index .vui-button.vui-button--get-started.vui-button--get-started--toggled{background-color:#d9dcde}.view-index .vui-button.vui-button--get-started.vui-button--get-started--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.view-index .vui-button.vui-button--get-started.vui-button--get-started--loading .vui-button--get-started-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.view-index .vui-button.vui-button--get-started.vui-button--get-started--error:hover,.view-index .vui-button.vui-button--get-started.vui-button--get-started--error.vui-button--get-started--toggled{background-color:#f7acae}.view-index .vui-button.vui-button--get-started.vui-button--get-started--error.vui-button--get-started--animating{background-image:linear-gradient(#f37d81,#f37d81)}.view-index .vui-button.vui-button--get-started.vui-button--get-started--success:hover,.view-index .vui-button.vui-button--get-started.vui-button--get-started--success.vui-button--get-started--toggled{background-color:#89e5b0}.view-index .vui-button.vui-button--get-started.vui-button--get-started--success.vui-button--get-started--animating{background-image:linear-gradient(#60db94,#60db94)}.view-index .vui-button.vui-button--get-started.vui-button--get-started--warning:hover,.view-index .vui-button.vui-button--get-started.vui-button--get-started--warning.vui-button--get-started--toggled{background-color:#fad9a4}.view-index .vui-button.vui-button--get-started.vui-button--get-started--warning.vui-button--get-started--animating{background-image:linear-gradient(#f8c573,#f8c573)}.view-index .vui-button.vui-button--github{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;background-color:#0d0d0d;border-color:#000}.view-index .vui-button.vui-button--github .vui-button--get-started-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.view-index .vui-button.vui-button--github:hover,.view-index .vui-button.vui-button--github.vui-button--get-started--toggled{background-color:#d9dcde}.view-index .vui-button.vui-button--github.vui-button--get-started--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.view-index .vui-button.vui-button--github.vui-button--get-started--loading .vui-button--get-started-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.view-index .vui-button.vui-button--github.vui-button--get-started--error:hover,.view-index .vui-button.vui-button--github.vui-button--get-started--error.vui-button--get-started--toggled{background-color:#f7acae}.view-index .vui-button.vui-button--github.vui-button--get-started--error.vui-button--get-started--animating{background-image:linear-gradient(#f37d81,#f37d81)}.view-index .vui-button.vui-button--github.vui-button--get-started--success:hover,.view-index .vui-button.vui-button--github.vui-button--get-started--success.vui-button--get-started--toggled{background-color:#89e5b0}.view-index .vui-button.vui-button--github.vui-button--get-started--success.vui-button--get-started--animating{background-image:linear-gradient(#60db94,#60db94)}.view-index .vui-button.vui-button--github.vui-button--get-started--warning:hover,.view-index .vui-button.vui-button--github.vui-button--get-started--warning.vui-button--get-started--toggled{background-color:#fad9a4}.view-index .vui-button.vui-button--github.vui-button--get-started--warning.vui-button--get-started--animating{background-image:linear-gradient(#f8c573,#f8c573)}.view-index .vui-button.vui-button--github .vui-button-holder,.view-index .vui-button.vui-button--github .vui-button-icon{color:#d9dcde}.view-index .vui-button.vui-button--github:hover{background-color:#4d4d4d}