@7pmlabs/design-system 0.3.2 → 0.3.4
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/README.md +5 -5
- package/dist/design-system100.js +1 -1
- package/dist/design-system100.js.map +1 -1
- package/dist/design-system100.mjs +59 -2164
- package/dist/design-system100.mjs.map +1 -1
- package/dist/design-system101.js +1 -1
- package/dist/design-system101.js.map +1 -1
- package/dist/design-system101.mjs +2164 -59
- package/dist/design-system101.mjs.map +1 -1
- package/dist/design-system102.js +1 -1
- package/dist/design-system102.js.map +1 -1
- package/dist/design-system102.mjs +1103 -75
- package/dist/design-system102.mjs.map +1 -1
- package/dist/design-system103.js +1 -1
- package/dist/design-system103.js.map +1 -1
- package/dist/design-system103.mjs +24 -5
- package/dist/design-system103.mjs.map +1 -1
- package/dist/design-system105.js +1 -1
- package/dist/design-system105.js.map +1 -1
- package/dist/design-system105.mjs +2 -4
- package/dist/design-system105.mjs.map +1 -1
- package/dist/design-system106.js +1 -1
- package/dist/design-system106.js.map +1 -1
- package/dist/design-system106.mjs +4 -8
- package/dist/design-system106.mjs.map +1 -1
- package/dist/design-system107.js +1 -1
- package/dist/design-system107.js.map +1 -1
- package/dist/design-system107.mjs +7 -6
- package/dist/design-system107.mjs.map +1 -1
- package/dist/design-system108.js +1 -1
- package/dist/design-system108.js.map +1 -1
- package/dist/design-system108.mjs +7 -2
- package/dist/design-system108.mjs.map +1 -1
- package/dist/design-system109.js +1 -1
- package/dist/design-system109.mjs +2 -2
- package/dist/design-system11.js +1 -1
- package/dist/design-system11.js.map +1 -1
- package/dist/design-system11.mjs +41 -47
- package/dist/design-system11.mjs.map +1 -1
- package/dist/design-system110.js +1 -1
- package/dist/design-system110.mjs +2 -2
- package/dist/design-system12.js +7 -1
- package/dist/design-system12.js.map +1 -1
- package/dist/design-system12.mjs +83 -72
- package/dist/design-system12.mjs.map +1 -1
- package/dist/design-system120.js +1 -1
- package/dist/design-system120.mjs +1 -1
- package/dist/design-system122.js +1 -1
- package/dist/design-system122.mjs +1 -1
- package/dist/design-system123.js +1 -1
- package/dist/design-system123.mjs +6 -6
- package/dist/design-system126.js +1 -1
- package/dist/design-system126.mjs +3 -3
- package/dist/design-system13.js +7 -1
- package/dist/design-system13.js.map +1 -1
- package/dist/design-system13.mjs +101 -90
- package/dist/design-system13.mjs.map +1 -1
- package/dist/design-system131.js +1 -1
- package/dist/design-system131.mjs +1 -1
- package/dist/design-system136.js +1 -1
- package/dist/design-system136.mjs +2 -2
- package/dist/design-system138.js +1 -1
- package/dist/design-system138.mjs +1 -1
- package/dist/design-system14.js +1 -1
- package/dist/design-system14.js.map +1 -1
- package/dist/design-system14.mjs +46 -42
- package/dist/design-system14.mjs.map +1 -1
- package/dist/design-system140.js +1 -1
- package/dist/design-system140.js.map +1 -1
- package/dist/design-system140.mjs +2 -12
- package/dist/design-system140.mjs.map +1 -1
- package/dist/design-system141.js +1 -1
- package/dist/design-system141.js.map +1 -1
- package/dist/design-system141.mjs +11 -7
- package/dist/design-system141.mjs.map +1 -1
- package/dist/design-system142.js +1 -1
- package/dist/design-system142.js.map +1 -1
- package/dist/design-system142.mjs +7 -9
- package/dist/design-system142.mjs.map +1 -1
- package/dist/design-system143.js +1 -1
- package/dist/design-system143.js.map +1 -1
- package/dist/design-system143.mjs +9 -5
- package/dist/design-system143.mjs.map +1 -1
- package/dist/design-system144.js +1 -1
- package/dist/design-system144.js.map +1 -1
- package/dist/design-system144.mjs +6 -10
- package/dist/design-system144.mjs.map +1 -1
- package/dist/design-system145.js +1 -1
- package/dist/design-system145.js.map +1 -1
- package/dist/design-system145.mjs +10 -2
- package/dist/design-system145.mjs.map +1 -1
- package/dist/design-system147.js +1 -1
- package/dist/design-system147.mjs +1 -1
- package/dist/design-system148.js +1 -1
- package/dist/design-system148.mjs +1 -1
- package/dist/design-system151.js +1 -1
- package/dist/design-system151.mjs +1 -1
- package/dist/design-system152.js +1 -1
- package/dist/design-system152.mjs +2 -2
- package/dist/design-system153.js +1 -1
- package/dist/design-system153.mjs +1 -1
- package/dist/design-system154.js +1 -1
- package/dist/design-system154.mjs +2 -2
- package/dist/design-system157.js +1 -1
- package/dist/design-system157.mjs +1 -1
- package/dist/design-system16.js +1 -1
- package/dist/design-system16.js.map +1 -1
- package/dist/design-system16.mjs +1 -1
- package/dist/design-system16.mjs.map +1 -1
- package/dist/design-system161.js +1 -1
- package/dist/design-system161.js.map +1 -1
- package/dist/design-system161.mjs +3 -2
- package/dist/design-system161.mjs.map +1 -1
- package/dist/design-system162.js +1 -1
- package/dist/design-system162.js.map +1 -1
- package/dist/design-system162.mjs +4 -3
- package/dist/design-system162.mjs.map +1 -1
- package/dist/design-system163.js +1 -1
- package/dist/design-system163.js.map +1 -1
- package/dist/design-system163.mjs +13 -4
- package/dist/design-system163.mjs.map +1 -1
- package/dist/design-system164.js +1 -1
- package/dist/design-system164.js.map +1 -1
- package/dist/design-system164.mjs +4 -12
- package/dist/design-system164.mjs.map +1 -1
- package/dist/design-system165.js +1 -1
- package/dist/design-system165.js.map +1 -1
- package/dist/design-system165.mjs +4 -5
- package/dist/design-system165.mjs.map +1 -1
- package/dist/design-system166.js +1 -1
- package/dist/design-system166.js.map +1 -1
- package/dist/design-system166.mjs +5 -4
- package/dist/design-system166.mjs.map +1 -1
- package/dist/design-system167.js +1 -1
- package/dist/design-system167.js.map +1 -1
- package/dist/design-system167.mjs +5 -5
- package/dist/design-system167.mjs.map +1 -1
- package/dist/design-system168.js +1 -1
- package/dist/design-system168.js.map +1 -1
- package/dist/design-system168.mjs +4 -4
- package/dist/design-system168.mjs.map +1 -1
- package/dist/design-system169.js +1 -1
- package/dist/design-system169.js.map +1 -1
- package/dist/design-system169.mjs +5 -5
- package/dist/design-system169.mjs.map +1 -1
- package/dist/design-system17.js +1 -1
- package/dist/design-system17.js.map +1 -1
- package/dist/design-system17.mjs +118 -113
- package/dist/design-system17.mjs.map +1 -1
- package/dist/design-system170.js +1 -1
- package/dist/design-system170.js.map +1 -1
- package/dist/design-system170.mjs +4 -4
- package/dist/design-system170.mjs.map +1 -1
- package/dist/design-system171.js +1 -1
- package/dist/design-system171.js.map +1 -1
- package/dist/design-system171.mjs +15 -5
- package/dist/design-system171.mjs.map +1 -1
- package/dist/design-system172.js +1 -1
- package/dist/design-system172.js.map +1 -1
- package/dist/design-system172.mjs +13 -14
- package/dist/design-system172.mjs.map +1 -1
- package/dist/design-system173.js +1 -1
- package/dist/design-system173.js.map +1 -1
- package/dist/design-system173.mjs +8 -13
- package/dist/design-system173.mjs.map +1 -1
- package/dist/design-system174.js +1 -1
- package/dist/design-system174.js.map +1 -1
- package/dist/design-system174.mjs +4 -9
- package/dist/design-system174.mjs.map +1 -1
- package/dist/design-system175.js +1 -1
- package/dist/design-system175.js.map +1 -1
- package/dist/design-system175.mjs +6 -4
- package/dist/design-system175.mjs.map +1 -1
- package/dist/design-system176.js +1 -1
- package/dist/design-system176.js.map +1 -1
- package/dist/design-system176.mjs +5 -5
- package/dist/design-system176.mjs.map +1 -1
- package/dist/design-system177.js +1 -1
- package/dist/design-system177.js.map +1 -1
- package/dist/design-system177.mjs +5 -5
- package/dist/design-system177.mjs.map +1 -1
- package/dist/design-system178.js +1 -1
- package/dist/design-system178.js.map +1 -1
- package/dist/design-system178.mjs +7 -5
- package/dist/design-system178.mjs.map +1 -1
- package/dist/design-system179.js +1 -1
- package/dist/design-system179.js.map +1 -1
- package/dist/design-system179.mjs +17 -7
- package/dist/design-system179.mjs.map +1 -1
- package/dist/design-system18.js +1 -1
- package/dist/design-system18.js.map +1 -1
- package/dist/design-system18.mjs +4 -9
- package/dist/design-system18.mjs.map +1 -1
- package/dist/design-system180.js +1 -1
- package/dist/design-system180.js.map +1 -1
- package/dist/design-system180.mjs +10 -17
- package/dist/design-system180.mjs.map +1 -1
- package/dist/design-system181.js +1 -1
- package/dist/design-system181.js.map +1 -1
- package/dist/design-system181.mjs +5 -10
- package/dist/design-system181.mjs.map +1 -1
- package/dist/design-system182.js +1 -1
- package/dist/design-system182.js.map +1 -1
- package/dist/design-system182.mjs +3 -4
- package/dist/design-system182.mjs.map +1 -1
- package/dist/design-system183.js +1 -1
- package/dist/design-system183.js.map +1 -1
- package/dist/design-system183.mjs +4 -4
- package/dist/design-system183.mjs.map +1 -1
- package/dist/design-system184.js +1 -1
- package/dist/design-system184.js.map +1 -1
- package/dist/design-system184.mjs +5 -4
- package/dist/design-system184.mjs.map +1 -1
- package/dist/design-system185.js +1 -1
- package/dist/design-system185.js.map +1 -1
- package/dist/design-system185.mjs +6 -5
- package/dist/design-system185.mjs.map +1 -1
- package/dist/design-system186.js +1 -1
- package/dist/design-system186.js.map +1 -1
- package/dist/design-system186.mjs +11 -7
- package/dist/design-system186.mjs.map +1 -1
- package/dist/design-system187.js +1 -1
- package/dist/design-system187.js.map +1 -1
- package/dist/design-system187.mjs +2 -11
- package/dist/design-system187.mjs.map +1 -1
- package/dist/design-system188.js +1 -1
- package/dist/design-system188.mjs +1 -1
- package/dist/design-system19.js +2 -2
- package/dist/design-system19.js.map +1 -1
- package/dist/design-system19.mjs +77 -65
- package/dist/design-system19.mjs.map +1 -1
- package/dist/design-system194.js +1 -1
- package/dist/design-system194.mjs +2 -2
- package/dist/design-system199.js +1 -1
- package/dist/design-system199.mjs +1 -1
- package/dist/design-system20.js +1 -1
- package/dist/design-system20.js.map +1 -1
- package/dist/design-system20.mjs +2 -2
- package/dist/design-system20.mjs.map +1 -1
- package/dist/design-system21.js +1 -1
- package/dist/design-system21.js.map +1 -1
- package/dist/design-system21.mjs +108 -101
- package/dist/design-system21.mjs.map +1 -1
- package/dist/design-system22.js +1 -1
- package/dist/design-system22.js.map +1 -1
- package/dist/design-system22.mjs +1 -1
- package/dist/design-system22.mjs.map +1 -1
- package/dist/design-system23.js +1 -1
- package/dist/design-system23.js.map +1 -1
- package/dist/design-system23.mjs +2 -2
- package/dist/design-system23.mjs.map +1 -1
- package/dist/design-system24.js +1 -1
- package/dist/design-system24.js.map +1 -1
- package/dist/design-system24.mjs +3 -8
- package/dist/design-system24.mjs.map +1 -1
- package/dist/design-system25.js +1 -1
- package/dist/design-system25.mjs +2 -2
- package/dist/design-system27.js +1 -1
- package/dist/design-system27.mjs +2 -2
- package/dist/design-system28.js +1 -1
- package/dist/design-system28.mjs +2 -2
- package/dist/design-system30.js.map +1 -1
- package/dist/design-system30.mjs.map +1 -1
- package/dist/design-system32.js +1 -1
- package/dist/design-system32.mjs +3 -3
- package/dist/design-system39.js +1 -1
- package/dist/design-system39.mjs +1 -1
- package/dist/design-system40.js +1 -1
- package/dist/design-system40.js.map +1 -1
- package/dist/design-system40.mjs +80 -83
- package/dist/design-system40.mjs.map +1 -1
- package/dist/design-system41.js +1 -1
- package/dist/design-system41.js.map +1 -1
- package/dist/design-system41.mjs +53 -34
- package/dist/design-system41.mjs.map +1 -1
- package/dist/design-system42.js +1 -1
- package/dist/design-system42.mjs +2 -2
- package/dist/design-system45.js +1 -1
- package/dist/design-system45.mjs +3 -3
- package/dist/design-system46.js.map +1 -1
- package/dist/design-system46.mjs.map +1 -1
- package/dist/design-system54.js +1 -1
- package/dist/design-system54.js.map +1 -1
- package/dist/design-system54.mjs +83 -67
- package/dist/design-system54.mjs.map +1 -1
- package/dist/design-system59.js +1 -1
- package/dist/design-system59.js.map +1 -1
- package/dist/design-system59.mjs +1 -1
- package/dist/design-system59.mjs.map +1 -1
- package/dist/design-system61.js.map +1 -1
- package/dist/design-system61.mjs.map +1 -1
- package/dist/design-system70.js +1 -1
- package/dist/design-system70.js.map +1 -1
- package/dist/design-system70.mjs +1 -1
- package/dist/design-system70.mjs.map +1 -1
- package/dist/design-system81.js +1 -1
- package/dist/design-system81.js.map +1 -1
- package/dist/design-system81.mjs +1 -1
- package/dist/design-system81.mjs.map +1 -1
- package/dist/design-system87.js +1 -1
- package/dist/design-system87.js.map +1 -1
- package/dist/design-system87.mjs +1 -1
- package/dist/design-system87.mjs.map +1 -1
- package/dist/design-system89.js +1 -1
- package/dist/design-system89.js.map +1 -1
- package/dist/design-system89.mjs +4 -4
- package/dist/design-system89.mjs.map +1 -1
- package/dist/design-system97.js +1 -1
- package/dist/design-system97.js.map +1 -1
- package/dist/design-system97.mjs +67 -16
- package/dist/design-system97.mjs.map +1 -1
- package/dist/design-system98.js +1 -1
- package/dist/design-system98.js.map +1 -1
- package/dist/design-system98.mjs +17 -1103
- package/dist/design-system98.mjs.map +1 -1
- package/dist/design-system99.js +1 -1
- package/dist/design-system99.js.map +1 -1
- package/dist/design-system99.mjs +5 -24
- package/dist/design-system99.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/BButton.vue.d.ts +2 -28
- package/dist/types/components/BCarousel/BCarousel.vue.d.ts +4 -2
- package/dist/types/components/BCheckbox.vue.d.ts +4 -2
- package/dist/types/components/BCollapse.vue.d.ts +4 -2
- package/dist/types/components/BCurrencyField.vue.d.ts +10 -5
- package/dist/types/components/BDatePicker.vue.d.ts +4 -2
- package/dist/types/components/BDateRangePicker.vue.d.ts +4 -2
- package/dist/types/components/BImagePicker/BImagePicker.vue.d.ts +6 -3
- package/dist/types/components/BImagePicker/BImagePreview.vue.d.ts +4 -2
- package/dist/types/components/BModal/BModal.vue.d.ts +4 -2
- package/dist/types/components/BModal/BModalContainer.vue.d.ts +4 -2
- package/dist/types/components/BMultiSelect.vue.d.ts +12 -6
- package/dist/types/components/BOtpField/BOtpField.vue.d.ts +10 -5
- package/dist/types/components/BOtpField/BOtpFieldBox.vue.d.ts +14 -7
- package/dist/types/components/BPagination.vue.d.ts +6 -3
- package/dist/types/components/BRadio.vue.d.ts +6 -3
- package/dist/types/components/BSelect.vue.d.ts +12 -6
- package/dist/types/components/BTabs/BTabs.vue.d.ts +4 -2
- package/dist/types/components/BTextField.vue.d.ts +24 -9
- package/dist/types/components/BTextarea.vue.d.ts +4 -2
- package/dist/types/components/BToast/BToast.vue.d.ts +4 -2
- package/dist/types/components/BToast/BToastItem.vue.d.ts +13 -14
- package/dist/types/components/BTooltip.vue.d.ts +4 -2
- package/package.json +1 -1
package/dist/design-system40.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useValidationField as
|
|
3
|
-
import { useI18n as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
const
|
|
1
|
+
import { defineComponent as M, ref as _, computed as n, openBlock as t, createElementBlock as c, createVNode as D, createElementVNode as r, withDirectives as f, renderSlot as y, normalizeClass as m, vShow as h, createCommentVNode as v, withKeys as z, vModelDynamic as A, createBlock as F, unref as H } from "vue";
|
|
2
|
+
import { useValidationField as N } from "./design-system3.mjs";
|
|
3
|
+
import { useI18n as P } from "./design-system48.mjs";
|
|
4
|
+
import U from "./design-system30.mjs";
|
|
5
|
+
import S from "./design-system31.mjs";
|
|
6
|
+
import T from "./design-system98.mjs";
|
|
7
|
+
const j = { class: "ds-relative" }, x = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
|
|
10
|
-
},
|
|
10
|
+
}, G = ["id"], J = ["id", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type", "onKeyup"], L = {
|
|
11
11
|
key: 1,
|
|
12
12
|
class: "ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
|
|
13
|
-
},
|
|
13
|
+
}, O = ["id"], se = /* @__PURE__ */ M({
|
|
14
14
|
__name: "BTextField",
|
|
15
15
|
props: {
|
|
16
16
|
inputId: { default: "" },
|
|
@@ -33,119 +33,116 @@ const S = { class: "ds-relative" }, T = {
|
|
|
33
33
|
inputHandler: { default: void 0 },
|
|
34
34
|
inputmode: { default: "text" }
|
|
35
35
|
},
|
|
36
|
-
emits: [
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"press:enter",
|
|
40
|
-
"focus",
|
|
41
|
-
"blur",
|
|
42
|
-
"update:modelValue"
|
|
43
|
-
],
|
|
44
|
-
setup(h, { expose: I, emit: o }) {
|
|
45
|
-
const d = h, { t: k } = H(), a = M(null), g = {
|
|
36
|
+
emits: ["focus", "blur", "click:prepend", "click:append", "press:enter", "update:modelValue"],
|
|
37
|
+
setup(I, { expose: k, emit: d }) {
|
|
38
|
+
const o = I, { t: g } = P(), a = _(null), C = {
|
|
46
39
|
validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
|
|
47
|
-
errorMessage: () =>
|
|
48
|
-
},
|
|
40
|
+
errorMessage: () => o.requiredErrorMessage || g("ds.global.field_required")
|
|
41
|
+
}, s = n(() => o.inputId || `id-${T()}`), u = n({
|
|
49
42
|
get() {
|
|
50
|
-
return
|
|
43
|
+
return o.modelValue;
|
|
51
44
|
},
|
|
52
45
|
set(e) {
|
|
53
|
-
|
|
46
|
+
d("update:modelValue", e);
|
|
54
47
|
}
|
|
55
|
-
}),
|
|
48
|
+
}), B = n(() => [
|
|
56
49
|
{
|
|
57
|
-
"ds-pl-9":
|
|
58
|
-
"ds-pr-9":
|
|
59
|
-
"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":
|
|
60
|
-
"ds-text-black/[0.85]": !
|
|
61
|
-
"ds-border-error focus:ds-ring-1 focus:ds-ring-error": !
|
|
62
|
-
"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":
|
|
50
|
+
"ds-pl-9": o.prependIcon,
|
|
51
|
+
"ds-pr-9": o.appendIcon,
|
|
52
|
+
"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]": o.disabled,
|
|
53
|
+
"ds-text-black/[0.85]": !o.disabled,
|
|
54
|
+
"ds-border-error focus:ds-ring-1 focus:ds-ring-error": !p.value.valid,
|
|
55
|
+
"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": p.value.valid
|
|
63
56
|
},
|
|
64
|
-
|
|
65
|
-
]),
|
|
57
|
+
o.inputCssClass
|
|
58
|
+
]), V = n(() => {
|
|
66
59
|
let e = [];
|
|
67
|
-
return
|
|
68
|
-
}), { validate: b, validationResult:
|
|
69
|
-
|
|
60
|
+
return o.required && e.push(C), o.validationRules && (e = e.concat(o.validationRules)), e.length ? e : void 0;
|
|
61
|
+
}), { validate: b, validationResult: p } = N(
|
|
62
|
+
s.value,
|
|
70
63
|
u,
|
|
71
|
-
|
|
72
|
-
),
|
|
73
|
-
|
|
74
|
-
}, q = () => {
|
|
75
|
-
o("click:append");
|
|
64
|
+
V.value
|
|
65
|
+
), q = () => {
|
|
66
|
+
d("click:prepend");
|
|
76
67
|
}, R = () => {
|
|
77
|
-
|
|
78
|
-
},
|
|
79
|
-
|
|
68
|
+
d("click:append");
|
|
69
|
+
}, $ = () => {
|
|
70
|
+
d("press:enter");
|
|
80
71
|
}, w = () => {
|
|
81
|
-
|
|
72
|
+
d("focus");
|
|
82
73
|
}, E = () => {
|
|
74
|
+
d("blur");
|
|
75
|
+
}, K = () => {
|
|
83
76
|
b();
|
|
84
77
|
};
|
|
85
|
-
return
|
|
78
|
+
return k({ validate: b, focus: () => {
|
|
86
79
|
var e;
|
|
87
80
|
(e = a.value) == null || e.focus();
|
|
88
81
|
}, blur: () => {
|
|
89
82
|
var e;
|
|
90
83
|
(e = a.value) == null || e.blur();
|
|
91
|
-
} }), (e,
|
|
92
|
-
|
|
93
|
-
id:
|
|
84
|
+
} }), (e, l) => (t(), c("div", null, [
|
|
85
|
+
D(S, {
|
|
86
|
+
id: s.value,
|
|
94
87
|
label: e.label,
|
|
95
88
|
required: e.required
|
|
96
89
|
}, null, 8, ["id", "label", "required"]),
|
|
97
|
-
r("div",
|
|
98
|
-
e.prependIcon ? f((
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
90
|
+
r("div", j, [
|
|
91
|
+
e.$slots.prependIcon || e.prependIcon ? f((t(), c("div", x, [
|
|
92
|
+
y(e.$slots, "prependIcon", {}, () => [
|
|
93
|
+
r("span", {
|
|
94
|
+
id: `${s.value}prependIcon`,
|
|
95
|
+
class: m(e.prependIcon),
|
|
96
|
+
onClick: q
|
|
97
|
+
}, null, 10, G)
|
|
98
|
+
])
|
|
104
99
|
], 512)), [
|
|
105
|
-
[
|
|
100
|
+
[h, !e.hidePrependIcon]
|
|
106
101
|
]) : v("", !0),
|
|
107
102
|
f(r("input", {
|
|
108
|
-
id:
|
|
103
|
+
id: s.value,
|
|
109
104
|
ref_key: "inputRef",
|
|
110
105
|
ref: a,
|
|
111
|
-
"onUpdate:modelValue":
|
|
112
|
-
autocomplete:
|
|
113
|
-
class: m([
|
|
114
|
-
disabled:
|
|
115
|
-
inputmode:
|
|
116
|
-
placeholder:
|
|
117
|
-
readonly:
|
|
118
|
-
type:
|
|
119
|
-
onBlur:
|
|
120
|
-
onFocus:
|
|
121
|
-
onInput:
|
|
122
|
-
(...
|
|
106
|
+
"onUpdate:modelValue": l[0] || (l[0] = (i) => u.value = i),
|
|
107
|
+
autocomplete: o.autocomplete ? "on" : "off",
|
|
108
|
+
class: m([B.value, "ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),
|
|
109
|
+
disabled: o.disabled,
|
|
110
|
+
inputmode: o.inputmode,
|
|
111
|
+
placeholder: o.placeholder,
|
|
112
|
+
readonly: o.readonly,
|
|
113
|
+
type: o.type,
|
|
114
|
+
onBlur: E,
|
|
115
|
+
onFocus: w,
|
|
116
|
+
onInput: l[1] || (l[1] = //@ts-ignore
|
|
117
|
+
(...i) => e.inputHandler && e.inputHandler(...i)),
|
|
123
118
|
onKeyup: [
|
|
124
|
-
|
|
125
|
-
|
|
119
|
+
K,
|
|
120
|
+
z($, ["enter"])
|
|
126
121
|
]
|
|
127
|
-
}, null, 42,
|
|
128
|
-
[
|
|
122
|
+
}, null, 42, J), [
|
|
123
|
+
[A, u.value]
|
|
129
124
|
]),
|
|
130
|
-
e.appendIcon ? f((
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
125
|
+
e.$slots.appendIcon || e.appendIcon ? f((t(), c("div", L, [
|
|
126
|
+
y(e.$slots, "appendIcon", {}, () => [
|
|
127
|
+
r("span", {
|
|
128
|
+
id: `${s.value}appendIcon`,
|
|
129
|
+
class: m(e.appendIcon),
|
|
130
|
+
onClick: R
|
|
131
|
+
}, null, 10, O)
|
|
132
|
+
])
|
|
136
133
|
], 512)), [
|
|
137
|
-
[
|
|
134
|
+
[h, !e.hideAppendIcon]
|
|
138
135
|
]) : v("", !0)
|
|
139
136
|
]),
|
|
140
|
-
e.hideDetails ? v("", !0) : (
|
|
137
|
+
e.hideDetails ? v("", !0) : (t(), F(U, {
|
|
141
138
|
key: 0,
|
|
142
|
-
"error-message":
|
|
139
|
+
"error-message": H(p).errorMessage(),
|
|
143
140
|
class: "ds-mt-1"
|
|
144
141
|
}, null, 8, ["error-message"]))
|
|
145
142
|
]));
|
|
146
143
|
}
|
|
147
144
|
});
|
|
148
145
|
export {
|
|
149
|
-
|
|
146
|
+
se as default
|
|
150
147
|
};
|
|
151
148
|
//# sourceMappingURL=design-system40.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system40.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n key: 0,\n class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n key: 1,\n class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n useValidationField,\n type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\nexport interface BTextFieldProps {\n inputId?: string;\n inputCssClass?: string;\n /**\n * Array of custom validation rules.\n */\n validationRules?: ValidationRule[];\n modelValue: string | number;\n label?: string;\n /**\n * FontAwesome v6.1.0 - Solid.\n */\n prependIcon?: string;\n /**\n * Hide prepended icon.\n */\n hidePrependIcon?: boolean;\n /**\n * FontAwesome v6.1.0 - Solid.\n */\n appendIcon?: string;\n /**\n * Hide appended icon.\n */\n hideAppendIcon?: boolean;\n placeholder?: string;\n autocomplete?: boolean;\n disabled?: boolean;\n readonly?: boolean;\n type?: string;\n /**\n * Validate if the field is left empty.\n */\n required?: boolean;\n requiredErrorMessage?: string;\n /**\n * Hide the validation error message.\n */\n hideDetails?: boolean;\n /**\n * Function is executed on input event.\n */\n inputHandler?: any;\n inputmode?:\n | 'none'\n | 'text'\n | 'tel'\n | 'url'\n | 'email'\n | 'numeric'\n | 'decimal'\n | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BTextField',\n props: {\n inputId: { default: '' },\n inputCssClass: { default: '' },\n validationRules: { default: undefined },\n modelValue: {},\n label: { default: '' },\n prependIcon: { default: '' },\n hidePrependIcon: { type: Boolean, default: false },\n appendIcon: { default: '' },\n hideAppendIcon: { type: Boolean, default: false },\n placeholder: { default: '' },\n autocomplete: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n readonly: { type: Boolean, default: false },\n type: { default: 'text' },\n required: { type: Boolean, default: false },\n requiredErrorMessage: { default: '' },\n hideDetails: { type: Boolean, default: false },\n inputHandler: { default: undefined },\n inputmode: { default: 'text' }\n },\n emits: [\n 'click:prepend',\n 'click:append',\n 'press:enter',\n 'focus',\n 'blur',\n 'update:modelValue',\n],\n setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n validateRule: (val: string) => {\n if (typeof val === 'number') {\n return !!val;\n }\n return !!(val && val?.trim());\n },\n errorMessage: () =>\n props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val) {\n emit('update:modelValue', val);\n },\n});\nconst inputCssClassValue = computed(() => [\n {\n 'ds-pl-9': props.prependIcon,\n 'ds-pr-9': props.appendIcon,\n 'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n 'ds-text-black/[0.85]': !props.disabled,\n 'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n !validationResult.value.valid,\n 'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n validationResult.value.valid,\n },\n props.inputCssClass,\n]);\nconst vRules = computed(() => {\n let result: ValidationRule[] = [];\n\n if (props.required) {\n result.push(validateRequired);\n }\n if (props.validationRules) {\n result = result.concat(props.validationRules);\n }\n\n return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n id.value,\n value,\n vRules.value,\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n emit('click:append');\n};\nconst onKeyUpEnter = () => {\n emit('press:enter');\n};\nconst onFocus = () => {\n emit('focus');\n};\nconst onBlur = () => {\n emit('blur');\n};\nconst onKeyUp = () => {\n validate();\n};\nconst focus = () => {\n inputRef.value?.focus();\n};\nconst blur = () => {\n inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", null, [\n _createVNode(BLabel, {\n id: id.value,\n label: _ctx.label,\n required: _ctx.required\n }, null, 8, [\"id\", \"label\", \"required\"]),\n _createElementVNode(\"div\", _hoisted_1, [\n (_ctx.prependIcon)\n ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n _createElementVNode(\"span\", {\n id: `${id.value}prependIcon`,\n class: _normalizeClass(_ctx.prependIcon),\n onClick: onClickPrependIcon\n }, null, 10, _hoisted_3)\n ], 512)), [\n [_vShow, !_ctx.hidePrependIcon]\n ])\n : _createCommentVNode(\"\", true),\n _withDirectives(_createElementVNode(\"input\", {\n id: id.value,\n ref_key: \"inputRef\",\n ref: inputRef,\n \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n autocomplete: props.autocomplete ? 'on' : 'off',\n class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n disabled: props.disabled,\n inputmode: props.inputmode,\n placeholder: props.placeholder,\n readonly: props.readonly,\n type: props.type,\n onBlur: onBlur,\n onFocus: onFocus,\n onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n onKeyup: [\n onKeyUp,\n _withKeys(onKeyUpEnter, [\"enter\"])\n ]\n }, null, 42, _hoisted_4), [\n [_vModelDynamic, value.value]\n ]),\n (_ctx.appendIcon)\n ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n _createElementVNode(\"span\", {\n id: `${id.value}appendIcon`,\n class: _normalizeClass(_ctx.appendIcon),\n onClick: onClickAppendIcon\n }, null, 10, _hoisted_6)\n ], 512)), [\n [_vShow, !_ctx.hideAppendIcon]\n ])\n : _createCommentVNode(\"\", true)\n ]),\n (!_ctx.hideDetails)\n ? (_openBlock(), _createBlock(BErrorMessage, {\n key: 0,\n \"error-message\": _unref(validationResult).errorMessage(),\n class: \"ds-mt-1\"\n }, null, 8, [\"error-message\"]))\n : _createCommentVNode(\"\", true)\n ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"design-system40.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n key: 0,\n class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n key: 1,\n class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n useValidationField,\n type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\nexport interface BTextFieldProps {\n inputId?: string;\n inputCssClass?: string;\n /**\n * Array of custom validation rules.\n */\n validationRules?: ValidationRule[];\n modelValue: string | number;\n label?: string;\n /**\n * FontAwesome v6.1.0 - Solid.\n */\n prependIcon?: string;\n /**\n * Hide prepended icon.\n */\n hidePrependIcon?: boolean;\n /**\n * FontAwesome v6.1.0 - Solid.\n */\n appendIcon?: string;\n /**\n * Hide appended icon.\n */\n hideAppendIcon?: boolean;\n placeholder?: string;\n autocomplete?: boolean;\n disabled?: boolean;\n readonly?: boolean;\n type?: string;\n /**\n * Validate if the field is left empty.\n */\n required?: boolean;\n requiredErrorMessage?: string;\n /**\n * Hide the validation error message.\n */\n hideDetails?: boolean;\n /**\n * Function is executed on input event.\n */\n inputHandler?: any;\n inputmode?:\n | 'none'\n | 'text'\n | 'tel'\n | 'url'\n | 'email'\n | 'numeric'\n | 'decimal'\n | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BTextField',\n props: {\n inputId: { default: '' },\n inputCssClass: { default: '' },\n validationRules: { default: undefined },\n modelValue: {},\n label: { default: '' },\n prependIcon: { default: '' },\n hidePrependIcon: { type: Boolean, default: false },\n appendIcon: { default: '' },\n hideAppendIcon: { type: Boolean, default: false },\n placeholder: { default: '' },\n autocomplete: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n readonly: { type: Boolean, default: false },\n type: { default: 'text' },\n required: { type: Boolean, default: false },\n requiredErrorMessage: { default: '' },\n hideDetails: { type: Boolean, default: false },\n inputHandler: { default: undefined },\n inputmode: { default: 'text' }\n },\n emits: [\"focus\", \"blur\", \"click:prepend\", \"click:append\", \"press:enter\", \"update:modelValue\"],\n setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n validateRule: (val: string) => {\n if (typeof val === 'number') {\n return !!val;\n }\n return !!(val && val?.trim());\n },\n errorMessage: () =>\n props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val) {\n emit('update:modelValue', val);\n },\n});\nconst inputCssClassValue = computed(() => [\n {\n 'ds-pl-9': props.prependIcon,\n 'ds-pr-9': props.appendIcon,\n 'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n 'ds-text-black/[0.85]': !props.disabled,\n 'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n !validationResult.value.valid,\n 'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n validationResult.value.valid,\n },\n props.inputCssClass,\n]);\nconst vRules = computed(() => {\n let result: ValidationRule[] = [];\n\n if (props.required) {\n result.push(validateRequired);\n }\n if (props.validationRules) {\n result = result.concat(props.validationRules);\n }\n\n return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n id.value,\n value,\n vRules.value,\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n emit('click:append');\n};\nconst onKeyUpEnter = () => {\n emit('press:enter');\n};\nconst onFocus = () => {\n emit('focus');\n};\nconst onBlur = () => {\n emit('blur');\n};\nconst onKeyUp = () => {\n validate();\n};\nconst focus = () => {\n inputRef.value?.focus();\n};\nconst blur = () => {\n inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", null, [\n _createVNode(BLabel, {\n id: id.value,\n label: _ctx.label,\n required: _ctx.required\n }, null, 8, [\"id\", \"label\", \"required\"]),\n _createElementVNode(\"div\", _hoisted_1, [\n (_ctx.$slots.prependIcon || _ctx.prependIcon)\n ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n _renderSlot(_ctx.$slots, \"prependIcon\", {}, () => [\n _createElementVNode(\"span\", {\n id: `${id.value}prependIcon`,\n class: _normalizeClass(_ctx.prependIcon),\n onClick: onClickPrependIcon\n }, null, 10, _hoisted_3)\n ])\n ], 512)), [\n [_vShow, !_ctx.hidePrependIcon]\n ])\n : _createCommentVNode(\"\", true),\n _withDirectives(_createElementVNode(\"input\", {\n id: id.value,\n ref_key: \"inputRef\",\n ref: inputRef,\n \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n autocomplete: props.autocomplete ? 'on' : 'off',\n class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n disabled: props.disabled,\n inputmode: props.inputmode,\n placeholder: props.placeholder,\n readonly: props.readonly,\n type: props.type,\n onBlur: onBlur,\n onFocus: onFocus,\n onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n onKeyup: [\n onKeyUp,\n _withKeys(onKeyUpEnter, [\"enter\"])\n ]\n }, null, 42, _hoisted_4), [\n [_vModelDynamic, value.value]\n ]),\n (_ctx.$slots.appendIcon || _ctx.appendIcon)\n ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n _renderSlot(_ctx.$slots, \"appendIcon\", {}, () => [\n _createElementVNode(\"span\", {\n id: `${id.value}appendIcon`,\n class: _normalizeClass(_ctx.appendIcon),\n onClick: onClickAppendIcon\n }, null, 10, _hoisted_6)\n ])\n ], 512)), [\n [_vShow, !_ctx.hideAppendIcon]\n ])\n : _createCommentVNode(\"\", true)\n ]),\n (!_ctx.hideDetails)\n ? (_openBlock(), _createBlock(BErrorMessage, {\n key: 0,\n \"error-message\": _unref(validationResult).errorMessage(),\n class: \"ds-mt-1\"\n }, null, 8, [\"error-message\"]))\n : _createCommentVNode(\"\", true)\n ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_renderSlot","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
|
package/dist/design-system41.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),t=require("./design-system5.js"),a={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},r=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"})],-1),i=[r],m={key:1,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},p=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"})],-1),u=[p],h={class:"ds-flex-auto ds-text-sm ds-font-normal"},f=["innerHTML"],w=e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1),x=[w],B=e.defineComponent({__name:"BToastItem",props:{text:{default:""},type:{default:t.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(d,{emit:c}){const o=d,n=e.computed(()=>{let s="ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";switch(o.type){case t.BToastItemType.Success:s+="ds-bg-[#00a86b] ds-text-white ";break;case t.BToastItemType.Error:s+="ds-bg-red-600 ds-text-white ";break;case t.BToastItemType.Default:default:s+="ds-bg-white ds-text-primary-t "}return s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[e.unref(t.BToastItemType).Success===o.type?(e.openBlock(),e.createElementBlock("div",a,i)):e.unref(t.BToastItemType).Error===o.type?(e.openBlock(),e.createElementBlock("div",m,u)):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("div",{innerHTML:s.text},null,8,f)])]),o.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:l[0]||(l[0]=_=>c("close"))},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[e.unref(t.BToastItemType).Default===o.type?"ds-fill-primary-t":"ds-fill-white"],"ds-h-5 ds-w-5"]),viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},x,2))]))],2))}});module.exports=B;
|
|
2
2
|
//# sourceMappingURL=design-system41.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system41.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport {
|
|
1
|
+
{"version":3,"file":"design-system41.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n key: 0,\n class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n class: \"ds-h-5 ds-w-5 ds-fill-white\",\n viewBox: \"0 0 512 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n _hoisted_2\n]\nconst _hoisted_4 = {\n key: 1,\n class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n class: \"ds-h-5 ds-w-5 ds-fill-white\",\n viewBox: \"0 0 512 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n text?: string;\n type?: `${BToastItemType}`;\n hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BToastItem',\n props: {\n text: { default: '' },\n type: { default: BToastItemType.Default },\n hideClose: { type: Boolean, default: false }\n },\n emits: [\"close\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n switch (props.type) {\n case BToastItemType.Success:\n result += `ds-bg-[#00a86b] ds-text-white `;\n break;\n case BToastItemType.Error:\n result += `ds-bg-red-600 ds-text-white `;\n break;\n case BToastItemType.Default:\n default:\n result += `ds-bg-white ds-text-primary-t `;\n }\n\n return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n class: _normalizeClass(cssClass.value)\n }, [\n (_unref(BToastItemType).Success === props.type)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n : (_unref(BToastItemType).Error === props.type)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"div\", _hoisted_7, [\n _renderSlot(_ctx.$slots, \"default\", {}, () => [\n _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n ])\n ]),\n (!props.hideClose)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 2,\n class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n }, [\n (_openBlock(), _createElementBlock(\"svg\", {\n class: _normalizeClass([[\n _unref(BToastItemType).Default === props.type\n ? 'ds-fill-primary-t'\n : 'ds-fill-white',\n ], \"ds-h-5 ds-w-5\"]),\n viewBox: \"0 0 384 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, _hoisted_10, 2))\n ]))\n : _createCommentVNode(\"\", true)\n ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCC,EAAAA,mBAAA,OAAQ,CAAE,EAAG,oMAAqM,CACrP,EAAG,EAAE,EACCC,EAAa,CACjBF,CACF,EACMG,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCH,EAAAA,mBAAA,OAAQ,CAAE,EAAG,6LAA8L,CAC9O,EAAG,EAAE,EACCI,EAAa,CACjBD,CACF,EACME,EAAa,CAAE,MAAO,0CACtBC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,OAAQ,CAAE,EAAG,2RAA6R,KAAM,EAAE,EAChWC,EAAc,CAClBD,CACF,EAc4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAYRG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQH,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRM,GAAA,iCACV,MACF,KAAKN,EAAe,eAAA,MACRM,GAAA,+BACV,MACF,KAAKN,EAAAA,eAAe,QACpB,QACYM,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EAEM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,CAAA,EACpC,CACAQ,EAAAA,MAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,MACrCM,YAAW,EAAGC,EAAoB,mBAAA,MAAOvB,EAAYG,CAAU,GAC/DsB,EAAA,MAAOZ,gBAAc,EAAE,QAAUG,EAAM,MACrCM,EAAAA,UAAc,EAAAC,EAAA,mBAAoB,MAAOnB,EAAYE,CAAU,GAChEoB,qBAAoB,GAAI,EAAI,EAClCxB,EAAA,mBAAoB,MAAOK,EAAY,CACrCoB,EAAAA,WAAYP,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5ClB,qBAAoB,MAAO,CAAE,UAAWkB,EAAK,MAAQ,KAAM,EAAGZ,CAAU,CAAA,CACzE,CAAA,CACF,EACCQ,EAAM,UAgBJU,EAAAA,mBAAoB,GAAI,EAAI,GAf3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKO,GAAiBb,EAAK,OAAO,EAAA,EAChE,EACAO,YAAc,EAAAC,EAAA,mBAAoB,MAAO,CACxC,MAAOC,iBAAgB,CAAC,CAC1BC,QAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,KACrC,oBACA,eACN,EAAG,eAAe,CAAC,EACf,QAAS,cACT,MAAO,4BAAA,EACNN,EAAa,CAAC,EAAA,CAClB,IAEJ,CAAC,EAEN,CAEA,CAAC"}
|
package/dist/design-system41.mjs
CHANGED
|
@@ -1,60 +1,79 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { BToastItemType as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as h, computed as m, openBlock as l, createElementBlock as o, normalizeClass as r, unref as i, createCommentVNode as n, createElementVNode as t, renderSlot as w } from "vue";
|
|
2
|
+
import { BToastItemType as e } from "./design-system5.mjs";
|
|
3
|
+
const u = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
|
|
6
|
-
},
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
}, x = /* @__PURE__ */ t("svg", {
|
|
7
|
+
class: "ds-h-5 ds-w-5 ds-fill-white",
|
|
8
|
+
viewBox: "0 0 512 512",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, [
|
|
11
|
+
/* @__PURE__ */ t("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" })
|
|
12
|
+
], -1), _ = [
|
|
13
|
+
x
|
|
14
|
+
], v = {
|
|
15
|
+
key: 1,
|
|
16
|
+
class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
|
|
17
|
+
}, g = /* @__PURE__ */ t("svg", {
|
|
18
|
+
class: "ds-h-5 ds-w-5 ds-fill-white",
|
|
19
|
+
viewBox: "0 0 512 512",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, [
|
|
22
|
+
/* @__PURE__ */ t("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })
|
|
23
|
+
], -1), y = [
|
|
24
|
+
g
|
|
25
|
+
], k = { class: "ds-flex-auto ds-text-sm ds-font-normal" }, B = ["innerHTML"], L = /* @__PURE__ */ t("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1), z = [
|
|
26
|
+
L
|
|
27
|
+
], T = /* @__PURE__ */ h({
|
|
9
28
|
__name: "BToastItem",
|
|
10
29
|
props: {
|
|
11
30
|
text: { default: "" },
|
|
12
|
-
|
|
13
|
-
type: { default: t.Default },
|
|
31
|
+
type: { default: e.Default },
|
|
14
32
|
hideClose: { type: Boolean, default: !1 }
|
|
15
33
|
},
|
|
16
34
|
emits: ["close"],
|
|
17
|
-
setup(
|
|
18
|
-
const
|
|
35
|
+
setup(a, { emit: p }) {
|
|
36
|
+
const d = a, f = m(() => {
|
|
19
37
|
let s = "ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";
|
|
20
|
-
switch (
|
|
21
|
-
case
|
|
38
|
+
switch (d.type) {
|
|
39
|
+
case e.Success:
|
|
22
40
|
s += "ds-bg-[#00a86b] ds-text-white ";
|
|
23
41
|
break;
|
|
24
|
-
case
|
|
42
|
+
case e.Error:
|
|
25
43
|
s += "ds-bg-red-600 ds-text-white ";
|
|
26
44
|
break;
|
|
27
|
-
case
|
|
45
|
+
case e.Default:
|
|
28
46
|
default:
|
|
29
47
|
s += "ds-bg-white ds-text-primary-t ";
|
|
30
48
|
}
|
|
31
49
|
return s;
|
|
32
|
-
}), a = x({
|
|
33
|
-
success: "fa-solid fa-circle-check",
|
|
34
|
-
error: "fa-solid fa-circle-exclamation",
|
|
35
|
-
default: ""
|
|
36
50
|
});
|
|
37
|
-
return (s, c) => (l(),
|
|
38
|
-
class: r(
|
|
51
|
+
return (s, c) => (l(), o("div", {
|
|
52
|
+
class: r(f.value)
|
|
39
53
|
}, [
|
|
40
|
-
e.
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}, null, 8, _),
|
|
49
|
-
e.hideClose ? i("", !0) : (l(), d("div", {
|
|
50
|
-
key: 1,
|
|
54
|
+
i(e).Success === d.type ? (l(), o("div", u, _)) : i(e).Error === d.type ? (l(), o("div", v, y)) : n("", !0),
|
|
55
|
+
t("div", k, [
|
|
56
|
+
w(s.$slots, "default", {}, () => [
|
|
57
|
+
t("div", { innerHTML: s.text }, null, 8, B)
|
|
58
|
+
])
|
|
59
|
+
]),
|
|
60
|
+
d.hideClose ? n("", !0) : (l(), o("div", {
|
|
61
|
+
key: 2,
|
|
51
62
|
class: "ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",
|
|
52
|
-
onClick: c[0] || (c[0] = (
|
|
53
|
-
},
|
|
63
|
+
onClick: c[0] || (c[0] = (C) => p("close"))
|
|
64
|
+
}, [
|
|
65
|
+
(l(), o("svg", {
|
|
66
|
+
class: r([[
|
|
67
|
+
i(e).Default === d.type ? "ds-fill-primary-t" : "ds-fill-white"
|
|
68
|
+
], "ds-h-5 ds-w-5"]),
|
|
69
|
+
viewBox: "0 0 384 512",
|
|
70
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
71
|
+
}, z, 2))
|
|
72
|
+
]))
|
|
54
73
|
], 2));
|
|
55
74
|
}
|
|
56
75
|
});
|
|
57
76
|
export {
|
|
58
|
-
|
|
77
|
+
T as default
|
|
59
78
|
};
|
|
60
79
|
//# sourceMappingURL=design-system41.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system41.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport {
|
|
1
|
+
{"version":3,"file":"design-system41.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n key: 0,\n class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n class: \"ds-h-5 ds-w-5 ds-fill-white\",\n viewBox: \"0 0 512 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n _hoisted_2\n]\nconst _hoisted_4 = {\n key: 1,\n class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n class: \"ds-h-5 ds-w-5 ds-fill-white\",\n viewBox: \"0 0 512 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n text?: string;\n type?: `${BToastItemType}`;\n hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BToastItem',\n props: {\n text: { default: '' },\n type: { default: BToastItemType.Default },\n hideClose: { type: Boolean, default: false }\n },\n emits: [\"close\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n switch (props.type) {\n case BToastItemType.Success:\n result += `ds-bg-[#00a86b] ds-text-white `;\n break;\n case BToastItemType.Error:\n result += `ds-bg-red-600 ds-text-white `;\n break;\n case BToastItemType.Default:\n default:\n result += `ds-bg-white ds-text-primary-t `;\n }\n\n return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n class: _normalizeClass(cssClass.value)\n }, [\n (_unref(BToastItemType).Success === props.type)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n : (_unref(BToastItemType).Error === props.type)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"div\", _hoisted_7, [\n _renderSlot(_ctx.$slots, \"default\", {}, () => [\n _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n ])\n ]),\n (!props.hideClose)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 2,\n class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n }, [\n (_openBlock(), _createElementBlock(\"svg\", {\n class: _normalizeClass([[\n _unref(BToastItemType).Default === props.type\n ? 'ds-fill-primary-t'\n : 'ds-fill-white',\n ], \"ds-h-5 ds-w-5\"]),\n viewBox: \"0 0 384 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, _hoisted_10, 2))\n ]))\n : _createCommentVNode(\"\", true)\n ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCC,gBAAAA,EAAA,QAAQ,EAAE,GAAG,qMAAqM;AACrP,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBF;AACF,GACMG,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCH,gBAAAA,EAAA,QAAQ,EAAE,GAAG,8LAA8L;AAC9O,GAAG,EAAE,GACCI,IAAa;AAAA,EACjBD;AACF,GACME,IAAa,EAAE,OAAO,4CACtBC,IAAa,CAAC,WAAW,GACzBC,sBAA8C,QAAQ,EAAE,GAAG,6RAA6R,MAAM,EAAE,GAChWC,IAAc;AAAA,EAClBD;AACF,GAc4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAASC,EAAe,QAAQ;AAAA,IACxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAYRG,IAAWC,EAAiB,MAAM;AACtC,UAAIC,IAAS;AAEb,cAAQH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AAAA,QACpB;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,IAAA,GACpC;AAAA,MACAQ,EAAOZ,CAAc,EAAE,YAAYG,EAAM,QACrCM,EAAW,GAAGC,EAAoB,OAAOvB,GAAYG,CAAU,KAC/DsB,EAAOZ,CAAc,EAAE,UAAUG,EAAM,QACrCM,EAAc,GAAAC,EAAoB,OAAOnB,GAAYE,CAAU,KAChEoB,EAAoB,IAAI,EAAI;AAAA,MAClCxB,EAAoB,OAAOK,GAAY;AAAA,QACrCoB,EAAYP,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5ClB,EAAoB,OAAO,EAAE,WAAWkB,EAAK,QAAQ,MAAM,GAAGZ,CAAU;AAAA,QAAA,CACzE;AAAA,MAAA,CACF;AAAA,MACCQ,EAAM,YAgBJU,EAAoB,IAAI,EAAI,KAf3BJ,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACO,MAAiBb,EAAK,OAAO;AAAA,MAAA,GAChE;AAAA,SACAO,EAAc,GAAAC,EAAoB,OAAO;AAAA,UACxC,OAAOC,EAAgB,CAAC;AAAA,YAC1BC,EAAOZ,CAAc,EAAE,YAAYG,EAAM,OACrC,sBACA;AAAA,UACN,GAAG,eAAe,CAAC;AAAA,UACf,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,GACNN,GAAa,CAAC;AAAA,MAAA,CAClB;AAAA,OAEJ,CAAC;AAAA,EAEN;AAEA,CAAC;"}
|
package/dist/design-system42.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./design-system87.js");require("./design-system88.js");const t=require("./design-system56.js"),r=t(e,[["__scopeId","data-v-
|
|
1
|
+
"use strict";const e=require("./design-system87.js");require("./design-system88.js");const t=require("./design-system56.js"),r=t(e,[["__scopeId","data-v-bf99da80"]]);module.exports=r;
|
|
2
2
|
//# sourceMappingURL=design-system42.js.map
|
package/dist/design-system42.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./design-system87.mjs";
|
|
2
2
|
import "./design-system88.mjs";
|
|
3
3
|
import t from "./design-system56.mjs";
|
|
4
|
-
const
|
|
4
|
+
const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bf99da80"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
f as default
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=design-system42.mjs.map
|
package/dist/design-system45.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./design-system89.js");require("./design-system90.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-
|
|
1
|
+
"use strict";const e=require("./design-system89.js");require("./design-system90.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-91ede486"]]);module.exports=t;
|
|
2
2
|
//# sourceMappingURL=design-system45.js.map
|
package/dist/design-system45.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./design-system89.mjs";
|
|
2
2
|
import "./design-system90.mjs";
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import e from "./design-system56.mjs";
|
|
4
|
+
const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-91ede486"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=design-system45.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system46.js","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition } from \"vue\"\n\nimport {\n computed,\n onBeforeUnmount,\n onMounted,\n type StyleValue,\n watch,\n} from 'vue';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport BOverlay from '../BOverlay.vue';\n\n/**\n * Props\n */\nexport interface Props {\n modelValue: boolean;\n url: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BImagePreview',\n props: {\n modelValue: { type: Boolean },\n url: {}\n },\n emits: [
|
|
1
|
+
{"version":3,"file":"design-system46.js","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition } from \"vue\"\n\nimport {\n computed,\n onBeforeUnmount,\n onMounted,\n type StyleValue,\n watch,\n} from 'vue';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport BOverlay from '../BOverlay.vue';\n\n/**\n * Props\n */\nexport interface Props {\n modelValue: boolean;\n url: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BImagePreview',\n props: {\n modelValue: { type: Boolean },\n url: {}\n },\n emits: [\"update:modelValue\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val: boolean) {\n emit('update:modelValue', val);\n },\n});\n\n/**\n * Watch\n */\nwatch(value, (val: boolean) => {\n if (val) {\n lockScrollBody();\n } else {\n unlockScrollBody();\n }\n});\n\n/**\n * Methods\n */\nconst closePreview = () => {\n value.value = false;\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n closePreview();\n }\n};\n\n/**\n * Lifecycle hooks\n */\nonMounted(() => {\n document.addEventListener('keydown', closeOnEscapePressed);\n});\nonBeforeUnmount(() => {\n document.removeEventListener('keydown', closeOnEscapePressed);\n});\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createBlock(_Transition, { name: \"fade\" }, {\n default: _withCtx(() => [\n (value.value)\n ? (_openBlock(), _createBlock(BOverlay, { key: 0 }, {\n default: _withCtx(() => [\n _createVNode(BImagePickerCloseButton, {\n class: \"ds-right-4 ds-top-4 ds-h-8 ds-w-8\",\n onClick: closePreview\n }),\n _createElementVNode(\"div\", {\n style: _normalizeStyle(\n {\n backgroundImage: `url('${props.url}')`,\n height: 'calc(100vh - 16px)',\n width: 'calc(100vw - 16px)',\n } as StyleValue\n ),\n class: \"ds-bg-contain ds-bg-center ds-bg-no-repeat\"\n }, null, 4)\n ]),\n _: 1\n }))\n : _createCommentVNode(\"\", true)\n ]),\n _: 1\n }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","closePreview","closeOnEscapePressed","event","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","BOverlay","_createVNode","BImagePickerCloseButton","_createElementVNode","_normalizeStyle","_createCommentVNode"],"mappings":"0IAsB4BA,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,EAC5B,IAAK,CAAC,CACR,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAYRG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAKKC,QAAAH,EAAQE,GAAiB,CACzBA,EACaE,EAAAA,iBAEEC,EAAAA,kBACnB,CACD,EAKD,MAAMC,EAAe,IAAM,CACzBN,EAAM,MAAQ,EAAA,EAEVO,EAAwBC,GAAyB,CACjDA,EAAM,MAAQ,UACHF,GACf,EAMFG,OAAAA,EAAAA,UAAU,IAAM,CACL,SAAA,iBAAiB,UAAWF,CAAoB,CAAA,CAC1D,EACDG,EAAAA,gBAAgB,IAAM,CACX,SAAA,oBAAoB,UAAWH,CAAoB,CAAA,CAC7D,EAEM,CAACI,EAAUC,KACRC,EAAAA,UAAc,EAAAC,EAAA,YAAaC,aAAa,CAAE,KAAM,QAAU,CAChE,QAASC,UAAS,IAAM,CACrBhB,EAAM,OACFa,EAAAA,YAAcC,EAAAA,YAAaG,EAAU,CAAE,IAAK,GAAK,CAChD,QAASD,UAAS,IAAM,CACtBE,EAAAA,YAAaC,EAAyB,CACpC,MAAO,oCACP,QAASb,CAAA,CACV,EACDc,EAAAA,mBAAoB,MAAO,CACzB,MAAOC,EAAA,eACb,CACE,gBAAiB,QAAQtB,EAAM,GAAG,KAClC,OAAQ,qBACR,MAAO,oBACT,CACF,EACQ,MAAO,4CAAA,EACN,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,CACJ,GACDuB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,EAEH,CAEA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system46.mjs","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition } from \"vue\"\n\nimport {\n computed,\n onBeforeUnmount,\n onMounted,\n type StyleValue,\n watch,\n} from 'vue';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport BOverlay from '../BOverlay.vue';\n\n/**\n * Props\n */\nexport interface Props {\n modelValue: boolean;\n url: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BImagePreview',\n props: {\n modelValue: { type: Boolean },\n url: {}\n },\n emits: [
|
|
1
|
+
{"version":3,"file":"design-system46.mjs","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition } from \"vue\"\n\nimport {\n computed,\n onBeforeUnmount,\n onMounted,\n type StyleValue,\n watch,\n} from 'vue';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport BOverlay from '../BOverlay.vue';\n\n/**\n * Props\n */\nexport interface Props {\n modelValue: boolean;\n url: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BImagePreview',\n props: {\n modelValue: { type: Boolean },\n url: {}\n },\n emits: [\"update:modelValue\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val: boolean) {\n emit('update:modelValue', val);\n },\n});\n\n/**\n * Watch\n */\nwatch(value, (val: boolean) => {\n if (val) {\n lockScrollBody();\n } else {\n unlockScrollBody();\n }\n});\n\n/**\n * Methods\n */\nconst closePreview = () => {\n value.value = false;\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n closePreview();\n }\n};\n\n/**\n * Lifecycle hooks\n */\nonMounted(() => {\n document.addEventListener('keydown', closeOnEscapePressed);\n});\nonBeforeUnmount(() => {\n document.removeEventListener('keydown', closeOnEscapePressed);\n});\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createBlock(_Transition, { name: \"fade\" }, {\n default: _withCtx(() => [\n (value.value)\n ? (_openBlock(), _createBlock(BOverlay, { key: 0 }, {\n default: _withCtx(() => [\n _createVNode(BImagePickerCloseButton, {\n class: \"ds-right-4 ds-top-4 ds-h-8 ds-w-8\",\n onClick: closePreview\n }),\n _createElementVNode(\"div\", {\n style: _normalizeStyle(\n {\n backgroundImage: `url('${props.url}')`,\n height: 'calc(100vh - 16px)',\n width: 'calc(100vw - 16px)',\n } as StyleValue\n ),\n class: \"ds-bg-contain ds-bg-center ds-bg-no-repeat\"\n }, null, 4)\n ]),\n _: 1\n }))\n : _createCommentVNode(\"\", true)\n ]),\n _: 1\n }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","closePreview","closeOnEscapePressed","event","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","BOverlay","_createVNode","BImagePickerCloseButton","_createElementVNode","_normalizeStyle","_createCommentVNode"],"mappings":";;;;AAsBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,KAAK,CAAC;AAAA,EACR;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAYRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAc;AAChB,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAKK,IAAAC,EAAAH,GAAO,CAACE,MAAiB;AAC7B,MAAIA,IACaE,MAEEC;IACnB,CACD;AAKD,UAAMC,IAAe,MAAM;AACzB,MAAAN,EAAM,QAAQ;AAAA,IAAA,GAEVO,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YACHF;IACf;AAMF,WAAAG,EAAU,MAAM;AACL,eAAA,iBAAiB,WAAWF,CAAoB;AAAA,IAAA,CAC1D,GACDG,EAAgB,MAAM;AACX,eAAA,oBAAoB,WAAWH,CAAoB;AAAA,IAAA,CAC7D,GAEM,CAACI,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAa,EAAE,MAAM,UAAU;AAAA,MAChE,SAASC,EAAS,MAAM;AAAA,QACrBhB,EAAM,SACFa,KAAcC,EAAaG,GAAU,EAAE,KAAK,KAAK;AAAA,UAChD,SAASD,EAAS,MAAM;AAAA,YACtBE,EAAaC,GAAyB;AAAA,cACpC,OAAO;AAAA,cACP,SAASb;AAAA,YAAA,CACV;AAAA,YACDc,EAAoB,OAAO;AAAA,cACzB,OAAOC;AAAAA,gBACb;AAAA,kBACE,iBAAiB,QAAQtB,EAAM,GAAG;AAAA,kBAClC,QAAQ;AAAA,kBACR,OAAO;AAAA,gBACT;AAAA,cACF;AAAA,cACQ,OAAO;AAAA,YAAA,GACN,MAAM,CAAC;AAAA,UAAA,CACX;AAAA,UACD,GAAG;AAAA,QAAA,CACJ,KACDuB,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,MACD,GAAG;AAAA,IAAA,CACJ;AAAA,EAEH;AAEA,CAAC;"}
|