@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,36 @@
1
+ import{d as h}from"./demonstrable-B5KAWPKX.js";import{t as v}from"./translatable-DbFxNJLL.js";import _ from"./button-C1U5-S3p.js";import{_ as y,a as i,b as a,w as p,r as d,o as s,F as l,g as x,h as k,e as w,t as c,f as B,m as C,i as D,d as b}from"./index-BQmFywQ4.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const S={"page.component.button.default":"Default button","page.component.button.error":"Error submit button","page.component.button.disabled":"Disabled button","page.component.button.success":"Success submit button","page.component.button.warning":"Warning submit button","page.component.button.doc.prop.disabled":"Binds the disabled state","page.component.button.doc.prop.icon":"Class name of the icon to prepend","page.component.button.doc.prop.loading":"Binds the loading state","page.component.button.doc.prop.type":"Type of button: submit or button","page.component.button.doc.slot.default":"Default slot for button content"},V={},$={en:S,fr:V},r={attrs:[],examples:[{markup:`
2
+ <vui-button
3
+ type="button"
4
+ >
5
+ Default button
6
+ </vui-button>
7
+ `,props:{id:"vui-button-1",icon:"fa-sharp fa-solid fa-file-arrow-up"},text:"page.component.button.default"},{markup:`
8
+ <vui-button
9
+ flat
10
+ text="Default button"
11
+ />
12
+ `,props:{id:"vui-button-1",icon:"fa-sharp fa-solid fa-file-arrow-up",flat:!0},text:"page.component.button.default"},{markup:`
13
+ <vui-button
14
+ layout="error"
15
+ text="Error submit button"
16
+ icon="fa-sharp fa-solid fa-bug"
17
+ />
18
+ `,props:{id:"vui-button-2",icon:"fa-sharp fa-solid fa-bug",text:"page.component.button.error",layout:"error"}},{markup:`
19
+ <vui-button
20
+ layout="success"
21
+ text="submit button"
22
+ icon="fa-sharp fa-solid fa-check"
23
+ />
24
+ `,props:{id:"vui-button-3",icon:"fa-sharp fa-solid fa-check",text:"page.component.button.success",layout:"success"}},{markup:`
25
+ <vui-button
26
+ layout="warning"
27
+ text="submit button"
28
+ icon="fa-sharp fa-solid fa-warning"
29
+ />
30
+ `,props:{id:"vui-button-4",icon:"fa-sharp fa-solid fa-warning",text:"page.component.button.warning",layout:"warning"}},{markup:`
31
+ <vui-button
32
+ :disabled="true"
33
+ text="disabled button"
34
+ icon="fa-sharp fa-solid fa-file-arrow-up"
35
+ />
36
+ `,props:{id:"vui-button-5",icon:"fa-sharp fa-solid fa-file-arrow-up",text:"page.component.button.disabled",disabled:!0}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.button.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.button.doc.prop.icon"},{tag:"loading",type:"Boolean",text:"page.component.button.doc.prop.loading"},{tag:"type",type:"String",text:"page.component.button.doc.prop.type"}],slots:[{name:"default",text:"page.component.button.doc.slot.default"}]},L={name:"ViewButton",mixins:[h],setup(){return v($),{}},data(){return{buttons:[]}},computed:{doc(){return r},examples(){return this.docExamples(_,{attrs:r.attrs,examples:r.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):void 0}}))})}},mounted(){this.buttons=r.examples.map(t=>({id:t.props.id}))},methods:{isLoading(t){const n=this.buttons.find(e=>e.id===t);return n==null?void 0:n.loading},onClick(t){const{buttons:n}=this;this.buttons=n.map(e=>e.id===t?{...e,loading:!e.loading}:e)}}},E={class:"view-button"},H=["innerHTML"],N={class:"title"},T={class:"title"};function P(t,n,e,F,M,u){const m=d("vui-grid-unit"),f=d("vui-table"),g=d("vui-grid");return s(),i("div",E,[a(g,{"col-sm":"1","col-md":"2"},{default:p(()=>[a(m,{class:"examples"},{default:p(()=>[(s(!0),i(l,null,x(u.examples,o=>(s(),i(l,{key:`button-${o.props.id}`},[(s(),k(D(o.component),C({loading:u.isLoading(o.props.id)},o.props,{onClick:()=>u.onClick(o.props.id)}),{default:p(()=>[o.text?(s(),i(l,{key:0},[w(c(t.$t(o.text)),1)],64)):B("",!0)]),_:2},1040,["loading","onClick"])),b("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,H)],64))),128))]),_:1}),a(m,{class:"api-options"},{default:p(()=>[b("h2",N,c(t.$t("page.component.h2.api")),1),a(f,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"]),b("h2",T,c(t.$t("page.component.h2.slots")),1),a(f,{"item-label":"label","item-value":"value",headers:t.docSlotsHeaders,items:t.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const I=y(L,[["render",P]]);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-button{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;display:inline-flex;padding:0 1rem;justify-content:center;cursor:pointer}.vui-button.vui-button--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-button.vui-button--default .vui-button-icon:before{color:#000}.vui-button.vui-button--default.vui-button--loading .vui-button-loader{background-color:#000}.vui-button.vui-button--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-button.vui-button--error .vui-button-icon:before{color:#960e13}.vui-button.vui-button--error.vui-button--loading .vui-button-loader{background-color:#960e13}.vui-button.vui-button--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-button.vui-button--success .vui-button-icon:before{color:#145b32}.vui-button.vui-button--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-button.vui-button--warning .vui-button-icon:before{color:#976008}.vui-button .vui-button-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-button:hover,.vui-button.vui-button--toggled{background-color:#d9dcde}.vui-button.vui-button--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-button.vui-button--loading .vui-button-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-button.vui-button--error:hover,.vui-button.vui-button--error.vui-button--toggled{background-color:#f7acae}.vui-button.vui-button--error.vui-button--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-button.vui-button--success:hover,.vui-button.vui-button--success.vui-button--toggled{background-color:#89e5b0}.vui-button.vui-button--success.vui-button--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-button.vui-button--warning:hover,.vui-button.vui-button--warning.vui-button--toggled{background-color:#fad9a4}.vui-button.vui-button--warning.vui-button--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-button .vui-button-holder{position:relative;margin-top:.15rem;font-size:.85rem;font-weight:600;line-height:2rem;color:inherit;background-color:transparent;text-transform:uppercase;border:none;cursor:pointer}.vui-button .vui-button-holder .vui-button-icon{color:#869198}.vui-button.vui-button--flat{box-shadow:none}.vui-button.vui-button--with-label .vui-button-holder .vui-button-icon{margin-right:.75rem}.vui-button.vui-button--disabled{color:#869198;background-color:#bdc3c7;border:1px solid #869198;opacity:.4;cursor:default}.vui-button.vui-button--disabled button{color:inherit;cursor:default}.vui-button.vui-button--disabled button .vui-button-icon{color:inherit}
@@ -0,0 +1 @@
1
+ import{l as t}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as l}from"./translatable-DbFxNJLL.js";import{_ as i,a as e,j as o,f as r,n,o as a}from"./index-BQmFywQ4.js";const p={name:"VuiCard",mixins:[d],created(){l(t)}},u=["id"],c={key:0,class:"vui-card-header"},f={key:1,class:"vui-card-body"},m={key:2,class:"vui-card-footer"};function $(s,v,h,y,b,k){return a(),e("div",{id:s.componentId,class:n(["vui-card",`vui-card--${s.layout}`,{"vui-card--flat":s.hasAttribute("flat")},s.$props.class])},[o(s.$slots,"prepend"),s.$slots.header?(a(),e("div",c,[o(s.$slots,"header")])):r("",!0),s.$slots.body||s.$slots.default?(a(),e("div",f,[o(s.$slots,"body"),o(s.$slots,"default")])):r("",!0),s.$slots.footer?(a(),e("div",m,[o(s.$slots,"footer")])):r("",!0),o(s.$slots,"append")],10,u)}const g=i(p,[["render",$]]);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-card{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;background-color:#fff;border-radius:.25rem}.vui-card.vui-card--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-card.vui-card--default .vui-card-icon:before{color:#000}.vui-card.vui-card--default.vui-card--loading .vui-card-loader{background-color:#000}.vui-card.vui-card--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-card.vui-card--error .vui-card-icon:before{color:#960e13}.vui-card.vui-card--error.vui-card--loading .vui-card-loader{background-color:#960e13}.vui-card.vui-card--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-card.vui-card--success .vui-card-icon:before{color:#145b32}.vui-card.vui-card--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-card.vui-card--warning .vui-card-icon:before{color:#976008}.vui-card:not(.vui-card--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-card .vui-card-header{padding:.75rem 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-card .vui-card-body{flex:1 1 auto;padding:2rem 1rem}.vui-card .vui-card-footer{padding:.5rem 1rem;text-align:right;border-top-style:solid;border-top-width:1px;border-top-color:inherit}
@@ -0,0 +1,27 @@
1
+ import{d as f}from"./demonstrable-B5KAWPKX.js";import{t as b}from"./translatable-DbFxNJLL.js";import v from"./card-CUtpnLFS.js";import{_,a as p,b as t,w as a,r,o as s,F as i,g as x,k,l as S,q as $,e as l,t as n,d}from"./index-BQmFywQ4.js";import"./index-7pe20t8n.js";import"./composable-CshUTKfl.js";const u={attrs:[{name:"flat",text:"page.component.card.doc.attr.flat"}],examples:[{markup:`
2
+ <vui-card
3
+ layout="warning"
4
+ >
5
+ <template #header>
6
+ My card header content
7
+ </template>
8
+ <template #body>
9
+ My card body content
10
+ </template>
11
+ <template #footer>
12
+ My card footer content
13
+ </template>
14
+ </vui-card>
15
+ `,props:{layout:"warning"},body:"page.component.card.example.body",header:"page.component.card.example.header",footer:"page.component.card.example.footer"},{markup:`
16
+ <vui-card
17
+ layout="success"
18
+ />
19
+ `,props:{layout:"success"},body:"page.component.card.example.body",header:"page.component.card.example.header",footer:"page.component.card.example.footer"},{markup:`
20
+ <vui-card
21
+ layout="error"
22
+ />
23
+ `,props:{layout:"error"},body:"page.component.card.example.body",header:"page.component.card.example.header",footer:"page.component.card.example.footer"},{markup:`
24
+ <vui-card flat>
25
+ My card body content
26
+ </vui-card>
27
+ `,props:{flat:!0},body:"page.component.card.example.body"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.card.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.card.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.card.doc.prop.loading"}],slots:[{name:"#prepend",text:"page.component.card.doc.slot.prepend"},{name:"#header",text:"page.component.card.doc.slot.header"},{name:"#body",text:"page.component.card.doc.slot.body"},{name:"#footer",text:"page.component.card.doc.slot.footer"},{name:"#append",text:"page.component.card.doc.slot.append"}]},M={"page.component.card.doc.attr.flat":"Enables the flat style layout","page.component.card.doc.prop.disabled":"Binds the disabled state","page.component.card.doc.prop.layout":"The card layout: [error, success, warning]","page.component.card.doc.prop.loading":"Binds the loading state","page.component.card.example.header":"My card header content","page.component.card.example.body":"My card body content","page.component.card.example.footer":"My card footer content","page.component.card.doc.slot.prepend":"Slot used to prepend content","page.component.card.doc.slot.header":"Slot embedding the card header content","page.component.card.doc.slot.body":"Slot for body content","page.component.card.doc.slot.footer":"Slot for footer content","page.component.card.doc.slot.append":"Slot used to append content"},w={},B={en:M,fr:w},H={name:"ViewCard",mixins:[f],setup(){return b(B),{}},computed:{doc(){return u},examples(){return this.docExamples(v,u)}}},V={class:"view-card"},C=["innerHTML"],P={class:"title"},T={class:"title"},E={class:"title"};function L(e,N,A,F,q,g){const h=r("vui-card"),m=r("vui-grid-unit"),c=r("vui-table"),y=r("vui-grid");return s(),p("div",V,[t(y,{"col-sm":"1","col-md":"2"},{default:a(()=>[t(m,{class:"examples"},{default:a(()=>[(s(!0),p(i,null,x(g.examples,o=>(s(),p(i,{key:`card-${o.props.id}`},[t(h,k(S(o.props)),$({_:2},[o.header?{name:"header",fn:a(()=>[l(n(e.$t(o.header)),1)]),key:"0"}:void 0,o.body?{name:"body",fn:a(()=>[l(n(e.$t(o.body)),1)]),key:"1"}:void 0,o.footer?{name:"footer",fn:a(()=>[l(n(e.$t(o.footer)),1)]),key:"2"}:void 0]),1040),d("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,C)],64))),128))]),_:1}),t(m,{class:"api-options"},{default:a(()=>[d("h2",P,n(e.$t("page.component.h2.api")),1),t(c,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),d("h2",T,n(e.$t("page.component.h2.attrs")),1),t(c,{"item-label":"label","item-value":"value",headers:e.docAttrsHeaders,items:e.docAttrs},null,8,["headers","items"]),d("h2",E,n(e.$t("page.component.h2.slots")),1),t(c,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=_(H,[["render",L]]);export{J as default};
@@ -0,0 +1 @@
1
+ import{c as i}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-DbFxNJLL.js";import{_ as u,a as l,j as s,d as r,f as h,n as c,o}from"./index-BQmFywQ4.js";const f={},m={},g={en:f,fr:m},p={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:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},k={name:"VuiCheckbox",mixins:[i],props:p,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(){n(g),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))}}},b=["id"],V=["name","disabled","required"],v=["for"];function C(e,d,y,B,$,t){return o(),l("div",{id:e.componentId,class:c(["vui-checkbox",{"vui-checkbox--checked":t.isChecked},{"vui-checkbox--disabled":e.disabled},e.$props.class]),onClick:d[0]||(d[0]=(...a)=>t.onToggle&&t.onToggle(...a))},[s(e.$slots,"prepend"),r("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,V),e.$slots.default?(o(),l("label",{key:0,for:e.componentId},[s(e.$slots,"default")],8,v)):h("",!0),s(e.$slots,"append")],10,b)}const P=u(k,[["render",C]]);export{P as default};
@@ -0,0 +1,14 @@
1
+ import{d as N}from"./demonstrable-B5KAWPKX.js";import{t as V}from"./translatable-DbFxNJLL.js";import C from"./checkbox-DUY-WF86.js";import{_ as S,a as c,b as s,w as a,r as l,o as t,F as p,g as $,h as x,e as r,t as n,f as i,m as g,i as v,d as h}from"./index-BQmFywQ4.js";import"./composable-CshUTKfl.js";const D={"page.component.checkbox.default":"Default checkbox","page.component.checkbox.binded":"Binded checkbox","page.component.checkbox.label":"Checked","page.component.checkbox.doc.prop.checked":"Binds the conditions of checked state","page.component.checkbox.doc.prop.checked-value":"Checked value of the checkbox","page.component.checkbox.doc.prop.disabled":"Binds the disabled state of the checkbox","page.component.checkbox.doc.prop.unchecked-value":"Unchecked value of the checkbox","page.component.checkbox.doc.prop.value":"Value of the checkbox","page.component.checkbox.doc.prop.v-model":"Binds the model value of checkbox","page.component.checkbox.doc.slot.default":"Default slot for label content"},w={},H={en:D,fr:w},u={examples:[{markup:`
2
+ <vui-checkbox
3
+ v-model="states['mycheckbox']"
4
+ >
5
+ Default checkbox label
6
+ </vui-checkbox>
7
+ `,props:{id:"vui-checkbox-1"},text:"page.component.checkbox.default"},{markup:`
8
+ <vui-checkbox
9
+ disabled
10
+ :checked="states['mycheckbox']
11
+ >
12
+ Binded checkbox state
13
+ </vui-checkbox>
14
+ `,props:{id:"vui-checkbox-2"},text:"page.component.checkbox.binded"}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.checkbox.doc.prop.disabled"},{tag:"checked",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.checked"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.v-model"}],slots:[{name:"default",text:"page.component.checkbox.doc.slot.default"}]},L={name:"ViewCheckbox",mixins:[N],setup(){return V(H),{}},data(){return{states:{}}},computed:{doc(){return u},examples(){return this.docExamples(C,{attrs:u.attrs,examples:u.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((e,m)=>({...e,[m.props.id]:!1}),{})},methods:{}},P={class:"view-checkbox"},T=["innerHTML"],U={class:"title"},E={class:"title"};function F(e,m,M,j,d,f){const _=l("vui-tag"),b=l("vui-grid-unit"),k=l("vui-table"),y=l("vui-grid");return t(),c("div",P,[s(y,{"col-sm":"1","col-md":"2"},{default:a(()=>[s(b,{class:"examples"},{default:a(()=>[(t(!0),c(p,null,$(f.examples,o=>(t(),c(p,{key:`checkbox-${o.props.id}`},[o.props.id==="vui-checkbox-1"?(t(),c(p,{key:0},[(t(),x(v(o.component),g(o.props,{value:d.states[o.props.id],"onUpdate:modelValue":B=>d.states[o.props.id]=B}),{default:a(()=>[o.text?(t(),c(p,{key:0},[r(n(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["value","onUpdate:modelValue"])),r("   "),s(_,null,{default:a(()=>[r(n(e.$t("page.component.checkbox.label"))+": "+n(d.states[o.props.id]),1)]),_:2},1024)],64)):i("",!0),o.props.id==="vui-checkbox-2"?(t(),x(v(o.component),g({key:1,disabled:""},o.props,{checked:d.states["vui-checkbox-1"]}),{default:a(()=>[o.text?(t(),c(p,{key:0},[r(n(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),h("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,T)],64))),128))]),_:1}),s(b,{class:"api-options"},{default:a(()=>[h("h2",U,n(e.$t("page.component.h2.api")),1),s(k,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),h("h2",E,n(e.$t("page.component.h2.slots")),1),s(k,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=S(L,[["render",F]]);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-checkbox{position:relative;display:inline-flex;padding-left:1rem;cursor:pointer}.vui-checkbox input[type=checkbox]{display:none}.vui-checkbox label{padding-left:1rem}.vui-checkbox:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"";position:absolute;top:0;left:0;font-size:1.5rem}.vui-checkbox.vui-checkbox--checked:before{content:""}.vui-checkbox.vui-checkbox--disabled{cursor:not-allowed}.vui-checkbox.vui-checkbox--disabled:before{color:#949da4;background-color:#e6e9ea}
@@ -0,0 +1 @@
1
+ import{t as u}from"./translatable-DbFxNJLL.js";import{_,c as a,a as s,b as p,d as c,e as g,t as m,f as v,r,o as l}from"./index-BQmFywQ4.js";const h={"page.component.nav.start":"Get started","page.component.h1":"component","page.component.h2.api":"API options","page.component.h2.attrs":"Attributes","page.component.h2.slots":"Slots","page.component.doc.attr.name":"Name","page.component.doc.attr.text":"Description","page.component.doc.prop.tag":"Prop","page.component.doc.prop.type":"Values","page.component.doc.prop.text":"Description","page.component.doc.slot.name":"Name","page.component.doc.slot.text":"Description"},f={},b={en:h,fr:f},V={name:"ViewComponent",computed:{component(){const{$route:e}=this;return a.find(({doc:o})=>o.name===e.name)},components(){return a}},created(){u(b)},methods:{onRoute(e){const o=e==="ViewStart"?{doc:{name:e}}:a.find(({name:n})=>n===n);this.$router.push(o.doc)}}},w={class:"view-component"},N={class:"h1"},x=c("i",{class:"fa-brands fa-vuejs"},null,-1),D={key:0,class:"view-component-name"};function S(e,o,n,k,y,t){const d=r("vui-nav"),i=r("router-view");return l(),s("div",w,[p(d,{flat:"","item-label":"label","item-value":"name",items:[{label:e.$t("page.component.nav.start"),name:"ViewStart"},{label:t.component.label,name:t.component.name}],value:t.component,"onUpdate:modelValue":t.onRoute},null,8,["items","value","onUpdate:modelValue"]),c("div",N,[c("h1",null,[x,g(" "+m(e.$t("page.component.h1"))+" ",1),t.component?(l(),s("span",D,m(t.component.label),1)):v("",!0)])]),p(i)])}const A=_(V,[["render",S]]);export{A 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-component>.vui-nav{padding-left:1rem}.view-component>.h1{padding:1rem}.view-component>.h1 h1{position:relative;padding:2rem 0 .5rem 2rem}.view-component>.h1 h1 i{position:absolute;top:1.9rem;left:0;color:#27ae60;font-size:1.5rem;font-weight:900}.view-component>.h1 h1 .view-component-name{font-size:1.15rem;font-weight:600}.view-component .vui-grid .vui-grid-unit.api-options .vui-table table{width:100%}.view-component .vui-grid .vui-grid-unit.api-options h2:not(:first-of-type){margin-top:2rem}.view-component .highlighted-code{margin:.5rem 0 2rem;white-space:pre-wrap;font-size:.85rem;background-color:#f4f5f6;border:1px solid rgb(189,195,199);border-radius:.25rem}.view-component .highlighted-code .hljs-attr,.view-component .highlighted-code .hljs-name,.view-component .highlighted-code .hljs-tag,.view-component .highlighted-code .hljs-string{font-size:.85rem}
@@ -0,0 +1 @@
1
+ const u={inject:["$bus"],props:{class:{type:String},disabled:{type:Boolean,default:!1},id:{type:String,default:null},groupId:{type:String,default:null},layout:{type:String,default:"default"},loading:{type:Boolean,default:!1},name:{type:String}},deactivated(){this.$bus.off("outclick")},created(){this.uuid=this.newId()},data(){return{uuid:null}},computed:{componentId(){return this.id?this.id:this.uuid},componentGroupId(){return this.groupId?this.groupId:this.uuid},hasModelValue(){return typeof this.modelValue<"u"},hasValue(){return typeof this.value<"u"}},methods:{hasAttribute(t){return Object.keys(this.$attrs).find(e=>e===t)},hasProp(t){return typeof this[t]<"u"},newId(){return Math.random().toString(36).slice(-6)}}};export{u as c};
@@ -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.layout-default{max-width:1299px;min-height:calc(100vh - 2rem);margin:0 auto}.vui-page.layout-default>.vui-page-header{padding:0}.vui-page.layout-default>.vui-page-header .vui-header{display:flex;justify-content:space-between;background-color:#60db94}.vui-page.layout-default>.vui-page-header .vui-header .home{position:relative;padding-left:1.5rem;line-height:2.1rem;color:#145b32;cursor:pointer}.vui-page.layout-default>.vui-page-header .vui-header .home:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0;content:""}.vui-page.layout-default>.vui-page-footer .vui-footer .copyright{font-size:.9rem}.vui-page.layout-default>.vui-page-footer .vui-footer .copyright a{font-size:inherit;border-bottom:1px solid rgb(0,151,230)}
@@ -0,0 +1 @@
1
+ import{_ as b,c as s,r as n,o as y,h as V,w as a,b as l,e as c,t as p,d as u}from"./index-BQmFywQ4.js";const $={name:"LayoutDefault",data(){return{component:null}},computed:{components(){const t=s.reduce((e,o)=>(e[o.type].push(o),e),{html:[],layout:[],ui:[]});return Object.keys(t).map(e=>({label:this.$t(`component.header.dropdown.components.${e}`),value:t[e].map(o=>({...o,label:o.name,value:o.name,route:{name:o.doc.name}}))}))}},watch:{$route({name:t}){this.component=null;const e=s.find(({doc:o})=>o.name===t);e&&(this.component={label:e.name,value:e.name})}}},g={class:"copyright"},x=u("a",{href:"https://www.e-xode.net"}," www.e-xode.net ",-1);function k(t,e,o,B,r,m){const d=n("router-link"),_=n("vui-dropdown"),i=n("vui-header"),h=n("router-view"),f=n("vui-footer"),v=n("vui-page");return y(),V(v,{class:"layout-default"},{header:a(()=>[l(i,null,{default:a(()=>[l(d,{class:"home",to:{name:"ViewIndex"}},{default:a(()=>[c(p(t.$t("component.header.home")),1)]),_:1}),l(_,{modelValue:r.component,"onUpdate:modelValue":e[0]||(e[0]=w=>r.component=w),items:m.components,"item-label":"label","item-value":"value",placeholder:t.$t("component.header.dropdown.components")},null,8,["modelValue","items","placeholder"])]),_:1})]),body:a(()=>[l(h)]),footer:a(()=>[l(f,null,{default:a(()=>[u("span",g,[c(p(t.$t("component.footer.copyright"))+" ",1),x])]),_:1})]),_:1})}const C=b($,[["render",k]]);export{C as default};