@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,60 @@
1
+ import { a as n } from "./animable-DnFaMPYA.js";
2
+ import { _ as d, c as p, t as u } from "./_plugin-vue_export-helper-BSl1dQT6.js";
3
+ import { openBlock as o, createElementBlock as t, normalizeClass as c, renderSlot as s, createCommentVNode as a } from "vue";
4
+ import "highlight.js";
5
+ const m = {}, f = {}, $ = {
6
+ en: m,
7
+ fr: f
8
+ }, h = {
9
+ name: "VuiPage",
10
+ mixins: [
11
+ n,
12
+ p
13
+ ],
14
+ created() {
15
+ u($);
16
+ },
17
+ methods: {
18
+ outclick() {
19
+ this.$bus.emit("outclick", this.componentGroupId);
20
+ }
21
+ }
22
+ }, k = ["id"], v = {
23
+ key: 0,
24
+ class: "vui-page-header"
25
+ }, g = {
26
+ key: 1,
27
+ class: "vui-page-body"
28
+ }, b = {
29
+ key: 2,
30
+ class: "vui-page-footer"
31
+ };
32
+ function y(e, l, C, B, I, r) {
33
+ return o(), t("div", {
34
+ id: e.componentId,
35
+ class: c([
36
+ "vui-page",
37
+ `vui-page--${e.layout}`,
38
+ { "vui-page--flat": e.hasAttribute("flat") },
39
+ e.$props.class
40
+ ]),
41
+ onClick: l[0] || (l[0] = (...i) => r.outclick && r.outclick(...i))
42
+ }, [
43
+ s(e.$slots, "prepend"),
44
+ e.$slots.header ? (o(), t("div", v, [
45
+ s(e.$slots, "header")
46
+ ])) : a("", !0),
47
+ e.$slots.body || e.$slots.default ? (o(), t("div", g, [
48
+ s(e.$slots, "body"),
49
+ s(e.$slots, "default")
50
+ ])) : a("", !0),
51
+ e.$slots.footer ? (o(), t("div", b, [
52
+ s(e.$slots, "footer")
53
+ ])) : a("", !0),
54
+ s(e.$slots, "append")
55
+ ], 10, k);
56
+ }
57
+ const G = /* @__PURE__ */ d(h, [["render", y]]);
58
+ export {
59
+ G as default
60
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./nav-BD6eV2wj.js"),g=require("./button-D5bD4vAv.js"),c=require("./animable-ChJEXlsE.js"),i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const m={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},h={},f={en:m,fr:h},b={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},v={name:"VuiPager",components:{VuiButton:g.default,VuiNav:u.default},mixins:[c.animable,i.composable],props:b,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const t=[...Array.from({length:this.last},(r,o)=>o+1)],a=t.slice(0,this.page),l=t.slice(this.page,t.length);return[...a.slice(-(l.length>2?2:2+(2-l.length))),...l.slice(0,a.length>2?2:2+(2-a.length))]}return[]}},watch:{modelValue(t){this.page=t},value(t){this.page=t}},created(){i.translatable(f),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){this.$emit("update:model-value",this.page)}}},V=["id"],N={class:"vui-pager-content"};function P(t,a,l,r,o,s){const n=e.resolveComponent("vui-button"),p=e.resolveComponent("vui-nav");return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-pager",t.$props.class])},[e.renderSlot(t.$slots,"prepend"),e.createElementVNode("div",N,[e.renderSlot(t.$slots,"first",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:o.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"previous",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:o.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"pages",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["ellipse",{visible:s.last>4&&o.page+2>4}])}," ... ",2),e.createVNode(p,e.mergeProps({modelValue:o.page,"onUpdate:modelValue":a[0]||(a[0]=d=>o.page=d)},t.$attrs,{flat:t.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),e.createElementVNode("div",{class:e.normalizeClass(["ellipse",{visible:s.last>4&&o.page+2<s.last}])}," ... ",2)]),e.renderSlot(t.$slots,"next",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),e.renderSlot(t.$slots,"previous",{},()=>[e.createVNode(n,e.mergeProps(t.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),e.renderSlot(t.$slots,"append")],10,V)}const S=i._export_sfc(v,[["render",P]]);exports.default=S;
@@ -0,0 +1,172 @@
1
+ import h from "./nav-DdIBrD1b.js";
2
+ import f from "./button-Dall4PZ6.js";
3
+ import { a as b } from "./animable-DnFaMPYA.js";
4
+ import { _ as v, c as V, t as k } from "./_plugin-vue_export-helper-BSl1dQT6.js";
5
+ import { resolveComponent as u, openBlock as C, createElementBlock as N, normalizeClass as r, renderSlot as a, createElementVNode as d, createVNode as i, mergeProps as l } from "vue";
6
+ import "highlight.js";
7
+ const P = {
8
+ "page.component.pager.doc.prop.count": "Total number of paginated items",
9
+ "page.component.pager.doc.prop.disabled": "Binds the disabled state condition",
10
+ "page.component.pager.doc.prop.loading": "Binds the loading state",
11
+ "page.component.pager.doc.prop.size": "Number of paginated items per page",
12
+ "page.component.pager.doc.prop.value": "Selected item in the pager",
13
+ "page.component.pager.doc.prop.v-model": "Binds the model changes of pager",
14
+ "page.component.pager.doc.slot.first": "Slot for first page button",
15
+ "page.component.pager.doc.slot.last": "Slot for last page button",
16
+ "page.component.pager.doc.slot.previous": "Slot for previous page button",
17
+ "page.component.pager.doc.slot.next": "Slot for next page button"
18
+ }, L = {}, B = {
19
+ en: P,
20
+ fr: L
21
+ }, S = {
22
+ count: {
23
+ type: Number,
24
+ default: 0
25
+ },
26
+ modelValue: {
27
+ default: void 0,
28
+ type: Number
29
+ },
30
+ value: {
31
+ default: void 0,
32
+ type: Number
33
+ },
34
+ size: {
35
+ type: Number,
36
+ default: 25
37
+ }
38
+ }, y = {
39
+ name: "VuiPager",
40
+ components: {
41
+ VuiButton: f,
42
+ VuiNav: h
43
+ },
44
+ mixins: [
45
+ b,
46
+ V
47
+ ],
48
+ props: S,
49
+ emits: ["update:model-value"],
50
+ data() {
51
+ return {
52
+ page: 1
53
+ };
54
+ },
55
+ computed: {
56
+ isLast() {
57
+ return this.page === this.last;
58
+ },
59
+ last() {
60
+ return Math.ceil(this.count / this.size);
61
+ },
62
+ pages() {
63
+ if (this.last) {
64
+ const e = [...Array.from({ length: this.last }, (g, s) => s + 1)], o = e.slice(0, this.page), n = e.slice(this.page, e.length);
65
+ return [
66
+ ...o.slice(-(n.length > 2 ? 2 : 2 + (2 - n.length))),
67
+ ...n.slice(0, o.length > 2 ? 2 : 2 + (2 - o.length))
68
+ ];
69
+ }
70
+ return [];
71
+ }
72
+ },
73
+ watch: {
74
+ modelValue(e) {
75
+ this.page = e;
76
+ },
77
+ value(e) {
78
+ this.page = e;
79
+ }
80
+ },
81
+ created() {
82
+ k(B), this.hasModelValue ? this.page = this.modelValue : this.hasValue && (this.page = this.value);
83
+ },
84
+ methods: {
85
+ onFirst() {
86
+ !this.disabled && this.page > 1 && (this.page = 1, this.onPage());
87
+ },
88
+ onLast() {
89
+ !this.disabled && !this.isLast && (this.page = this.last, this.onPage());
90
+ },
91
+ onNext() {
92
+ !this.disabled && !this.isLast && (this.page++, this.onPage());
93
+ },
94
+ onPrevious() {
95
+ !this.disabled && this.page > 1 && (this.page--, this.onPage());
96
+ },
97
+ onPage() {
98
+ this.$emit("update:model-value", this.page);
99
+ }
100
+ }
101
+ }, z = ["id"], U = { class: "vui-pager-content" };
102
+ function _(e, o, n, g, s, t) {
103
+ const p = u("vui-button"), c = u("vui-nav");
104
+ return C(), N("div", {
105
+ id: e.componentId,
106
+ class: r(["vui-pager", e.$props.class])
107
+ }, [
108
+ a(e.$slots, "prepend"),
109
+ d("div", U, [
110
+ a(e.$slots, "first", {}, () => [
111
+ i(p, l(e.$attrs, {
112
+ disabled: s.page === 1,
113
+ icon: "fa-solid fa-angles-left",
114
+ class: "vui-button--first",
115
+ onClick: t.onFirst
116
+ }), null, 16, ["disabled", "onClick"])
117
+ ]),
118
+ a(e.$slots, "previous", {}, () => [
119
+ i(p, l(e.$attrs, {
120
+ disabled: s.page === 1,
121
+ icon: "fa-solid fa-chevron-left",
122
+ class: "vui-button--previous",
123
+ onClick: t.onPrevious
124
+ }), null, 16, ["disabled", "onClick"])
125
+ ]),
126
+ a(e.$slots, "pages", {}, () => [
127
+ d("div", {
128
+ class: r([
129
+ "ellipse",
130
+ { visible: t.last > 4 && s.page + 2 > 4 }
131
+ ])
132
+ }, " ... ", 2),
133
+ i(c, l({
134
+ modelValue: s.page,
135
+ "onUpdate:modelValue": o[0] || (o[0] = (m) => s.page = m)
136
+ }, e.$attrs, {
137
+ flat: e.hasAttribute("flat"),
138
+ items: t.pages,
139
+ "show-icons": !1,
140
+ "onUpdate:modelValue": t.onPage
141
+ }), null, 16, ["modelValue", "flat", "items", "onUpdate:modelValue"]),
142
+ d("div", {
143
+ class: r([
144
+ "ellipse",
145
+ { visible: t.last > 4 && s.page + 2 < t.last }
146
+ ])
147
+ }, " ... ", 2)
148
+ ]),
149
+ a(e.$slots, "next", {}, () => [
150
+ i(p, l(e.$attrs, {
151
+ disabled: t.isLast,
152
+ icon: "fa-solid fa-chevron-right",
153
+ class: "vui-button--next",
154
+ onClick: t.onNext
155
+ }), null, 16, ["disabled", "onClick"])
156
+ ]),
157
+ a(e.$slots, "previous", {}, () => [
158
+ i(p, l(e.$attrs, {
159
+ disabled: t.isLast,
160
+ icon: "fa-solid fa-angles-right",
161
+ class: "vui-button--last",
162
+ onClick: t.onLast
163
+ }), null, 16, ["disabled", "onClick"])
164
+ ])
165
+ ]),
166
+ a(e.$slots, "append")
167
+ ], 10, z);
168
+ }
169
+ const T = /* @__PURE__ */ v(y, [["render", _]]);
170
+ export {
171
+ T as default
172
+ };
@@ -0,0 +1,59 @@
1
+ import { _ as p, c, t as l } from "./_plugin-vue_export-helper-BSl1dQT6.js";
2
+ import { openBlock as u, createElementBlock as d, normalizeClass as t, renderSlot as o, createElementVNode as a, normalizeStyle as m } from "vue";
3
+ import "highlight.js";
4
+ const h = {}, b = {}, v = {
5
+ en: h,
6
+ fr: b
7
+ }, f = {
8
+ min: {
9
+ type: Number,
10
+ required: !0
11
+ },
12
+ max: {
13
+ type: Number,
14
+ required: !0
15
+ },
16
+ value: {
17
+ type: Number,
18
+ required: !0
19
+ }
20
+ }, $ = {
21
+ name: "VuiProgress",
22
+ mixins: [
23
+ c
24
+ ],
25
+ props: f,
26
+ computed: {
27
+ width() {
28
+ const e = Math.abs(this.value), s = Math.abs(this.min), r = Math.abs(this.max);
29
+ return `${Math.round(e / (s + r) * 100)}%`;
30
+ }
31
+ },
32
+ created() {
33
+ l(v);
34
+ }
35
+ }, g = ["id"];
36
+ function y(e, s, r, n, _, i) {
37
+ return u(), d("div", {
38
+ id: e.componentId,
39
+ class: t(["vui-progress", e.$props.class])
40
+ }, [
41
+ o(e.$slots, "prepend"),
42
+ a("div", {
43
+ class: t([
44
+ "vui-progress-bar",
45
+ `vui-progress-bar--${e.layout}`
46
+ ])
47
+ }, [
48
+ a("div", {
49
+ class: "vui-progress-bar-cursor",
50
+ style: m({ width: i.width })
51
+ }, null, 4)
52
+ ], 2),
53
+ o(e.$slots, "append")
54
+ ], 10, g);
55
+ }
56
+ const w = /* @__PURE__ */ p($, [["render", y]]);
57
+ export {
58
+ w as default
59
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const i={},l={},u={en:i,fr:l},c={min:{type:Number,required:!0},max:{type:Number,required:!0},value:{type:Number,required:!0}},p={name:"VuiProgress",mixins:[s.composable],props:c,computed:{width(){const r=Math.abs(this.value),t=Math.abs(this.min),o=Math.abs(this.max);return`${Math.round(r/(t+o)*100)}%`}},created(){s.translatable(u)}},d=["id"];function m(r,t,o,n,h,a){return e.openBlock(),e.createElementBlock("div",{id:r.componentId,class:e.normalizeClass(["vui-progress",r.$props.class])},[e.renderSlot(r.$slots,"prepend"),e.createElementVNode("div",{class:e.normalizeClass(["vui-progress-bar",`vui-progress-bar--${r.layout}`])},[e.createElementVNode("div",{class:"vui-progress-bar-cursor",style:e.normalizeStyle({width:a.width})},null,4)],2),e.renderSlot(r.$slots,"append")],10,d)}const b=s._export_sfc(p,[["render",m]]);exports.default=b;
package/dist/style.css ADDED
@@ -0,0 +1 @@
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}.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}.vui-footer{padding:1rem;text-align:right;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.vui-form section{border:1px solid #d9dcde;border-radius:.25rem}.vui-form section:not(:first-of-type){margin-top:1rem}.vui-form section.section--submit{border:none;padding:1rem 0;text-align:center}.vui-form section fieldset{padding:1rem}.vui-form section fieldset .fieldset-item{display:flex}.vui-form section fieldset .fieldset-item label{flex:0 0 50%;line-height:2rem}.vui-form section fieldset .fieldset-item .input{flex:0 0 50%}.vui-form section fieldset .fieldset-item .input input{width:100%}.vui-header{padding:1rem;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.vui-input{border:1px solid rgb(189,195,199);border-radius:.25rem}.vui-input input[type=date-time-local],.vui-input input[type=date],.vui-input input[type=text],.vui-input input[type=email],.vui-input input[type=number],.vui-input input[type=password]{width:100%;padding:.5rem .25rem .25rem .5rem;color:#000;outline:none;border:none}.vui-input input[type=date-time-local]:disabled,.vui-input input[type=date]:disabled,.vui-input input[type=text]:disabled,.vui-input input[type=email]:disabled,.vui-input input[type=number]:disabled,.vui-input input[type=password]:disabled{color:#78848c;background-color:#e6e9ea;cursor:not-allowed}.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}}.vui-grid{display:flex;flex-wrap:wrap}@media (min-width: 576px){.vui-grid.vui-grid--col-xs--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xs--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xs--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xs--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xs--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xs--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xs--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xs--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xs--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xs--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xs--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xs--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 768px){.vui-grid.vui-grid--col-sm--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-sm--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-sm--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-sm--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-sm--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-sm--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-sm--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-sm--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-sm--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-sm--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-sm--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-sm--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 992px){.vui-grid.vui-grid--col-md--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-md--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-md--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-md--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-md--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-md--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-md--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-md--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-md--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-md--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-md--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-md--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1200px){.vui-grid.vui-grid--col-xl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1400px){.vui-grid.vui-grid--col-xxl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xxl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xxl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xxl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xxl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xxl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xxl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xxl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xxl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xxl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xxl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xxl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}.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%}.vui-alert{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;width:100%;padding:.75rem}.vui-alert.vui-alert--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-alert.vui-alert--default .vui-alert-icon:before{color:#000}.vui-alert.vui-alert--default.vui-alert--loading .vui-alert-loader{background-color:#000}.vui-alert.vui-alert--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-alert.vui-alert--error .vui-alert-icon:before{color:#960e13}.vui-alert.vui-alert--error.vui-alert--loading .vui-alert-loader{background-color:#960e13}.vui-alert.vui-alert--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-alert.vui-alert--success .vui-alert-icon:before{color:#145b32}.vui-alert.vui-alert--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-alert.vui-alert--warning .vui-alert-icon:before{color:#976008}.vui-alert .vui-alert-icon{font-size:1rem;margin-right:.75rem}.vui-alert .vui-alert-icon:before{color:#869198}.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}.vui-list{display:flex;flex-flow:column;padding:0;border-radius:.25rem}.vui-list:not(.vui-list--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-list.vui-list--flat{border-top:1px solid #d9dcde;border-left:1px solid #d9dcde;border-right:1px solid #d9dcde}.vui-list .vui-list-title{padding:1rem;font-weight:700}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;padding:.75rem;background-color:#fff;border-radius:0;border-top:1px solid #d9dcde;border-bottom:1px solid #d9dcde;cursor:pointer}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label .vui-list-items-item-group-label-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{background-color:#d9dcde}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--loading .vui-list-items-item-group-label-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--toggled{background-color:#f7acae}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--toggled{background-color:#89e5b0}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--toggled{background-color:#fad9a4}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:after{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;content:"";position:absolute;top:.75rem;right:1rem}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{border-top:1px solid rgb(189,195,199);border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--open:after{content:""}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-label{padding-left:1.5rem}.vui-list .vui-list-items .vui-list-items-item-label{display:flex;padding:.75rem;border-bottom:1px solid #d9dcde}.vui-list .vui-list-items .vui-list-items-item-label:hover{background-color:#d9dcde;border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selectable{cursor:pointer}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selected{color:#145b32;background-color:#60db94}.vui-list .vui-list-items .vui-list-items-item-label .vui-list-items-item-label-icon{padding-right:.5rem}.vui-dropdown{position:relative;display:inline-flex;min-width:200px;border-radius:.25rem}.vui-dropdown .vui-dropdown-placeholder{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;background-color:#fff;width:100%;cursor:pointer}.vui-dropdown .vui-dropdown-placeholder .vui-dropdown-placeholder-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled{background-color:#d9dcde}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--loading .vui-dropdown-placeholder-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--toggled{background-color:#f7acae}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--toggled{background-color:#89e5b0}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--toggled{background-color:#fad9a4}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-dropdown .vui-dropdown-placeholder:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:.5rem;right:1rem;content:"";color:#bdc3c7}.vui-dropdown .vui-dropdown-placeholder:hover:before{color:#869198}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled:before{content:"";top:.7rem;color:#869198}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label{width:100%;padding:.25rem .5rem .25rem 1rem;margin:0;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]{cursor:pointer;border:none;background-color:transparent}.vui-dropdown .vui-list.vui-dropdown-list{position:absolute;top:2.5rem;left:0;right:0;background-color:#fff;z-index:2}.vui-dropdown .vui-list.vui-dropdown-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-loader{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;position:relative;display:inline-flex;padding:.75rem;justify-content:start}.vui-loader.vui-loader--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-loader.vui-loader--default .vui-loader-icon:before{color:#000}.vui-loader.vui-loader--default.vui-loader--loading .vui-loader-loader{background-color:#000}.vui-loader.vui-loader--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-loader.vui-loader--error .vui-loader-icon:before{color:#960e13}.vui-loader.vui-loader--error.vui-loader--loading .vui-loader-loader{background-color:#960e13}.vui-loader.vui-loader--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-loader.vui-loader--success .vui-loader-icon:before{color:#145b32}.vui-loader.vui-loader--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-loader.vui-loader--warning .vui-loader-icon:before{color:#976008}.vui-loader.vui-loader--flat{box-shadow:none}.vui-loader .vui-loader-icon{animation:rotating 2s linear infinite}.vui-loader .vui-loader-body{padding-left:1rem}.vui-modal{position:fixed;top:0;left:0;right:0;bottom:0;padding:2rem;background-color:#d9dcde;z-index:3}.vui-modal .vui-modal-content{display:flex;flex-flow:column;min-height:calc(100vh - 4rem);background-color:#fff;border-radius:.25rem;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-modal .vui-modal-content .vui-modal-content-header{display:flex;justify-content:space-between;padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;background-color:#e6e9ea;border-bottom:1px solid #d9dcde}.vui-modal .vui-modal-content .vui-modal-content-header .fa-regular.fa-circle-xmark{font-size:1.2rem;cursor:pointer}.vui-modal .vui-modal-content .vui-modal-content-body{flex:1 1 auto;padding:2rem 1rem}.vui-modal .vui-modal-content .vui-modal-content-footer{padding:.5rem 1rem;text-align:center;background-color:#e6e9ea;border-top:1px solid #d9dcde}.vui-nav{display:inline-flex}.vui-nav.vui-nav--flat .vui-list.vui-nav-list{box-shadow:none}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:0}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label:hover{background-color:transparent}.vui-nav .vui-list.vui-nav-list .vui-list-items{display:flex}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:1rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label{border:none;padding-left:0}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label i.fa-solid{color:#bdc3c7}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label .vui-list-items-item-label-text{padding-left:.75rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected{color:#27ae60;background-color:inherit}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected i.fa-solid,.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected .vui-list-items-item-label-text{color:inherit}.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}.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}.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}.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}.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}.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}.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 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./animable-ChJEXlsE.js"),s=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const p={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},c={},b={},V={en:c,fr:b},$={name:"VuiTable",mixins:[d.animable,s.composable],props:p,created(){s.translatable(V)},methods:{leaf(l,i){return i.split(".").reduce((r,o)=>r&&r[o]?r[o]:null,l)}}},f=["id"],y=["data-label"];function g(l,i,r,o,E,u){return e.openBlock(),e.createElementBlock("div",{id:l.componentId,class:e.normalizeClass(["vui-table",l.$props.class])},[e.renderSlot(l.$slots,"prepend"),e.createElementVNode("table",null,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.headers,(t,a)=>e.renderSlot(l.$slots,`header.${t[l.itemValue]}`,{key:`table-${l.componentId}-header--${a}`,item:t,itemLabel:l.itemLabel,itemValue:l.itemValue,index:a},()=>[e.createElementVNode("th",{class:e.normalizeClass(t.class)},e.toDisplayString(t[l.itemLabel]),3)])),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(t,a)=>e.renderSlot(l.$slots,"default",{key:`table-${l.componentId}-item--${a}`,index:a,item:t,itemLabel:l.itemLabel,itemValue:l.itemValue},()=>[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.headers,(n,m)=>e.renderSlot(l.$slots,`item.${n[l.itemValue]}`,{key:`table-${l.componentId}-item-td--${m}`,index:m,item:t,itemLabel:l.itemLabel,itemValue:l.itemValue},()=>[e.createElementVNode("td",{"data-label":n.label,class:e.normalizeClass(n.class)},e.toDisplayString(u.leaf(t,n.value)),11,y)])),128))])])),128))])]),e.renderSlot(l.$slots,"append")],10,f)}const k=s._export_sfc($,[["render",g]]);exports.default=k;
@@ -0,0 +1,95 @@
1
+ import { a as y } from "./animable-DnFaMPYA.js";
2
+ import { _ as V, c as L, t as g } from "./_plugin-vue_export-helper-BSl1dQT6.js";
3
+ import { openBlock as i, createElementBlock as o, normalizeClass as u, renderSlot as s, createElementVNode as t, Fragment as d, renderList as p, toDisplayString as f } from "vue";
4
+ import "highlight.js";
5
+ const h = {
6
+ headers: {
7
+ type: Array,
8
+ default: () => []
9
+ },
10
+ itemLabel: {
11
+ type: String,
12
+ default: "label"
13
+ },
14
+ itemValue: {
15
+ type: String,
16
+ default: "value"
17
+ },
18
+ items: {
19
+ type: Array,
20
+ default: () => [],
21
+ required: !0
22
+ }
23
+ }, k = {}, I = {}, S = {
24
+ en: k,
25
+ fr: I
26
+ }, v = {
27
+ name: "VuiTable",
28
+ mixins: [
29
+ y,
30
+ L
31
+ ],
32
+ props: h,
33
+ created() {
34
+ g(S);
35
+ },
36
+ methods: {
37
+ leaf(e, b) {
38
+ return b.split(".").reduce((n, m) => n && n[m] ? n[m] : null, e);
39
+ }
40
+ }
41
+ }, A = ["id"], B = ["data-label"];
42
+ function E(e, b, n, m, q, c) {
43
+ return i(), o("div", {
44
+ id: e.componentId,
45
+ class: u(["vui-table", e.$props.class])
46
+ }, [
47
+ s(e.$slots, "prepend"),
48
+ t("table", null, [
49
+ t("thead", null, [
50
+ t("tr", null, [
51
+ (i(!0), o(d, null, p(e.headers, (l, a) => s(e.$slots, `header.${l[e.itemValue]}`, {
52
+ key: `table-${e.componentId}-header--${a}`,
53
+ item: l,
54
+ itemLabel: e.itemLabel,
55
+ itemValue: e.itemValue,
56
+ index: a
57
+ }, () => [
58
+ t("th", {
59
+ class: u(l.class)
60
+ }, f(l[e.itemLabel]), 3)
61
+ ])), 128))
62
+ ])
63
+ ]),
64
+ t("tbody", null, [
65
+ (i(!0), o(d, null, p(e.items, (l, a) => s(e.$slots, "default", {
66
+ key: `table-${e.componentId}-item--${a}`,
67
+ index: a,
68
+ item: l,
69
+ itemLabel: e.itemLabel,
70
+ itemValue: e.itemValue
71
+ }, () => [
72
+ t("tr", null, [
73
+ (i(!0), o(d, null, p(e.headers, (r, $) => s(e.$slots, `item.${r[e.itemValue]}`, {
74
+ key: `table-${e.componentId}-item-td--${$}`,
75
+ index: $,
76
+ item: l,
77
+ itemLabel: e.itemLabel,
78
+ itemValue: e.itemValue
79
+ }, () => [
80
+ t("td", {
81
+ "data-label": r.label,
82
+ class: u(r.class)
83
+ }, f(c.leaf(l, r.value)), 11, B)
84
+ ])), 128))
85
+ ])
86
+ ])), 128))
87
+ ])
88
+ ]),
89
+ s(e.$slots, "append")
90
+ ], 10, A);
91
+ }
92
+ const N = /* @__PURE__ */ V(v, [["render", E]]);
93
+ export {
94
+ N as default
95
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const r={},c={},u={en:r,fr:c},d={icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},m={name:"VuiTabs",mixins:[i.composable],props:d,emits:["update:model-value"],data(){return{active:null}},computed:{tabs(){return this.items.map(t=>({...t,$$id:this.newId()}))}},watch:{modelValue(t){this.active=t},value(t){this.active=t}},created(){var t;if(i.translatable(u),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((t=this.items)!=null&&t.length){const a=this.items[0];this.active=a[this.itemValue]}},methods:{toggle(t){this.disabled||(this.active=t,this.$emit("update:model-value",this.active))}}},p=["id"],h={class:"vui-tabs-tabs"},v=["onClick"],b={class:"label"},g={class:"vui-tabs-slots"};function k(t,a,y,f,l,o){return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-tabs",t.$props.class])},[e.renderSlot(t.$slots,"prepend"),e.createElementVNode("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.tabs,s=>(e.openBlock(),e.createElementBlock("div",{key:s.$$id,class:e.normalizeClass(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":t.icon},{"vui-tabs-tabs-tab--active":s[t.itemValue]===l.active}]),onClick:()=>o.toggle(s[t.itemValue])},[t.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["vui-tabs-tabs-tab-icon",t.icon])},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",b,e.toDisplayString(s[t.itemLabel]),1)],10,v))),128))]),e.createElementVNode("div",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(s,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`slot-${s.$$id}`},[s[t.itemValue]===l.active?e.renderSlot(t.$slots,s[t.itemValue],{key:0,index:n}):e.createCommentVNode("",!0)],64))),128))]),e.renderSlot(t.$slots,"append")],10,p)}const V=i._export_sfc(m,[["render",k]]);exports.default=V;
@@ -0,0 +1,113 @@
1
+ import { _ as p, c as v, t as b } from "./_plugin-vue_export-helper-BSl1dQT6.js";
2
+ import { openBlock as s, createElementBlock as i, normalizeClass as a, renderSlot as l, createElementVNode as o, Fragment as n, renderList as d, createCommentVNode as m, toDisplayString as f } from "vue";
3
+ import "highlight.js";
4
+ const V = {}, g = {}, y = {
5
+ en: V,
6
+ fr: g
7
+ }, $ = {
8
+ icon: {
9
+ type: String
10
+ },
11
+ items: {
12
+ type: Array,
13
+ required: !0
14
+ },
15
+ itemLabel: {
16
+ type: String,
17
+ default: "label"
18
+ },
19
+ itemValue: {
20
+ type: String,
21
+ default: "value"
22
+ },
23
+ modelValue: {
24
+ type: String
25
+ },
26
+ value: {
27
+ type: String
28
+ }
29
+ }, k = {
30
+ name: "VuiTabs",
31
+ mixins: [
32
+ v
33
+ ],
34
+ props: $,
35
+ emits: ["update:model-value"],
36
+ data() {
37
+ return {
38
+ active: null
39
+ };
40
+ },
41
+ computed: {
42
+ tabs() {
43
+ return this.items.map((e) => ({
44
+ ...e,
45
+ $$id: this.newId()
46
+ }));
47
+ }
48
+ },
49
+ watch: {
50
+ modelValue(e) {
51
+ this.active = e;
52
+ },
53
+ value(e) {
54
+ this.active = e;
55
+ }
56
+ },
57
+ created() {
58
+ var e;
59
+ if (b(y), this.hasModelValue)
60
+ this.active = this.modelValue;
61
+ else if (this.hasValue)
62
+ this.active = this.value;
63
+ else if ((e = this.items) != null && e.length) {
64
+ const r = this.items[0];
65
+ this.active = r[this.itemValue];
66
+ }
67
+ },
68
+ methods: {
69
+ toggle(e) {
70
+ this.disabled || (this.active = e, this.$emit("update:model-value", this.active));
71
+ }
72
+ }
73
+ }, S = ["id"], _ = { class: "vui-tabs-tabs" }, C = ["onClick"], w = { class: "label" }, L = { class: "vui-tabs-slots" };
74
+ function B(e, r, E, I, u, c) {
75
+ return s(), i("div", {
76
+ id: e.componentId,
77
+ class: a(["vui-tabs", e.$props.class])
78
+ }, [
79
+ l(e.$slots, "prepend"),
80
+ o("div", _, [
81
+ (s(!0), i(n, null, d(c.tabs, (t) => (s(), i("div", {
82
+ key: t.$$id,
83
+ class: a([
84
+ "vui-tabs-tabs-tab",
85
+ { "vui-tabs-tabs-tab--with-icon": e.icon },
86
+ { "vui-tabs-tabs-tab--active": t[e.itemValue] === u.active }
87
+ ]),
88
+ onClick: () => c.toggle(t[e.itemValue])
89
+ }, [
90
+ e.icon ? (s(), i("i", {
91
+ key: 0,
92
+ class: a(["vui-tabs-tabs-tab-icon", e.icon])
93
+ }, null, 2)) : m("", !0),
94
+ o("span", w, f(t[e.itemLabel]), 1)
95
+ ], 10, C))), 128))
96
+ ]),
97
+ o("div", L, [
98
+ (s(!0), i(n, null, d(e.items, (t, h) => (s(), i(n, {
99
+ key: `slot-${t.$$id}`
100
+ }, [
101
+ t[e.itemValue] === u.active ? l(e.$slots, t[e.itemValue], {
102
+ key: 0,
103
+ index: h
104
+ }) : m("", !0)
105
+ ], 64))), 128))
106
+ ]),
107
+ l(e.$slots, "append")
108
+ ], 10, S);
109
+ }
110
+ const A = /* @__PURE__ */ p(k, [["render", B]]);
111
+ export {
112
+ A as default
113
+ };
@@ -0,0 +1,48 @@
1
+ import { _ as a, c as i, t as r } from "./_plugin-vue_export-helper-BSl1dQT6.js";
2
+ import { openBlock as t, createElementBlock as s, normalizeClass as n, renderSlot as o, createCommentVNode as p, createTextVNode as c, toDisplayString as l } from "vue";
3
+ import "highlight.js";
4
+ const d = {}, m = {}, u = {
5
+ en: d,
6
+ fr: m
7
+ }, g = {
8
+ icon: {
9
+ type: String
10
+ },
11
+ text: {
12
+ type: String
13
+ }
14
+ }, f = {
15
+ name: "VuiTag",
16
+ mixins: [
17
+ i
18
+ ],
19
+ props: g,
20
+ created() {
21
+ r(u);
22
+ }
23
+ }, $ = ["id"];
24
+ function v(e, y, S, h, k, V) {
25
+ return t(), s("div", {
26
+ id: e.componentId,
27
+ class: n([
28
+ "vui-tag",
29
+ `vui-tag--${e.layout}`,
30
+ { "vui-tag--with-icon": e.icon },
31
+ e.$props.class
32
+ ])
33
+ }, [
34
+ o(e.$slots, "prepend"),
35
+ e.icon ? (t(), s("i", {
36
+ key: 0,
37
+ class: n(["vui-tag-icon", e.icon])
38
+ }, null, 2)) : p("", !0),
39
+ o(e.$slots, "default", {}, () => [
40
+ c(l(e.text), 1)
41
+ ]),
42
+ o(e.$slots, "append")
43
+ ], 10, $);
44
+ }
45
+ const N = /* @__PURE__ */ a(f, [["render", v]]);
46
+ export {
47
+ N as default
48
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const n={},r={},s={en:n,fr:r},a={icon:{type:String},text:{type:String}},i={name:"VuiTag",mixins:[o.composable],props:a,created(){o.translatable(s)}},l=["id"];function c(t,u,d,g,m,$){return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-tag",`vui-tag--${t.layout}`,{"vui-tag--with-icon":t.icon},t.$props.class])},[e.renderSlot(t.$slots,"prepend"),t.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["vui-tag-icon",t.icon])},null,2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),e.renderSlot(t.$slots,"append")],10,l)}const p=o._export_sfc(i,[["render",c]]);exports.default=p;