@e-xode/vui 0.6.6 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/README.md +8 -8
  2. package/dist/checkbox-BP2ttYER.js +1 -0
  3. package/dist/{checkbox-C0XHmyOW.js → checkbox-Qcc2Y3jj.js} +56 -25
  4. package/dist/doc/assets/{alert-DXU8Elqq.js → alert-CbFgfQUo.js} +1 -1
  5. package/dist/doc/assets/{alert-DeIKuuce.js → alert-DfQwT6OA.js} +1 -1
  6. package/dist/doc/assets/{button-G8t_NLRi.js → button-COuiG5KX.js} +1 -1
  7. package/dist/doc/assets/{button-B13Yf1Kd.js → button-DvGB3hP2.js} +1 -1
  8. package/dist/doc/assets/{card-bZflYXP1.js → card-BE5N1ELf.js} +1 -1
  9. package/dist/doc/assets/{card-B_zN0RIP.js → card-DrG3AJ3t.js} +1 -1
  10. package/dist/doc/assets/checkbox-BNwsQFlx.css +1 -0
  11. package/dist/doc/assets/checkbox-C22EmmAr.js +1 -0
  12. package/dist/doc/assets/checkbox-CtW0hne9.js +28 -0
  13. package/dist/doc/assets/{component-B1_tpRW4.js → component-Ckhc3XnI.js} +1 -1
  14. package/dist/doc/assets/{default-D8NjjGBi.css → default-DOpWYWAd.css} +1 -1
  15. package/dist/doc/assets/{default-DHgTVVbu.js → default-LA7Ccgwz.js} +1 -1
  16. package/dist/doc/assets/{demonstrable-nGGBFHXw.js → demonstrable-D6rf1mQ8.js} +1 -1
  17. package/dist/doc/assets/{dropdown-DcmkPEip.js → dropdown-AsBf0iVM.js} +1 -1
  18. package/dist/doc/assets/{dropdown-inZsWa61.js → dropdown-CdJfqX3U.js} +1 -1
  19. package/dist/doc/assets/{dropdown-BDltvOgD.css → dropdown-MxPEtcwI.css} +1 -1
  20. package/dist/doc/assets/{footer-BBBAapy7.js → footer-BUhm-koS.js} +1 -1
  21. package/dist/doc/assets/{footer-D_HwgUDT.js → footer-DITUoPy9.js} +1 -1
  22. package/dist/doc/assets/{form-CjnywRsh.js → form-BLtUQ-lY.js} +1 -1
  23. package/dist/doc/assets/{form-8yXKOyqL.js → form-DV09lYvO.js} +1 -1
  24. package/dist/doc/assets/{grid-BMMzEfv4.js → grid-CTROyBV4.js} +1 -1
  25. package/dist/doc/assets/{grid-CEJWLlXk.js → grid-DVItt9zr.js} +1 -1
  26. package/dist/doc/assets/{header-BlKpFHRO.js → header-B-BfJKYQ.js} +1 -1
  27. package/dist/doc/assets/{header-rBaLh0Nj.js → header-BD031rJv.js} +1 -1
  28. package/dist/doc/assets/{index-Bxv-4tsQ.js → index-421S8sYE.js} +15 -15
  29. package/dist/doc/assets/{index-5BUQdJLK.js → index-X2VadL3u.js} +1 -1
  30. package/dist/doc/assets/input-DAYAbs_u.js +1 -0
  31. package/dist/doc/assets/input-DJ8amP3y.css +1 -0
  32. package/dist/doc/assets/input-DpDc_WzU.js +37 -0
  33. package/dist/doc/assets/{list-Dg2wJkNi.js → list-D2FEJjG3.js} +1 -1
  34. package/dist/doc/assets/{list-uelxz83r.js → list-yhtMSymY.js} +1 -1
  35. package/dist/doc/assets/{loader-Brnp5cYS.js → loader-B6lJYbZi.js} +1 -1
  36. package/dist/doc/assets/{loader-CG6MxzXb.js → loader-Bf-nSxQT.js} +1 -1
  37. package/dist/doc/assets/{modal-DfTrEZrg.js → modal-DlUW_kaU.js} +1 -1
  38. package/dist/doc/assets/{modal-fIYL2tZA.js → modal-VE08CY0x.js} +1 -1
  39. package/dist/doc/assets/{nav-BcINi9Ls.js → nav-DYkZv58f.js} +1 -1
  40. package/dist/doc/assets/{nav-as-1HVTB.js → nav-IXrpcqYs.js} +1 -1
  41. package/dist/doc/assets/{page-25OUIluR.js → page-BpUtuiQG.js} +1 -1
  42. package/dist/doc/assets/{page-Cobsh0Ws.js → page-wuZc9O2p.js} +1 -1
  43. package/dist/doc/assets/{pager-BloxkVL8.js → pager-CEzyxQCo.js} +1 -1
  44. package/dist/doc/assets/{pager-DW6NgWoZ.js → pager-CXdKPt5C.js} +1 -1
  45. package/dist/doc/assets/{progress-Agje03EU.js → progress-BlA_EUah.js} +1 -1
  46. package/dist/doc/assets/{progress-vNI_eJTO.js → progress-yFWu8fT9.js} +1 -1
  47. package/dist/doc/assets/radio-BS9FLviC.js +28 -0
  48. package/dist/doc/assets/radio-Ckx0vNcX.js +1 -0
  49. package/dist/doc/assets/radio-Dg31j783.css +1 -0
  50. package/dist/doc/assets/{start-vmhkIBQI.js → start-C_u3pZMX.js} +1 -1
  51. package/dist/doc/assets/{table-ovOZ3st-.js → table-CjpAkPH9.js} +4 -4
  52. package/dist/doc/assets/table-d1SewNuO.js +1 -0
  53. package/dist/doc/assets/tabs-C60XBCs9.js +18 -0
  54. package/dist/doc/assets/{tabs-B3SGp8R7.css → tabs-hlfEQ058.css} +1 -1
  55. package/dist/doc/assets/tabs-vW_19yxP.js +1 -0
  56. package/dist/doc/assets/{tag-BkuMiR78.js → tag--7Zal5Qh.js} +1 -1
  57. package/dist/doc/assets/{tag-BzSu1hWx.js → tag-BVTDDSad.js} +1 -1
  58. package/dist/doc/assets/{toggle-DwIBPen1.js → toggle-Borth1ZY.js} +1 -1
  59. package/dist/doc/assets/{toggle-EqO81L8C.js → toggle-y-gY6lFl.js} +1 -1
  60. package/dist/doc/assets/{tooltip-DpEnb-Ez.js → tooltip-03ntAr6u.js} +1 -1
  61. package/dist/doc/assets/{tooltip-Di8htduO.js → tooltip-CSTgz_s6.js} +1 -1
  62. package/dist/doc/assets/{translatable-CVnAMpzi.js → translatable-1Spw6vjt.js} +1 -1
  63. package/dist/doc/assets/{unit-thgjRRiP.js → unit-DrC7rDZj.js} +1 -1
  64. package/dist/doc/assets/{unit-CHR3cNii.js → unit-qNeooDZa.js} +1 -1
  65. package/dist/doc/index.html +1 -1
  66. package/dist/{dropdown-CXZUMHXL.js → dropdown-DUUZsTpI.js} +1 -1
  67. package/dist/{dropdown-Dh1vGymO.js → dropdown-UMn42uen.js} +6 -5
  68. package/dist/input-BS_1U11l.js +139 -0
  69. package/dist/input-CPJkbqQt.js +1 -0
  70. package/dist/radio-BlBm-IvA.js +1 -0
  71. package/dist/radio-CzWvdO-G.js +147 -0
  72. package/dist/style.css +1 -1
  73. package/dist/table-BwNXLneC.js +99 -0
  74. package/dist/table-CZIoYOTL.js +1 -0
  75. package/dist/{tabs-X0RMcNvq.js → tabs-BRZDtZl_.js} +26 -26
  76. package/dist/tabs-ovpCyyQj.js +1 -0
  77. package/dist/vui.esm.js +12 -1
  78. package/dist/vui.js +1 -1
  79. package/dist/vui.umd.js +1 -1
  80. package/package.json +9 -9
  81. package/dist/checkbox-B9yl-GCS.js +0 -1
  82. package/dist/doc/assets/checkbox-C2hNaqU5.js +0 -14
  83. package/dist/doc/assets/checkbox-C9B8Gm2L.js +0 -1
  84. package/dist/doc/assets/checkbox-Dtjrzcei.css +0 -1
  85. package/dist/doc/assets/input-Bm6YMcaH.js +0 -1
  86. package/dist/doc/assets/input-D3l35AS9.css +0 -1
  87. package/dist/doc/assets/input-DqqDODLC.js +0 -15
  88. package/dist/doc/assets/table-0uWudBxb.js +0 -1
  89. package/dist/doc/assets/tabs-B3nfb47D.js +0 -11
  90. package/dist/doc/assets/tabs-C3cihruc.js +0 -1
  91. package/dist/input-Dy5fCJhT.js +0 -103
  92. package/dist/input-WjGQ7q1J.js +0 -1
  93. package/dist/table-8qXMDkjH.js +0 -1
  94. package/dist/table-DuvV-g2p.js +0 -95
  95. package/dist/tabs-CHwXPZS8.js +0 -1
