@e-xode/vui 0.7.1 → 0.7.3

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 (154) 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/{checkbox-Qcc2Y3jj.js → checkbox-CezXn9-X.js} +4 -4
  4. package/dist/checkbox-sDZAnUiA.js +1 -0
  5. package/dist/doc/assets/{alert-B6-JGjgz.js → alert-8Rttk9yu.js} +1 -1
  6. package/dist/doc/assets/{alert-JxRWj2uC.js → alert-Cl9jlikY.js} +1 -1
  7. package/dist/doc/assets/{button-C0j0Ed8c.js → button-BnuGfmWf.js} +1 -1
  8. package/dist/doc/assets/{button-Df0zy3mn.css → button-CMEyNwLY.css} +1 -1
  9. package/dist/doc/assets/button-D2nGyV-k.js +1 -0
  10. package/dist/doc/assets/{card-C-B4a7Gn.js → card-CIZGN-ZR.js} +1 -1
  11. package/dist/doc/assets/{card-Cz4mB6x3.js → card-DLUQlhvM.js} +1 -1
  12. package/dist/doc/assets/{checkbox-DDDU2j_N.js → checkbox-CLQmdWzB.js} +2 -2
  13. package/dist/doc/assets/checkbox-tHAt76NZ.js +1 -0
  14. package/dist/doc/assets/component-DYsSorq5.js +1 -0
  15. package/dist/doc/assets/default-n0XwPIs9.js +1 -0
  16. package/dist/doc/assets/demonstrable-BAeLg1x3.js +10 -0
  17. package/dist/doc/assets/dropdown-CvQBWR5m.css +1 -0
  18. package/dist/doc/assets/dropdown-DqCVNMcJ.js +1 -0
  19. package/dist/doc/assets/{dropdown-7xB6_jQS.js → dropdown-OMeNFUqR.js} +2 -2
  20. package/dist/doc/assets/{fa-brands-400-DHHcbFjz.ttf → fa-brands-400-D1LuMI3I.ttf} +0 -0
  21. package/dist/doc/assets/fa-brands-400-D_cYUPeE.woff2 +0 -0
  22. package/dist/doc/assets/fa-regular-400-BjRzuEpd.woff2 +0 -0
  23. package/dist/doc/assets/{fa-regular-400-C54-fRIQ.ttf → fa-regular-400-DZaxPHgR.ttf} +0 -0
  24. package/dist/doc/assets/fa-solid-900-CTAAxXor.woff2 +0 -0
  25. package/dist/doc/assets/{fa-solid-900-Cm9M9sZB.ttf → fa-solid-900-D0aA9rwL.ttf} +0 -0
  26. package/dist/doc/assets/fa-v4compatibility-C9RhG_FT.woff2 +0 -0
  27. package/dist/doc/assets/{fa-v4compatibility-DLBX5pNp.ttf → fa-v4compatibility-CCth-dXg.ttf} +0 -0
  28. package/dist/doc/assets/{footer-CzAqKW17.js → footer-ByOLs7vh.js} +1 -1
  29. package/dist/doc/assets/{footer-C0829mIl.js → footer-DeK1CZgc.js} +1 -1
  30. package/dist/doc/assets/{form-DnyLtP3w.js → form-BBxTwRyA.js} +1 -1
  31. package/dist/doc/assets/{form-Roa7un76.js → form-D98MdjXW.js} +1 -1
  32. package/dist/doc/assets/form-q5IAk5uV.css +1 -0
  33. package/dist/doc/assets/{grid-C0Gr9qjj.js → grid-B-RjBYp0.js} +1 -1
  34. package/dist/doc/assets/{grid-CjXC1b47.js → grid-C7ZlqbOM.js} +1 -1
  35. package/dist/doc/assets/{header-OZGlRkPr.js → header-B3PMmLqd.js} +1 -1
  36. package/dist/doc/assets/{header-DXps3V3P.js → header-D8EgX9oX.js} +1 -1
  37. package/dist/doc/assets/index-B3xm9a7h.js +61 -0
  38. package/dist/doc/assets/index-Bif4l-EJ.css +14 -0
  39. package/dist/doc/assets/index-C8jD1yF4.js +1 -0
  40. package/dist/doc/assets/{input-CJqos1hA.js → input-C4l0nUJQ.js} +1 -1
  41. package/dist/doc/assets/{input-DJ8amP3y.css → input-C71z1dvF.css} +1 -1
  42. package/dist/doc/assets/input-CvF9PMC5.js +1 -0
  43. package/dist/doc/assets/{list-Do_28xMg.js → list-BX0o43BO.js} +1 -1
  44. package/dist/doc/assets/list-CehzviNC.css +1 -0
  45. package/dist/doc/assets/{list-nHurqn0u.js → list-kVXLwBrO.js} +1 -1
  46. package/dist/doc/assets/{loader-BfvXU2UZ.js → loader-C5HB7ek9.js} +1 -1
  47. package/dist/doc/assets/{loader-D2CGZ1hv.js → loader-CWDpLVg8.js} +1 -1
  48. package/dist/doc/assets/{modal-C8IiekXp.css → modal-0hajyRe1.css} +1 -1
  49. package/dist/doc/assets/{modal-C1XOjWcl.js → modal-3t6vVSix.js} +1 -1
  50. package/dist/doc/assets/{modal-DDKMMnNW.js → modal-Cby_fcIc.js} +1 -1
  51. package/dist/doc/assets/{nav-BzlXQLnV.js → nav-By3YGPfa.js} +1 -1
  52. package/dist/doc/assets/{nav-Di2pSOod.js → nav-vTxyglzn.js} +1 -1
  53. package/dist/doc/assets/{page-DI-55vJo.js → page-Bevk66c3.js} +1 -1
  54. package/dist/doc/assets/{page-DudSJGPE.js → page-CSJXKcsD.js} +1 -1
  55. package/dist/doc/assets/{pager-D8TCQKZI.js → pager-Bra0mA5b.js} +1 -1
  56. package/dist/doc/assets/{pager-BKum6nKQ.js → pager-CqIruhwG.js} +1 -1
  57. package/dist/doc/assets/{progress-JHAmNKJg.js → progress-Bzgvw1h0.js} +1 -1
  58. package/dist/doc/assets/{progress-Dtp6mRPw.js → progress-CSablIYY.js} +1 -1
  59. package/dist/doc/assets/progress-Dy17x6ra.css +1 -0
  60. package/dist/doc/assets/radio-Dq2UJ75m.js +1 -0
  61. package/dist/doc/assets/{radio-Beb12XWU.js → radio-MX2fi8YE.js} +2 -2
  62. package/dist/doc/assets/stars-C6KEUmeB.js +1 -0
  63. package/dist/doc/assets/stars-D5JV3_71.css +1 -0
  64. package/dist/doc/assets/stars-DVajAulQ.js +20 -0
  65. package/dist/doc/assets/{start-Dq4vzzhN.js → start-H1r3K_bp.js} +1 -1
  66. package/dist/doc/assets/{table-BBT7yMAy.js → table-BM5dQX27.js} +1 -1
  67. package/dist/doc/assets/{table-QjhOigUl.js → table-Cq7J2jpj.js} +1 -1
  68. package/dist/doc/assets/tabs-B4lbUS17.css +1 -0
  69. package/dist/doc/assets/{tabs-DT6NGBNB.js → tabs-BEURkqhc.js} +1 -1
  70. package/dist/doc/assets/{tabs-D3k5Z0cr.js → tabs-DUliEms8.js} +1 -1
  71. package/dist/doc/assets/{tag-DVWWa2Fd.js → tag-DvzISO1o.js} +1 -1
  72. package/dist/doc/assets/{tag-BRIPGxv3.js → tag-GD0nTzc5.js} +1 -1
  73. package/dist/doc/assets/{toggle-BfHjyChr.js → toggle-B_0Z212b.js} +1 -1
  74. package/dist/doc/assets/toggle-xpysr4Y5.js +9 -0
  75. package/dist/doc/assets/{tooltip-bP517x3O.js → tooltip-Bslu0cSi.js} +1 -1
  76. package/dist/doc/assets/{tooltip-BMCf_TT4.js → tooltip-DL7ojxlq.js} +1 -1
  77. package/dist/doc/assets/{translatable-DvM9kdb2.js → translatable-Bd84jMZo.js} +1 -1
  78. package/dist/doc/assets/{unit-DQ6sJgSJ.js → unit-BX0jrls7.js} +1 -1
  79. package/dist/doc/assets/{unit-CqS6wvC3.js → unit-DmkhvKjy.js} +1 -1
  80. package/dist/doc/index.html +2 -2
  81. package/dist/dropdown-7LJE0jcf.js +1 -0
  82. package/dist/{dropdown-DQFoAGhr.js → dropdown-BArYbp8p.js} +28 -23
  83. package/dist/input-BdNDl9Hu.js +1 -0
  84. package/dist/{input-BS_1U11l.js → input-Ccz7I5Ae.js} +63 -29
  85. package/dist/{modal-ClZY58iR.js → modal-CT1bDQwJ.js} +1 -1
  86. package/dist/{modal-DkygZY00.js → modal-CwIKus7b.js} +1 -1
  87. package/dist/{pager-Cs7rvUIG.js → pager-CcY5Q8G2.js} +1 -1
  88. package/dist/{pager-Ht1ekW5j.js → pager-eK2_u3ky.js} +1 -1
  89. package/dist/radio-B7uNjWD3.js +1 -0
  90. package/dist/{radio-CzWvdO-G.js → radio-Ce5EpDEt.js} +13 -13
  91. package/dist/stars-CCT4OEyZ.js +1 -0
  92. package/dist/stars-qgR-qcVz.js +61 -0
  93. package/dist/toggle-67lD3ozu.js +1 -0
  94. package/dist/{toggle-BjGdBPSz.js → toggle-D8hJDrDz.js} +14 -14
  95. package/dist/vui.css +1 -0
  96. package/dist/vui.esm.js +12 -1
  97. package/dist/vui.js +1 -1
  98. package/dist/vui.umd.js +1 -1
  99. package/package.json +24 -24
  100. package/dist/button-D5bD4vAv.js +0 -1
  101. package/dist/checkbox-BP2ttYER.js +0 -1
  102. package/dist/doc/assets/button-CekRQ1Jg.js +0 -1
  103. package/dist/doc/assets/checkbox-Ds7X6USH.js +0 -1
  104. package/dist/doc/assets/component-B7vPz6jd.js +0 -1
  105. package/dist/doc/assets/default-BEcib8D0.js +0 -1
  106. package/dist/doc/assets/demonstrable-Bpa7EX-I.js +0 -9
  107. package/dist/doc/assets/dropdown-Bdmz-7yT.js +0 -1
  108. package/dist/doc/assets/dropdown-MxPEtcwI.css +0 -1
  109. package/dist/doc/assets/fa-brands-400-Ch568Ea9.woff2 +0 -0
  110. package/dist/doc/assets/fa-regular-400-9VThgXHM.woff2 +0 -0
  111. package/dist/doc/assets/fa-solid-900-QWY35r5r.woff2 +0 -0
  112. package/dist/doc/assets/fa-v4compatibility-BRdYr4HJ.woff2 +0 -0
  113. package/dist/doc/assets/form-XmHKCPrj.css +0 -1
  114. package/dist/doc/assets/index-BSpywUIE.css +0 -14
  115. package/dist/doc/assets/index-BY2XOZ_v.js +0 -1
  116. package/dist/doc/assets/index-KN2Zrort.js +0 -48
  117. package/dist/doc/assets/input-CgxlFhTd.js +0 -1
  118. package/dist/doc/assets/list-BPEuENqV.css +0 -1
  119. package/dist/doc/assets/progress-DILkrPEU.css +0 -1
  120. package/dist/doc/assets/radio-CWEn2ljC.js +0 -1
  121. package/dist/doc/assets/tabs-hlfEQ058.css +0 -1
  122. package/dist/doc/assets/toggle-Cxf2rmwi.js +0 -9
  123. package/dist/dropdown-DvmYWd27.js +0 -1
  124. package/dist/input-CPJkbqQt.js +0 -1
  125. package/dist/radio-BlBm-IvA.js +0 -1
  126. package/dist/style.css +0 -1
  127. package/dist/toggle-gSEwsuRP.js +0 -1
  128. /package/dist/doc/assets/{alert-CMx1jzV3.css → alert-QAWkkWqa.css} +0 -0
  129. /package/dist/doc/assets/{button-B8AvTEGk.css → button-DahJ9Ny6.css} +0 -0
  130. /package/dist/doc/assets/{card-Cm7t5GnP.css → card-B4CX7Jvy.css} +0 -0
  131. /package/dist/doc/assets/{checkbox-BNwsQFlx.css → checkbox-8azo24kD.css} +0 -0
  132. /package/dist/doc/assets/{component-CXwRI3O4.css → component-Biy39QQF.css} +0 -0
  133. /package/dist/doc/assets/{default-DOpWYWAd.css → default-D9MNw1RQ.css} +0 -0
  134. /package/dist/doc/assets/{dropdown-D0xbQtqT.css → dropdown-5snKfCey.css} +0 -0
  135. /package/dist/doc/assets/{footer-DYUKfFU3.css → footer-Ozm34XwZ.css} +0 -0
  136. /package/dist/doc/assets/{grid-BlQLubGm.css → grid-Ct2gEara.css} +0 -0
  137. /package/dist/doc/assets/{grid-Bh0kbzz2.css → grid-Td4v4Zg0.css} +0 -0
  138. /package/dist/doc/assets/{header-Bz_A9csZ.css → header-CyU2mOUo.css} +0 -0
  139. /package/dist/doc/assets/{index-9U_mVUKM.css → index-BhkoX9u9.css} +0 -0
  140. /package/dist/doc/assets/{input-DSlxLCcA.css → input-D6Ujej4F.css} +0 -0
  141. /package/dist/doc/assets/{list-CLtQXRmR.css → list-C0nBpE71.css} +0 -0
  142. /package/dist/doc/assets/{loader-C4g8GuOD.css → loader-CAPnuOvi.css} +0 -0
  143. /package/dist/doc/assets/{nav-C_eRBUvm.css → nav-CX3N6GBX.css} +0 -0
  144. /package/dist/doc/assets/{page-DtSZOZ0a.css → page-DZV25ROX.css} +0 -0
  145. /package/dist/doc/assets/{pager-BSfAVnS5.css → pager-CGYrR153.css} +0 -0
  146. /package/dist/doc/assets/{radio-Dg31j783.css → radio-V0VlxTGp.css} +0 -0
  147. /package/dist/doc/assets/{start-CD9tFbht.css → start-DKI2nSEs.css} +0 -0
  148. /package/dist/doc/assets/{table-BawB_9__.css → table-CXf6UHqY.css} +0 -0
  149. /package/dist/doc/assets/{table-DX3maWwn.css → table-DwzdPySh.css} +0 -0
  150. /package/dist/doc/assets/{tag-DAiyWNFY.css → tag-meI_aKtv.css} +0 -0
  151. /package/dist/doc/assets/{toggle-CweBCm3j.css → toggle-DfzxKsWi.css} +0 -0
  152. /package/dist/doc/assets/{tooltip-CB2SgOBq.css → tooltip-9Nr-xdSH.css} +0 -0
  153. /package/dist/doc/assets/{unit-BziEb5aB.css → unit-CtufoVEa.css} +0 -0
  154. /package/dist/doc/assets/{unit-CEWThaCv.css → unit-QxsYomtK.css} +0 -0
