@e-xode/vui 0.6.5

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 (159) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +107 -0
  3. package/dist/_plugin-vue_export-helper-BSl1dQT6.js +83 -0
  4. package/dist/_plugin-vue_export-helper-DeDoBcDj.js +1 -0
  5. package/dist/alert-CL20mS-E.js +49 -0
  6. package/dist/alert-CbdNaLvd.js +1 -0
  7. package/dist/animable-ChJEXlsE.js +1 -0
  8. package/dist/animable-DnFaMPYA.js +34 -0
  9. package/dist/button-D5bD4vAv.js +1 -0
  10. package/dist/button-Dall4PZ6.js +82 -0
  11. package/dist/card-DK0Uhh_6.js +1 -0
  12. package/dist/card-ouJTJOLK.js +50 -0
  13. package/dist/checkbox-B9yl-GCS.js +1 -0
  14. package/dist/checkbox-C0XHmyOW.js +116 -0
  15. package/dist/doc/assets/alert-BUCYz3vD.js +25 -0
  16. package/dist/doc/assets/alert-CMx1jzV3.css +1 -0
  17. package/dist/doc/assets/alert-CfN-KK4X.js +1 -0
  18. package/dist/doc/assets/animable-S5zFcxd4.js +1 -0
  19. package/dist/doc/assets/button-B8AvTEGk.css +1 -0
  20. package/dist/doc/assets/button-C1U5-S3p.js +1 -0
  21. package/dist/doc/assets/button-CNMZ1GQO.js +36 -0
  22. package/dist/doc/assets/button-Df0zy3mn.css +1 -0
  23. package/dist/doc/assets/card-CUtpnLFS.js +1 -0
  24. package/dist/doc/assets/card-Cm7t5GnP.css +1 -0
  25. package/dist/doc/assets/card-CwQ070ao.js +27 -0
  26. package/dist/doc/assets/checkbox-DUY-WF86.js +1 -0
  27. package/dist/doc/assets/checkbox-DrJf8HyQ.js +14 -0
  28. package/dist/doc/assets/checkbox-Dtjrzcei.css +1 -0
  29. package/dist/doc/assets/component-CXumWSlt.js +1 -0
  30. package/dist/doc/assets/component-CXwRI3O4.css +1 -0
  31. package/dist/doc/assets/composable-CshUTKfl.js +1 -0
  32. package/dist/doc/assets/default-D8NjjGBi.css +1 -0
  33. package/dist/doc/assets/default-DHoZWdtn.js +1 -0
  34. package/dist/doc/assets/demonstrable-B5KAWPKX.js +9 -0
  35. package/dist/doc/assets/dropdown-BDltvOgD.css +1 -0
  36. package/dist/doc/assets/dropdown-D0xbQtqT.css +1 -0
  37. package/dist/doc/assets/dropdown-D3hwsYWo.js +32 -0
  38. package/dist/doc/assets/dropdown-EPlb5xOz.js +1 -0
  39. package/dist/doc/assets/fa-brands-400-Ch568Ea9.woff2 +0 -0
  40. package/dist/doc/assets/fa-brands-400-DHHcbFjz.ttf +0 -0
  41. package/dist/doc/assets/fa-regular-400-9VThgXHM.woff2 +0 -0
  42. package/dist/doc/assets/fa-regular-400-C54-fRIQ.ttf +0 -0
  43. package/dist/doc/assets/fa-solid-900-Cm9M9sZB.ttf +0 -0
  44. package/dist/doc/assets/fa-solid-900-QWY35r5r.woff2 +0 -0
  45. package/dist/doc/assets/fa-v4compatibility-BRdYr4HJ.woff2 +0 -0
  46. package/dist/doc/assets/fa-v4compatibility-DLBX5pNp.ttf +0 -0
  47. package/dist/doc/assets/footer-BgsenAcP.js +1 -0
  48. package/dist/doc/assets/footer-Bm8ssenm.js +5 -0
  49. package/dist/doc/assets/footer-DYUKfFU3.css +1 -0
  50. package/dist/doc/assets/form-DKLHmzJQ.js +47 -0
  51. package/dist/doc/assets/form-XmHKCPrj.css +1 -0
  52. package/dist/doc/assets/form-k50YoLDD.js +1 -0
  53. package/dist/doc/assets/grid-Bh0kbzz2.css +1 -0
  54. package/dist/doc/assets/grid-BlQLubGm.css +1 -0
  55. package/dist/doc/assets/grid-BqtXNrmN.js +1 -0
  56. package/dist/doc/assets/grid-TeUBpTW_.js +14 -0
  57. package/dist/doc/assets/header-BXnWOksC.js +1 -0
  58. package/dist/doc/assets/header-Bz_A9csZ.css +1 -0
  59. package/dist/doc/assets/header-eITS5i2z.js +5 -0
  60. package/dist/doc/assets/index-7pe20t8n.js +1 -0
  61. package/dist/doc/assets/index-9U_mVUKM.css +1 -0
  62. package/dist/doc/assets/index-BQmFywQ4.js +48 -0
  63. package/dist/doc/assets/index-BSpywUIE.css +14 -0
  64. package/dist/doc/assets/index-wi3jjcqb.js +1 -0
  65. package/dist/doc/assets/input-BKMua51x.js +1 -0
  66. package/dist/doc/assets/input-BOPqansB.js +15 -0
  67. package/dist/doc/assets/input-D3l35AS9.css +1 -0
  68. package/dist/doc/assets/input-DSlxLCcA.css +1 -0
  69. package/dist/doc/assets/list-BPEuENqV.css +1 -0
  70. package/dist/doc/assets/list-CGLoBn9q.js +1 -0
  71. package/dist/doc/assets/list-CLtQXRmR.css +1 -0
  72. package/dist/doc/assets/list-n45uFw2X.js +30 -0
  73. package/dist/doc/assets/loader-BV0MDdoZ.js +1 -0
  74. package/dist/doc/assets/loader-C4g8GuOD.css +1 -0
  75. package/dist/doc/assets/loader-kFszqXxd.js +21 -0
  76. package/dist/doc/assets/modal-BQbrtOh6.js +1 -0
  77. package/dist/doc/assets/modal-C8IiekXp.css +1 -0
  78. package/dist/doc/assets/modal-DLTSg2Rm.js +18 -0
  79. package/dist/doc/assets/nav-C_eRBUvm.css +1 -0
  80. package/dist/doc/assets/nav-DL_aupT5.js +1 -0
  81. package/dist/doc/assets/nav-DQFqqSlk.js +20 -0
  82. package/dist/doc/assets/page-5bIt8sIt.js +53 -0
  83. package/dist/doc/assets/page-DtSZOZ0a.css +1 -0
  84. package/dist/doc/assets/page-HHRlPnpS.js +1 -0
  85. package/dist/doc/assets/pager-BJfdjd6d.js +1 -0
  86. package/dist/doc/assets/pager-BSfAVnS5.css +1 -0
  87. package/dist/doc/assets/pager-lLWSRkXq.js +22 -0
  88. package/dist/doc/assets/progress-BGFPfOOr.js +14 -0
  89. package/dist/doc/assets/progress-DILkrPEU.css +1 -0
  90. package/dist/doc/assets/progress-agXYCgzm.js +1 -0
  91. package/dist/doc/assets/start-CD9tFbht.css +1 -0
  92. package/dist/doc/assets/start-CqupTQKQ.js +1 -0
  93. package/dist/doc/assets/table-BawB_9__.css +1 -0
  94. package/dist/doc/assets/table-CMUxQ9C6.js +75 -0
  95. package/dist/doc/assets/table-DX3maWwn.css +1 -0
  96. package/dist/doc/assets/table-No82fyed.js +1 -0
  97. package/dist/doc/assets/tabs-B3SGp8R7.css +1 -0
  98. package/dist/doc/assets/tabs-BO11EW27.js +1 -0
  99. package/dist/doc/assets/tabs-uU4Onuid.js +11 -0
  100. package/dist/doc/assets/tag-COrA8kV9.js +25 -0
  101. package/dist/doc/assets/tag-DAiyWNFY.css +1 -0
  102. package/dist/doc/assets/tag-Do20IKxB.js +1 -0
  103. package/dist/doc/assets/toggle-BOUyuSz0.js +9 -0
  104. package/dist/doc/assets/toggle-CweBCm3j.css +1 -0
  105. package/dist/doc/assets/toggle-DazanQqx.js +1 -0
  106. package/dist/doc/assets/tooltip-94laNPly.js +1 -0
  107. package/dist/doc/assets/tooltip-CB2SgOBq.css +1 -0
  108. package/dist/doc/assets/tooltip-CpdVg_-T.js +48 -0
  109. package/dist/doc/assets/translatable-DbFxNJLL.js +1 -0
  110. package/dist/doc/assets/unit-BBuvFoj-.js +18 -0
  111. package/dist/doc/assets/unit-BziEb5aB.css +1 -0
  112. package/dist/doc/assets/unit-CEWThaCv.css +1 -0
  113. package/dist/doc/assets/unit-CiQ7QHVC.js +1 -0
  114. package/dist/doc/index.html +31 -0
  115. package/dist/dropdown-94Qb68fE.js +188 -0
  116. package/dist/dropdown-BwSLrIif.js +1 -0
  117. package/dist/footer-51s_zdw3.js +29 -0
  118. package/dist/footer-BsenaW5N.js +1 -0
  119. package/dist/form-BZpgCWGA.js +29 -0
  120. package/dist/form-ZUVvCZyS.js +1 -0
  121. package/dist/grid-CurHW85o.js +66 -0
  122. package/dist/grid-DWWix5rK.js +1 -0
  123. package/dist/header-DcGPzeye.js +29 -0
  124. package/dist/header-ZYcWwRkh.js +1 -0
  125. package/dist/index-BYlXFZ1a.js +7 -0
  126. package/dist/index-CIHzWz8S.js +1 -0
  127. package/dist/input-Dy5fCJhT.js +103 -0
  128. package/dist/input-WjGQ7q1J.js +1 -0
  129. package/dist/list-BH719nj8.js +286 -0
  130. package/dist/list-BkZK3xVW.js +1 -0
  131. package/dist/loader-BfFCffVh.js +1 -0
  132. package/dist/loader-D-dknzvs.js +60 -0
  133. package/dist/modal-ClZY58iR.js +1 -0
  134. package/dist/modal-DkygZY00.js +126 -0
  135. package/dist/nav-BD6eV2wj.js +1 -0
  136. package/dist/nav-DdIBrD1b.js +142 -0
  137. package/dist/page-BIUh-VF2.js +1 -0
  138. package/dist/page-CM5kqSQi.js +60 -0
  139. package/dist/pager-C8iFmeo8.js +1 -0
  140. package/dist/pager-CBJ3CiCZ.js +172 -0
  141. package/dist/progress-DsA7oWSK.js +59 -0
  142. package/dist/progress-d0_3-GgJ.js +1 -0
  143. package/dist/style.css +1 -0
  144. package/dist/table-8qXMDkjH.js +1 -0
  145. package/dist/table-DuvV-g2p.js +95 -0
  146. package/dist/tabs-CHwXPZS8.js +1 -0
  147. package/dist/tabs-X0RMcNvq.js +113 -0
  148. package/dist/tag-D4iZf3-b.js +48 -0
  149. package/dist/tag-viNXw7N7.js +1 -0
  150. package/dist/toggle-BjGdBPSz.js +114 -0
  151. package/dist/toggle-gSEwsuRP.js +1 -0
  152. package/dist/tooltip--n3igWe7.js +1 -0
  153. package/dist/tooltip-CIoZoCZY.js +127 -0
  154. package/dist/unit-DGlQY07B.js +1 -0
  155. package/dist/unit-Xp1FHc7U.js +41 -0
  156. package/dist/vui.esm.js +272 -0
  157. package/dist/vui.js +1 -0
  158. package/dist/vui.umd.js +1 -0
  159. package/package.json +107 -0
