@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.
- package/LICENSE +21 -0
- package/README.md +107 -0
- package/dist/_plugin-vue_export-helper-BSl1dQT6.js +83 -0
- package/dist/_plugin-vue_export-helper-DeDoBcDj.js +1 -0
- package/dist/alert-CL20mS-E.js +49 -0
- package/dist/alert-CbdNaLvd.js +1 -0
- package/dist/animable-ChJEXlsE.js +1 -0
- package/dist/animable-DnFaMPYA.js +34 -0
- package/dist/button-D5bD4vAv.js +1 -0
- package/dist/button-Dall4PZ6.js +82 -0
- package/dist/card-DK0Uhh_6.js +1 -0
- package/dist/card-ouJTJOLK.js +50 -0
- package/dist/checkbox-B9yl-GCS.js +1 -0
- package/dist/checkbox-C0XHmyOW.js +116 -0
- package/dist/doc/assets/alert-BUCYz3vD.js +25 -0
- package/dist/doc/assets/alert-CMx1jzV3.css +1 -0
- package/dist/doc/assets/alert-CfN-KK4X.js +1 -0
- package/dist/doc/assets/animable-S5zFcxd4.js +1 -0
- package/dist/doc/assets/button-B8AvTEGk.css +1 -0
- package/dist/doc/assets/button-C1U5-S3p.js +1 -0
- package/dist/doc/assets/button-CNMZ1GQO.js +36 -0
- package/dist/doc/assets/button-Df0zy3mn.css +1 -0
- package/dist/doc/assets/card-CUtpnLFS.js +1 -0
- package/dist/doc/assets/card-Cm7t5GnP.css +1 -0
- package/dist/doc/assets/card-CwQ070ao.js +27 -0
- package/dist/doc/assets/checkbox-DUY-WF86.js +1 -0
- package/dist/doc/assets/checkbox-DrJf8HyQ.js +14 -0
- package/dist/doc/assets/checkbox-Dtjrzcei.css +1 -0
- package/dist/doc/assets/component-CXumWSlt.js +1 -0
- package/dist/doc/assets/component-CXwRI3O4.css +1 -0
- package/dist/doc/assets/composable-CshUTKfl.js +1 -0
- package/dist/doc/assets/default-D8NjjGBi.css +1 -0
- package/dist/doc/assets/default-DHoZWdtn.js +1 -0
- package/dist/doc/assets/demonstrable-B5KAWPKX.js +9 -0
- package/dist/doc/assets/dropdown-BDltvOgD.css +1 -0
- package/dist/doc/assets/dropdown-D0xbQtqT.css +1 -0
- package/dist/doc/assets/dropdown-D3hwsYWo.js +32 -0
- package/dist/doc/assets/dropdown-EPlb5xOz.js +1 -0
- package/dist/doc/assets/fa-brands-400-Ch568Ea9.woff2 +0 -0
- package/dist/doc/assets/fa-brands-400-DHHcbFjz.ttf +0 -0
- package/dist/doc/assets/fa-regular-400-9VThgXHM.woff2 +0 -0
- package/dist/doc/assets/fa-regular-400-C54-fRIQ.ttf +0 -0
- package/dist/doc/assets/fa-solid-900-Cm9M9sZB.ttf +0 -0
- package/dist/doc/assets/fa-solid-900-QWY35r5r.woff2 +0 -0
- package/dist/doc/assets/fa-v4compatibility-BRdYr4HJ.woff2 +0 -0
- package/dist/doc/assets/fa-v4compatibility-DLBX5pNp.ttf +0 -0
- package/dist/doc/assets/footer-BgsenAcP.js +1 -0
- package/dist/doc/assets/footer-Bm8ssenm.js +5 -0
- package/dist/doc/assets/footer-DYUKfFU3.css +1 -0
- package/dist/doc/assets/form-DKLHmzJQ.js +47 -0
- package/dist/doc/assets/form-XmHKCPrj.css +1 -0
- package/dist/doc/assets/form-k50YoLDD.js +1 -0
- package/dist/doc/assets/grid-Bh0kbzz2.css +1 -0
- package/dist/doc/assets/grid-BlQLubGm.css +1 -0
- package/dist/doc/assets/grid-BqtXNrmN.js +1 -0
- package/dist/doc/assets/grid-TeUBpTW_.js +14 -0
- package/dist/doc/assets/header-BXnWOksC.js +1 -0
- package/dist/doc/assets/header-Bz_A9csZ.css +1 -0
- package/dist/doc/assets/header-eITS5i2z.js +5 -0
- package/dist/doc/assets/index-7pe20t8n.js +1 -0
- package/dist/doc/assets/index-9U_mVUKM.css +1 -0
- package/dist/doc/assets/index-BQmFywQ4.js +48 -0
- package/dist/doc/assets/index-BSpywUIE.css +14 -0
- package/dist/doc/assets/index-wi3jjcqb.js +1 -0
- package/dist/doc/assets/input-BKMua51x.js +1 -0
- package/dist/doc/assets/input-BOPqansB.js +15 -0
- package/dist/doc/assets/input-D3l35AS9.css +1 -0
- package/dist/doc/assets/input-DSlxLCcA.css +1 -0
- package/dist/doc/assets/list-BPEuENqV.css +1 -0
- package/dist/doc/assets/list-CGLoBn9q.js +1 -0
- package/dist/doc/assets/list-CLtQXRmR.css +1 -0
- package/dist/doc/assets/list-n45uFw2X.js +30 -0
- package/dist/doc/assets/loader-BV0MDdoZ.js +1 -0
- package/dist/doc/assets/loader-C4g8GuOD.css +1 -0
- package/dist/doc/assets/loader-kFszqXxd.js +21 -0
- package/dist/doc/assets/modal-BQbrtOh6.js +1 -0
- package/dist/doc/assets/modal-C8IiekXp.css +1 -0
- package/dist/doc/assets/modal-DLTSg2Rm.js +18 -0
- package/dist/doc/assets/nav-C_eRBUvm.css +1 -0
- package/dist/doc/assets/nav-DL_aupT5.js +1 -0
- package/dist/doc/assets/nav-DQFqqSlk.js +20 -0
- package/dist/doc/assets/page-5bIt8sIt.js +53 -0
- package/dist/doc/assets/page-DtSZOZ0a.css +1 -0
- package/dist/doc/assets/page-HHRlPnpS.js +1 -0
- package/dist/doc/assets/pager-BJfdjd6d.js +1 -0
- package/dist/doc/assets/pager-BSfAVnS5.css +1 -0
- package/dist/doc/assets/pager-lLWSRkXq.js +22 -0
- package/dist/doc/assets/progress-BGFPfOOr.js +14 -0
- package/dist/doc/assets/progress-DILkrPEU.css +1 -0
- package/dist/doc/assets/progress-agXYCgzm.js +1 -0
- package/dist/doc/assets/start-CD9tFbht.css +1 -0
- package/dist/doc/assets/start-CqupTQKQ.js +1 -0
- package/dist/doc/assets/table-BawB_9__.css +1 -0
- package/dist/doc/assets/table-CMUxQ9C6.js +75 -0
- package/dist/doc/assets/table-DX3maWwn.css +1 -0
- package/dist/doc/assets/table-No82fyed.js +1 -0
- package/dist/doc/assets/tabs-B3SGp8R7.css +1 -0
- package/dist/doc/assets/tabs-BO11EW27.js +1 -0
- package/dist/doc/assets/tabs-uU4Onuid.js +11 -0
- package/dist/doc/assets/tag-COrA8kV9.js +25 -0
- package/dist/doc/assets/tag-DAiyWNFY.css +1 -0
- package/dist/doc/assets/tag-Do20IKxB.js +1 -0
- package/dist/doc/assets/toggle-BOUyuSz0.js +9 -0
- package/dist/doc/assets/toggle-CweBCm3j.css +1 -0
- package/dist/doc/assets/toggle-DazanQqx.js +1 -0
- package/dist/doc/assets/tooltip-94laNPly.js +1 -0
- package/dist/doc/assets/tooltip-CB2SgOBq.css +1 -0
- package/dist/doc/assets/tooltip-CpdVg_-T.js +48 -0
- package/dist/doc/assets/translatable-DbFxNJLL.js +1 -0
- package/dist/doc/assets/unit-BBuvFoj-.js +18 -0
- package/dist/doc/assets/unit-BziEb5aB.css +1 -0
- package/dist/doc/assets/unit-CEWThaCv.css +1 -0
- package/dist/doc/assets/unit-CiQ7QHVC.js +1 -0
- package/dist/doc/index.html +31 -0
- package/dist/dropdown-94Qb68fE.js +188 -0
- package/dist/dropdown-BwSLrIif.js +1 -0
- package/dist/footer-51s_zdw3.js +29 -0
- package/dist/footer-BsenaW5N.js +1 -0
- package/dist/form-BZpgCWGA.js +29 -0
- package/dist/form-ZUVvCZyS.js +1 -0
- package/dist/grid-CurHW85o.js +66 -0
- package/dist/grid-DWWix5rK.js +1 -0
- package/dist/header-DcGPzeye.js +29 -0
- package/dist/header-ZYcWwRkh.js +1 -0
- package/dist/index-BYlXFZ1a.js +7 -0
- package/dist/index-CIHzWz8S.js +1 -0
- package/dist/input-Dy5fCJhT.js +103 -0
- package/dist/input-WjGQ7q1J.js +1 -0
- package/dist/list-BH719nj8.js +286 -0
- package/dist/list-BkZK3xVW.js +1 -0
- package/dist/loader-BfFCffVh.js +1 -0
- package/dist/loader-D-dknzvs.js +60 -0
- package/dist/modal-ClZY58iR.js +1 -0
- package/dist/modal-DkygZY00.js +126 -0
- package/dist/nav-BD6eV2wj.js +1 -0
- package/dist/nav-DdIBrD1b.js +142 -0
- package/dist/page-BIUh-VF2.js +1 -0
- package/dist/page-CM5kqSQi.js +60 -0
- package/dist/pager-C8iFmeo8.js +1 -0
- package/dist/pager-CBJ3CiCZ.js +172 -0
- package/dist/progress-DsA7oWSK.js +59 -0
- package/dist/progress-d0_3-GgJ.js +1 -0
- package/dist/style.css +1 -0
- package/dist/table-8qXMDkjH.js +1 -0
- package/dist/table-DuvV-g2p.js +95 -0
- package/dist/tabs-CHwXPZS8.js +1 -0
- package/dist/tabs-X0RMcNvq.js +113 -0
- package/dist/tag-D4iZf3-b.js +48 -0
- package/dist/tag-viNXw7N7.js +1 -0
- package/dist/toggle-BjGdBPSz.js +114 -0
- package/dist/toggle-gSEwsuRP.js +1 -0
- package/dist/tooltip--n3igWe7.js +1 -0
- package/dist/tooltip-CIoZoCZY.js +127 -0
- package/dist/unit-DGlQY07B.js +1 -0
- package/dist/unit-Xp1FHc7U.js +41 -0
- package/dist/vui.esm.js +272 -0
- package/dist/vui.js +1 -0
- package/dist/vui.umd.js +1 -0
- 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;
|