@@ -0,0 +1,20 @@
1
+ import{d as v}from"./demonstrable-BAeLg1x3.js";import{t as g}from"./translatable-Bd84jMZo.js";import _ from"./stars-C6KEUmeB.js";import{_ as h,a as o,b as e,w as r,r as n,o as a,F as l,g as f,h as y,m as b,i as k,d as u,t as x}from"./index-B3xm9a7h.js";import"./composable-CshUTKfl.js";const w={"page.component.stars.doc.prop.disabled":"Bind the disabled state","page.component.stars.doc.prop.layout":"The progress-bar layout: [error, success, warning]"},B={},$={en:w,fr:B},p={examples:[{markup:`
2
+ <vui-stars
3
+ :value="25"
4
+ />
5
+ `,props:{id:"vui-progress-1",value:25}},{markup:`
6
+ <vui-stars
7
+ layout="warning"
8
+ :value="50"
9
+ />
10
+ `,props:{id:"vui-stars-2",layout:"warning",value:50}},{markup:`
11
+ <vui-stars
12
+ layout="error"
13
+ :value="75"
14
+ />
15
+ `,props:{id:"vui-stars-3",layout:"error",value:75}},{markup:`
16
+ <vui-stars
17
+ layout="success"
18
+ :value="100"
19
+ />
20
+ `,props:{id:"vui-stars-4",layout:"success",value:100}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.stars.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.stars.doc.prop.layout"}],slots:[]},S={name:"ViewStars",mixins:[v],setup(){return g($),{}},computed:{doc(){return p},examples(){return this.docExamples(_,{attrs:p.attrs,examples:p.examples.map(s=>({...s,props:{...s.props,text:s.props.text?this.$t(s.props.text):null}}))})}}},V={class:"view-stars"},C=["innerHTML"],H={class:"title"};function L(s,P,T,D,E,c){const i=n("vui-grid-unit"),d=n("vui-table"),m=n("vui-grid");return a(),o("div",V,[e(m,{"col-sm":"1","col-md":"2"},{default:r(()=>[e(i,{class:"examples"},{default:r(()=>[(a(!0),o(l,null,f(c.examples,t=>(a(),o(l,{key:`card-${t.props.id}`},[(a(),y(k(t.component),b({ref_for:!0},t.props),null,16)),u("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,C)],64))),128))]),_:1}),e(i,{class:"api-options"},{default:r(()=>[u("h2",H,x(s.$t("page.component.h2.api")),1),e(d,{"item-label":"label","item-value":"value",headers:s.docPropsHeaders,items:s.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const z=h(S,[["render",L]]);export{z as default};
@@ -1 +1 @@
1
- import{t as d}from"./translatable-DvM9kdb2.js";import{_ as m,c as f,r as l,o as v,a as b,b as c,w as o,e as r,t as i}from"./index-KN2Zrort.js";const x={},h={},k={en:x,fr:h},w={name:"ViewStart",computed:{components(){return f.reduce((e,t)=>{const a=e.findIndex(n=>n.label===t.type);return a===-1?e.push({label:t.type,value:[t]}):e[a].value.push(t),e},[])}},created(){d(k)}},g={class:"view-start"};function V(e,t,a,n,$,u){const p=l("router-link"),_=l("vui-list");return v(),b("div",g,[c(_,{flat:"",autoclose:!1,expanded:!0,items:u.components,"item-label":"label","item-value":"value"},{"group-item":o(({item:s})=>[r(i(s.label),1)]),item:o(({item:s})=>[c(p,{to:{name:s.doc.name}},{default:o(()=>[r(i(s.label),1)]),_:2},1032,["to"])]),_:1},8,["items"])])}const N=m(w,[["render",V]]);export{N as default};
1
+ import{t as d}from"./translatable-Bd84jMZo.js";import{_ as m,c as f,r as l,o as v,a as b,b as c,w as o,e as r,t as i}from"./index-B3xm9a7h.js";const x={},h={},k={en:x,fr:h},w={name:"ViewStart",computed:{components(){return f.reduce((e,t)=>{const a=e.findIndex(n=>n.label===t.type);return a===-1?e.push({label:t.type,value:[t]}):e[a].value.push(t),e},[])}},created(){d(k)}},g={class:"view-start"};function V(e,t,a,n,$,u){const p=l("router-link"),_=l("vui-list");return v(),b("div",g,[c(_,{flat:"",autoclose:!1,expanded:!0,items:u.components,"item-label":"label","item-value":"value"},{"group-item":o(({item:s})=>[r(i(s.label),1)]),item:o(({item:s})=>[c(p,{to:{name:s.doc.name}},{default:o(()=>[r(i(s.label),1)]),_:2},1032,["to"])]),_:1},8,["items"])])}const N=m(w,[["render",V]]);export{N as default};
@@ -1,4 +1,4 @@
1
- import{d as y}from"./demonstrable-Bpa7EX-I.js";import{t as h}from"./translatable-DvM9kdb2.js";import g from"./table-QjhOigUl.js";import{_,a as i,b as t,w as l,r as n,o,F as m,g as f,h as Q,e as x,t as s,m as S,i as D,d as r}from"./index-KN2Zrort.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const V={"page.component.table.doc.prop.headers":"Array containing text / value foreach item header","page.component.table.doc.prop.item-label":"Label key for each item in table","page.component.table.doc.prop.item-value":"Value key for each item in table","page.component.table.doc.prop.items":"Array of items to display in table","page.component.table.doc.slot.header":"Slot to replace header row default rendering","page.component.table.doc.slot.item":"Slot to replace item row default rendering"},k={},L={en:V,fr:k},u={attrs:[],examples:[{markup:`
1
+ import{d as y}from"./demonstrable-BAeLg1x3.js";import{t as h}from"./translatable-Bd84jMZo.js";import g from"./table-Cq7J2jpj.js";import{_,a as i,b as t,w as l,r as n,o,F as m,g as f,h as Q,e as x,t as s,m as S,i as D,d as r}from"./index-B3xm9a7h.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const V={"page.component.table.doc.prop.headers":"Array containing text / value foreach item header","page.component.table.doc.prop.item-label":"Label key for each item in table","page.component.table.doc.prop.item-value":"Value key for each item in table","page.component.table.doc.prop.items":"Array of items to display in table","page.component.table.doc.slot.header":"Slot to replace header row default rendering","page.component.table.doc.slot.item":"Slot to replace item row default rendering"},k={},L={en:V,fr:k},u={attrs:[],examples:[{markup:`
2
2
  <vui-table
3
3
  itemLabel="label",
4
4
  itemValue="value"
@@ -1 +1 @@
1
- import{a as y}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{t as g}from"./translatable-DvM9kdb2.js";import{_ as h,a as l,j as r,d as n,F as u,g as d,n as p,o as t,e as $,t as V}from"./index-KN2Zrort.js";const k={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},I={},S={},B={en:I,fr:S},T={name:"VuiTable",mixins:[y,L],props:k,created(){g(B)},methods:{leaf(e,b){return b.split(".").reduce((o,m)=>o&&o[m]?o[m]:null,e)}}},v=["id"],A=["data-label"];function F(e,b,o,m,N,c){return t(),l("div",{id:e.componentId,class:p(["vui-table",e.$props.class])},[r(e.$slots,"prepend"),n("table",null,[n("thead",null,[n("tr",null,[(t(!0),l(u,null,d(e.headers,(a,s)=>(t(),l("th",{key:`table-${e.componentId}-header--${s}`,class:p(a.class)},[r(e.$slots,`header.${a[e.itemValue]}`,{item:a,itemLabel:e.itemLabel,itemValue:e.itemValue,index:s},()=>[$(V(a[e.itemLabel]),1)])],2))),128))])]),n("tbody",null,[(t(!0),l(u,null,d(e.items,(a,s)=>r(e.$slots,"default",{key:`table-${e.componentId}-item--${s}`,index:s,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[n("tr",null,[(t(!0),l(u,null,d(e.headers,(i,f)=>(t(),l("td",{key:`table-${e.componentId}-item-td--${f}`,"data-label":i.label,class:p(i.class)},[r(e.$slots,`item.${i[e.itemValue]}`,{index:f,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[$(V(c.leaf(a,i.value)),1)])],10,A))),128))])])),128))])]),r(e.$slots,"append")],10,v)}const D=h(T,[["render",F]]);export{D as default};
1
+ import{a as y}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{t as g}from"./translatable-Bd84jMZo.js";import{_ as h,a as l,j as r,d as n,F as u,g as d,n as p,o as t,e as $,t as V}from"./index-B3xm9a7h.js";const k={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},I={},S={},B={en:I,fr:S},T={name:"VuiTable",mixins:[y,L],props:k,created(){g(B)},methods:{leaf(e,b){return b.split(".").reduce((o,m)=>o&&o[m]?o[m]:null,e)}}},v=["id"],A=["data-label"];function F(e,b,o,m,N,c){return t(),l("div",{id:e.componentId,class:p(["vui-table",e.$props.class])},[r(e.$slots,"prepend"),n("table",null,[n("thead",null,[n("tr",null,[(t(!0),l(u,null,d(e.headers,(a,s)=>(t(),l("th",{key:`table-${e.componentId}-header--${s}`,class:p(a.class)},[r(e.$slots,`header.${a[e.itemValue]}`,{item:a,itemLabel:e.itemLabel,itemValue:e.itemValue,index:s},()=>[$(V(a[e.itemLabel]),1)])],2))),128))])]),n("tbody",null,[(t(!0),l(u,null,d(e.items,(a,s)=>r(e.$slots,"default",{key:`table-${e.componentId}-item--${s}`,index:s,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[n("tr",null,[(t(!0),l(u,null,d(e.headers,(i,f)=>(t(),l("td",{key:`table-${e.componentId}-item-td--${f}`,"data-label":i.label,class:p(i.class)},[r(e.$slots,`item.${i[e.itemValue]}`,{index:f,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[$(V(c.leaf(a,i.value)),1)])],10,A))),128))])])),128))])]),r(e.$slots,"append")],10,v)}const D=h(T,[["render",F]]);export{D as default};
@@ -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-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid rgb(216.5901639344,220.0819672131,222.4098360656);cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slot{padding:1rem;border:1px solid rgb(216.5901639344,220.0819672131,222.4098360656)}
@@ -1,4 +1,4 @@
1
- import{d as h}from"./demonstrable-Bpa7EX-I.js";import{t as _}from"./translatable-DvM9kdb2.js";import f from"./tabs-D3k5Z0cr.js";import{_ as x,a as T,b as t,w as s,r as l,o as p,h as d,l as y,g as B,e as k,t as n,u as b,x as u,i as v,d as o}from"./index-KN2Zrort.js";import"./composable-CshUTKfl.js";const L={"page.component.tabs.doc.prop.disabled":"Binds the disabled state","page.component.tabs.doc.prop.items":"List of tabs and label / value","page.component.tabs.doc.prop.item-label":"Label key name foreach tab","page.component.tabs.doc.prop.item-value":"Value key name foreach tab","page.component.tabs.doc.prop.vmodel":"Binds the active tab","page.component.tabs.doc.prop.value":"Define the active tab","page.component.tabs.doc.slot.value":"Slot defined by the tabs items value"},S={},H={en:L,fr:S},i={examples:[{markup:`
1
+ import{d as h}from"./demonstrable-BAeLg1x3.js";import{t as _}from"./translatable-Bd84jMZo.js";import f from"./tabs-DUliEms8.js";import{_ as x,a as T,b as t,w as s,r as l,o as p,h as d,l as y,g as B,e as k,t as n,u as b,x as u,i as v,d as o}from"./index-B3xm9a7h.js";import"./composable-CshUTKfl.js";const L={"page.component.tabs.doc.prop.disabled":"Binds the disabled state","page.component.tabs.doc.prop.items":"List of tabs and label / value","page.component.tabs.doc.prop.item-label":"Label key name foreach tab","page.component.tabs.doc.prop.item-value":"Value key name foreach tab","page.component.tabs.doc.prop.vmodel":"Binds the active tab","page.component.tabs.doc.prop.value":"Define the active tab","page.component.tabs.doc.slot.value":"Slot defined by the tabs items value"},S={},H={en:L,fr:S},i={examples:[{markup:`
2
2
  <vui-tabs
3
3
  items="[
4
4
  { 'label': 'Tab 1', 'value': 'tab1' },
@@ -1 +1 @@
1
- import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-DvM9kdb2.js";import{_ as b,a as s,j as a,d,F as l,g as c,n as o,o as i,f as m,t as f}from"./index-KN2Zrort.js";const V={},g={},$={en:V,fr:g},y={icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},k={name:"VuiTabs",mixins:[p],props:y,emits:["update:model-value"],data(){return{active:null}},computed:{tabs(){return this.items.map(e=>({...e,$$id:this.newId()}))}},watch:{modelValue(e){this.active=e},value(e){this.active=e}},created(){var e;if(v($),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const n=this.items[0];this.active=n[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],C={class:"vui-tabs-tabs"},w=["onClick"],B={class:"label"},L={key:0,class:"vui-tabs-slot"};function _(e,n,F,I,r,u){return i(),s("div",{id:e.componentId,class:o(["vui-tabs",e.$props.class])},[a(e.$slots,"prepend"),d("div",C,[(i(!0),s(l,null,c(u.tabs,t=>(i(),s("div",{key:t.$$id,class:o(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===r.active}]),onClick:()=>u.toggle(t[e.itemValue])},[e.icon?(i(),s("i",{key:0,class:o(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),d("span",B,f(t[e.itemLabel]),1)],10,w))),128))]),(i(!0),s(l,null,c(e.items,(t,h)=>(i(),s(l,{key:`slot-${t.$$id}`},[e.$slots[t[e.itemValue]]&&t[e.itemValue]===r.active?(i(),s("div",L,[a(e.$slots,t[e.itemValue],{index:h})])):m("",!0)],64))),128)),a(e.$slots,"append")],10,S)}const q=b(k,[["render",_]]);export{q as default};
1
+ import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-Bd84jMZo.js";import{_ as b,a as s,j as a,d,F as l,g as c,n as o,o as i,f as m,t as f}from"./index-B3xm9a7h.js";const V={},g={},$={en:V,fr:g},y={icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},k={name:"VuiTabs",mixins:[p],props:y,emits:["update:model-value"],data(){return{active:null}},computed:{tabs(){return this.items.map(e=>({...e,$$id:this.newId()}))}},watch:{modelValue(e){this.active=e},value(e){this.active=e}},created(){var e;if(v($),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const n=this.items[0];this.active=n[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],C={class:"vui-tabs-tabs"},w=["onClick"],B={class:"label"},L={key:0,class:"vui-tabs-slot"};function _(e,n,F,I,r,u){return i(),s("div",{id:e.componentId,class:o(["vui-tabs",e.$props.class])},[a(e.$slots,"prepend"),d("div",C,[(i(!0),s(l,null,c(u.tabs,t=>(i(),s("div",{key:t.$$id,class:o(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===r.active}]),onClick:()=>u.toggle(t[e.itemValue])},[e.icon?(i(),s("i",{key:0,class:o(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),d("span",B,f(t[e.itemLabel]),1)],10,w))),128))]),(i(!0),s(l,null,c(e.items,(t,h)=>(i(),s(l,{key:`slot-${t.$$id}`},[e.$slots[t[e.itemValue]]&&t[e.itemValue]===r.active?(i(),s("div",L,[a(e.$slots,t[e.itemValue],{index:h})])):m("",!0)],64))),128)),a(e.$slots,"append")],10,S)}const q=b(k,[["render",_]]);export{q as default};
@@ -1,4 +1,4 @@
1
- import{d as f}from"./demonstrable-Bpa7EX-I.js";import{t as h}from"./translatable-DvM9kdb2.js";import _ from"./tag-BRIPGxv3.js";import{_ as v,a as s,b as o,w as n,r as p,o as a,F as r,g as y,h as x,e as b,t as i,f as k,m as w,i as S,d as c}from"./index-KN2Zrort.js";import"./composable-CshUTKfl.js";const $={"page.component.tag.doc.prop.disabled":"Binds the disabled state","page.component.tag.doc.prop.error":"Error type tag","page.component.tag.doc.prop.success":"Success type tag","page.component.tag.doc.prop.warning":"Warning type tag","page.component.tag.doc.prop.icon":"Class name of the icon to prepend","page.component.tag.doc.prop.text":"Text content of the tag","page.component.tag.doc.prop.layout":"Layout of the tag","page.component.card.doc.slot.default":"Default type slot"},T={},V={en:$,fr:T},g={examples:[{markup:`
1
+ import{d as f}from"./demonstrable-BAeLg1x3.js";import{t as h}from"./translatable-Bd84jMZo.js";import _ from"./tag-GD0nTzc5.js";import{_ as v,a as s,b as o,w as n,r as p,o as a,F as r,g as y,h as x,e as b,t as i,f as k,m as w,i as S,d as c}from"./index-B3xm9a7h.js";import"./composable-CshUTKfl.js";const $={"page.component.tag.doc.prop.disabled":"Binds the disabled state","page.component.tag.doc.prop.error":"Error type tag","page.component.tag.doc.prop.success":"Success type tag","page.component.tag.doc.prop.warning":"Warning type tag","page.component.tag.doc.prop.icon":"Class name of the icon to prepend","page.component.tag.doc.prop.text":"Text content of the tag","page.component.tag.doc.prop.layout":"Layout of the tag","page.component.card.doc.slot.default":"Default type slot"},T={},V={en:$,fr:T},g={examples:[{markup:`
2
2
  <vui-tag
3
3
  icon="fa-solid fa-tag"
4
4
  >
@@ -1 +1 @@
1
- import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-DvM9kdb2.js";import{_ as r,a as e,j as s,n as t,f as p,o as a,e as c,t as l}from"./index-KN2Zrort.js";const d={},m={},u={en:d,fr:m},f={icon:{type:String},text:{type:String}},g={name:"VuiTag",mixins:[n],props:f,created(){i(u)}},$=["id"];function v(o,y,S,V,h,k){return a(),e("div",{id:o.componentId,class:t(["vui-tag",`vui-tag--${o.layout}`,{"vui-tag--with-icon":o.icon},o.$props.class])},[s(o.$slots,"prepend"),o.icon?(a(),e("i",{key:0,class:t(["vui-tag-icon",o.icon])},null,2)):p("",!0),s(o.$slots,"default",{},()=>[c(l(o.text),1)]),s(o.$slots,"append")],10,$)}const C=r(g,[["render",v]]);export{C as default};
1
+ import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-Bd84jMZo.js";import{_ as r,a as e,j as s,n as t,f as p,o as a,e as c,t as l}from"./index-B3xm9a7h.js";const d={},m={},u={en:d,fr:m},f={icon:{type:String},text:{type:String}},g={name:"VuiTag",mixins:[n],props:f,created(){i(u)}},$=["id"];function v(o,y,S,V,h,k){return a(),e("div",{id:o.componentId,class:t(["vui-tag",`vui-tag--${o.layout}`,{"vui-tag--with-icon":o.icon},o.$props.class])},[s(o.$slots,"prepend"),o.icon?(a(),e("i",{key:0,class:t(["vui-tag-icon",o.icon])},null,2)):p("",!0),s(o.$slots,"default",{},()=>[c(l(o.text),1)]),s(o.$slots,"append")],10,$)}const C=r(g,[["render",v]]);export{C as default};
@@ -1 +1 @@
1
- import{c as n}from"./composable-CshUTKfl.js";import{_ as u,a as o,j as s,f as r,n as h,k as c,d,o as a}from"./index-KN2Zrort.js";import{t as g}from"./translatable-DvM9kdb2.js";const m={},f={},p={en:m,fr:f},k={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},V={name:"VuiToggle",mixins:[n],props:k,emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){g(p),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},v=["id","name"],b=d("div",{class:"vui-toggle-slider"},[d("div",{class:"vui-toggle-slider-button"})],-1),B=["for"];function y(e,l,C,$,N,t){return a(),o("div",{id:e.componentId,name:e.componentId,class:h(["vui-toggle",{"vui-toggle--checked":t.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:l[0]||(l[0]=c((...i)=>t.onToggle&&t.onToggle(...i),["stop"]))},[s(e.$slots,"prepend"),b,e.$slots.default?(a(),o("label",{key:0,class:"vui-toggle-label",for:e.componentId},[s(e.$slots,"default")],8,B)):r("",!0),s(e.$slots,"append")],10,v)}const I=u(V,[["render",y]]);export{I as default};
1
+ import{c as n}from"./composable-CshUTKfl.js";import{_ as u,a as o,j as l,d,f as r,n as g,k as h,o as a}from"./index-B3xm9a7h.js";import{t as c}from"./translatable-Bd84jMZo.js";const m={},f={},p={en:m,fr:f},k={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},V={name:"VuiToggle",mixins:[n],props:k,emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){c(p),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},v=["id","name"],b=["for"];function B(e,t,y,C,$,s){return a(),o("div",{id:e.componentId,name:e.componentId,class:g(["vui-toggle",{"vui-toggle--checked":s.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:t[0]||(t[0]=h((...i)=>s.onToggle&&s.onToggle(...i),["stop"]))},[l(e.$slots,"prepend"),t[1]||(t[1]=d("div",{class:"vui-toggle-slider"},[d("div",{class:"vui-toggle-slider-button"})],-1)),e.$slots.default?(a(),o("label",{key:0,class:"vui-toggle-label",for:e.componentId},[l(e.$slots,"default")],8,b)):r("",!0),l(e.$slots,"append")],10,v)}const I=u(V,[["render",B]]);export{I as default};
@@ -0,0 +1,9 @@
1
+ import{d as N}from"./demonstrable-BAeLg1x3.js";import{t as x}from"./translatable-Bd84jMZo.js";import C from"./toggle-B_0Z212b.js";import{_ as S,a as n,b as s,w as l,r as d,o,F as a,g as T,h as v,e as c,t as p,f as i,m as h,i as f,d as _}from"./index-B3xm9a7h.js";import"./composable-CshUTKfl.js";const $={"page.component.toggle.default":"Default toggle","page.component.toggle.binded":"Binded toggle","page.component.toggle.label":"Checked","page.component.toggle.doc.prop.checked-value":"Checked value of the toggle","page.component.toggle.doc.prop.disabled":"Binds the disabled state to component","page.component.toggle.doc.prop.unchecked-value":"Unchecked value of the toggle","page.component.toggle.doc.prop.value":"Value of the toggle","page.component.toggle.doc.prop.v-model":"Binds the model value of the toggle"},w={},D={en:$,fr:w},u={examples:[{markup:`
2
+ <vui-toggle>
3
+ Default checkbox
4
+ </vui-toggle>
5
+ `,props:{id:"vui-toggle-1"},text:"page.component.toggle.default"},{markup:`
6
+ <vui-toggle>
7
+ Binded checkbox
8
+ </vui-toggle>
9
+ `,props:{id:"vui-toggle-2"},text:"page.component.toggle.binded"}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.toggle.doc.prop.disabled"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.v-model"}],slots:[]},H={name:"ViewToggle",mixins:[N],setup(){return x(D),{}},data(){return{states:{}}},computed:{doc(){return u},examples(){return this.docExamples(C,{attrs:u.attrs,examples:u.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((t,g)=>({...t,[g.props.id]:!1}),{})}},L={class:"view-toggle"},P=["innerHTML"],U={class:"title"};function E(t,g,F,M,r,k){const b=d("vui-tag"),m=d("vui-grid-unit"),B=d("vui-table"),y=d("vui-grid");return o(),n("div",L,[s(y,{"col-sm":"1","col-md":"2"},{default:l(()=>[s(m,{class:"examples"},{default:l(()=>[(o(!0),n(a,null,T(k.examples,e=>(o(),n(a,{key:`toggle-${e.props.id}`},[e.props.id==="vui-toggle-1"?(o(),n(a,{key:0},[(o(),v(f(e.component),h({ref_for:!0},e.props,{modelValue:r.states[e.props.id],"onUpdate:modelValue":V=>r.states[e.props.id]=V}),{default:l(()=>[e.text?(o(),n(a,{key:0},[c(p(t.$t(e.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),g[0]||(g[0]=c("   ")),s(b,null,{default:l(()=>[c(p(t.$t("page.component.toggle.label"))+": "+p(r.states[e.props.id]),1)]),_:2},1024)],64)):i("",!0),e.props.id==="vui-toggle-2"?(o(),v(f(e.component),h({key:1,ref_for:!0},e.props,{checked:r.states["vui-toggle-1"],disabled:""}),{default:l(()=>[e.text?(o(),n(a,{key:0},[c(p(t.$t(e.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),_("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,P)],64))),128))]),_:1}),s(m,{class:"api-options"},{default:l(()=>[_("h2",U,p(t.$t("page.component.h2.api")),1),s(B,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const I=S(H,[["render",E]]);export{I as default};
@@ -1,4 +1,4 @@
1
- import{d as x}from"./demonstrable-Bpa7EX-I.js";import{t as _}from"./translatable-DvM9kdb2.js";import V from"./tooltip-BMCf_TT4.js";import{_ as w,a as l,b as e,w as i,r as p,o as n,F as g,g as k,h as y,m as T,i as C,d as a,t as h}from"./index-KN2Zrort.js";import"./index-7pe20t8n.js";import"./composable-CshUTKfl.js";const M={"page.component.tooltip.button.show-bottom":"show tooltip on bottom","page.component.tooltip.button.show-right":"show tooltip on right","page.component.tooltip.button.show-left":"show tooltip on left","page.component.tooltip.button.show-top":"show tooltip on top","page.component.tooltip.text":"My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content","page.component.tooltip.doc.prop.text":"Text of the tooltip","page.component.tooltip.doc.prop.icon":"Class name of the icon to prepend","page.component.tooltip.doc.prop.holder":"Id of the element which tooltip refers to","page.component.tooltip.doc.prop.position":"Position of the tooltip from holder","page.component.tooltip.doc.prop.v-model":"Binds the visible state of the tooltip","page.component.tooltip.doc.slot.default":"Default slot for tooltip content"},S={},$={en:M,fr:S},s={attrs:[],examples:[{markup:`
1
+ import{d as x}from"./demonstrable-BAeLg1x3.js";import{t as _}from"./translatable-Bd84jMZo.js";import V from"./tooltip-DL7ojxlq.js";import{_ as w,a as l,b as e,w as i,r as p,o as n,F as g,g as k,h as y,m as T,i as C,d as a,t as h}from"./index-B3xm9a7h.js";import"./index-7pe20t8n.js";import"./composable-CshUTKfl.js";const M={"page.component.tooltip.button.show-bottom":"show tooltip on bottom","page.component.tooltip.button.show-right":"show tooltip on right","page.component.tooltip.button.show-left":"show tooltip on left","page.component.tooltip.button.show-top":"show tooltip on top","page.component.tooltip.text":"My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content","page.component.tooltip.doc.prop.text":"Text of the tooltip","page.component.tooltip.doc.prop.icon":"Class name of the icon to prepend","page.component.tooltip.doc.prop.holder":"Id of the element which tooltip refers to","page.component.tooltip.doc.prop.position":"Position of the tooltip from holder","page.component.tooltip.doc.prop.v-model":"Binds the visible state of the tooltip","page.component.tooltip.doc.slot.default":"Default slot for tooltip content"},S={},$={en:M,fr:S},s={attrs:[],examples:[{markup:`
2
2
  <vui-button
3
3
  @click="isVisible=!isVisible"
4
4
  >
@@ -1 +1 @@
1
- import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-DvM9kdb2.js";import{_ as p,a as o,d as u,n as s,f as n,j as c,F as f,e as m,t as g,p as y,o as a}from"./index-KN2Zrort.js";const w={icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},$={name:"VuiTooltip",mixins:[d],props:w,emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:t,holder:e}=this.dimension;switch(this.position){case"left":return e.left-(t.width+15);case"bottom":case"top":{const l=t.width-e.width;return e.left-l/2}case"right":default:return e.right+15}},top(){const{content:t,holder:e}=this.dimension;switch(this.position){case"bottom":return e.top+e.height+15;case"top":return e.top-t.height-15;case"left":case"right":default:return e.top-e.height/2}}},watch:{async modelValue(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())},async value(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())}},created(){h(r),this.hasModelValue&&(this.show=this.modelValue),this.hasValue&&(this.show=this.value),this.$bus.on("outclick",()=>{this.disabled||(this.show=!1,this.$emit("update:model-value",this.show))})},methods:{setPosition(){this.dimension.content=this.$refs.tooltip.getBoundingClientRect(),this.dimension.holder=this.$parent.$el.getBoundingClientRect()}}},v=["id"];function V(t,e,l,k,b,i){return a(),o("div",{id:t.componentId,ref:"tooltip",class:s(["vui-tooltip",{"vui-tooltip--with-icon":t.icon},t.$props.class]),style:y({position:"fixed",display:i.display,top:`${i.top}px`,left:`${i.left}px`})},[u("i",{class:s(["vui-tooltip-pointer",`vui-tooltip-pointer--${t.position}`])},null,2),t.icon?(a(),o("i",{key:0,class:s(["vui-tooltip-icon",t.icon])},null,2)):n("",!0),t.$slots.default?c(t.$slots,"default",{key:1}):n("",!0),t.text?(a(),o(f,{key:2},[m(g(t.text),1)],64)):n("",!0)],14,v)}const x=p($,[["render",V]]);export{x as default};
1
+ import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-Bd84jMZo.js";import{_ as p,a as o,d as u,n as s,f as n,j as c,F as f,e as m,t as g,p as y,o as a}from"./index-B3xm9a7h.js";const w={icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},$={name:"VuiTooltip",mixins:[d],props:w,emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:t,holder:e}=this.dimension;switch(this.position){case"left":return e.left-(t.width+15);case"bottom":case"top":{const l=t.width-e.width;return e.left-l/2}case"right":default:return e.right+15}},top(){const{content:t,holder:e}=this.dimension;switch(this.position){case"bottom":return e.top+e.height+15;case"top":return e.top-t.height-15;case"left":case"right":default:return e.top-e.height/2}}},watch:{async modelValue(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())},async value(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())}},created(){h(r),this.hasModelValue&&(this.show=this.modelValue),this.hasValue&&(this.show=this.value),this.$bus.on("outclick",()=>{this.disabled||(this.show=!1,this.$emit("update:model-value",this.show))})},methods:{setPosition(){this.dimension.content=this.$refs.tooltip.getBoundingClientRect(),this.dimension.holder=this.$parent.$el.getBoundingClientRect()}}},v=["id"];function V(t,e,l,k,b,i){return a(),o("div",{id:t.componentId,ref:"tooltip",class:s(["vui-tooltip",{"vui-tooltip--with-icon":t.icon},t.$props.class]),style:y({position:"fixed",display:i.display,top:`${i.top}px`,left:`${i.left}px`})},[u("i",{class:s(["vui-tooltip-pointer",`vui-tooltip-pointer--${t.position}`])},null,2),t.icon?(a(),o("i",{key:0,class:s(["vui-tooltip-icon",t.icon])},null,2)):n("",!0),t.$slots.default?c(t.$slots,"default",{key:1}):n("",!0),t.text?(a(),o(f,{key:2},[m(g(t.text),1)],64)):n("",!0)],14,v)}const x=p($,[["render",V]]);export{x as default};
@@ -1 +1 @@
1
- import{v as o}from"./index-KN2Zrort.js";const a=e=>{const t=o.useI18n();return Object.keys(e).forEach(r=>{t.mergeLocaleMessage(r,e[r])}),t};export{a as t};
1
+ import{v as o}from"./index-B3xm9a7h.js";const a=e=>{const t=o.useI18n();return Object.keys(e).forEach(r=>{t.mergeLocaleMessage(r,e[r])}),t};export{a as t};
@@ -1,4 +1,4 @@
1
- import{d as _}from"./demonstrable-Bpa7EX-I.js";import{t as f}from"./translatable-DvM9kdb2.js";import v from"./unit-CqS6wvC3.js";import{_ as h,a as s,b as t,w as e,r as a,o as d,F as u,g as b,d as n,t as l}from"./index-KN2Zrort.js";import"./composable-CshUTKfl.js";const $={"page.component.grid-unit.left":"Col 1 content","page.component.grid-unit.right":"Col 2 content","page.component.grid-unit.doc.tag.col":"Defines flex basis percentage for grid-unit column"},x={},C={en:$,fr:x},p={attrs:[],examples:[{markup:`
1
+ import{d as _}from"./demonstrable-BAeLg1x3.js";import{t as f}from"./translatable-Bd84jMZo.js";import v from"./unit-DmkhvKjy.js";import{_ as h,a as s,b as t,w as e,r as a,o as d,F as u,g as b,d as n,t as l}from"./index-B3xm9a7h.js";import"./composable-CshUTKfl.js";const $={"page.component.grid-unit.left":"Col 1 content","page.component.grid-unit.right":"Col 2 content","page.component.grid-unit.doc.tag.col":"Defines flex basis percentage for grid-unit column"},x={},C={en:$,fr:x},p={attrs:[],examples:[{markup:`
2
2
  <vui-grid
3
3
  id="example-grid-1"
4
4
  col-md="2"
@@ -1 +1 @@
1
- import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-DvM9kdb2.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-KN2Zrort.js";const l={},p={},c={en:l,fr:p},d={col:{default:void 0,types:[String,Number]}},u={name:"VuiGridUnit",mixins:[e],props:d,created(){n(c)}};function m(s,f,$,g,b,v){return i(),t("div",{class:a(["vui-grid-unit",{[`vui-grid-unit-col--${s.col}`]:s.col},s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],2)}const G=r(u,[["render",m]]);export{G as default};
1
+ import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-Bd84jMZo.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-B3xm9a7h.js";const l={},p={},c={en:l,fr:p},d={col:{default:void 0,types:[String,Number]}},u={name:"VuiGridUnit",mixins:[e],props:d,created(){n(c)}};function m(s,f,$,g,b,v){return i(),t("div",{class:a(["vui-grid-unit",{[`vui-grid-unit-col--${s.col}`]:s.col},s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],2)}const G=r(u,[["render",m]]);export{G as default};
@@ -22,8 +22,8 @@
22
22
  <style>
23
23
  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
24
24
  </style>
25
- <script type="module" crossorigin src="/assets/index-KN2Zrort.js"></script>
26
- <link rel="stylesheet" crossorigin href="/assets/index-BSpywUIE.css">
25
+ <script type="module" crossorigin src="/assets/index-B3xm9a7h.js"></script>
26
+ <link rel="stylesheet" crossorigin href="/assets/index-Bif4l-EJ.css">
27
27
  </head>
28
28
  <body>
29
29
  <div id="app" />
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./input-BdNDl9Hu.js"),p=require("./list-D6Ab_PXR.js"),c=require("./animable-ChJEXlsE.js"),u=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const h={"component.dropdown.placeholder":"Select a value ..."},b={},f={en:h,fr:b},g={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]}},v={name:"VuiDropdown",components:{VuiInput:m.default,VuiList:p.default},mixins:[c.animable,u.composable],props:g,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:d,selected:a}=this,n=d?a[0]:a,i=typeof(n==null?void 0:n[e])<"u"?n[e]:n,o=[null,void 0].includes(i)?this.placeholderLabel:this.labelFromItem(i);return d&&a.length>1?`${o} (+${a.length-1})`:o},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){u.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,d,a){const{itemValue:n,itemLabel:i}=this;return e[n].reduce((o,r)=>r[n]===a?r[i]:o,d)},labelFromItem(e){const{itemValue:d,itemLabel:a}=this;return this.items.reduce((n,i)=>Array.isArray(i[d])?this.labelFromChild(i,n,e):i[d]===e?i[a]:n,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)}}},y=["id"];function w(e,d,a,n,i,o){const r=l.resolveComponent("vui-input"),s=l.resolveComponent("vui-list");return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-dropdown",e.$props.class])},[l.renderSlot(e.$slots,"prepend"),l.createElementVNode("div",{class:l.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:d[0]||(d[0]=l.withModifiers((...t)=>o.onClick&&o.onClick(...t),["stop"]))},[l.renderSlot(e.$slots,"keyword",{keyword:i.keyword},()=>[l.createVNode(r,{type:"text",class:"vui-dropdown-placeholder-label","prepend-icon":e.icon,value:i.keyword,placeholder:`${o.placeholderValue}`,"with-icon":!1,onInput:o.onInput},null,8,["prepend-icon","value","placeholder","onInput"])])],2),e.toggled?(l.openBlock(),l.createBlock(s,l.mergeProps({key:0,value:i.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:i.keyword,selectable:!0,title:o.listTitle,multiple:e.multiple,"onUpdate:modelValue":o.onToggle}),l.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:l.withCtx(t=>[l.renderSlot(e.$slots,"placeholder",{index:t.index,item:t.item,itemLabel:t.itemLabel,itemValue:t.itemValue})]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:l.withCtx(t=>[l.renderSlot(e.$slots,"group-item",{index:t.index,item:t.item,itemLabel:t.itemLabel,itemValue:t.itemValue})]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:l.withCtx(t=>[l.renderSlot(e.$slots,"item",{index:t.index,item:t.item,itemLabel:t.itemLabel,itemValue:t.itemValue})]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","multiple","onUpdate:modelValue"])):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,y)}const V=u._export_sfc(v,[["render",w]]);exports.default=V;
@@ -1,19 +1,23 @@
1
- import c from "./input-BS_1U11l.js";
1
+ import c from "./input-Ccz7I5Ae.js";
2
2
  import b from "./list-B2RmfvYJ.js";
3
3
  import { a as f } from "./animable-DnFaMPYA.js";
4
- import { _ as g, c as v, t as y } from "./_plugin-vue_export-helper-BSl1dQT6.js";
5
- import { resolveComponent as u, openBlock as m, createElementBlock as V, normalizeClass as p, renderSlot as d, createElementVNode as w, withModifiers as k, createVNode as L, createBlock as $, mergeProps as C, createSlots as I, withCtx as s, createCommentVNode as B } from "vue";
4
+ import { _ as g, c as y, t as v } from "./_plugin-vue_export-helper-BSl1dQT6.js";
5
+ import { resolveComponent as u, openBlock as m, createElementBlock as V, normalizeClass as p, renderSlot as d, createElementVNode as w, withModifiers as k, createVNode as L, createBlock as $, mergeProps as C, createSlots as I, withCtx as s, createCommentVNode as S } from "vue";
6
6
  import "highlight.js";
7
- const S = {
7
+ const B = {
8
8
  "component.dropdown.placeholder": "Select a value ..."
9
9
  }, F = {}, N = {
10
- en: S,
10
+ en: B,
11
11
  fr: F
12
12
  }, A = {
13
13
  disableFiltering: {
14
14
  type: Boolean,
15
15
  default: !1
16
16
  },
17
+ icon: {
18
+ default: void 0,
19
+ type: String
20
+ },
17
21
  items: {
18
22
  type: Array,
19
23
  required: !0
@@ -65,7 +69,7 @@ const S = {
65
69
  },
66
70
  mixins: [
67
71
  f,
68
- v
72
+ y
69
73
  ],
70
74
  props: A,
71
75
  emits: ["input", "update:model-value"],
@@ -80,8 +84,8 @@ const S = {
80
84
  return this.selected ? this.placeholderLabel : null;
81
85
  },
82
86
  placeholderValue() {
83
- 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);
84
- return o && n.length > 1 ? `${a} (+${n.length - 1})` : a;
87
+ const { itemValue: e, multiple: a, selected: n } = this, i = a ? n[0] : n, t = typeof (i == null ? void 0 : i[e]) < "u" ? i[e] : i, o = [null, void 0].includes(t) ? this.placeholderLabel : this.labelFromItem(t);
88
+ return a && n.length > 1 ? `${o} (+${n.length - 1})` : o;
85
89
  },
86
90
  placeholderLabel() {
87
91
  return this.placeholder ? this.placeholder : this.$t("component.dropdown.placeholder");
@@ -96,16 +100,16 @@ const S = {
96
100
  }
97
101
  },
98
102
  created() {
99
- y(N), this.hasModelValue ? this.selected = this.modelValue : this.hasValue && (this.selected = this.value);
103
+ v(N), this.hasModelValue ? this.selected = this.modelValue : this.hasValue && (this.selected = this.value);
100
104
  },
101
105
  methods: {
102
- labelFromChild(e, o, n) {
106
+ labelFromChild(e, a, n) {
103
107
  const { itemValue: i, itemLabel: t } = this;
104
- return e[i].reduce((a, r) => r[i] === n ? r[t] : a, o);
108
+ return e[i].reduce((o, r) => r[i] === n ? r[t] : o, a);
105
109
  },
106
110
  labelFromItem(e) {
107
- const { itemValue: o, itemLabel: n } = this;
108
- return this.items.reduce((i, t) => Array.isArray(t[o]) ? this.labelFromChild(t, i, e) : t[o] === e ? t[n] : i, e);
111
+ const { itemValue: a, itemLabel: n } = this;
112
+ return this.items.reduce((i, t) => Array.isArray(t[a]) ? this.labelFromChild(t, i, e) : t[a] === e ? t[n] : i, e);
109
113
  },
110
114
  onClick() {
111
115
  this.disabled || this.onAnimate();
@@ -118,7 +122,7 @@ const S = {
118
122
  }
119
123
  }
120
124
  }, j = ["id"];
121
- function E(e, o, n, i, t, a) {
125
+ function E(e, a, n, i, t, o) {
122
126
  const r = u("vui-input"), h = u("vui-list");
123
127
  return m(), V("div", {
124
128
  id: e.componentId,
@@ -132,17 +136,18 @@ function E(e, o, n, i, t, a) {
132
136
  { "vui-dropdown-placeholder--animating": e.animating },
133
137
  { "vui-dropdown-placeholder--disabled": e.disabled }
134
138
  ]),
135
- onClick: o[0] || (o[0] = k((...l) => a.onClick && a.onClick(...l), ["stop"]))
139
+ onClick: a[0] || (a[0] = k((...l) => o.onClick && o.onClick(...l), ["stop"]))
136
140
  }, [
137
141
  d(e.$slots, "keyword", { keyword: t.keyword }, () => [
138
142
  L(r, {
139
- "with-icon": !1,
140
- value: t.keyword,
141
143
  type: "text",
142
144
  class: "vui-dropdown-placeholder-label",
143
- placeholder: `${a.placeholderValue}`,
144
- onInput: a.onInput
145
- }, null, 8, ["value", "placeholder", "onInput"])
145
+ "prepend-icon": e.icon,
146
+ value: t.keyword,
147
+ placeholder: `${o.placeholderValue}`,
148
+ "with-icon": !1,
149
+ onInput: o.onInput
150
+ }, null, 8, ["prepend-icon", "value", "placeholder", "onInput"])
146
151
  ])
147
152
  ], 2),
148
153
  e.toggled ? (m(), $(h, C({
@@ -158,9 +163,9 @@ function E(e, o, n, i, t, a) {
158
163
  "item-value": e.itemValue,
159
164
  keyword: t.keyword,
160
165
  selectable: !0,
161
- title: a.listTitle,
166
+ title: o.listTitle,
162
167
  multiple: e.multiple,
163
- "onUpdate:modelValue": a.onToggle
168
+ "onUpdate:modelValue": o.onToggle
164
169
  }), I({ _: 2 }, [
165
170
  e.$slots.placeholder ? {
166
171
  name: "placeholder",
@@ -198,7 +203,7 @@ function E(e, o, n, i, t, a) {
198
203
  ]),
199
204
  key: "2"
200
205
  } : void 0
201
- ]), 1040, ["value", "group-id", "disable-filtering", "disabled", "items", "item-label", "item-value", "keyword", "title", "multiple", "onUpdate:modelValue"])) : B("", !0),
206
+ ]), 1040, ["value", "group-id", "disable-filtering", "disabled", "items", "item-label", "item-value", "keyword", "title", "multiple", "onUpdate:modelValue"])) : S("", !0),
202
207
  d(e.$slots, "append")
203
208
  ], 10, j);
204
209
  }
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),n=require("vue");require("highlight.js");const u={"component.input.placeholder":"Type a value ..."},p={},s={en:u,fr:p},d={icon:{default:void 0,type:String},modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},prependIcon:{default:void 0,type:String},type:{default:"text",type:String},value:{default:void 0,types:[Boolean,Number,String,null]},withIcon:{default:!0,type:Boolean}},r={name:"VuiInput",mixins:[i.composable],props:d,emits:["input","update:model-value"],data(){return{typed:null}},computed:{placeholderValue(){return this.placeholder?this.placeholder:this.$t("component.input.placeholder")}},watch:{value(e){this.typed=e},modelValue(e){this.typed=e}},created(){i.translatable(s),this.hasModelValue?this.typed=this.modelValue:this.hasValue&&(this.typed=this.value)},methods:{onInput(e){this.typed=this.type==="number"?e.target.valueAsNumber:e.target.value,this.$emit("input",e),this.$emit("update:model-value",this.typed)}}},c=["id"],m=["value","disabled","maxlength","name","placeholder","required","type"],h={key:1,class:n.normalizeClass(["vui-input-icon","vui-input-icon--append","fa-solid fa-font"])},y={key:2,class:n.normalizeClass(["vui-input-icon","vui-input-icon--append","fa-solid fa-at"])},f={key:3,class:n.normalizeClass(["vui-input-icon","vui-input-icon--append","fa-solid fa-key"])},v={key:4,class:n.normalizeClass(["vui-input-icon","vui-input-icon--append","fa-solid fa-arrow-down-1-9"])};function k(e,o,g,B,l,t){return n.openBlock(),n.createElementBlock("div",{id:e.componentId,class:n.normalizeClass(["vui-input",`vui-input--${e.layout}`,{"vui-input--flat":e.hasAttribute("flat")},{"vui-input--with-icon":e.withIcon},{"vui-input--disabled":e.disabled},{"vui-input--loading":!e.disabled&&e.loading},e.$props.class])},[n.renderSlot(e.$slots,"prepend",{},()=>[e.prependIcon?(n.openBlock(),n.createElementBlock("i",{key:0,class:n.normalizeClass(["vui-input-icon","vui-input-icon--prepend",e.prependIcon])},null,2)):n.createCommentVNode("",!0)]),n.createElementVNode("input",{value:l.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:t.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:o[0]||(o[0]=(...a)=>t.onInput&&t.onInput(...a))},null,40,m),n.renderSlot(e.$slots,"append",{},()=>[e.withIcon&&e.icon?(n.openBlock(),n.createElementBlock("i",{key:0,class:n.normalizeClass(["vui-input-icon","vui-input-icon--append",e.icon])},null,2)):n.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="text"?(n.openBlock(),n.createElementBlock("i",h)):n.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="email"?(n.openBlock(),n.createElementBlock("i",y)):n.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="password"?(n.openBlock(),n.createElementBlock("i",f)):n.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="number"?(n.openBlock(),n.createElementBlock("i",v)):n.createCommentVNode("",!0)])],10,c)}const b=i._export_sfc(r,[["render",k]]);exports.default=b;
@@ -1,10 +1,10 @@
1
- import { _ as d, c as r, t as h } from "./_plugin-vue_export-helper-BSl1dQT6.js";
2
- import { openBlock as t, createElementBlock as n, normalizeClass as i, renderSlot as u, createElementVNode as m, createCommentVNode as l } from "vue";
1
+ import { _ as s, c as r, t as h } from "./_plugin-vue_export-helper-BSl1dQT6.js";
2
+ import { openBlock as n, createElementBlock as t, normalizeClass as i, renderSlot as l, createCommentVNode as u, createElementVNode as c } from "vue";
3
3
  import "highlight.js";
4
- const c = {
4
+ const m = {
5
5
  "component.input.placeholder": "Type a value ..."
6
6
  }, y = {}, f = {
7
- en: c,
7
+ en: m,
8
8
  fr: y
9
9
  }, v = {
10
10
  icon: {
@@ -35,6 +35,10 @@ const c = {
35
35
  null
36
36
  ]
37
37
  },
38
+ prependIcon: {
39
+ default: void 0,
40
+ type: String
41
+ },
38
42
  type: {
39
43
  default: "text",
40
44
  type: String
@@ -85,21 +89,37 @@ const c = {
85
89
  this.typed = this.type === "number" ? e.target.valueAsNumber : e.target.value, this.$emit("input", e), this.$emit("update:model-value", this.typed);
86
90
  }
87
91
  }
88
- }, g = ["id"], I = ["value", "disabled", "maxlength", "name", "placeholder", "required", "type"], w = {
92
+ }, I = ["id"], g = ["value", "disabled", "maxlength", "name", "placeholder", "required", "type"], w = {
89
93
  key: 1,
90
- class: /* @__PURE__ */ i(["vui-input-icon", "fa-font"])
94
+ class: /* @__PURE__ */ i([
95
+ "vui-input-icon",
96
+ "vui-input-icon--append",
97
+ "fa-solid fa-font"
98
+ ])
91
99
  }, V = {
92
100
  key: 2,
93
- class: /* @__PURE__ */ i(["vui-input-icon", "fa-at"])
101
+ class: /* @__PURE__ */ i([
102
+ "vui-input-icon",
103
+ "vui-input-icon--append",
104
+ "fa-solid fa-at"
105
+ ])
94
106
  }, k = {
95
107
  key: 3,
96
- class: /* @__PURE__ */ i(["vui-input-icon", "fa-key"])
97
- }, N = {
108
+ class: /* @__PURE__ */ i([
109
+ "vui-input-icon",
110
+ "vui-input-icon--append",
111
+ "fa-solid fa-key"
112
+ ])
113
+ }, S = {
98
114
  key: 4,
99
- class: /* @__PURE__ */ i(["vui-input-icon", "fa-arrow-down-1-9"])
115
+ class: /* @__PURE__ */ i([
116
+ "vui-input-icon",
117
+ "vui-input-icon--append",
118
+ "fa-solid fa-arrow-down-1-9"
119
+ ])
100
120
  };
101
- function S(e, o, $, B, s, a) {
102
- return t(), n("div", {
121
+ function N(e, a, $, B, p, o) {
122
+ return n(), t("div", {
103
123
  id: e.componentId,
104
124
  class: i([
105
125
  "vui-input",
@@ -111,29 +131,43 @@ function S(e, o, $, B, s, a) {
111
131
  e.$props.class
112
132
  ])
113
133
  }, [
114
- u(e.$slots, "prepend"),
115
- m("input", {
116
- value: s.typed,
134
+ l(e.$slots, "prepend", {}, () => [
135
+ e.prependIcon ? (n(), t("i", {
136
+ key: 0,
137
+ class: i([
138
+ "vui-input-icon",
139
+ "vui-input-icon--prepend",
140
+ e.prependIcon
141
+ ])
142
+ }, null, 2)) : u("", !0)
143
+ ]),
144
+ c("input", {
145
+ value: p.typed,
117
146
  disabled: e.disabled,
118
147
  maxlength: e.maxlength,
119
148
  name: e.name,
120
- placeholder: a.placeholderValue,
149
+ placeholder: o.placeholderValue,
121
150
  required: e.hasAttribute("required"),
122
151
  type: e.type,
123
- onInput: o[0] || (o[0] = (...p) => a.onInput && a.onInput(...p))
124
- }, null, 40, I),
125
- e.withIcon && e.icon ? (t(), n("i", {
126
- key: 0,
127
- class: i(["vui-input-icon", e.icon])
128
- }, null, 2)) : l("", !0),
129
- e.withIcon && !e.icon && e.type === "text" ? (t(), n("i", w)) : l("", !0),
130
- e.withIcon && !e.icon && e.type === "email" ? (t(), n("i", V)) : l("", !0),
131
- e.withIcon && !e.icon && e.type === "password" ? (t(), n("i", k)) : l("", !0),
132
- e.withIcon && !e.icon && e.type === "number" ? (t(), n("i", N)) : l("", !0),
133
- u(e.$slots, "append")
134
- ], 10, g);
152
+ onInput: a[0] || (a[0] = (...d) => o.onInput && o.onInput(...d))
153
+ }, null, 40, g),
154
+ l(e.$slots, "append", {}, () => [
155
+ e.withIcon && e.icon ? (n(), t("i", {
156
+ key: 0,
157
+ class: i([
158
+ "vui-input-icon",
159
+ "vui-input-icon--append",
160
+ e.icon
161
+ ])
162
+ }, null, 2)) : u("", !0),
163
+ e.withIcon && !e.icon && e.type === "text" ? (n(), t("i", w)) : u("", !0),
164
+ e.withIcon && !e.icon && e.type === "email" ? (n(), t("i", V)) : u("", !0),
165
+ e.withIcon && !e.icon && e.type === "password" ? (n(), t("i", k)) : u("", !0),
166
+ e.withIcon && !e.icon && e.type === "number" ? (n(), t("i", S)) : u("", !0)
167
+ ])
168
+ ], 10, I);
135
169
  }
136
- const E = /* @__PURE__ */ d(b, [["render", S]]);
170
+ const E = /* @__PURE__ */ s(b, [["render", N]]);
137
171
  export {
138
172
  E as default
139
173
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./button-D5bD4vAv.js"),s=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const d={"component.button.close":"Close"},c={},u={en:d,fr:c},m={loading:{type:Boolean},modelValue:{default:void 0,type:Boolean},showFooter:{type:Boolean},showFooterClose:{type:Boolean},showHeader:{type:Boolean},showHeaderClose:{type:Boolean},title:{type:String},value:{default:void 0,type:Boolean}},h={name:"VuiModal",components:{VuiButton:a.default},mixins:[s.composable],props:m,emits:["update:model-value"],data(){return{isVisible:!1}},computed:{isHeaderVisible(){return this.$slots.header||this.showHeader||this.showHeaderClose},isFooterVisible(){return this.$slots.footer||this.showFooter||this.showFooterClose}},watch:{modelValue(o){this.isVisible=o},value(o){this.isVisible=o}},created(){s.translatable(u),this.hasModelValue?this.isVisible=this.modelValue:this.hasValue&&(this.isVisible=this.value)},methods:{onToggle(){this.disabled||(this.isVisible=!this.isVisible,this.$emit("update:model-value",this.isVisible))}}},p=["id"],V={class:"vui-modal-content"},b={key:0,class:"vui-modal-content-header"},k={key:0,class:"vui-modal-content-header-title"},f={key:1,class:"vui-modal-content-body"},B={key:2,class:"vui-modal-content-footer"};function v(o,l,C,g,i,t){const n=e.resolveComponent("vui-button");return i.isVisible?(e.openBlock(),e.createElementBlock("div",{key:0,id:o.componentId,class:e.normalizeClass(["vui-modal",o.$props.class])},[e.renderSlot(o.$slots,"prepend"),e.createElementVNode("div",V,[t.isHeaderVisible?(e.openBlock(),e.createElementBlock("div",b,[o.title?(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),o.showHeaderClose?(e.openBlock(),e.createElementBlock("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:l[0]||(l[0]=(...r)=>t.onToggle&&t.onToggle(...r))})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),o.$slots.body||o.$slots.default?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(o.$slots,"body"),e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0),t.isFooterVisible?(e.openBlock(),e.createElementBlock("div",B,[o.showHeaderClose?(e.openBlock(),e.createBlock(n,{key:0,text:o.$t("component.button.close"),onClick:t.onToggle},null,8,["text","onClick"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)]),e.renderSlot(o.$slots,"append")],10,p)):e.createCommentVNode("",!0)}const y=s._export_sfc(h,[["render",v]]);exports.default=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./button-D-YwKpq-.js"),s=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const d={"component.button.close":"Close"},c={},u={en:d,fr:c},m={loading:{type:Boolean},modelValue:{default:void 0,type:Boolean},showFooter:{type:Boolean},showFooterClose:{type:Boolean},showHeader:{type:Boolean},showHeaderClose:{type:Boolean},title:{type:String},value:{default:void 0,type:Boolean}},h={name:"VuiModal",components:{VuiButton:a.default},mixins:[s.composable],props:m,emits:["update:model-value"],data(){return{isVisible:!1}},computed:{isHeaderVisible(){return this.$slots.header||this.showHeader||this.showHeaderClose},isFooterVisible(){return this.$slots.footer||this.showFooter||this.showFooterClose}},watch:{modelValue(o){this.isVisible=o},value(o){this.isVisible=o}},created(){s.translatable(u),this.hasModelValue?this.isVisible=this.modelValue:this.hasValue&&(this.isVisible=this.value)},methods:{onToggle(){this.disabled||(this.isVisible=!this.isVisible,this.$emit("update:model-value",this.isVisible))}}},p=["id"],V={class:"vui-modal-content"},b={key:0,class:"vui-modal-content-header"},k={key:0,class:"vui-modal-content-header-title"},f={key:1,class:"vui-modal-content-body"},B={key:2,class:"vui-modal-content-footer"};function v(o,l,C,g,i,t){const n=e.resolveComponent("vui-button");return i.isVisible?(e.openBlock(),e.createElementBlock("div",{key:0,id:o.componentId,class:e.normalizeClass(["vui-modal",o.$props.class])},[e.renderSlot(o.$slots,"prepend"),e.createElementVNode("div",V,[t.isHeaderVisible?(e.openBlock(),e.createElementBlock("div",b,[o.title?(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),o.showHeaderClose?(e.openBlock(),e.createElementBlock("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:l[0]||(l[0]=(...r)=>t.onToggle&&t.onToggle(...r))})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),o.$slots.body||o.$slots.default?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(o.$slots,"body"),e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0),t.isFooterVisible?(e.openBlock(),e.createElementBlock("div",B,[o.showHeaderClose?(e.openBlock(),e.createBlock(n,{key:0,text:o.$t("component.button.close"),onClick:t.onToggle},null,8,["text","onClick"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)]),e.renderSlot(o.$slots,"append")],10,p)):e.createCommentVNode("",!0)}const y=s._export_sfc(h,[["render",v]]);exports.default=y;
@@ -1,4 +1,4 @@
1
- import u from "./button-Dall4PZ6.js";
1
+ import u from "./button-DHGu7n_C.js";
2
2
  import { _ as h, c as m, t as c } from "./_plugin-vue_export-helper-BSl1dQT6.js";
3
3
  import { resolveComponent as p, openBlock as o, createElementBlock as t, normalizeClass as f, renderSlot as l, createElementVNode as b, toDisplayString as V, createCommentVNode as s, createBlock as v } from "vue";
4
4
  import "highlight.js";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./nav-DSozAFxm.js"),g=require("./button-D5bD4vAv.js"),c=require("./animable-ChJEXlsE.js"),i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const m={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},h={},f={en:m,fr:h},b={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},route:{default:void 0,type:Object},size:{type:Number,default:25},value:{default:void 0,type:Number}},v={name:"VuiPager",components:{VuiButton:g.default,VuiNav:u.default},mixins:[c.animable,i.composable],props:b,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const e=[...Array.from({length:this.last},(r,a)=>a+1)],o=e.slice(0,this.page),l=e.slice(this.page,e.length);return[...o.slice(-(l.length>2?2:2+(2-l.length))),...l.slice(0,o.length>2?2:2+(2-o.length))]}return[]}},watch:{modelValue(e){this.page=e},value(e){this.page=e}},created(){i.translatable(f),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){var l;const{page:e,$route:o={}}=this;this.$emit("update:model-value",e),this.route&&((l=o.query)==null?void 0:l.page)!==e&&this.$router.push({...this.route,query:{...this.route.query,page:e}})}}},V=["id"],N={class:"vui-pager-content"};function P(e,o,l,r,a,s){const n=t.resolveComponent("vui-button"),p=t.resolveComponent("vui-nav");return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-pager",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",N,[t.renderSlot(e.$slots,"first",{},()=>[t.createVNode(n,t.mergeProps(e.$attrs,{disabled:a.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"previous",{},()=>[t.createVNode(n,t.mergeProps(e.$attrs,{disabled:a.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"pages",{},()=>[t.createElementVNode("div",{class:t.normalizeClass(["ellipse",{visible:s.last>4&&a.page+2>4}])}," ... ",2),t.createVNode(p,t.mergeProps({modelValue:a.page,"onUpdate:modelValue":o[0]||(o[0]=d=>a.page=d)},e.$attrs,{flat:e.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),t.createElementVNode("div",{class:t.normalizeClass(["ellipse",{visible:s.last>4&&a.page+2<s.last}])}," ... ",2)]),t.renderSlot(e.$slots,"next",{},()=>[t.createVNode(n,t.mergeProps(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"previous",{},()=>[t.createVNode(n,t.mergeProps(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),t.renderSlot(e.$slots,"append")],10,V)}const S=i._export_sfc(v,[["render",P]]);exports.default=S;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./nav-DSozAFxm.js"),g=require("./button-D-YwKpq-.js"),c=require("./animable-ChJEXlsE.js"),i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const m={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},h={},f={en:m,fr:h},b={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},route:{default:void 0,type:Object},size:{type:Number,default:25},value:{default:void 0,type:Number}},v={name:"VuiPager",components:{VuiButton:g.default,VuiNav:u.default},mixins:[c.animable,i.composable],props:b,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const e=[...Array.from({length:this.last},(r,a)=>a+1)],o=e.slice(0,this.page),l=e.slice(this.page,e.length);return[...o.slice(-(l.length>2?2:2+(2-l.length))),...l.slice(0,o.length>2?2:2+(2-o.length))]}return[]}},watch:{modelValue(e){this.page=e},value(e){this.page=e}},created(){i.translatable(f),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){var l;const{page:e,$route:o={}}=this;this.$emit("update:model-value",e),this.route&&((l=o.query)==null?void 0:l.page)!==e&&this.$router.push({...this.route,query:{...this.route.query,page:e}})}}},V=["id"],N={class:"vui-pager-content"};function P(e,o,l,r,a,s){const n=t.resolveComponent("vui-button"),p=t.resolveComponent("vui-nav");return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-pager",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",N,[t.renderSlot(e.$slots,"first",{},()=>[t.createVNode(n,t.mergeProps(e.$attrs,{disabled:a.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"previous",{},()=>[t.createVNode(n,t.mergeProps(e.$attrs,{disabled:a.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"pages",{},()=>[t.createElementVNode("div",{class:t.normalizeClass(["ellipse",{visible:s.last>4&&a.page+2>4}])}," ... ",2),t.createVNode(p,t.mergeProps({modelValue:a.page,"onUpdate:modelValue":o[0]||(o[0]=d=>a.page=d)},e.$attrs,{flat:e.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),t.createElementVNode("div",{class:t.normalizeClass(["ellipse",{visible:s.last>4&&a.page+2<s.last}])}," ... ",2)]),t.renderSlot(e.$slots,"next",{},()=>[t.createVNode(n,t.mergeProps(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"previous",{},()=>[t.createVNode(n,t.mergeProps(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),t.renderSlot(e.$slots,"append")],10,V)}const S=i._export_sfc(v,[["render",P]]);exports.default=S;
@@ -1,5 +1,5 @@
1
1
  import h from "./nav-DaMMbZ1c.js";
2
- import f from "./button-Dall4PZ6.js";
2
+ import f from "./button-DHGu7n_C.js";
3
3
  import { a as b } from "./animable-DnFaMPYA.js";
4
4
  import { _ as v, c as V, t as k } from "./_plugin-vue_export-helper-BSl1dQT6.js";
5
5
  import { resolveComponent as u, openBlock as C, createElementBlock as N, normalizeClass as r, renderSlot as i, createElementVNode as d, createVNode as l, mergeProps as n } from "vue";
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const o={},s={},n={en:o,fr:s},r={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-solid fa-circle"},iconChecked:{type:String,default:"fa-solid fa-circle-check"},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},text:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},u={name:"VuiRadio",mixins:[i.composable],props:r,emits:["update:model-value"],data(){return{toggled:!1}},computed:{hasLabel(){return this.$slots.default||this.text},isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){i.translatable(n),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},c=["id"],h=["name","disabled","required"],g=["for"];function f(e,d,k,p,b,t){return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":t.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":t.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:d[0]||(d[0]=(...a)=>t.onToggle&&t.onToggle(...a))},[l.renderSlot(e.$slots,"prepend"),e.icon&&!t.isChecked?(l.openBlock(),l.createElementBlock("i",{key:0,class:l.normalizeClass(["vui-radio-icon",e.icon])},null,2)):l.createCommentVNode("",!0),e.iconChecked&&t.isChecked?(l.openBlock(),l.createElementBlock("i",{key:1,class:l.normalizeClass(["vui-radio-icon",e.iconChecked])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,h),t.hasLabel?(l.openBlock(),l.createElementBlock("label",{key:2,class:"vui-radio-label",for:e.name},[l.renderSlot(e.$slots,"default",{},()=>[l.createTextVNode(l.toDisplayString(e.text),1)])],8,g)):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,c)}const m=i._export_sfc(u,[["render",f]]);exports.default=m;