@@ -0,0 +1,53 @@
1
+ import{d as f}from"./demonstrable-B5KAWPKX.js";import{t as b}from"./translatable-DbFxNJLL.js";import v from"./page-HHRlPnpS.js";import{_,a as s,b as t,w as a,r as n,o as g,F as i,g as M,k,l as S,q as $,e as l,t as p,d as r}from"./index-BQmFywQ4.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.page.doc.attr.flat"}],examples:[{markup:`
2
+ <vui-page
3
+ layout="warning"
4
+ id="vui-page-1"
5
+ >
6
+ <template #header>
7
+ My page header
8
+ </template>
9
+ <template #body>
10
+ My page content
11
+ </template>
12
+ <template #footer>
13
+ My page footer
14
+ </template>
15
+ </vui-page>
16
+ `,props:{layout:"warning",id:"vui-page-1"},footer:"page.component.page.footer",body:"page.component.page.body",header:"page.component.page.header"},{markup:`
17
+ <vui-page
18
+ layout="success"
19
+ id="vui-page-2"
20
+ >
21
+ <template #header>
22
+ My page header
23
+ </template>
24
+ <template #body>
25
+ My page content
26
+ </template>
27
+ <template #footer>
28
+ My page footer
29
+ </template>
30
+ </vui-page>
31
+ `,props:{layout:"success",id:"vui-page-2"},footer:"page.component.page.footer",body:"page.component.page.body",header:"page.component.page.header"},{markup:`
32
+ <vui-page
33
+ layout="error"
34
+ id="vui-page-3"
35
+ >
36
+ <template #header>
37
+ My page header
38
+ </template>
39
+ <template #body>
40
+ My page content
41
+ </template>
42
+ <template #footer>
43
+ My page footer
44
+ </template>
45
+ </vui-page>
46
+ `,props:{layout:"error",id:"vui-page-3"},footer:"page.component.page.footer",body:"page.component.page.body",header:"page.component.page.header"},{markup:`
47
+ <vui-page
48
+ flat
49
+ id="vui-page-4"
50
+ >
51
+ My page content
52
+ </vui-page>
53
+ `,props:{flat:!0},body:"page.component.page.body"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.page.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.page.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.page.doc.prop.loading"}],slots:[{name:"#prepend",text:"page.component.page.doc.slot.prepend"},{name:"#header",text:"page.component.page.doc.slot.header"},{name:"#body",text:"page.component.page.doc.slot.body"},{name:"#footer",text:"page.component.page.doc.slot.footer"},{name:"#append",text:"page.component.page.doc.slot.append"}]},w={"page.component.page.header":"My page header","page.component.page.body":"My page content","page.component.page.footer":"My page footer","page.component.page.doc.prop.disabled":"Binds the disabled state","page.component.page.doc.prop.layout":"The card layout: [error, success, warning]","page.component.page.doc.prop.loading":"Binds the loading state","page.component.page.doc.slot.prepend":"Slot used to prepend content","page.component.page.doc.slot.header":"Slot for the header content","page.component.page.doc.slot.body":"Slot for the body content","page.component.page.doc.slot.footer":"Slot for the footer content","page.component.page.doc.slot.append":"Slot used to append content"},B={},P={en:w,fr:B},H={name:"ViewPage",mixins:[f],setup(){return b(P),{}},computed:{doc(){return m},examples(){return this.docExamples(v,m)}}},V={class:"view-page"},T=["innerHTML"],L={class:"title"},N={class:"title"},A={class:"title"};function C(e,E,F,q,z,u){const h=n("vui-page"),c=n("vui-grid-unit"),d=n("vui-table"),y=n("vui-grid");return g(),s("div",V,[t(y,{"col-sm":"1","col-md":"2"},{default:a(()=>[t(c,{class:"examples"},{default:a(()=>[(g(!0),s(i,null,M(u.examples,o=>(g(),s(i,{key:`page-${o.props.id}`},[t(h,k(S(o.props)),$({_:2},[o.header?{name:"header",fn:a(()=>[l(p(e.$t(o.header)),1)]),key:"0"}:void 0,o.body?{name:"body",fn:a(()=>[l(p(e.$t(o.body)),1)]),key:"1"}:void 0,o.footer?{name:"footer",fn:a(()=>[l(p(e.$t(o.footer)),1)]),key:"2"}:void 0]),1040),r("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,T)],64))),128))]),_:1}),t(c,{class:"api-options"},{default:a(()=>[r("h2",L,p(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),r("h2",N,p(e.$t("page.component.h2.attrs")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docAttrsHeaders,items:e.docAttrs},null,8,["headers","items"]),r("h2",A,p(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=_(H,[["render",C]]);export{J as default};
@@ -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-page{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;border-radius:.25rem}.vui-page.vui-page--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-page.vui-page--default .vui-page-icon:before{color:#000}.vui-page.vui-page--default.vui-page--loading .vui-page-loader{background-color:#000}.vui-page.vui-page--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-page.vui-page--error .vui-page-icon:before{color:#960e13}.vui-page.vui-page--error.vui-page--loading .vui-page-loader{background-color:#960e13}.vui-page.vui-page--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-page.vui-page--success .vui-page-icon:before{color:#145b32}.vui-page.vui-page--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-page.vui-page--warning .vui-page-icon:before{color:#976008}.vui-page:not(.vui-page--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-page .vui-page-header{padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-page .vui-page-body{flex:1 1 auto;padding:2rem 1rem}.vui-page .vui-page-footer{padding:.5rem;border-top-style:solid;border-top-width:1px;border-top-color:inherit}
@@ -0,0 +1 @@
1
+ import{a as n}from"./animable-S5zFcxd4.js";import{c as d}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-DbFxNJLL.js";import{_ as u,a as e,j as o,f as a,n as c,o as t}from"./index-BQmFywQ4.js";const m={},f={},$={en:m,fr:f},h={name:"VuiPage",mixins:[n,d],created(){p($)},methods:{outclick(){this.$bus.emit("outclick",this.componentGroupId)}}},k=["id"],v={key:0,class:"vui-page-header"},g={key:1,class:"vui-page-body"},b={key:2,class:"vui-page-footer"};function y(s,r,C,V,B,l){return t(),e("div",{id:s.componentId,class:c(["vui-page",`vui-page--${s.layout}`,{"vui-page--flat":s.hasAttribute("flat")},s.$props.class]),onClick:r[0]||(r[0]=(...i)=>l.outclick&&l.outclick(...i))},[o(s.$slots,"prepend"),s.$slots.header?(t(),e("div",v,[o(s.$slots,"header")])):a("",!0),s.$slots.body||s.$slots.default?(t(),e("div",g,[o(s.$slots,"body"),o(s.$slots,"default")])):a("",!0),s.$slots.footer?(t(),e("div",b,[o(s.$slots,"footer")])):a("",!0),o(s.$slots,"append")],10,k)}const A=u(h,[["render",y]]);export{A as default};
@@ -0,0 +1 @@
1
+ import h from"./nav-DL_aupT5.js";import f from"./button-C1U5-S3p.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as v}from"./composable-CshUTKfl.js";import{t as V}from"./translatable-DbFxNJLL.js";import{_ as P,a as k,j as a,d as r,n as d,r as u,o as C,b as i,m as l}from"./index-BQmFywQ4.js";import"./list-CGLoBn9q.js";const N={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},B={},L={en:N,fr:B},S={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},y={name:"VuiPager",components:{VuiButton:f,VuiNav:h},mixins:[b,v],props:S,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const e=[...Array.from({length:this.last},(g,t)=>t+1)],o=e.slice(0,this.page),n=e.slice(this.page,e.length);return[...o.slice(-(n.length>2?2:2+(2-n.length))),...n.slice(0,o.length>2?2:2+(2-o.length))]}return[]}},watch:{modelValue(e){this.page=e},value(e){this.page=e}},created(){V(L),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){this.$emit("update:model-value",this.page)}}},z=["id"],U={class:"vui-pager-content"};function _(e,o,n,g,t,s){const p=u("vui-button"),c=u("vui-nav");return C(),k("div",{id:e.componentId,class:d(["vui-pager",e.$props.class])},[a(e.$slots,"prepend"),r("div",U,[a(e.$slots,"first",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),a(e.$slots,"pages",{},()=>[r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2>4}])}," ... ",2),i(c,l({modelValue:t.page,"onUpdate:modelValue":o[0]||(o[0]=m=>t.page=m)},e.$attrs,{flat:e.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2<s.last}])}," ... ",2)]),a(e.$slots,"next",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),a(e.$slots,"append")],10,z)}const T=P(y,[["render",_]]);export{T as default};
@@ -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-pager .vui-pager-content{display:flex;justify-content:space-between}.vui-pager .vui-pager-content .vui-button.vui-button--first,.vui-pager .vui-pager-content .vui-button.vui-button--next{margin-right:.25rem}.vui-pager .vui-pager-content .ellipse{padding:0 .75rem;line-height:2rem;text-align:center;opacity:0}.vui-pager .vui-pager-content .ellipse.visible{opacity:1}
@@ -0,0 +1,22 @@
1
+ import{d as b}from"./demonstrable-B5KAWPKX.js";import{t as f}from"./translatable-DbFxNJLL.js";import x from"./pager-BJfdjd6d.js";import{_ as V,a as s,b as o,w as r,r as n,o as a,F as c,g as y,h as k,m as z,i as B,d as i,t as u}from"./index-BQmFywQ4.js";import"./nav-DL_aupT5.js";import"./list-CGLoBn9q.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";import"./button-C1U5-S3p.js";const g={attrs:[],examples:[{markup:`
2
+ <vui-pager
3
+ id="vui-page-1"
4
+ :count="9"
5
+ :size="25"
6
+ />
7
+ `,props:{id:"example-pager-1",count:9,size:25},modelValue:1},{markup:`
8
+ <vui-pager
9
+ id="vui-page-2"
10
+ :count="100"
11
+ :size="10"
12
+ :value="5"
13
+ />
14
+ `,props:{id:"example-pager-2",count:100,size:10},modelValue:5},{markup:`
15
+ <vui-pager
16
+ flat
17
+ id="vui-page-3"
18
+ :count="100"
19
+ :size="10"
20
+ :value="1"
21
+ />
22
+ `,props:{flat:!0,id:"example-pager-3",count:100,size:10},modelValue:1}],props:[{tag:"count",type:"Number",text:"page.component.pager.doc.prop.count"},{tag:"disabled",type:"Boolean",text:"page.component.pager.doc.prop.disabled"},{tag:"loading",type:"Boolean",text:"page.component.pager.doc.prop.loading"},{tag:"size",type:"Number",text:"page.component.pager.doc.prop.loading"},{tag:"value",type:"[Object, Number, String]",text:"page.component.pager.doc.prop.value"},{tag:"v-model",type:"[Object, Number, String]",text:"page.component.pager.doc.prop.v-model"}],slots:[{name:"first",text:"page.component.pager.doc.slot.first"},{name:"previous",text:"page.component.pager.doc.slot.previous"},{name:"next",text:"page.component.pager.doc.slot.next"},{name:"last",text:"page.component.pager.doc.slot.last"}]},N={},P={},S={en:N,fr:P},w={name:"ViewPager",mixins:[b],setup(){return f(S),{}},data(){return{pages:{}}},computed:{doc(){return g},examples(){return this.docExamples(x,g)}},mounted(){this.pages=this.examples.reduce((e,p)=>({...e,[p.props.id]:p.modelValue}),{})},methods:{}},H={class:"view-pager"},$=["innerHTML"],C={class:"title"},L={class:"title"};function j(e,p,D,E,l,v){const d=n("vui-grid-unit"),m=n("vui-table"),h=n("vui-grid");return a(),s("div",H,[o(h,{"col-sm":"1","col-md":"2"},{default:r(()=>[o(d,{class:"examples"},{default:r(()=>[(a(!0),s(c,null,y(v.examples,t=>(a(),s(c,{key:`pager-${t.props.id}`},[(a(),k(B(t.component),z(t.props,{modelValue:l.pages[t.props.id],"onUpdate:modelValue":_=>l.pages[t.props.id]=_}),null,16,["modelValue","onUpdate:modelValue"])),i("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,$)],64))),128))]),_:1}),o(d,{class:"api-options"},{default:r(()=>[i("h2",C,u(e.$t("page.component.h2.api")),1),o(m,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),i("h2",L,u(e.$t("page.component.h2.slots")),1),o(m,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=V(w,[["render",j]]);export{J as default};
@@ -0,0 +1,14 @@
1
+ import{d as g}from"./demonstrable-B5KAWPKX.js";import{t as v}from"./translatable-DbFxNJLL.js";import _ from"./progress-agXYCgzm.js";import{_ as h,a as t,b as s,w as a,r as p,o as r,F as c,g as x,h as b,k as f,l as y,i as k,d as l,t as w}from"./index-BQmFywQ4.js";import"./composable-CshUTKfl.js";const B={"page.component.progress.doc.prop.disabled":"Bind the disabled state","page.component.progress.doc.prop.layout":"The progress-bar layout: [error, success, warning]","page.component.progress.doc.prop.min":"Minimum value of progressbar","page.component.progress.doc.prop.max":"Maximum value of progressbar","page.component.progress.doc.prop.value":"current value of progressbar"},P={},$={en:B,fr:P},n={examples:[{markup:`
2
+ <vui-progress
3
+ min="0"
4
+ max="100"
5
+ :value="10"
6
+ />
7
+ `,props:{id:"vui-progress-1",min:0,max:100,value:10}},{markup:`
8
+ <vui-progress
9
+ layout="warning"
10
+ min="0"
11
+ max="100"
12
+ :value="50",
13
+ />
14
+ `,props:{id:"vui-progress-2",min:0,max:100,value:50,layout:"warning"}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.progress.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.progress.doc.prop.layout"},{tag:"min",type:"Number",text:"page.component.progress.doc.prop.min"},{tag:"max",type:"Number",text:"page.component.progress.doc.prop.max"},{tag:"value",type:"Number",text:"page.component.progress.doc.prop.value"}],slots:[]},N={name:"ViewProgress",mixins:[g],setup(){return v($),{}},computed:{doc(){return n},examples(){return this.docExamples(_,{attrs:n.attrs,examples:n.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},M={class:"view-progress"},V=["innerHTML"],C={class:"title"};function H(e,L,T,D,E,m){const i=p("vui-grid-unit"),u=p("vui-table"),d=p("vui-grid");return r(),t("div",M,[s(d,{"col-sm":"1","col-md":"2"},{default:a(()=>[s(i,{class:"examples"},{default:a(()=>[(r(!0),t(c,null,x(m.examples,o=>(r(),t(c,{key:`card-${o.props.id}`},[(r(),b(k(o.component),f(y(o.props)),null,16)),l("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,V)],64))),128))]),_:1}),s(i,{class:"api-options"},{default:a(()=>[l("h2",C,w(e.$t("page.component.h2.api")),1),s(u,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const q=h(N,[["render",H]]);export{q 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-progress .vui-progress-bar{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);width:100%;height:1rem;background-color:#bdc3c7;border:1px solid #869198;border-radius:.25rem}.vui-progress .vui-progress-bar.vui-progress-bar--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-progress .vui-progress-bar.vui-progress-bar--default .vui-progress-bar-icon:before{color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--default.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-progress .vui-progress-bar.vui-progress-bar--error .vui-progress-bar-icon:before{color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--error.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-progress .vui-progress-bar.vui-progress-bar--success .vui-progress-bar-icon:before{color:#145b32}.vui-progress .vui-progress-bar.vui-progress-bar--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-progress .vui-progress-bar.vui-progress-bar--warning .vui-progress-bar-icon:before{color:#976008}.vui-progress .vui-progress-bar .vui-progress-bar-cursor{height:.9rem;background-color:#27ae60}
@@ -0,0 +1 @@
1
+ import{c}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-DbFxNJLL.js";import{_ as u,a as l,j as t,d as a,s as d,n as o,o as m}from"./index-BQmFywQ4.js";const h={},b={},v={en:h,fr:b},f={min:{type:Number,required:!0},max:{type:Number,required:!0},value:{type:Number,required:!0}},$={name:"VuiProgress",mixins:[c],props:f,computed:{width(){const s=Math.abs(this.value),e=Math.abs(this.min),r=Math.abs(this.max);return`${Math.round(s/(e+r)*100)}%`}},created(){p(v)}},g=["id"];function y(s,e,r,n,_,i){return m(),l("div",{id:s.componentId,class:o(["vui-progress",s.$props.class])},[t(s.$slots,"prepend"),a("div",{class:o(["vui-progress-bar",`vui-progress-bar--${s.layout}`])},[a("div",{class:"vui-progress-bar-cursor",style:d({width:i.width})},null,4)],2),t(s.$slots,"append")],10,g)}const w=u($,[["render",y]]);export{w as default};
@@ -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}}.view-start h1{font-size:2rem;text-transform:none}.view-start .vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label{font-weight:700;text-transform:uppercase}.view-start .vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-label{padding:0 .75rem}.view-start .vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-label *{line-height:2.5em}.view-start .vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-label a{flex:1 1 auto;color:#1e8449}
@@ -0,0 +1 @@
1
+ import{t as d}from"./translatable-DbFxNJLL.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-BQmFywQ4.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};
@@ -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}}.view-table .vui-table table{width:100%}
@@ -0,0 +1,75 @@
1
+ import{d as y}from"./demonstrable-B5KAWPKX.js";import{t as h}from"./translatable-DbFxNJLL.js";import g from"./table-No82fyed.js";import{_,a as n,b as t,w as l,r as s,o as i,F as m,g as f,h as Q,d as o,t as r,k as x,l as S,i as D}from"./index-BQmFywQ4.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const k={"page.component.table.doc.prop.headers":"Array containing text / value foreach item header","page.component.table.doc.prop.item-label":"Label key for each item in table","page.component.table.doc.prop.item-value":"Value key for each item in table","page.component.table.doc.prop.items":"Array of items to display in table","page.component.table.doc.slot.header":"Slot to replace header row default rendering","page.component.table.doc.slot.item":"Slot to replace item row default rendering"},V={},L={en:k,fr:V},u={attrs:[],examples:[{markup:`
2
+ <vui-table
3
+ itemLabel="label",
4
+ itemValue="value"
5
+ headers="[
6
+ {
7
+ label: 'Start date',
8
+ value: 'startDate'
9
+ },
10
+ {
11
+ label: 'Start Quantity',
12
+ value: 'startQuantity'
13
+ },
14
+ {
15
+ label: 'End date',
16
+ value: 'endDate'
17
+ },
18
+ {
19
+ label: 'End Quantity',
20
+ value: 'endQuantity'
21
+ }
22
+ ]",
23
+ items="[
24
+ {
25
+ startDate: '2022-01-01',
26
+ startQuantity: '2 187',
27
+ endDate: '2022-12-01',
28
+ endQuantity: '1 239'
29
+ }
30
+ ]"
31
+ >
32
+ <template #item.endQuantity="{ item }">
33
+ <td>{{ item.endQuantity }} units</td>
34
+ </template>
35
+ </vui-table>
36
+ `,props:{id:"vui-table-1",headers:[{label:"Start date",value:"startDate"},{label:"Start Quantity",value:"startQuantity"},{label:"End date",value:"endDate"},{label:"End Quantity",value:"endQuantity"}],items:[{startDate:"2022-01-01",startQuantity:"723",endDate:"2022-12-01",endQuantity:"1 239"}],itemLabel:"label",itemValue:"value"}},{markup:`
37
+ <vui-table
38
+ itemLabel="label",
39
+ itemValue="value"
40
+ headers="[
41
+ {
42
+ label: 'Id',
43
+ value: 'id'
44
+ },
45
+ {
46
+ label: 'City Name',
47
+ value: 'city.name'
48
+ },
49
+ {
50
+ label: 'Population',
51
+ value: 'city.population'
52
+ }
53
+ ]"
54
+ items="[
55
+ {
56
+ id: 1,
57
+ city: {
58
+ name: 'Paris',
59
+ population: 2161000
60
+ }
61
+ },
62
+ {
63
+ id: 1,
64
+ city: {
65
+ name: 'Mexico',
66
+ population: 126700000
67
+ }
68
+ }
69
+ ]"
70
+ >
71
+ <template #item.endQuantity="{ item }">
72
+ <td>{{ item.endQuantity }} units</td>
73
+ </template>
74
+ </vui-table>
75
+ `,props:{id:"vui-table-2",headers:[{label:"Id",value:"id",class:"text-center"},{label:"City Name",value:"city.name"},{label:"Population",value:"city.population"}],items:[{id:1,city:{name:"Paris",population:2161e3}},{id:2,city:{name:"Mexico",population:1267e5}}],itemLabel:"label",itemValue:"value"}}],props:[{tag:"headers",type:"Array",text:"page.component.table.doc.prop.headers"},{tag:"item-label",type:"String",text:"page.component.table.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.table.doc.prop.item-value"},{tag:"items",type:"Array",text:"page.component.table.doc.prop.items"}],slots:[{name:"header",text:"page.component.table.doc.slot.header"},{name:"item",text:"page.component.table.doc.slot.item"}]},P={name:"ViewTable",mixins:[y],setup(){return h(L),{}},computed:{doc(){return u},examples(){return this.docExamples(g,u)}}},w={class:"view-table"},E=["innerHTML"],$={class:"title"},C={class:"title"};function A(e,B,H,M,N,c){const p=s("vui-grid-unit"),d=s("vui-table"),b=s("vui-grid");return i(),n("div",w,[t(b,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(p,{class:"examples"},{default:l(()=>[(i(!0),n(m,null,f(c.examples,a=>(i(),n(m,{key:`table-${a.props.id}`},[(i(),Q(D(a.component),x(S(a.props)),{"item.endQuantity":l(({item:v})=>[o("td",null,r(v.endQuantity)+" units",1)]),_:2},1040)),o("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,E)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:l(()=>[o("h2",$,r(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),o("h2",C,r(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const q=_(P,[["render",A]]);export{q as default};
@@ -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-table table{border-collapse:collapse}.vui-table table thead tr{background-color:#d9dcde}.vui-table table thead tr th{padding:1rem;border:1px solid rgb(189,195,199)}.vui-table table thead tr th:not(.text-center,.text-right){text-align:left}.vui-table table tbody tr td{padding:1rem;border:1px solid rgb(189,195,199)}@media (max-width: 550px){.vui-table table thead{display:none}.vui-table table tr{display:block;margin-bottom:1rem}.vui-table table td{display:block;text-align:right}.vui-table table td:before{content:attr(data-label);float:left}}
@@ -0,0 +1 @@
1
+ import{a as c}from"./animable-S5zFcxd4.js";import{c as y}from"./composable-CshUTKfl.js";import{t as L}from"./translatable-DbFxNJLL.js";import{_ as g,a as o,j as s,d as l,F as u,g as d,n as p,o as i,t as $}from"./index-BQmFywQ4.js";const h={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},k={},I={},S={en:k,fr:I},B={name:"VuiTable",mixins:[c,y],props:h,created(){L(S)},methods:{leaf(e,b){return b.split(".").reduce((n,m)=>n&&n[m]?n[m]:null,e)}}},v=["id"],A=["data-label"];function F(e,b,n,m,T,V){return i(),o("div",{id:e.componentId,class:p(["vui-table",e.$props.class])},[s(e.$slots,"prepend"),l("table",null,[l("thead",null,[l("tr",null,[(i(!0),o(u,null,d(e.headers,(a,t)=>s(e.$slots,`header.${a[e.itemValue]}`,{key:`table-${e.componentId}-header--${t}`,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue,index:t},()=>[l("th",{class:p(a.class)},$(a[e.itemLabel]),3)])),128))])]),l("tbody",null,[(i(!0),o(u,null,d(e.items,(a,t)=>s(e.$slots,"default",{key:`table-${e.componentId}-item--${t}`,index:t,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[l("tr",null,[(i(!0),o(u,null,d(e.headers,(r,f)=>s(e.$slots,`item.${r[e.itemValue]}`,{key:`table-${e.componentId}-item-td--${f}`,index:f,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[l("td",{"data-label":r.label,class:p(r.class)},$(V.leaf(a,r.value)),11,A)])),128))])])),128))])]),s(e.$slots,"append")],10,v)}const D=g(B,[["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 #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slots{padding:1rem;border:1px solid #d9dcde}
@@ -0,0 +1 @@
1
+ import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-DbFxNJLL.js";import{_ as b,a as s,j as i,d as l,F as o,g as c,n,o as a,f as m,t as f}from"./index-BQmFywQ4.js";const V={},g={},y={en:V,fr:g},$={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:$,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(y),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const r=this.items[0];this.active=r[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],_={class:"vui-tabs-tabs"},C=["onClick"],w={class:"label"},B={class:"vui-tabs-slots"};function L(e,r,F,I,u,d){return a(),s("div",{id:e.componentId,class:n(["vui-tabs",e.$props.class])},[i(e.$slots,"prepend"),l("div",_,[(a(!0),s(o,null,c(d.tabs,t=>(a(),s("div",{key:t.$$id,class:n(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===u.active}]),onClick:()=>d.toggle(t[e.itemValue])},[e.icon?(a(),s("i",{key:0,class:n(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),l("span",w,f(t[e.itemLabel]),1)],10,C))),128))]),l("div",B,[(a(!0),s(o,null,c(e.items,(t,h)=>(a(),s(o,{key:`slot-${t.$$id}`},[t[e.itemValue]===u.active?i(e.$slots,t[e.itemValue],{key:0,index:h}):m("",!0)],64))),128))]),i(e.$slots,"append")],10,S)}const q=b(k,[["render",L]]);export{q as default};
@@ -0,0 +1,11 @@
1
+ import{d as h}from"./demonstrable-B5KAWPKX.js";import{t as _}from"./translatable-DbFxNJLL.js";import f from"./tabs-BO11EW27.js";import{_ as y,a as p,b as a,w as o,r as n,o as s,F as b,g as u,h as x,q as T,e as k,t as l,k as B,l as $,i as S,d as r}from"./index-BQmFywQ4.js";import"./composable-CshUTKfl.js";const V={"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"},L={},w={en:V,fr:L},i={examples:[{markup:`
2
+ <vui-tabs
3
+ items="[
4
+ { 'label': 'Tab 1', 'value': 'tab1' },
5
+ { 'label': 'Tab 2', 'value': 'tab2' },
6
+ ]"
7
+ >
8
+ <template #tab1>Tab 1</template>
9
+ <template #tab2>Tab 2</template>
10
+ </vui-tabs>
11
+ `,props:{icon:"fa-solid fa-tags",id:"vui-tabs-1",items:[{label:"Tab 1",value:"tab1"},{label:"Tab 2",value:"tab2"}]},text:"page.component.tabs.default"}],props:[{tag:"items",type:"Array",text:"page.component.tabs.doc.prop.disabled"},{tag:"items",type:"Array",text:"page.component.tabs.doc.prop.items"},{tag:"item-label",type:"String",text:"page.component.tabs.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.tabs.doc.prop.item-value"},{tag:"v-model",type:"Boolean",text:"page.component.tabs.doc.prop.vmodel"},{tag:"value",type:"Boolean",text:"page.component.tabs.doc.prop.value"}],slots:[{name:"default",text:"page.component.card.doc.slot.default"}]},H={name:"ViewTabs",mixins:[h],setup(){return _(w),{}},computed:{doc(){return i},examples(){return this.docExamples(f,{attrs:i.attrs,examples:i.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},P={class:"view-tabs"},C=["innerHTML"],D={class:"title"},N={class:"title"};function A(e,E,F,M,q,g){const c=n("vui-grid-unit"),d=n("vui-table"),v=n("vui-grid");return s(),p("div",P,[a(v,{"col-sm":"1","col-md":"2"},{default:o(()=>[a(c,{class:"examples"},{default:o(()=>[(s(!0),p(b,null,u(g.examples,t=>(s(),p(b,{key:`tag-${t.props.id}`},[(s(),x(S(t.component),B($(t.props)),T({_:2},[u(t.props.items,(m,z)=>({name:m.value,fn:o(()=>[k(l(m.label),1)])}))]),1040)),r("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,C)],64))),128))]),_:1}),a(c,{class:"api-options"},{default:o(()=>[r("h2",D,l(e.$t("page.component.h2.api")),1),a(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),r("h2",N,l(e.$t("page.component.h2.slots")),1),a(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const K=y(H,[["render",A]]);export{K as default};
@@ -0,0 +1,25 @@
1
+ import{d as f}from"./demonstrable-B5KAWPKX.js";import{t as h}from"./translatable-DbFxNJLL.js";import v from"./tag-Do20IKxB.js";import{_,a as s,b as a,w as n,r as p,o,F as r,g as y,h as x,e as b,t as i,f as k,k as w,l as S,i as $,d as c}from"./index-BQmFywQ4.js";import"./composable-CshUTKfl.js";const T={"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"},V={},B={en:T,fr:V},g={examples:[{markup:`
2
+ <vui-tag
3
+ icon="fa-solid fa-tag"
4
+ >
5
+ Default type tag
6
+ </vui-tag>
7
+ `,props:{id:"vui-tag-1",icon:"fa-solid fa-tag"},text:"page.component.tag.default"},{markup:`
8
+ <vui-tag
9
+ icon="fa-solid fa-tag"
10
+ text="Error type tag"
11
+ type="error"
12
+ />
13
+ `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"error",text:"page.component.tag.error"}},{markup:`
14
+ <vui-tag
15
+ icon="fa-solid fa-tag"
16
+ text="Success type tag"
17
+ type="success"
18
+ />
19
+ `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"success",text:"page.component.tag.success"}},{markup:`
20
+ <vui-tag
21
+ icon="fa-solid fa-tag"
22
+ text="Warning type tag"
23
+ type="warning"
24
+ />
25
+ `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"warning",text:"page.component.tag.warning"}}],props:[{tag:"disabled",type:"String",text:"page.component.tag.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.tag.doc.prop.icon"},{tag:"text",type:"String",text:"page.component.tag.doc.prop.text"}],slots:[{name:"default",text:"page.component.card.doc.slot.default"}]},C={name:"ViewTag",mixins:[f],setup(){return h(B),{}},computed:{doc(){return g},examples(){return this.docExamples(v,{attrs:g.attrs,examples:g.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}}},D={class:"view-tag"},E=["innerHTML"],H={class:"title"},L={class:"title"};function N(t,P,F,M,W,u){const d=p("vui-grid-unit"),l=p("vui-table"),m=p("vui-grid");return o(),s("div",D,[a(m,{"col-sm":"1","col-md":"2"},{default:n(()=>[a(d,{class:"examples"},{default:n(()=>[(o(!0),s(r,null,y(u.examples,e=>(o(),s(r,{key:`tag-${e.props.id}`},[(o(),x($(e.component),w(S(e.props)),{default:n(()=>[e.text?(o(),s(r,{key:0},[b(i(t.$t(e.text)),1)],64)):k("",!0)]),_:2},1040)),c("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,E)],64))),128))]),_:1}),a(d,{class:"api-options"},{default:n(()=>[c("h2",H,i(t.$t("page.component.h2.api")),1),a(l,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"]),c("h2",L,i(t.$t("page.component.h2.slots")),1),a(l,{"item-label":"label","item-value":"value",headers:t.docSlotsHeaders,items:t.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=_(C,[["render",N]]);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-tag{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;padding:.5rem}.vui-tag.vui-tag--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-tag.vui-tag--default .vui-tag-icon:before{color:#000}.vui-tag.vui-tag--default.vui-tag--loading .vui-tag-loader{background-color:#000}.vui-tag.vui-tag--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-tag.vui-tag--error .vui-tag-icon:before{color:#960e13}.vui-tag.vui-tag--error.vui-tag--loading .vui-tag-loader{background-color:#960e13}.vui-tag.vui-tag--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-tag.vui-tag--success .vui-tag-icon:before{color:#145b32}.vui-tag.vui-tag--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-tag.vui-tag--warning .vui-tag-icon:before{color:#976008}.vui-tag.vui-tag--with-icon{padding-left:2.5rem}.vui-tag .vui-tag-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tag .vui-tag-icon:before{color:#869198}
@@ -0,0 +1 @@
1
+ import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-DbFxNJLL.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-BQmFywQ4.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};
@@ -0,0 +1,9 @@
1
+ import{d as N}from"./demonstrable-B5KAWPKX.js";import{t as x}from"./translatable-DbFxNJLL.js";import C from"./toggle-DazanQqx.js";import{_ as S,a as n,b as s,w as l,r as d,o,F as a,g as T,h,e as r,t as p,f as c,m as v,i as _,d as f}from"./index-BQmFywQ4.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},i={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 i},examples(){return this.docExamples(C,{attrs:i.attrs,examples:i.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((t,u)=>({...t,[u.props.id]:!1}),{})}},L={class:"view-toggle"},P=["innerHTML"],U={class:"title"};function E(t,u,F,M,g,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(),h(_(e.component),v(e.props,{modelValue:g.states[e.props.id],"onUpdate:modelValue":V=>g.states[e.props.id]=V}),{default:l(()=>[e.text?(o(),n(a,{key:0},[r(p(t.$t(e.text)),1)],64)):c("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),r("   "),s(b,null,{default:l(()=>[r(p(t.$t("page.component.toggle.label"))+": "+p(g.states[e.props.id]),1)]),_:2},1024)],64)):c("",!0),e.props.id==="vui-toggle-2"?(o(),h(_(e.component),v({key:1},e.props,{checked:g.states["vui-toggle-1"],disabled:""}),{default:l(()=>[e.text?(o(),n(a,{key:0},[r(p(t.$t(e.text)),1)],64)):c("",!0)]),_:2},1040,["checked"])):c("",!0),f("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,P)],64))),128))]),_:1}),s(m,{class:"api-options"},{default:l(()=>[f("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};
@@ -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-toggle{position:relative;display:inline-flex;height:1.45rem}.vui-toggle .vui-toggle-slider{position:absolute;bottom:0;width:4.5rem;padding:.25rem .5rem;background-color:#bdc3c7;border-radius:2.1rem;transition:.4s;cursor:pointer}.vui-toggle .vui-toggle-slider .vui-toggle-slider-button{width:1.65rem;height:1.65rem;background-color:#fff;border-radius:50%;transition:.4s}.vui-toggle .vui-toggle-label{padding-left:5rem}.vui-toggle.vui-toggle--checked .vui-toggle-slider{background-color:#27ae60}.vui-toggle.vui-toggle--checked .vui-toggle-slider .vui-toggle-slider-button{-webkit-transform:translateX(1.65rem);-ms-transform:translateX(1.65rem);transform:translate(1.65rem)}.vui-toggle.vui-toggle--disabled .vui-toggle-slider{background-color:#d9dcde;cursor:not-allowed}.vui-toggle.vui-toggle--disabled .vui-toggle-slider .vui-toggle-slider-button{background-color:#e6e9ea}.vui-toggle.vui-toggle--disabled.vui-toggle--checked .vui-toggle-slider{background-color:#89e5b0}
@@ -0,0 +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,p as c,d,o as a}from"./index-BQmFywQ4.js";import{t as g}from"./translatable-DbFxNJLL.js";const m={},p={},f={en:m,fr:p},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(f),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};
@@ -0,0 +1 @@
1
+ import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-DbFxNJLL.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,s as y,o as a}from"./index-BQmFywQ4.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};
@@ -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-tooltip{max-width:300px;display:none;padding:.5rem;font-size:.9rem;color:#e6e9ea;background-color:#0097e6;border-radius:.25rem;box-shadow:0 3px 1px -2px #00659a66,0 2px 2px #00659a33,0 1px 5px #00659a66}.vui-tooltip.vui-tooltip--with-icon{padding-left:2.5rem}.vui-tooltip .vui-tooltip-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tooltip .vui-tooltip-icon:before{color:#e6e9ea}.vui-tooltip .vui-tooltip-pointer: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;font-size:1.1rem;color:#0097e6}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--bottom:before{top:-.65rem;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--left:before{top:40%;left:100%;content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--top:before{top:95%;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--right:before{top:40%;left:-.5rem;content:""}
@@ -0,0 +1,48 @@
1
+ import{d as x}from"./demonstrable-B5KAWPKX.js";import{t as _}from"./translatable-DbFxNJLL.js";import V from"./tooltip-94laNPly.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-BQmFywQ4.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
+ <vui-button
3
+ @click="isVisible=!isVisible"
4
+ >
5
+ <vui-tooltip
6
+ v-model="isVisible"
7
+ icon="fa-solid fa-message"
8
+ position="right"
9
+ >
10
+ <span>Tooltip right position</span>
11
+ </vui-tooltip>
12
+ </vui-button>
13
+ `,props:{id:"vui-tooltip-1",icon:"fa-solid fa-message",text:"page.component.tooltip.text",position:"right"},button:"page.component.tooltip.button.show-right"},{markup:`
14
+ <vui-button
15
+ @click="isVisible=!isVisible"
16
+ >
17
+ <vui-tooltip
18
+ v-model="isVisible"
19
+ icon="fa-solid fa-message"
20
+ position="top"
21
+ text="Tooltip top position"
22
+ />
23
+ </vui-button>
24
+ `,props:{id:"vui-tooltip-2",icon:"fa-solid fa-message",text:"page.component.tooltip.text",position:"top"},button:"page.component.tooltip.button.show-top"},{markup:`
25
+ <vui-button
26
+ @click="isVisible=!isVisible"
27
+ >
28
+ <vui-tooltip
29
+ v-model="isVisible"
30
+ icon="fa-solid fa-message"
31
+ position="bottom"
32
+ >
33
+ <span>Tooltip bottom position</span>
34
+ </vui-tooltip>
35
+ </vui-button>
36
+ `,props:{id:"vui-tooltip-3",icon:"fa-solid fa-message",text:"page.component.tooltip.text",position:"bottom"},button:"page.component.tooltip.button.show-bottom"},{markup:`
37
+ <vui-button
38
+ @click="isVisible=!isVisible"
39
+ >
40
+ <vui-tooltip
41
+ v-model="isVisible"
42
+ icon="fa-solid fa-message"
43
+ position="left"
44
+ >
45
+ <span>Tooltip left position</span>
46
+ </vui-tooltip>
47
+ </vui-button>
48
+ `,props:{id:"vui-tooltip-4",icon:"fa-solid fa-message",text:"page.component.tooltip.text",position:"left"},button:"page.component.tooltip.button.show-left"}],props:[{tag:"holder",type:"String",text:"page.component.tooltip.doc.prop.holder"},{tag:"icon",type:"String",text:"page.component.tooltip.doc.prop.icon"},{tag:"position",type:"String",text:"page.component.tooltip.doc.prop.position"},{tag:"text",type:"String",text:"page.component.tooltip.doc.prop.text"},{tag:"v-model",type:"String",text:"page.component.tooltip.doc.prop.v-model"}],slots:[{name:"default",text:"page.component.tooltip.doc.slot.default"}]},B={name:"ViewTooltip",mixins:[x],setup(){return _($),{}},data(){return{tooltips:[]}},computed:{doc(){return s},examples(){return this.docExamples(V,{attrs:s.attrs,examples:s.examples.map(o=>({...o,props:{...o.props,text:o.props.text?this.$t(o.props.text):null}}))})}},mounted(){this.tooltips=s.examples.map(()=>!1)},methods:{onClick(o){const c=this.tooltips[o];this.tooltips[o]=!c}}},H={class:"view-tooltip"},P=["innerHTML"],D={class:"title"},L={class:"title"};function E(o,c,F,N,r,m){const b=p("vui-button"),d=p("vui-grid-unit"),u=p("vui-table"),f=p("vui-grid");return n(),l("div",H,[e(f,{"col-sm":"1","col-md":"2"},{default:i(()=>[e(d,{class:"examples"},{default:i(()=>[(n(!0),l(g,null,k(m.examples,t=>(n(),l(g,{key:`tooltip-${t.props.id}`},[e(b,{id:`button-tooltip-${t.props.id}`,text:o.$t(t.button),onClick:()=>m.onClick(t.props.id)},{prepend:i(()=>[(n(),y(C(t.component),T({modelValue:r.tooltips[t.props.id],"onUpdate:modelValue":v=>r.tooltips[t.props.id]=v},t.props),null,16,["modelValue","onUpdate:modelValue"]))]),_:2},1032,["id","text","onClick"]),a("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,P)],64))),128))]),_:1}),e(d,{class:"api-options"},{default:i(()=>[a("h2",D,h(o.$t("page.component.h2.api")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docPropsHeaders,items:o.docProps},null,8,["headers","items"]),a("h2",L,h(o.$t("page.component.h2.slots")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docSlotsHeaders,items:o.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=w(B,[["render",E]]);export{G as default};
@@ -0,0 +1 @@
1
+ import{v as o}from"./index-BQmFywQ4.js";const a=e=>{const t=o.useI18n();return Object.keys(e).forEach(r=>{t.mergeLocaleMessage(r,e[r])}),t};export{a as t};
@@ -0,0 +1,18 @@
1
+ import{d as _}from"./demonstrable-B5KAWPKX.js";import{t as f}from"./translatable-DbFxNJLL.js";import v from"./unit-CiQ7QHVC.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-BQmFywQ4.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
+ <vui-grid
3
+ id="example-grid-1"
4
+ col-md="2"
5
+ col-sm="1"
6
+ >
7
+ <vui-grid-unit
8
+ col="30"
9
+ >
10
+ Col 1 content
11
+ </vui-grid-unit>
12
+ <vui-grid-unit
13
+ col="70"
14
+ >
15
+ Col 2 content
16
+ </vui-grid-unit>
17
+ </vui-grid>
18
+ `,props:{colMd:2,colSm:1},gridid:"vui-grid-1"}],props:[{tag:"col",type:"Number",text:"page.component.grid-unit.doc.tag.col"}],slots:[]},k={name:"ViewGridUnit",mixins:[_],setup(){return f(C),{}},computed:{doc(){return p},examples(){return this.docExamples(v,p)}}},w={class:"view-grid-unit"},V=["innerHTML"],y={class:"title"};function B(i,H,L,M,N,g){const o=a("vui-grid-unit"),c=a("vui-grid"),m=a("vui-table");return d(),s("div",w,[t(c,{"col-sm":"1","col-md":"2"},{default:e(()=>[t(o,{class:"examples"},{default:e(()=>[(d(!0),s(u,null,b(g.examples,r=>(d(),s(u,{key:`grid-unit-${r.gridid}`},[t(c,{id:r.gridid,"col-sm":"1","col-md":"2"},{default:e(()=>[t(o,{col:"30"},{default:e(()=>[n("p",null,l(i.$t("page.component.grid-unit.left")),1)]),_:1}),t(o,{col:"70"},{default:e(()=>[n("p",null,l(i.$t("page.component.grid-unit.right")),1)]),_:1})]),_:2},1032,["id"]),n("div",{class:"highlighted-code",innerHTML:r.highlighted},null,8,V)],64))),128))]),_:1}),t(o,{class:"api-options"},{default:e(()=>[n("h2",y,l(i.$t("page.component.h2.api")),1),t(m,{"item-label":"label","item-value":"value",headers:i.docPropsHeaders,items:i.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const S=h(k,[["render",B]]);export{S 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}}.view-grid-unit #vui-grid-1{padding:1rem;border:1px solid rgb(189,195,199)}.view-grid-unit #vui-grid-1 .vui-grid-unit{border:1px solid rgb(189,195,199)}
@@ -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-grid-unit{padding:1rem}.vui-grid-unit.vui-grid-unit-col--1{flex:1 1 1%}.vui-grid-unit.vui-grid-unit-col--2{flex:1 1 2%}.vui-grid-unit.vui-grid-unit-col--3{flex:1 1 3%}.vui-grid-unit.vui-grid-unit-col--4{flex:1 1 4%}.vui-grid-unit.vui-grid-unit-col--5{flex:1 1 5%}.vui-grid-unit.vui-grid-unit-col--6{flex:1 1 6%}.vui-grid-unit.vui-grid-unit-col--7{flex:1 1 7%}.vui-grid-unit.vui-grid-unit-col--8{flex:1 1 8%}.vui-grid-unit.vui-grid-unit-col--9{flex:1 1 9%}.vui-grid-unit.vui-grid-unit-col--10{flex:1 1 10%}.vui-grid-unit.vui-grid-unit-col--11{flex:1 1 11%}.vui-grid-unit.vui-grid-unit-col--12{flex:1 1 12%}.vui-grid-unit.vui-grid-unit-col--13{flex:1 1 13%}.vui-grid-unit.vui-grid-unit-col--14{flex:1 1 14%}.vui-grid-unit.vui-grid-unit-col--15{flex:1 1 15%}.vui-grid-unit.vui-grid-unit-col--16{flex:1 1 16%}.vui-grid-unit.vui-grid-unit-col--17{flex:1 1 17%}.vui-grid-unit.vui-grid-unit-col--18{flex:1 1 18%}.vui-grid-unit.vui-grid-unit-col--19{flex:1 1 19%}.vui-grid-unit.vui-grid-unit-col--20{flex:1 1 20%}.vui-grid-unit.vui-grid-unit-col--21{flex:1 1 21%}.vui-grid-unit.vui-grid-unit-col--22{flex:1 1 22%}.vui-grid-unit.vui-grid-unit-col--23{flex:1 1 23%}.vui-grid-unit.vui-grid-unit-col--24{flex:1 1 24%}.vui-grid-unit.vui-grid-unit-col--25{flex:1 1 25%}.vui-grid-unit.vui-grid-unit-col--26{flex:1 1 26%}.vui-grid-unit.vui-grid-unit-col--27{flex:1 1 27%}.vui-grid-unit.vui-grid-unit-col--28{flex:1 1 28%}.vui-grid-unit.vui-grid-unit-col--29{flex:1 1 29%}.vui-grid-unit.vui-grid-unit-col--30{flex:1 1 30%}.vui-grid-unit.vui-grid-unit-col--31{flex:1 1 31%}.vui-grid-unit.vui-grid-unit-col--32{flex:1 1 32%}.vui-grid-unit.vui-grid-unit-col--33{flex:1 1 33%}.vui-grid-unit.vui-grid-unit-col--34{flex:1 1 34%}.vui-grid-unit.vui-grid-unit-col--35{flex:1 1 35%}.vui-grid-unit.vui-grid-unit-col--36{flex:1 1 36%}.vui-grid-unit.vui-grid-unit-col--37{flex:1 1 37%}.vui-grid-unit.vui-grid-unit-col--38{flex:1 1 38%}.vui-grid-unit.vui-grid-unit-col--39{flex:1 1 39%}.vui-grid-unit.vui-grid-unit-col--40{flex:1 1 40%}.vui-grid-unit.vui-grid-unit-col--41{flex:1 1 41%}.vui-grid-unit.vui-grid-unit-col--42{flex:1 1 42%}.vui-grid-unit.vui-grid-unit-col--43{flex:1 1 43%}.vui-grid-unit.vui-grid-unit-col--44{flex:1 1 44%}.vui-grid-unit.vui-grid-unit-col--45{flex:1 1 45%}.vui-grid-unit.vui-grid-unit-col--46{flex:1 1 46%}.vui-grid-unit.vui-grid-unit-col--47{flex:1 1 47%}.vui-grid-unit.vui-grid-unit-col--48{flex:1 1 48%}.vui-grid-unit.vui-grid-unit-col--49{flex:1 1 49%}.vui-grid-unit.vui-grid-unit-col--50{flex:1 1 50%}.vui-grid-unit.vui-grid-unit-col--51{flex:1 1 51%}.vui-grid-unit.vui-grid-unit-col--52{flex:1 1 52%}.vui-grid-unit.vui-grid-unit-col--53{flex:1 1 53%}.vui-grid-unit.vui-grid-unit-col--54{flex:1 1 54%}.vui-grid-unit.vui-grid-unit-col--55{flex:1 1 55%}.vui-grid-unit.vui-grid-unit-col--56{flex:1 1 56%}.vui-grid-unit.vui-grid-unit-col--57{flex:1 1 57%}.vui-grid-unit.vui-grid-unit-col--58{flex:1 1 58%}.vui-grid-unit.vui-grid-unit-col--59{flex:1 1 59%}.vui-grid-unit.vui-grid-unit-col--60{flex:1 1 60%}.vui-grid-unit.vui-grid-unit-col--61{flex:1 1 61%}.vui-grid-unit.vui-grid-unit-col--62{flex:1 1 62%}.vui-grid-unit.vui-grid-unit-col--63{flex:1 1 63%}.vui-grid-unit.vui-grid-unit-col--64{flex:1 1 64%}.vui-grid-unit.vui-grid-unit-col--65{flex:1 1 65%}.vui-grid-unit.vui-grid-unit-col--66{flex:1 1 66%}.vui-grid-unit.vui-grid-unit-col--67{flex:1 1 67%}.vui-grid-unit.vui-grid-unit-col--68{flex:1 1 68%}.vui-grid-unit.vui-grid-unit-col--69{flex:1 1 69%}.vui-grid-unit.vui-grid-unit-col--70{flex:1 1 70%}.vui-grid-unit.vui-grid-unit-col--71{flex:1 1 71%}.vui-grid-unit.vui-grid-unit-col--72{flex:1 1 72%}.vui-grid-unit.vui-grid-unit-col--73{flex:1 1 73%}.vui-grid-unit.vui-grid-unit-col--74{flex:1 1 74%}.vui-grid-unit.vui-grid-unit-col--75{flex:1 1 75%}.vui-grid-unit.vui-grid-unit-col--76{flex:1 1 76%}.vui-grid-unit.vui-grid-unit-col--77{flex:1 1 77%}.vui-grid-unit.vui-grid-unit-col--78{flex:1 1 78%}.vui-grid-unit.vui-grid-unit-col--79{flex:1 1 79%}.vui-grid-unit.vui-grid-unit-col--80{flex:1 1 80%}.vui-grid-unit.vui-grid-unit-col--81{flex:1 1 81%}.vui-grid-unit.vui-grid-unit-col--82{flex:1 1 82%}.vui-grid-unit.vui-grid-unit-col--83{flex:1 1 83%}.vui-grid-unit.vui-grid-unit-col--84{flex:1 1 84%}.vui-grid-unit.vui-grid-unit-col--85{flex:1 1 85%}.vui-grid-unit.vui-grid-unit-col--86{flex:1 1 86%}.vui-grid-unit.vui-grid-unit-col--87{flex:1 1 87%}.vui-grid-unit.vui-grid-unit-col--88{flex:1 1 88%}.vui-grid-unit.vui-grid-unit-col--89{flex:1 1 89%}.vui-grid-unit.vui-grid-unit-col--90{flex:1 1 90%}.vui-grid-unit.vui-grid-unit-col--91{flex:1 1 91%}.vui-grid-unit.vui-grid-unit-col--92{flex:1 1 92%}.vui-grid-unit.vui-grid-unit-col--93{flex:1 1 93%}.vui-grid-unit.vui-grid-unit-col--94{flex:1 1 94%}.vui-grid-unit.vui-grid-unit-col--95{flex:1 1 95%}.vui-grid-unit.vui-grid-unit-col--96{flex:1 1 96%}.vui-grid-unit.vui-grid-unit-col--97{flex:1 1 97%}.vui-grid-unit.vui-grid-unit-col--98{flex:1 1 98%}.vui-grid-unit.vui-grid-unit-col--99{flex:1 1 99%}.vui-grid-unit.vui-grid-unit-col--100{flex:1 1 100%}
@@ -0,0 +1 @@
1
+ import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-DbFxNJLL.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-BQmFywQ4.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};
@@ -0,0 +1,31 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta
6
+ name="viewport"
7
+ content="width=device-width, initial-scale=1, minimum-scale=1"
8
+ />
9
+ <link
10
+ rel="preconnect"
11
+ href="https://fonts.googleapis.com"
12
+ >
13
+ <link
14
+ rel="preconnect"
15
+ href="https://fonts.gstatic.com"
16
+ crossorigin
17
+ >
18
+ <link
19
+ href="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"
20
+ rel="stylesheet"
21
+ >
22
+ <style>
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
+ </style>
25
+ <script type="module" crossorigin src="/assets/index-BQmFywQ4.js"></script>
26
+ <link rel="stylesheet" crossorigin href="/assets/index-BSpywUIE.css">
27
+ </head>
28
+ <body>
29
+ <div id="app" />
30
+ </body>
31
+ </html>