@e-xode/vui 0.7.1 → 0.7.2

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 (146) hide show
  1. package/dist/button-D-YwKpq-.js +1 -0
  2. package/dist/{button-Dall4PZ6.js → button-DHGu7n_C.js} +13 -13
  3. package/dist/doc/assets/{alert-JxRWj2uC.js → alert-CBk8WJSH.js} +1 -1
  4. package/dist/doc/assets/{alert-B6-JGjgz.js → alert-DdLr0KCt.js} +1 -1
  5. package/dist/doc/assets/button-BJTrUZL_.js +1 -0
  6. package/dist/doc/assets/{button-Df0zy3mn.css → button-CMEyNwLY.css} +1 -1
  7. package/dist/doc/assets/{button-C0j0Ed8c.js → button-Cbqxv1An.js} +1 -1
  8. package/dist/doc/assets/{card-C-B4a7Gn.js → card-B7R31mfQ.js} +1 -1
  9. package/dist/doc/assets/{card-Cz4mB6x3.js → card-DgJ2ukcm.js} +1 -1
  10. package/dist/doc/assets/{checkbox-DDDU2j_N.js → checkbox-CuN3VaqR.js} +2 -2
  11. package/dist/doc/assets/{checkbox-Ds7X6USH.js → checkbox-DtRjEdeM.js} +1 -1
  12. package/dist/doc/assets/component-B-dcgOHa.js +1 -0
  13. package/dist/doc/assets/default-DahVE7fk.js +1 -0
  14. package/dist/doc/assets/demonstrable-DecbLsKO.js +10 -0
  15. package/dist/doc/assets/{dropdown-7xB6_jQS.js → dropdown-9SF172nG.js} +2 -2
  16. package/dist/doc/assets/dropdown-CqIeMWQe.js +1 -0
  17. package/dist/doc/assets/dropdown-CvQBWR5m.css +1 -0
  18. package/dist/doc/assets/{fa-brands-400-DHHcbFjz.ttf → fa-brands-400-D1LuMI3I.ttf} +0 -0
  19. package/dist/doc/assets/fa-brands-400-D_cYUPeE.woff2 +0 -0
  20. package/dist/doc/assets/fa-regular-400-BjRzuEpd.woff2 +0 -0
  21. package/dist/doc/assets/{fa-regular-400-C54-fRIQ.ttf → fa-regular-400-DZaxPHgR.ttf} +0 -0
  22. package/dist/doc/assets/fa-solid-900-CTAAxXor.woff2 +0 -0
  23. package/dist/doc/assets/{fa-solid-900-Cm9M9sZB.ttf → fa-solid-900-D0aA9rwL.ttf} +0 -0
  24. package/dist/doc/assets/fa-v4compatibility-C9RhG_FT.woff2 +0 -0
  25. package/dist/doc/assets/{fa-v4compatibility-DLBX5pNp.ttf → fa-v4compatibility-CCth-dXg.ttf} +0 -0
  26. package/dist/doc/assets/{footer-CzAqKW17.js → footer-BK4bOi8N.js} +1 -1
  27. package/dist/doc/assets/{footer-C0829mIl.js → footer-DctUwKV7.js} +1 -1
  28. package/dist/doc/assets/{form-Roa7un76.js → form-B4X9buyb.js} +1 -1
  29. package/dist/doc/assets/{form-DnyLtP3w.js → form-GyGTZcLo.js} +1 -1
  30. package/dist/doc/assets/form-q5IAk5uV.css +1 -0
  31. package/dist/doc/assets/{grid-C0Gr9qjj.js → grid-NCb6VTjv.js} +1 -1
  32. package/dist/doc/assets/{grid-CjXC1b47.js → grid-jzNVMl5f.js} +1 -1
  33. package/dist/doc/assets/{header-DXps3V3P.js → header-CxC5fR6N.js} +1 -1
  34. package/dist/doc/assets/{header-OZGlRkPr.js → header-D94OYVyA.js} +1 -1
  35. package/dist/doc/assets/index-B04yxJIQ.js +61 -0
  36. package/dist/doc/assets/index-Bif4l-EJ.css +14 -0
  37. package/dist/doc/assets/index-CGCL1hLO.js +1 -0
  38. package/dist/doc/assets/input-BcHANWts.js +1 -0
  39. package/dist/doc/assets/{input-DJ8amP3y.css → input-C71z1dvF.css} +1 -1
  40. package/dist/doc/assets/{input-CJqos1hA.js → input-CYhOxmCc.js} +1 -1
  41. package/dist/doc/assets/list-CehzviNC.css +1 -0
  42. package/dist/doc/assets/{list-nHurqn0u.js → list-DCYteIIG.js} +1 -1
  43. package/dist/doc/assets/{list-Do_28xMg.js → list-IfD6-Vht.js} +1 -1
  44. package/dist/doc/assets/{loader-D2CGZ1hv.js → loader-D3Y5I701.js} +1 -1
  45. package/dist/doc/assets/{loader-BfvXU2UZ.js → loader-Dkbs5SEt.js} +1 -1
  46. package/dist/doc/assets/{modal-C8IiekXp.css → modal-0hajyRe1.css} +1 -1
  47. package/dist/doc/assets/{modal-DDKMMnNW.js → modal-Cma1RxxS.js} +1 -1
  48. package/dist/doc/assets/{modal-C1XOjWcl.js → modal-CsnSl4Rm.js} +1 -1
  49. package/dist/doc/assets/{nav-BzlXQLnV.js → nav-DH7NXSpG.js} +1 -1
  50. package/dist/doc/assets/{nav-Di2pSOod.js → nav-VBfZayJE.js} +1 -1
  51. package/dist/doc/assets/{page-DudSJGPE.js → page-D1_rHvrQ.js} +1 -1
  52. package/dist/doc/assets/{page-DI-55vJo.js → page-K4nFWdV1.js} +1 -1
  53. package/dist/doc/assets/{pager-D8TCQKZI.js → pager-BaNs9vWb.js} +1 -1
  54. package/dist/doc/assets/{pager-BKum6nKQ.js → pager-DQSvQJyT.js} +1 -1
  55. package/dist/doc/assets/{progress-Dtp6mRPw.js → progress-C1eih1jx.js} +1 -1
  56. package/dist/doc/assets/{progress-JHAmNKJg.js → progress-Dp_xiVtW.js} +1 -1
  57. package/dist/doc/assets/progress-Dy17x6ra.css +1 -0
  58. package/dist/doc/assets/{radio-CWEn2ljC.js → radio-CDhfQM0f.js} +1 -1
  59. package/dist/doc/assets/{radio-Beb12XWU.js → radio-Dl6mdb0u.js} +2 -2
  60. package/dist/doc/assets/stars-B2k_QKWQ.js +20 -0
  61. package/dist/doc/assets/stars-D5JV3_71.css +1 -0
  62. package/dist/doc/assets/stars-Y5vRxqqG.js +1 -0
  63. package/dist/doc/assets/{start-Dq4vzzhN.js → start-ch2Yz3tt.js} +1 -1
  64. package/dist/doc/assets/{table-QjhOigUl.js → table-ElyVAsf5.js} +1 -1
  65. package/dist/doc/assets/{table-BBT7yMAy.js → table-oKEFrCq6.js} +1 -1
  66. package/dist/doc/assets/tabs-B4lbUS17.css +1 -0
  67. package/dist/doc/assets/{tabs-D3k5Z0cr.js → tabs-E39pEu5a.js} +1 -1
  68. package/dist/doc/assets/{tabs-DT6NGBNB.js → tabs-uXNoMzqe.js} +1 -1
  69. package/dist/doc/assets/{tag-DVWWa2Fd.js → tag-9H0iNBbV.js} +1 -1
  70. package/dist/doc/assets/{tag-BRIPGxv3.js → tag-xtszhCca.js} +1 -1
  71. package/dist/doc/assets/toggle-DZitOlDa.js +9 -0
  72. package/dist/doc/assets/{toggle-BfHjyChr.js → toggle-UGtlNhbD.js} +1 -1
  73. package/dist/doc/assets/{tooltip-bP517x3O.js → tooltip-DMC2cS7d.js} +1 -1
  74. package/dist/doc/assets/{tooltip-BMCf_TT4.js → tooltip-at6r_CGf.js} +1 -1
  75. package/dist/doc/assets/{translatable-DvM9kdb2.js → translatable-CrjU8ZOm.js} +1 -1
  76. package/dist/doc/assets/{unit-CqS6wvC3.js → unit-D7w7Ta0Q.js} +1 -1
  77. package/dist/doc/assets/{unit-DQ6sJgSJ.js → unit-kByK2jlm.js} +1 -1
  78. package/dist/doc/index.html +2 -2
  79. package/dist/{dropdown-DQFoAGhr.js → dropdown-6d036roU.js} +28 -23
  80. package/dist/dropdown-Cql-u7fh.js +1 -0
  81. package/dist/input-DaLYtDC8.js +1 -0
  82. package/dist/{input-BS_1U11l.js → input-DkYUu1MY.js} +63 -29
  83. package/dist/{modal-ClZY58iR.js → modal-CT1bDQwJ.js} +1 -1
  84. package/dist/{modal-DkygZY00.js → modal-CwIKus7b.js} +1 -1
  85. package/dist/{pager-Cs7rvUIG.js → pager-CcY5Q8G2.js} +1 -1
  86. package/dist/{pager-Ht1ekW5j.js → pager-eK2_u3ky.js} +1 -1
  87. package/dist/stars-CCT4OEyZ.js +1 -0
  88. package/dist/stars-qgR-qcVz.js +61 -0
  89. package/dist/toggle-67lD3ozu.js +1 -0
  90. package/dist/{toggle-BjGdBPSz.js → toggle-D8hJDrDz.js} +14 -14
  91. package/dist/vui.css +1 -0
  92. package/dist/vui.esm.js +12 -1
  93. package/dist/vui.js +1 -1
  94. package/dist/vui.umd.js +1 -1
  95. package/package.json +24 -24
  96. package/dist/button-D5bD4vAv.js +0 -1
  97. package/dist/doc/assets/button-CekRQ1Jg.js +0 -1
  98. package/dist/doc/assets/component-B7vPz6jd.js +0 -1
  99. package/dist/doc/assets/default-BEcib8D0.js +0 -1
  100. package/dist/doc/assets/demonstrable-Bpa7EX-I.js +0 -9
  101. package/dist/doc/assets/dropdown-Bdmz-7yT.js +0 -1
  102. package/dist/doc/assets/dropdown-MxPEtcwI.css +0 -1
  103. package/dist/doc/assets/fa-brands-400-Ch568Ea9.woff2 +0 -0
  104. package/dist/doc/assets/fa-regular-400-9VThgXHM.woff2 +0 -0
  105. package/dist/doc/assets/fa-solid-900-QWY35r5r.woff2 +0 -0
  106. package/dist/doc/assets/fa-v4compatibility-BRdYr4HJ.woff2 +0 -0
  107. package/dist/doc/assets/form-XmHKCPrj.css +0 -1
  108. package/dist/doc/assets/index-BSpywUIE.css +0 -14
  109. package/dist/doc/assets/index-BY2XOZ_v.js +0 -1
  110. package/dist/doc/assets/index-KN2Zrort.js +0 -48
  111. package/dist/doc/assets/input-CgxlFhTd.js +0 -1
  112. package/dist/doc/assets/list-BPEuENqV.css +0 -1
  113. package/dist/doc/assets/progress-DILkrPEU.css +0 -1
  114. package/dist/doc/assets/tabs-hlfEQ058.css +0 -1
  115. package/dist/doc/assets/toggle-Cxf2rmwi.js +0 -9
  116. package/dist/dropdown-DvmYWd27.js +0 -1
  117. package/dist/input-CPJkbqQt.js +0 -1
  118. package/dist/style.css +0 -1
  119. package/dist/toggle-gSEwsuRP.js +0 -1
  120. /package/dist/doc/assets/{alert-CMx1jzV3.css → alert-QAWkkWqa.css} +0 -0
  121. /package/dist/doc/assets/{button-B8AvTEGk.css → button-DahJ9Ny6.css} +0 -0
  122. /package/dist/doc/assets/{card-Cm7t5GnP.css → card-B4CX7Jvy.css} +0 -0
  123. /package/dist/doc/assets/{checkbox-BNwsQFlx.css → checkbox-8azo24kD.css} +0 -0
  124. /package/dist/doc/assets/{component-CXwRI3O4.css → component-Biy39QQF.css} +0 -0
  125. /package/dist/doc/assets/{default-DOpWYWAd.css → default-D9MNw1RQ.css} +0 -0
  126. /package/dist/doc/assets/{dropdown-D0xbQtqT.css → dropdown-5snKfCey.css} +0 -0
  127. /package/dist/doc/assets/{footer-DYUKfFU3.css → footer-Ozm34XwZ.css} +0 -0
  128. /package/dist/doc/assets/{grid-BlQLubGm.css → grid-Ct2gEara.css} +0 -0
  129. /package/dist/doc/assets/{grid-Bh0kbzz2.css → grid-Td4v4Zg0.css} +0 -0
  130. /package/dist/doc/assets/{header-Bz_A9csZ.css → header-CyU2mOUo.css} +0 -0
  131. /package/dist/doc/assets/{index-9U_mVUKM.css → index-BhkoX9u9.css} +0 -0
  132. /package/dist/doc/assets/{input-DSlxLCcA.css → input-D6Ujej4F.css} +0 -0
  133. /package/dist/doc/assets/{list-CLtQXRmR.css → list-C0nBpE71.css} +0 -0
  134. /package/dist/doc/assets/{loader-C4g8GuOD.css → loader-CAPnuOvi.css} +0 -0
  135. /package/dist/doc/assets/{nav-C_eRBUvm.css → nav-CX3N6GBX.css} +0 -0
  136. /package/dist/doc/assets/{page-DtSZOZ0a.css → page-DZV25ROX.css} +0 -0
  137. /package/dist/doc/assets/{pager-BSfAVnS5.css → pager-CGYrR153.css} +0 -0
  138. /package/dist/doc/assets/{radio-Dg31j783.css → radio-V0VlxTGp.css} +0 -0
  139. /package/dist/doc/assets/{start-CD9tFbht.css → start-DKI2nSEs.css} +0 -0
  140. /package/dist/doc/assets/{table-BawB_9__.css → table-CXf6UHqY.css} +0 -0
  141. /package/dist/doc/assets/{table-DX3maWwn.css → table-DwzdPySh.css} +0 -0
  142. /package/dist/doc/assets/{tag-DAiyWNFY.css → tag-meI_aKtv.css} +0 -0
  143. /package/dist/doc/assets/{toggle-CweBCm3j.css → toggle-DfzxKsWi.css} +0 -0
  144. /package/dist/doc/assets/{tooltip-CB2SgOBq.css → tooltip-9Nr-xdSH.css} +0 -0
  145. /package/dist/doc/assets/{unit-BziEb5aB.css → unit-CtufoVEa.css} +0 -0
  146. /package/dist/doc/assets/{unit-CEWThaCv.css → unit-QxsYomtK.css} +0 -0