@@ -1,4 +1,4 @@
1
- import{d as b}from"./demonstrable-nGGBFHXw.js";import{t as w}from"./translatable-CVnAMpzi.js";import v from"./dropdown-inZsWa61.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-Bxv-4tsQ.js";import"./input-Bm6YMcaH.js";import"./composable-CshUTKfl.js";import"./list-Dg2wJkNi.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:`
1
+ import{d as b}from"./demonstrable-D6rf1mQ8.js";import{t as w}from"./translatable-1Spw6vjt.js";import v from"./dropdown-CdJfqX3U.js";import{_ as h,a as p,b as t,w as l,r as n,o as a,F as s,g as f,h as x,m as y,i as _,d,t as m}from"./index-421S8sYE.js";import"./input-DAYAbs_u.js";import"./composable-CshUTKfl.js";import"./list-D2FEJjG3.js";import"./animable-S5zFcxd4.js";const L={"page.component.dropdown.text-1":"Dropdown with an array of strings or numbers","page.component.dropdown.text-2":"Dropdown with an array of objects","page.component.dropdown.text-3":"Dropdown with groups of array of objects","page.component.dropdown.doc.prop.disabled":"Binds the disabled state","page.component.dropdown.doc.prop.disable-filtering":"Disable the internal filtering when keyword input is provided, useful serverside filtering is needed","page.component.dropdown.doc.prop.icon":"Class name of the icon to prepend","page.component.dropdown.doc.prop.loading":"Binds the loading state","page.component.dropdown.doc.prop.item-label":"Label key foreach list item","page.component.dropdown.doc.prop.item-value":"Value key foreach list item","page.component.dropdown.doc.prop.items":"Array of values or objects of the dropdown items","page.component.dropdown.doc.prop.placeholder":"Set the placeholder of dropdown","page.component.dropdown.doc.prop.value":"Selected item in the dropdown","page.component.dropdown.doc.prop.v-model":"Binds the model value of dropdown","page.component.dropdown.doc.slot.group-item":"Slot to custom each items group of the list","page.component.dropdown.doc.slot.keyword":"Slot for the keyword input text keyword","page.component.dropdown.doc.slot.item":"Slot iterates over each item of the list","page.component.dropdown.doc.slot.placeholder":"Slot for the placeholder"},S={},k={en:L,fr:S},c={attrs:[],examples:[{markup:`
2
2
  <vui-dropdown
3
3
  id="example-dropdown-1",
4
4
  :items="[-1, 0, 1, 2, 3, 4]"
@@ -1 +1 @@
1
- import c from"./input-Bm6YMcaH.js";import f from"./list-Dg2wJkNi.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as g}from"./composable-CshUTKfl.js";import{_ as v,a as y,j as s,d as w,n,p as k,h as V,q as C,w as d,m as I,f as $,r as u,o as p,b as B}from"./index-Bxv-4tsQ.js";import{t as L}from"./translatable-CVnAMpzi.js";const S={"component.dropdown.placeholder":"Select a value ..."},F={},N={en:S,fr:F},A={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},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(){L(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 q(e,l,a,i,t,o){const r=u("vui-input"),m=u("vui-list");return p(),y("div",{id:e.componentId,class:n(["vui-dropdown",e.$props.class])},[s(e.$slots,"prepend"),w("div",{class:n(["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]=k((...h)=>o.onClick&&o.onClick(...h),["stop"]))},[s(e.$slots,"keyword",{keyword:t.keyword},()=>[B(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?(p(),V(m,I({key:0,value:t.selected},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:t.keyword,selectable:!0,title:o.listTitle,"onUpdate:modelValue":o.onToggle}),C({_:2},[e.$slots.placeholder?{name:"placeholder",fn:d(()=>[s(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:d(()=>[s(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:d(()=>[s(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):$("",!0),s(e.$slots,"append")],10,j)}const E=v(T,[["render",q]]);export{E as default};
1
+ import c from"./input-DAYAbs_u.js";import f from"./list-D2FEJjG3.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as g}from"./composable-CshUTKfl.js";import{_ as v,a as w,j as s,d as y,n,p as k,h as V,q as C,w as d,m as I,f as $,r as u,o as p,b as B}from"./index-421S8sYE.js";import{t as L}from"./translatable-1Spw6vjt.js";const S={"component.dropdown.placeholder":"Select a value ..."},F={},N={en:S,fr:F},A={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},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(){L(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 q(e,l,a,i,t,o){const r=u("vui-input"),m=u("vui-list");return p(),w("div",{id:e.componentId,class:n(["vui-dropdown",e.$props.class])},[s(e.$slots,"prepend"),y("div",{class:n(["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]=k((...h)=>o.onClick&&o.onClick(...h),["stop"]))},[s(e.$slots,"keyword",{keyword:t.keyword},()=>[B(r,{"with-icon":!1,value:t.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${o.placeholderValue}`,onInput:o.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(p(),V(m,I({key:0,value:t.selected},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:t.keyword,selectable:!0,title:o.listTitle,"onUpdate:modelValue":o.onToggle}),C({_:2},[e.$slots.placeholder?{name:"placeholder",fn:d(()=>[s(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:d(()=>[s(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:d(()=>[s(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):$("",!0),s(e.$slots,"append")],10,j)}const E=v(T,[["render",q]]);export{E as default};
@@ -1 +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-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}
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-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]::placeholder{color:#000}.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}
@@ -1 +1 @@
1
- import{c as e}from"./composable-CshUTKfl.js";import{t}from"./translatable-CVnAMpzi.js";import{_ as a,a as r,j as s,n,o as p}from"./index-Bxv-4tsQ.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};
1
+ import{c as e}from"./composable-CshUTKfl.js";import{t}from"./translatable-1Spw6vjt.js";import{_ as a,a as r,j as s,n,o as p}from"./index-421S8sYE.js";const c={},l={},i={en:c,fr:l},d={name:"VuiFooter",mixins:[e],created(){t(i)}},m=["id"];function f(o,u,$,_,b,h){return p(),r("footer",{id:o.componentId,class:n(["vui-footer",o.$props.class])},[s(o.$slots,"prepend"),s(o.$slots,"default"),s(o.$slots,"append")],10,m)}const V=a(d,[["render",f]]);export{V as default};
@@ -1,4 +1,4 @@
1
- import{d as _}from"./demonstrable-nGGBFHXw.js";import{t as h}from"./translatable-CVnAMpzi.js";import v from"./footer-BBBAapy7.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-Bxv-4tsQ.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.footer.doc.attr.flat"}],examples:[{markup:`
1
+ import{d as _}from"./demonstrable-D6rf1mQ8.js";import{t as h}from"./translatable-1Spw6vjt.js";import v from"./footer-BUhm-koS.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-421S8sYE.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.footer.doc.attr.flat"}],examples:[{markup:`
2
2
  <vui-footer>
3
3
  My footer content
4
4
  </vui-footer>
@@ -1,4 +1,4 @@
1
- import{d as V}from"./demonstrable-nGGBFHXw.js";import{t as y}from"./translatable-CVnAMpzi.js";import q from"./form-8yXKOyqL.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-Bxv-4tsQ.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:`
1
+ import{d as V}from"./demonstrable-D6rf1mQ8.js";import{t as y}from"./translatable-1Spw6vjt.js";import q from"./form-DV09lYvO.js";import{_ as E,a as d,b as i,w as a,r as n,o as p,F as f,g as T,d as e,t as o,e as k}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const F={"page.component.form.email":"Enter an email","page.component.form.email.v-model":"The current v-model value for email is","page.component.form.password":"Enter a password","page.component.form.password.v-model":"The current v-model value for password is","page.component.form.submit":"Submit"},B={},H={en:F,fr:B},v={attrs:[],examples:[{markup:`
2
2
  <vui-form>
3
3
  <section>
4
4
  <fieldset>
@@ -1 +1 @@
1
- import{c as e}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-CVnAMpzi.js";import{_ as r,a as n,j as o,n as t,o as p}from"./index-Bxv-4tsQ.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};
1
+ import{c as e}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-1Spw6vjt.js";import{_ as r,a as n,j as o,n as t,o as p}from"./index-421S8sYE.js";const c={},l={},m={en:c,fr:l},i={name:"VuiForm",mixins:[e],created(){a(m)}},d=["id"];function f(s,u,$,_,b,h){return p(),n("form",{id:s.componentId,class:t(["vui-form",s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],10,d)}const V=r(i,[["render",f]]);export{V as default};
@@ -1 +1 @@
1
- import{c as s}from"./composable-CshUTKfl.js";import{t as l}from"./translatable-CVnAMpzi.js";import{_ as n,a as r,j as e,n as d,o as i}from"./index-Bxv-4tsQ.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};
1
+ import{c as s}from"./composable-CshUTKfl.js";import{t as l}from"./translatable-1Spw6vjt.js";import{_ as n,a as r,j as e,n as d,o as i}from"./index-421S8sYE.js";const a={},t={},c={en:a,fr:t},p={colXs:{default:void 0,types:[Number,String]},colSm:{default:void 0,types:[Number,String]},colMd:{default:void 0,types:[Number,String]},colXl:{default:void 0,types:[Number,String]}},u={name:"VuiGrid",mixins:[s],props:p,created(){l(c)}},m=["id"];function f(o,$,g,S,b,v){return i(),r("div",{id:o.componentId,class:d(["vui-grid",{[`vui-grid--col-xs--${o.colXs}`]:o.colXs},{[`vui-grid--col-sm--${o.colSm}`]:o.colSm},{[`vui-grid--col-md--${o.colMd}`]:o.colMd},{[`vui-grid--col-xl--${o.colXl}`]:o.colXl},o.$props.class])},[e(o.$slots,"prepend"),e(o.$slots,"default"),e(o.$slots,"append")],10,m)}const M=n(u,[["render",f]]);export{M as default};
@@ -1,4 +1,4 @@
1
- import{d as f}from"./demonstrable-nGGBFHXw.js";import{t as _}from"./translatable-CVnAMpzi.js";import v from"./grid-BMMzEfv4.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-Bxv-4tsQ.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:`
1
+ import{d as f}from"./demonstrable-D6rf1mQ8.js";import{t as _}from"./translatable-1Spw6vjt.js";import v from"./grid-CTROyBV4.js";import{_ as h,a as s,b as o,w as e,r as l,o as c,F as p,g as x,d as r,t as d}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const b={"page.component.grid.left":"Col 1 content","page.component.grid.right":"Col 2 content","page.component.grid.doc.prop.col-xs":"Defines number of columns for xs class","page.component.grid.doc.prop.col-sm":"Defines number of columns for sm class","page.component.grid.doc.prop.col-md":"Defines number of columns for md class","page.component.grid.doc.prop.col-xl":"Defines number of columns for xl class"},$={},y={en:b,fr:$},m={attrs:[],examples:[{markup:`
2
2
  <vui-grid
3
3
  id="example-grid-1"
4
4
  col-md="2"
@@ -1,4 +1,4 @@
1
- import{d as _}from"./demonstrable-nGGBFHXw.js";import{t as f}from"./translatable-CVnAMpzi.js";import v from"./header-rBaLh0Nj.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-Bxv-4tsQ.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.header.doc.attr.flat"}],examples:[{markup:`
1
+ import{d as _}from"./demonstrable-D6rf1mQ8.js";import{t as f}from"./translatable-1Spw6vjt.js";import v from"./header-BD031rJv.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-421S8sYE.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.header.doc.attr.flat"}],examples:[{markup:`
2
2
  <vui-header>
3
3
  My header content
4
4
  </vui-header>
@@ -1 +1 @@
1
- import{c as o}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-CVnAMpzi.js";import{_ as r,a as n,j as s,n as t,o as p}from"./index-Bxv-4tsQ.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};
1
+ import{c as o}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-1Spw6vjt.js";import{_ as r,a as n,j as s,n as t,o as p}from"./index-421S8sYE.js";const c={},d={},l={en:c,fr:d},i={name:"VuiHeader",mixins:[o],created(){a(l)}},m=["id"];function f(e,u,$,_,h,b){return p(),n("header",{id:e.componentId,class:t(["vui-header",e.$props.class])},[s(e.$slots,"prepend"),s(e.$slots,"default"),s(e.$slots,"append")],10,m)}const V=r(i,[["render",f]]);export{V as default};