@@ -1,9 +1,9 @@
1
- import{d as w}from"./demonstrable-Bpa7EX-I.js";import{t as b}from"./translatable-DvM9kdb2.js";import v from"./dropdown-Bdmz-7yT.js";import{_ as h,a,b as t,w as l,r as d,o as p,F as s,g as f,h as x,m as y,i as _,d as n,t as m}from"./index-KN2Zrort.js";import"./input-CgxlFhTd.js";import"./composable-CshUTKfl.js";import"./list-Do_28xMg.js";import"./animable-S5zFcxd4.js";const L={"page.component.dropdown.text-1":"Dropdown with an array of strings or numbers","page.component.dropdown.text-2":"Dropdown with an array of objects","page.component.dropdown.text-3":"Dropdown with groups of array of objects","page.component.dropdown.doc.prop.disabled":"Binds the disabled state","page.component.dropdown.doc.prop.disable-filtering":"Disable the internal filtering when keyword input is provided, useful serverside filtering is needed","page.component.dropdown.doc.prop.icon":"Class name of the icon to prepend","page.component.dropdown.doc.prop.loading":"Binds the loading state","page.component.dropdown.doc.prop.item-label":"Label key foreach list item","page.component.dropdown.doc.prop.item-value":"Value key foreach list item","page.component.dropdown.doc.prop.items":"Array of values or objects of the dropdown items","page.component.dropdown.doc.prop.placeholder":"Set the placeholder of dropdown","page.component.dropdown.doc.prop.value":"Selected item in the dropdown","page.component.dropdown.doc.prop.v-model":"Binds the model value of dropdown","page.component.dropdown.doc.slot.group-item":"Slot to custom each items group of the list","page.component.dropdown.doc.slot.keyword":"Slot for the keyword input text keyword","page.component.dropdown.doc.slot.item":"Slot iterates over each item of the list","page.component.dropdown.doc.slot.placeholder":"Slot for the placeholder"},k={},S={en:L,fr:k},c={attrs:[],examples:[{markup:`
1
+ import{d as w}from"./demonstrable-DecbLsKO.js";import{t as b}from"./translatable-CrjU8ZOm.js";import v from"./dropdown-CqIeMWQe.js";import{_ as h,a,b as t,w as l,r as d,o as p,F as s,g as f,h as x,m as y,i as _,d as n,t as m}from"./index-B04yxJIQ.js";import"./input-BcHANWts.js";import"./composable-CshUTKfl.js";import"./list-IfD6-Vht.js";import"./animable-S5zFcxd4.js";const L={"page.component.dropdown.text-1":"Dropdown with an array of strings or numbers","page.component.dropdown.text-2":"Dropdown with an array of objects","page.component.dropdown.text-3":"Dropdown with groups of array of objects","page.component.dropdown.doc.prop.disabled":"Binds the disabled state","page.component.dropdown.doc.prop.disable-filtering":"Disable the internal filtering when keyword input is provided, useful serverside filtering is needed","page.component.dropdown.doc.prop.icon":"Class name of the icon to prepend","page.component.dropdown.doc.prop.loading":"Binds the loading state","page.component.dropdown.doc.prop.item-label":"Label key foreach list item","page.component.dropdown.doc.prop.item-value":"Value key foreach list item","page.component.dropdown.doc.prop.items":"Array of values or objects of the dropdown items","page.component.dropdown.doc.prop.placeholder":"Set the placeholder of dropdown","page.component.dropdown.doc.prop.value":"Selected item in the dropdown","page.component.dropdown.doc.prop.v-model":"Binds the model value of dropdown","page.component.dropdown.doc.slot.group-item":"Slot to custom each items group of the list","page.component.dropdown.doc.slot.keyword":"Slot for the keyword input text keyword","page.component.dropdown.doc.slot.item":"Slot iterates over each item of the list","page.component.dropdown.doc.slot.placeholder":"Slot for the placeholder"},k={},S={en:L,fr:k},c={attrs:[],examples:[{markup:`
2
2
  <vui-dropdown
3
3
  id="example-dropdown-1",
4
4
  :items="[-1, 0, 1, 2, 3, 4]"
5
5
  />
6
- `,props:{id:"example-dropdown-1",items:[-1,0,1,2,3,4]},title:"page.component.dropdown.text-1"},{markup:`
6
+ `,props:{id:"example-dropdown-1",icon:"fa-brands fa-vuejs",items:[-1,0,1,2,3,4]},title:"page.component.dropdown.text-1"},{markup:`
7
7
  <vui-dropdown
8
8
  id="example-dropdown-1",
9
9
  multiple
@@ -0,0 +1 @@
1
+ import c from"./input-BcHANWts.js";import f from"./list-IfD6-Vht.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 d,d as V,n as u,k as w,h as k,l as L,w as r,m as $,f as C,r as m,o as p,b as B}from"./index-B04yxJIQ.js";import{t as I}from"./translatable-CrjU8ZOm.js";const S={"component.dropdown.placeholder":"Select a value ..."},F={},N={en:S,fr:F},A={disableFiltering:{type:Boolean,default:!1},icon:{default:void 0,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,null]},multiple:{default:!1,type:Boolean},placeholder:{types:[Boolean,Number,String]},value:{default:void 0,types:[Boolean,Object,Number,String,null]}},T={name:"VuiDropdown",components:{VuiInput:c,VuiList:f},mixins:[b,g],props:A,emits:["input","update:model-value"],data(){return{keyword:null,selected:this.multiple?[]:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,multiple:o,selected:n}=this,i=o?n[0]:n,t=typeof(i==null?void 0:i[e])<"u"?i[e]:i,a=[null,void 0].includes(t)?this.placeholderLabel:this.labelFromItem(t);return o&&n.length>1?`${a} (+${n.length-1})`:a},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){I(N),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,o,n){const{itemValue:i,itemLabel:t}=this;return e[i].reduce((a,s)=>s[i]===n?s[t]:a,o)},labelFromItem(e){const{itemValue:o,itemLabel:n}=this;return this.items.reduce((i,t)=>Array.isArray(t[o])?this.labelFromChild(t,i,e):t[o]===e?t[n]:i,e)},onClick(){this.disabled||this.onAnimate()},onInput(e){this.$emit("input",e),this.onAnimate(!0),this.keyword=e.target.value?e.target.value:null},onToggle(e){this.keyword=null,this.multiple||this.blur(),this.hasProp("value")||(this.selected=e),this.$emit("update:model-value",e)}}},j=["id"];function D(e,o,n,i,t,a){const s=m("vui-input"),h=m("vui-list");return p(),v("div",{id:e.componentId,class:u(["vui-dropdown",e.$props.class])},[d(e.$slots,"prepend"),V("div",{class:u(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:o[0]||(o[0]=w((...l)=>a.onClick&&a.onClick(...l),["stop"]))},[d(e.$slots,"keyword",{keyword:t.keyword},()=>[B(s,{type:"text",class:"vui-dropdown-placeholder-label","prepend-icon":e.icon,value:t.keyword,placeholder:`${a.placeholderValue}`,"with-icon":!1,onInput:a.onInput},null,8,["prepend-icon","value","placeholder","onInput"])])],2),e.toggled?(p(),k(h,$({key:0,value:t.selected},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:t.keyword,selectable:!0,title:a.listTitle,multiple:e.multiple,"onUpdate:modelValue":a.onToggle}),L({_:2},[e.$slots.placeholder?{name:"placeholder",fn:r(l=>[d(e.$slots,"placeholder",{index:l.index,item:l.item,itemLabel:l.itemLabel,itemValue:l.itemValue})]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:r(l=>[d(e.$slots,"group-item",{index:l.index,item:l.item,itemLabel:l.itemLabel,itemValue:l.itemValue})]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:r(l=>[d(e.$slots,"item",{index:l.index,item:l.item,itemLabel:l.itemLabel,itemValue:l.itemValue})]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","multiple","onUpdate:modelValue"])):C("",!0),d(e.$slots,"append")],10,j)}const G=y(T,[["render",D]]);export{G as default};
@@ -0,0 +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;width:100%;padding-right:2rem;background-color:#fff;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;border:none}.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,4 +1,4 @@
1
- import{d as _}from"./demonstrable-Bpa7EX-I.js";import{t as h}from"./translatable-DvM9kdb2.js";import v from"./footer-C0829mIl.js";import{_ as b,a as r,b as o,w as a,r as s,o as n,F as c,g as y,m as x,e as B,t as l,d as p}from"./index-KN2Zrort.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-DecbLsKO.js";import{t as h}from"./translatable-CrjU8ZOm.js";import v from"./footer-DctUwKV7.js";import{_ as b,a as r,b as o,w as a,r as s,o as n,F as c,g as y,m as x,e as B,t as l,d as p}from"./index-B04yxJIQ.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 +1 @@
1
- import{c as e}from"./composable-CshUTKfl.js";import{t}from"./translatable-DvM9kdb2.js";import{_ as a,a as r,j as s,n,o as p}from"./index-KN2Zrort.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-CrjU8ZOm.js";import{_ as a,a as r,j as s,n,o as p}from"./index-B04yxJIQ.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 V}from"./demonstrable-Bpa7EX-I.js";import{t as y}from"./translatable-DvM9kdb2.js";import q from"./form-DnyLtP3w.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-KN2Zrort.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-DecbLsKO.js";import{t as y}from"./translatable-CrjU8ZOm.js";import q from"./form-GyGTZcLo.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-B04yxJIQ.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-DvM9kdb2.js";import{_ as r,a as n,j as o,n as t,o as p}from"./index-KN2Zrort.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-CrjU8ZOm.js";import{_ as r,a as n,j as o,n as t,o as p}from"./index-B04yxJIQ.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};
@@ -0,0 +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-form section{border:1px solid rgb(216.5901639344,220.0819672131,222.4098360656);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%}
@@ -1 +1 @@
1
- import{c as s}from"./composable-CshUTKfl.js";import{t as l}from"./translatable-DvM9kdb2.js";import{_ as n,a as r,j as e,n as d,o as i}from"./index-KN2Zrort.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-CrjU8ZOm.js";import{_ as n,a as r,j as e,n as d,o as i}from"./index-B04yxJIQ.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-Bpa7EX-I.js";import{t as _}from"./translatable-DvM9kdb2.js";import v from"./grid-C0Gr9qjj.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-KN2Zrort.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-DecbLsKO.js";import{t as _}from"./translatable-CrjU8ZOm.js";import v from"./grid-NCb6VTjv.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-B04yxJIQ.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 +1 @@
1
- import{c as o}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-DvM9kdb2.js";import{_ as r,a as n,j as s,n as t,o as p}from"./index-KN2Zrort.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-CrjU8ZOm.js";import{_ as r,a as n,j as s,n as t,o as p}from"./index-B04yxJIQ.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,4 +1,4 @@
1
- import{d as _}from"./demonstrable-Bpa7EX-I.js";import{t as f}from"./translatable-DvM9kdb2.js";import v from"./header-DXps3V3P.js";import{_ as b,a as n,b as t,w as a,r as s,o as r,F as i,g as y,m as x,e as B,t as d,d as l}from"./index-KN2Zrort.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-DecbLsKO.js";import{t as f}from"./translatable-CrjU8ZOm.js";import v from"./header-CxC5fR6N.js";import{_ as b,a as n,b as t,w as a,r as s,o as r,F as i,g as y,m as x,e as B,t as d,d as l}from"./index-B04yxJIQ.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>