@7pmlabs/design-system 0.3.8 → 0.4.1
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/dist/design-system.js +1 -1
- package/dist/design-system.mjs +32 -32
- package/dist/design-system100.js +1 -1
- package/dist/design-system100.js.map +1 -1
- package/dist/design-system100.mjs +1 -1
- 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 +63 -2167
- 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 +6 -1103
- package/dist/design-system102.mjs.map +1 -1
- package/dist/design-system105.js +1 -1
- package/dist/design-system105.mjs +2 -2
- package/dist/design-system106.js +1 -1
- package/dist/design-system106.js.map +1 -1
- package/dist/design-system106.mjs +2 -4
- 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 +4 -8
- 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 -6
- package/dist/design-system108.mjs.map +1 -1
- package/dist/design-system109.js +1 -1
- package/dist/design-system109.js.map +1 -1
- package/dist/design-system109.mjs +7 -2
- package/dist/design-system109.mjs.map +1 -1
- package/dist/design-system11.js.map +1 -1
- 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 +1 -7
- package/dist/design-system12.js.map +1 -1
- package/dist/design-system12.mjs +17 -297
- package/dist/design-system12.mjs.map +1 -1
- package/dist/design-system13.js +2 -2
- package/dist/design-system13.js.map +1 -1
- package/dist/design-system13.mjs +202 -166
- package/dist/design-system13.mjs.map +1 -1
- package/dist/design-system14.js +7 -1
- package/dist/design-system14.js.map +1 -1
- package/dist/design-system14.mjs +256 -92
- package/dist/design-system14.mjs.map +1 -1
- package/dist/design-system141.js +1 -1
- package/dist/design-system141.mjs +2 -2
- package/dist/design-system15.js +1 -1
- package/dist/design-system15.js.map +1 -1
- package/dist/design-system15.mjs +100 -14
- package/dist/design-system15.mjs.map +1 -1
- package/dist/design-system16.js +1 -1
- package/dist/design-system16.js.map +1 -1
- package/dist/design-system16.mjs +15 -59
- package/dist/design-system16.mjs.map +1 -1
- package/dist/design-system17.js +1 -1
- package/dist/design-system17.js.map +1 -1
- package/dist/design-system17.mjs +52 -243
- package/dist/design-system17.mjs.map +1 -1
- package/dist/design-system18.js +1 -1
- package/dist/design-system18.js.map +1 -1
- package/dist/design-system18.mjs +238 -107
- package/dist/design-system18.mjs.map +1 -1
- package/dist/design-system19.js +1 -3
- package/dist/design-system19.js.map +1 -1
- package/dist/design-system19.mjs +113 -113
- package/dist/design-system19.mjs.map +1 -1
- package/dist/design-system20.js +3 -1
- package/dist/design-system20.js.map +1 -1
- package/dist/design-system20.mjs +115 -61
- 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 +54 -187
- 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 +187 -62
- 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 +69 -37
- 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 +37 -144
- 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 +10 -6
- package/dist/design-system28.mjs.map +1 -1
- package/dist/design-system29.js +1 -1
- package/dist/design-system29.js.map +1 -1
- package/dist/design-system29.mjs +23 -10
- package/dist/design-system29.mjs.map +1 -1
- package/dist/design-system30.js +1 -1
- package/dist/design-system30.js.map +1 -1
- package/dist/design-system30.mjs +24 -14
- package/dist/design-system30.mjs.map +1 -1
- package/dist/design-system31.js +1 -1
- package/dist/design-system31.js.map +1 -1
- package/dist/design-system31.mjs +5 -29
- package/dist/design-system31.mjs.map +1 -1
- package/dist/design-system32.js +1 -1
- package/dist/design-system32.mjs +3 -3
- package/dist/design-system33.js +1 -1
- package/dist/design-system33.mjs +10 -5
- package/dist/design-system33.mjs.map +1 -1
- package/dist/design-system34.js +1 -1
- package/dist/design-system34.mjs +7 -7
- package/dist/design-system35.js +1 -1
- package/dist/design-system35.mjs +6 -6
- package/dist/design-system36.js +1 -1
- package/dist/design-system36.mjs +8 -8
- package/dist/design-system37.js +1 -1
- package/dist/design-system37.mjs +9 -8
- package/dist/design-system37.mjs.map +1 -1
- package/dist/design-system38.js +1 -1
- package/dist/design-system38.mjs +4 -10
- package/dist/design-system38.mjs.map +1 -1
- package/dist/design-system39.js +1 -1
- package/dist/design-system39.mjs +4 -4
- package/dist/design-system40.js +1 -1
- package/dist/design-system40.js.map +1 -1
- package/dist/design-system40.mjs +68 -141
- 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 +5 -76
- package/dist/design-system41.mjs.map +1 -1
- package/dist/design-system42.js +1 -1
- package/dist/design-system42.mjs +10 -5
- package/dist/design-system42.mjs.map +1 -1
- package/dist/design-system43.js +1 -1
- package/dist/design-system43.mjs +13 -8
- package/dist/design-system43.mjs.map +1 -1
- package/dist/design-system44.js +1 -1
- package/dist/design-system44.mjs +5 -15
- package/dist/design-system44.mjs.map +1 -1
- package/dist/design-system45.js +1 -1
- package/dist/design-system45.js.map +1 -1
- package/dist/design-system45.mjs +59 -5
- package/dist/design-system45.mjs.map +1 -1
- package/dist/design-system46.js +1 -1
- package/dist/design-system46.js.map +1 -1
- package/dist/design-system46.mjs +5 -59
- 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 +28 -28
- 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 +1 -1
- package/dist/design-system61.js.map +1 -1
- package/dist/design-system61.mjs +2 -49
- package/dist/design-system61.mjs.map +1 -1
- package/dist/design-system62.js +1 -1
- package/dist/design-system62.mjs +2 -2
- package/dist/design-system63.js +1 -1
- package/dist/design-system63.mjs +2 -2
- package/dist/design-system64.js +1 -1
- package/dist/design-system64.mjs +1 -1
- package/dist/design-system65.js +1 -1
- package/dist/design-system65.mjs +1 -1
- package/dist/design-system66.js +1 -1
- package/dist/design-system66.mjs +1 -1
- package/dist/design-system67.js +1 -1
- package/dist/design-system67.mjs +1 -1
- package/dist/design-system68.js +1 -1
- package/dist/design-system68.js.map +1 -1
- package/dist/design-system68.mjs +28 -2
- package/dist/design-system68.mjs.map +1 -1
- package/dist/design-system69.js +1 -1
- package/dist/design-system69.mjs +2 -2
- package/dist/design-system70.js +1 -1
- package/dist/design-system70.js.map +1 -1
- package/dist/design-system70.mjs +51 -21
- package/dist/design-system70.mjs.map +1 -1
- package/dist/design-system71.js +1 -1
- package/dist/design-system71.mjs +2 -2
- package/dist/design-system72.js +1 -1
- package/dist/design-system72.js.map +1 -1
- package/dist/design-system72.mjs +2 -58
- package/dist/design-system72.mjs.map +1 -1
- package/dist/design-system73.js +1 -1
- package/dist/design-system73.mjs +2 -2
- package/dist/design-system74.js +1 -1
- package/dist/design-system74.mjs +1 -1
- package/dist/design-system75.js +1 -1
- package/dist/design-system75.mjs +1 -1
- package/dist/design-system76.js +1 -1
- package/dist/design-system76.mjs +1 -1
- package/dist/design-system77.js +1 -1
- package/dist/design-system77.mjs +1 -1
- package/dist/design-system78.js +1 -1
- package/dist/design-system78.mjs +2 -2
- package/dist/design-system79.js +1 -1
- package/dist/design-system79.js.map +1 -1
- package/dist/design-system79.mjs +81 -2
- package/dist/design-system79.mjs.map +1 -1
- package/dist/design-system80.js +1 -1
- package/dist/design-system80.mjs +2 -2
- package/dist/design-system81.js +1 -1
- package/dist/design-system81.js.map +1 -1
- package/dist/design-system81.mjs +2 -81
- package/dist/design-system81.mjs.map +1 -1
- package/dist/design-system82.js +1 -1
- package/dist/design-system82.js.map +1 -1
- package/dist/design-system82.mjs +119 -2
- package/dist/design-system82.mjs.map +1 -1
- package/dist/design-system83.js +1 -1
- package/dist/design-system83.mjs +2 -2
- package/dist/design-system84.js +1 -1
- package/dist/design-system84.mjs +1 -1
- package/dist/design-system85.js +1 -1
- package/dist/design-system85.mjs +1 -1
- package/dist/design-system86.js +1 -1
- package/dist/design-system86.js.map +1 -1
- package/dist/design-system86.mjs +102 -2
- package/dist/design-system86.mjs.map +1 -1
- package/dist/design-system87.js +1 -1
- package/dist/design-system87.js.map +1 -1
- package/dist/design-system87.mjs +2 -102
- package/dist/design-system87.mjs.map +1 -1
- package/dist/design-system88.js +1 -1
- package/dist/design-system88.js.map +1 -1
- package/dist/design-system88.mjs +173 -2
- package/dist/design-system88.mjs.map +1 -1
- package/dist/design-system89.js +1 -1
- package/dist/design-system89.js.map +1 -1
- package/dist/design-system89.mjs +2 -175
- package/dist/design-system89.mjs.map +1 -1
- package/dist/design-system90.js +1 -1
- package/dist/design-system90.mjs +2 -2
- package/dist/design-system91.js +1 -1
- package/dist/design-system91.js.map +1 -1
- package/dist/design-system91.mjs +131 -2
- package/dist/design-system91.mjs.map +1 -1
- package/dist/design-system92.js +1 -1
- package/dist/design-system92.mjs +2 -2
- package/dist/design-system97.js +1 -1
- package/dist/design-system97.js.map +1 -1
- package/dist/design-system97.mjs +2167 -63
- 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 +1103 -17
- 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 +16 -5
- package/dist/design-system99.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/BButton.vue.d.ts +6 -3
- package/dist/types/components/BCarousel/BCarousel.vue.d.ts +1 -1
- package/dist/types/components/BCheckbox.vue.d.ts +1 -4
- package/dist/types/components/BCollapse.vue.d.ts +1 -1
- package/dist/types/components/BCurrencyField.vue.d.ts +12 -66
- package/dist/types/components/BDatePicker.vue.d.ts +1 -4
- package/dist/types/components/BDateRangePicker.vue.d.ts +1 -4
- package/dist/types/components/BDropdown/BDropdown.vue.d.ts +4 -4
- package/dist/types/components/BDropdown/BDropdownItem.vue.d.ts +0 -3
- package/dist/types/components/BErrorMessage.vue.d.ts +9 -5
- package/dist/types/components/BImagePicker/BImagePicker.vue.d.ts +1 -4
- package/dist/types/components/BImagePicker/BImagePreview.vue.d.ts +1 -4
- package/dist/types/components/BLabel.vue.d.ts +0 -3
- package/dist/types/components/BLoadingBar.vue.d.ts +0 -3
- package/dist/types/components/BLoadingOverlay.vue.d.ts +0 -3
- package/dist/types/components/BModal/BModal.vue.d.ts +4 -4
- package/dist/types/components/BModal/BModalContainer.vue.d.ts +0 -3
- package/dist/types/components/BMultiSelect.vue.d.ts +2 -5
- package/dist/types/components/BOtpField/BOtpField.vue.d.ts +2 -5
- package/dist/types/components/BOtpField/BOtpFieldBox.vue.d.ts +6 -9
- package/dist/types/components/BPagination.vue.d.ts +1 -4
- package/dist/types/components/BRadio.vue.d.ts +1 -4
- package/dist/types/components/BSelect.vue.d.ts +2 -5
- package/dist/types/components/BTabs/BTabs.vue.d.ts +1 -4
- package/dist/types/components/BTextField.vue.d.ts +8 -61
- package/dist/types/components/BTextarea.vue.d.ts +1 -4
- package/dist/types/components/BToast/BToast.vue.d.ts +1 -4
- package/dist/types/components/BToast/BToastItem.vue.d.ts +0 -3
- package/dist/types/components/BTooltip.vue.d.ts +1 -4
- package/package.json +10 -10
package/dist/design-system41.mjs
CHANGED
|
@@ -1,79 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
|
|
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({
|
|
28
|
-
__name: "BToastItem",
|
|
29
|
-
props: {
|
|
30
|
-
text: { default: "" },
|
|
31
|
-
type: { default: e.Default },
|
|
32
|
-
hideClose: { type: Boolean, default: !1 }
|
|
33
|
-
},
|
|
34
|
-
emits: ["close"],
|
|
35
|
-
setup(a, { emit: p }) {
|
|
36
|
-
const d = a, f = m(() => {
|
|
37
|
-
let s = "ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";
|
|
38
|
-
switch (d.type) {
|
|
39
|
-
case e.Success:
|
|
40
|
-
s += "ds-bg-[#00a86b] ds-text-white ";
|
|
41
|
-
break;
|
|
42
|
-
case e.Error:
|
|
43
|
-
s += "ds-bg-red-600 ds-text-white ";
|
|
44
|
-
break;
|
|
45
|
-
case e.Default:
|
|
46
|
-
default:
|
|
47
|
-
s += "ds-bg-white ds-text-primary-t ";
|
|
48
|
-
}
|
|
49
|
-
return s;
|
|
50
|
-
});
|
|
51
|
-
return (s, c) => (l(), o("div", {
|
|
52
|
-
class: r(f.value)
|
|
53
|
-
}, [
|
|
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,
|
|
62
|
-
class: "ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",
|
|
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
|
-
]))
|
|
73
|
-
], 2));
|
|
74
|
-
}
|
|
75
|
-
});
|
|
1
|
+
import o from "./design-system86.mjs";
|
|
2
|
+
import "./design-system87.mjs";
|
|
3
|
+
import t from "./design-system56.mjs";
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0020ffcd"]]);
|
|
76
5
|
export {
|
|
77
|
-
|
|
6
|
+
m as default
|
|
78
7
|
};
|
|
79
8
|
//# sourceMappingURL=design-system41.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system41.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"design-system41.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/design-system42.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("
|
|
1
|
+
"use strict";const e=require("vue"),s=require("./design-system56.js"),t={},o={class:"ds-relative ds-w-full ds-border-l-2 ds-border-primary-f/50"};function n(r,l){return e.openBlock(),e.createElementBlock("ol",o,[e.renderSlot(r.$slots,"default")])}const c=s(t,[["render",n]]);module.exports=c;
|
|
2
2
|
//# sourceMappingURL=design-system42.js.map
|
package/dist/design-system42.mjs
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
import o from "
|
|
2
|
-
import "./design-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { openBlock as r, createElementBlock as o, renderSlot as t } from "vue";
|
|
2
|
+
import s from "./design-system56.mjs";
|
|
3
|
+
const l = {}, c = { class: "ds-relative ds-w-full ds-border-l-2 ds-border-primary-f/50" };
|
|
4
|
+
function n(e, d) {
|
|
5
|
+
return r(), o("ol", c, [
|
|
6
|
+
t(e.$slots, "default")
|
|
7
|
+
]);
|
|
8
|
+
}
|
|
9
|
+
const i = /* @__PURE__ */ s(l, [["render", n]]);
|
|
5
10
|
export {
|
|
6
|
-
|
|
11
|
+
i as default
|
|
7
12
|
};
|
|
8
13
|
//# sourceMappingURL=design-system42.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system42.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"design-system42.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
package/dist/design-system43.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),t=require("./design-system56.js"),l={},d={class:"ds-ml-4 ds-flex ds-w-full ds-items-center"},n=e.createElementVNode("div",null,[e.createElementVNode("div",{class:"-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f"})],-1),r={class:"ds-flex-auto"};function c(s,i){return e.openBlock(),e.createElementBlock("li",d,[n,e.createElementVNode("div",r,[e.renderSlot(s.$slots,"default")])])}const o=t(l,[["render",c]]);module.exports=o;
|
|
2
2
|
//# sourceMappingURL=design-system43.js.map
|
package/dist/design-system43.mjs
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { openBlock as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { openBlock as t, createElementBlock as d, createElementVNode as e, renderSlot as l } from "vue";
|
|
2
|
+
import o from "./design-system56.mjs";
|
|
3
|
+
const r = {}, c = { class: "ds-ml-4 ds-flex ds-w-full ds-items-center" }, n = /* @__PURE__ */ e("div", null, [
|
|
4
|
+
/* @__PURE__ */ e("div", { class: "-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f" })
|
|
5
|
+
], -1), i = { class: "ds-flex-auto" };
|
|
6
|
+
function f(s, m) {
|
|
7
|
+
return t(), d("li", c, [
|
|
8
|
+
n,
|
|
9
|
+
e("div", i, [
|
|
10
|
+
l(s.$slots, "default")
|
|
11
|
+
])
|
|
7
12
|
]);
|
|
8
13
|
}
|
|
9
|
-
const
|
|
14
|
+
const u = /* @__PURE__ */ o(r, [["render", f]]);
|
|
10
15
|
export {
|
|
11
|
-
|
|
16
|
+
u as default
|
|
12
17
|
};
|
|
13
18
|
//# sourceMappingURL=design-system43.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system43.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"design-system43.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
package/dist/design-system44.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("
|
|
1
|
+
"use strict";const e=require("./design-system88.js");require("./design-system89.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-325422c6"]]);module.exports=t;
|
|
2
2
|
//# sourceMappingURL=design-system44.js.map
|
package/dist/design-system44.mjs
CHANGED
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
], -1), i = { class: "ds-flex-auto" };
|
|
6
|
-
function f(s, m) {
|
|
7
|
-
return t(), d("li", c, [
|
|
8
|
-
n,
|
|
9
|
-
e("div", i, [
|
|
10
|
-
l(s.$slots, "default")
|
|
11
|
-
])
|
|
12
|
-
]);
|
|
13
|
-
}
|
|
14
|
-
const u = /* @__PURE__ */ o(r, [["render", f]]);
|
|
1
|
+
import o from "./design-system88.mjs";
|
|
2
|
+
import "./design-system89.mjs";
|
|
3
|
+
import r from "./design-system56.mjs";
|
|
4
|
+
const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-325422c6"]]);
|
|
15
5
|
export {
|
|
16
|
-
|
|
6
|
+
c as default
|
|
17
7
|
};
|
|
18
8
|
//# sourceMappingURL=design-system44.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system44.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"design-system44.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/design-system45.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./design-
|
|
1
|
+
"use strict";const e=require("vue"),d=require("./design-system104.js"),r=require("./design-system6.js"),u=require("./design-system36.js"),i=e.defineComponent({__name:"BImagePreview",props:{modelValue:{type:Boolean},url:{}},emits:["update:modelValue"],setup(s,{emit:a}){const n=s,o=e.computed({get(){return n.modelValue},set(t){a("update:modelValue",t)}});e.watch(o,t=>{t?r.lockScrollBody():r.unlockScrollBody()});const c=()=>{o.value=!1},l=t=>{t.key==="Escape"&&c()};return e.onMounted(()=>{document.addEventListener("keydown",l)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",l)}),(t,m)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createBlock(u,{key:0},{default:e.withCtx(()=>[e.createVNode(d,{class:"ds-right-4 ds-top-4 ds-h-8 ds-w-8",onClick:c}),e.createElementVNode("div",{style:e.normalizeStyle({backgroundImage:`url('${n.url}')`,height:"calc(100vh - 16px)",width:"calc(100vw - 16px)"}),class:"ds-bg-contain ds-bg-center ds-bg-no-repeat"},null,4)]),_:1})):e.createCommentVNode("",!0)]),_:1}))}});module.exports=i;
|
|
2
2
|
//# sourceMappingURL=design-system45.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system45.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"design-system45.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//#region Props\nexport interface Props {\n modelValue: boolean;\n url: string;\n}\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//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val: boolean) {\n emit('update:modelValue', val);\n },\n});\n//#endregion\n\n//#region Watchers\nwatch(value, (val: boolean) => {\n if (val) {\n lockScrollBody();\n } else {\n unlockScrollBody();\n }\n});\n//#endregion\n\n//#region Methods\nconst closePreview = () => {\n value.value = false;\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n closePreview();\n }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n document.addEventListener('keydown', closeOnEscapePressed);\n});\nonBeforeUnmount(() => {\n document.removeEventListener('keydown', closeOnEscapePressed);\n});\n//#endregion\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":"0IAqB4BA,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,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIKC,QAAAH,EAAQE,GAAiB,CACzBA,EACaE,EAAAA,iBAEEC,EAAAA,kBACnB,CACD,EAID,MAAMC,EAAe,IAAM,CACzBN,EAAM,MAAQ,EAAA,EAEVO,EAAwBC,GAAyB,CACjDA,EAAM,MAAQ,UACHF,GACf,EAKFG,OAAAA,EAAAA,UAAU,IAAM,CACL,SAAA,iBAAiB,UAAWF,CAAoB,CAAA,CAC1D,EACDG,EAAAA,gBAAgB,IAAM,CACX,SAAA,oBAAoB,UAAWH,CAAoB,CAAA,CAC7D,EAGM,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"}
|
package/dist/design-system45.mjs
CHANGED
|
@@ -1,8 +1,62 @@
|
|
|
1
|
-
import
|
|
2
|
-
import "./design-
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import { defineComponent as m, computed as u, watch as i, onMounted as p, onBeforeUnmount as f, openBlock as r, createBlock as a, Transition as v, withCtx as c, createVNode as k, createElementVNode as g, normalizeStyle as y, createCommentVNode as B } from "vue";
|
|
2
|
+
import h from "./design-system104.mjs";
|
|
3
|
+
import { lockScrollBody as w, unlockScrollBody as _ } from "./design-system6.mjs";
|
|
4
|
+
import V from "./design-system36.mjs";
|
|
5
|
+
const I = /* @__PURE__ */ m({
|
|
6
|
+
__name: "BImagePreview",
|
|
7
|
+
props: {
|
|
8
|
+
modelValue: { type: Boolean },
|
|
9
|
+
url: {}
|
|
10
|
+
},
|
|
11
|
+
emits: ["update:modelValue"],
|
|
12
|
+
setup(s, { emit: d }) {
|
|
13
|
+
const t = s, o = u({
|
|
14
|
+
get() {
|
|
15
|
+
return t.modelValue;
|
|
16
|
+
},
|
|
17
|
+
set(e) {
|
|
18
|
+
d("update:modelValue", e);
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
i(o, (e) => {
|
|
22
|
+
e ? w() : _();
|
|
23
|
+
});
|
|
24
|
+
const n = () => {
|
|
25
|
+
o.value = !1;
|
|
26
|
+
}, l = (e) => {
|
|
27
|
+
e.key === "Escape" && n();
|
|
28
|
+
};
|
|
29
|
+
return p(() => {
|
|
30
|
+
document.addEventListener("keydown", l);
|
|
31
|
+
}), f(() => {
|
|
32
|
+
document.removeEventListener("keydown", l);
|
|
33
|
+
}), (e, x) => (r(), a(v, { name: "fade" }, {
|
|
34
|
+
default: c(() => [
|
|
35
|
+
o.value ? (r(), a(V, { key: 0 }, {
|
|
36
|
+
default: c(() => [
|
|
37
|
+
k(h, {
|
|
38
|
+
class: "ds-right-4 ds-top-4 ds-h-8 ds-w-8",
|
|
39
|
+
onClick: n
|
|
40
|
+
}),
|
|
41
|
+
g("div", {
|
|
42
|
+
style: y(
|
|
43
|
+
{
|
|
44
|
+
backgroundImage: `url('${t.url}')`,
|
|
45
|
+
height: "calc(100vh - 16px)",
|
|
46
|
+
width: "calc(100vw - 16px)"
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
class: "ds-bg-contain ds-bg-center ds-bg-no-repeat"
|
|
50
|
+
}, null, 4)
|
|
51
|
+
]),
|
|
52
|
+
_: 1
|
|
53
|
+
})) : B("", !0)
|
|
54
|
+
]),
|
|
55
|
+
_: 1
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
});
|
|
5
59
|
export {
|
|
6
|
-
|
|
60
|
+
I as default
|
|
7
61
|
};
|
|
8
62
|
//# sourceMappingURL=design-system45.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system45.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
1
|
+
{"version":3,"file":"design-system45.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//#region Props\nexport interface Props {\n modelValue: boolean;\n url: string;\n}\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//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val: boolean) {\n emit('update:modelValue', val);\n },\n});\n//#endregion\n\n//#region Watchers\nwatch(value, (val: boolean) => {\n if (val) {\n lockScrollBody();\n } else {\n unlockScrollBody();\n }\n});\n//#endregion\n\n//#region Methods\nconst closePreview = () => {\n value.value = false;\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n closePreview();\n }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n document.addEventListener('keydown', closeOnEscapePressed);\n});\nonBeforeUnmount(() => {\n document.removeEventListener('keydown', closeOnEscapePressed);\n});\n//#endregion\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":";;;;AAqBA,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,GAURG,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;AAIK,IAAAC,EAAAH,GAAO,CAACE,MAAiB;AAC7B,MAAIA,IACaE,MAEEC;IACnB,CACD;AAID,UAAMC,IAAe,MAAM;AACzB,MAAAN,EAAM,QAAQ;AAAA,IAAA,GAEVO,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YACHF;IACf;AAKF,WAAAG,EAAU,MAAM;AACL,eAAA,iBAAiB,WAAWF,CAAoB;AAAA,IAAA,CAC1D,GACDG,EAAgB,MAAM;AACX,eAAA,oBAAoB,WAAWH,CAAoB;AAAA,IAAA,CAC7D,GAGM,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;"}
|
package/dist/design-system46.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("
|
|
1
|
+
"use strict";const e=require("./design-system91.js");require("./design-system92.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-764d3bd1"]]);module.exports=t;
|
|
2
2
|
//# sourceMappingURL=design-system46.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system46.js","sources":[
|
|
1
|
+
{"version":3,"file":"design-system46.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/design-system46.mjs
CHANGED
|
@@ -1,62 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
const I = /* @__PURE__ */ m({
|
|
6
|
-
__name: "BImagePreview",
|
|
7
|
-
props: {
|
|
8
|
-
modelValue: { type: Boolean },
|
|
9
|
-
url: {}
|
|
10
|
-
},
|
|
11
|
-
emits: ["update:modelValue"],
|
|
12
|
-
setup(s, { emit: d }) {
|
|
13
|
-
const t = s, o = u({
|
|
14
|
-
get() {
|
|
15
|
-
return t.modelValue;
|
|
16
|
-
},
|
|
17
|
-
set(e) {
|
|
18
|
-
d("update:modelValue", e);
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
i(o, (e) => {
|
|
22
|
-
e ? w() : _();
|
|
23
|
-
});
|
|
24
|
-
const n = () => {
|
|
25
|
-
o.value = !1;
|
|
26
|
-
}, l = (e) => {
|
|
27
|
-
e.key === "Escape" && n();
|
|
28
|
-
};
|
|
29
|
-
return p(() => {
|
|
30
|
-
document.addEventListener("keydown", l);
|
|
31
|
-
}), f(() => {
|
|
32
|
-
document.removeEventListener("keydown", l);
|
|
33
|
-
}), (e, x) => (r(), a(v, { name: "fade" }, {
|
|
34
|
-
default: c(() => [
|
|
35
|
-
o.value ? (r(), a(V, { key: 0 }, {
|
|
36
|
-
default: c(() => [
|
|
37
|
-
k(h, {
|
|
38
|
-
class: "ds-right-4 ds-top-4 ds-h-8 ds-w-8",
|
|
39
|
-
onClick: n
|
|
40
|
-
}),
|
|
41
|
-
g("div", {
|
|
42
|
-
style: y(
|
|
43
|
-
{
|
|
44
|
-
backgroundImage: `url('${t.url}')`,
|
|
45
|
-
height: "calc(100vh - 16px)",
|
|
46
|
-
width: "calc(100vw - 16px)"
|
|
47
|
-
}
|
|
48
|
-
),
|
|
49
|
-
class: "ds-bg-contain ds-bg-center ds-bg-no-repeat"
|
|
50
|
-
}, null, 4)
|
|
51
|
-
]),
|
|
52
|
-
_: 1
|
|
53
|
-
})) : B("", !0)
|
|
54
|
-
]),
|
|
55
|
-
_: 1
|
|
56
|
-
}));
|
|
57
|
-
}
|
|
58
|
-
});
|
|
1
|
+
import o from "./design-system91.mjs";
|
|
2
|
+
import "./design-system92.mjs";
|
|
3
|
+
import r from "./design-system56.mjs";
|
|
4
|
+
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-764d3bd1"]]);
|
|
59
5
|
export {
|
|
60
|
-
|
|
6
|
+
m as default
|
|
61
7
|
};
|
|
62
8
|
//# sourceMappingURL=design-system46.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system46.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"design-system46.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/design-system54.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),y=r=>(e.pushScopeId("data-v-
|
|
1
|
+
"use strict";const e=require("vue"),y=r=>(e.pushScopeId("data-v-34b71560"),r=r(),e.popScopeId(),r),C={class:"carousel-content"},E=y(()=>e.createElementVNode("div",{class:"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})])],-1)),L=[E],N=y(()=>e.createElementVNode("div",{class:"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})])],-1)),b=[N],I={key:1,class:"carousel-pagination"},S=["onClick"],z=e.defineComponent({__name:"BCarousel",props:{modelValue:{default:void 0},autoplay:{type:Boolean,default:!1},duration:{default:5e3},navigation:{type:Boolean,default:!1},pagination:{type:Boolean,default:!1},continuous:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(r,{emit:k}){const l=r;let d;const p=e.ref(0),u=e.ref(0),v=e.ref(null),a=e.ref(null),t=e.computed({get(){return l.modelValue!==void 0?l.modelValue:p.value},set(s){l.modelValue!==void 0?k("update:modelValue",s):p.value=s}}),w=e.computed(()=>l.continuous||t.value<u.value-1),B=e.computed(()=>l.continuous||t.value>0);e.watch(t,(s,o)=>{h(s,o)}),e.watch(()=>l.autoplay,s=>{s&&l.duration>0?(c(),m()):c()}),e.watch(()=>l.duration,s=>{l.autoplay&&(s>0?(c(),m()):c())});const _=s=>{t.value=s},f=()=>{t.value===u.value-1?l.continuous&&(t.value=0):t.value=t.value+1},V=()=>{t.value===0?l.continuous&&(t.value=u.value-1):t.value=t.value-1},m=()=>{d=setInterval(()=>{f()},l.duration)},c=()=>{d&&clearInterval(d)},h=(s,o)=>{if(a.value){t.value=s;const n=s<o,i=n?"slide-out-reverse":"slide-out",g=n?"slide-in-reverse":"slide-in";n?(a.value[o].classList.add("reverse"),a.value[t.value].classList.add("reverse")):(a.value[o].classList.remove("reverse"),a.value[t.value].classList.remove("reverse")),o!==s&&(a.value[o].classList.remove("slide-in","slide-in-reverse"),a.value[o].classList.add(i),setTimeout(()=>{a.value[o].classList.remove("active")},500)),a.value[t.value].classList.remove("slide-out","slide-out-reverse"),a.value[t.value].classList.add(g),a.value[t.value].classList.add("active")}};return(()=>{l.autoplay&&m()})(),e.onMounted(()=>{if(v.value){const s=t.value,o=v.value.querySelectorAll(".carousel-item");o.length&&(u.value=o.length,a.value=[...o],a.value.forEach(n=>{n.classList.contains("active")&&(t.value=a.value.indexOf(n))}),h(t.value,s))}}),e.onBeforeUnmount(()=>{clearInterval(d)}),(s,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:v,class:"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg"},[e.createElementVNode("div",C,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),l.navigation?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[B.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"carousel-navigation--left",onClick:V},L)):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"carousel-navigation--right",onClick:f},b)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),l.pagination?(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(n,i)=>(e.openBlock(),e.createElementBlock("span",{key:i,class:e.normalizeClass({"ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t":i===t.value}),onClick:g=>_(i)},null,10,S))),128))])):e.createCommentVNode("",!0)],512))}});module.exports=z;
|
|
2
2
|
//# sourceMappingURL=design-system54.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system54.js","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-6a2d59df\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"carousel-content\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n /*#__PURE__*/_createElementVNode(\"svg\", {\n class: \"ds-h-5 ds-w-5 ds-fill-white\",\n viewBox: \"0 0 320 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, [\n /*#__PURE__*/_createElementVNode(\"path\", { d: \"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\" })\n ])\n], -1))\nconst _hoisted_3 = [\n _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n /*#__PURE__*/_createElementVNode(\"svg\", {\n class: \"ds-h-5 ds-w-5 ds-fill-white\",\n viewBox: \"0 0 320 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, [\n /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n ])\n], -1))\nconst _hoisted_5 = [\n _hoisted_4\n]\nconst _hoisted_6 = {\n key: 1,\n class: \"carousel-pagination\"\n}\nconst _hoisted_7 = [\"onClick\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n/**\n * Props\n */\ninterface BCarouselProps {\n /**\n * Index of slide.\n */\n modelValue?: number;\n /**\n * Automatically go to the next slide every 5s (default).\n */\n autoplay?: boolean;\n /**\n * Waiting time before going to the next slide.\n */\n duration?: number;\n /**\n * Show navigation controls.\n */\n navigation?: boolean;\n /**\n * Show bottom controls.\n */\n pagination?: boolean;\n /**\n * Return to the first slide after reaching the end.\n */\n continuous?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BCarousel',\n props: {\n modelValue: { default: undefined },\n autoplay: { type: Boolean, default: false },\n duration: { default: 5000 },\n navigation: { type: Boolean, default: false },\n pagination: { type: Boolean, default: false },\n continuous: { type: Boolean, default: true }\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 */\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst itemCount = ref(0);\nconst container = ref<HTMLElement | null>(null);\nconst carouselItems = ref<Element[] | null>(null);\nconst value = computed({\n get() {\n return props.modelValue !== undefined ? props.modelValue : mValue.value;\n },\n set(val) {\n if (props.modelValue !== undefined) {\n emit('update:modelValue', val);\n } else {\n mValue.value = val;\n }\n },\n});\nconst showNextNav = computed(\n () => props.continuous || value.value < itemCount.value - 1,\n);\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\n\n/**\n * Watch\n */\nwatch(value, (val, oldVal) => {\n selectCarouselItem(val, oldVal);\n});\nwatch(\n () => props.autoplay,\n (val) => {\n if (val) {\n if (props.duration > 0) {\n clearAutoPlay();\n setAutoPlay();\n } else {\n clearAutoPlay();\n }\n } else {\n clearAutoPlay();\n }\n },\n);\nwatch(\n () => props.duration,\n (val) => {\n if (props.autoplay) {\n if (val > 0) {\n clearAutoPlay();\n setAutoPlay();\n } else {\n clearAutoPlay();\n }\n }\n },\n);\n\n/**\n * Methods\n */\nconst goToItem = (index: number) => {\n value.value = index;\n};\nconst nextItem = () => {\n if (value.value === itemCount.value - 1) {\n if (props.continuous) {\n value.value = 0;\n }\n } else {\n value.value = value.value + 1;\n }\n};\nconst prevItem = () => {\n if (value.value === 0) {\n if (props.continuous) {\n value.value = itemCount.value - 1;\n }\n } else {\n value.value = value.value - 1;\n }\n};\nconst setAutoPlay = () => {\n autoplayIntervalFn = setInterval(() => {\n nextItem();\n }, props.duration);\n};\nconst clearAutoPlay = () => {\n if (autoplayIntervalFn) {\n clearInterval(autoplayIntervalFn);\n }\n};\nconst selectCarouselItem = (index: number, oldIndex: number) => {\n if (carouselItems.value) {\n // Set activeIndex\n value.value = index;\n\n // Ensure reverse css classes\n const isReverse = index < oldIndex;\n const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\n const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\n if (isReverse) {\n carouselItems.value[oldIndex].classList.add('reverse');\n carouselItems.value[value.value].classList.add('reverse');\n } else {\n carouselItems.value[oldIndex].classList.remove('reverse');\n carouselItems.value[value.value].classList.remove('reverse');\n }\n\n // Remove active class from previous item\n if (oldIndex !== index) {\n carouselItems.value[oldIndex].classList.remove(\n 'slide-in',\n 'slide-in-reverse',\n );\n carouselItems.value[oldIndex].classList.add(slideOutCssClass);\n // After 0.5s transition animation, hide the previous item\n setTimeout(() => {\n carouselItems.value![oldIndex].classList.remove('active');\n }, 500);\n }\n\n // Add active class into active item\n carouselItems.value[value.value].classList.remove(\n 'slide-out',\n 'slide-out-reverse',\n );\n carouselItems.value[value.value].classList.add(slideInCssClass);\n carouselItems.value[value.value].classList.add('active');\n }\n};\nconst init = () => {\n if (props.autoplay) {\n setAutoPlay();\n }\n};\n\ninit();\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n if (container.value) {\n const oldValue = value.value;\n const items = container.value.querySelectorAll('.carousel-item') as any;\n if (items.length) {\n itemCount.value = items.length;\n carouselItems.value = [...items];\n\n carouselItems.value.forEach((carouselItem) => {\n if (carouselItem.classList.contains('active')) {\n value.value = carouselItems.value!.indexOf(carouselItem);\n }\n });\n selectCarouselItem(value.value, oldValue);\n }\n }\n});\nonBeforeUnmount(() => {\n clearInterval(autoplayIntervalFn);\n});\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n ref_key: \"container\",\n ref: container,\n class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\"\n }, [\n _createElementVNode(\"div\", _hoisted_1, [\n _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n ]),\n (props.navigation)\n ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n (showPrevNav.value)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 0,\n class: \"carousel-navigation--left\",\n onClick: prevItem\n }, _hoisted_3))\n : _createCommentVNode(\"\", true),\n (showNextNav.value)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 1,\n class: \"carousel-navigation--right\",\n onClick: nextItem\n }, _hoisted_5))\n : _createCommentVNode(\"\", true)\n ], 64))\n : _createCommentVNode(\"\", true),\n (props.pagination)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n return (_openBlock(), _createElementBlock(\"span\", {\n key: index,\n class: _normalizeClass({\n 'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\n index === value.value,\n }),\n onClick: ($event: any) => (goToItem(index))\n }, null, 10, _hoisted_7))\n }), 128))\n ]))\n : _createCommentVNode(\"\", true)\n ], 512))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","emit","props","autoplayIntervalFn","mValue","ref","itemCount","container","carouselItems","value","computed","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","isReverse","slideOutCssClass","slideInCssClass","onMounted","oldValue","items","carouselItem","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"design-system54.js","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-34b71560\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"carousel-content\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n /*#__PURE__*/_createElementVNode(\"svg\", {\n class: \"ds-h-5 ds-w-5 ds-fill-white\",\n viewBox: \"0 0 320 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, [\n /*#__PURE__*/_createElementVNode(\"path\", { d: \"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\" })\n ])\n], -1))\nconst _hoisted_3 = [\n _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70\" }, [\n /*#__PURE__*/_createElementVNode(\"svg\", {\n class: \"ds-h-5 ds-w-5 ds-fill-white\",\n viewBox: \"0 0 320 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, [\n /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n ])\n], -1))\nconst _hoisted_5 = [\n _hoisted_4\n]\nconst _hoisted_6 = {\n key: 1,\n class: \"carousel-pagination\"\n}\nconst _hoisted_7 = [\"onClick\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n//#region Props\ninterface BCarouselProps {\n /**\n * Index of slide.\n */\n modelValue?: number;\n /**\n * Automatically go to the next slide every 5s (default).\n */\n autoplay?: boolean;\n /**\n * Waiting time before going to the next slide.\n */\n duration?: number;\n /**\n * Show navigation controls.\n */\n navigation?: boolean;\n /**\n * Show bottom controls.\n */\n pagination?: boolean;\n /**\n * Return to the first slide after reaching the end.\n */\n continuous?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BCarousel',\n props: {\n modelValue: { default: undefined },\n autoplay: { type: Boolean, default: false },\n duration: { default: 5000 },\n navigation: { type: Boolean, default: false },\n pagination: { type: Boolean, default: false },\n continuous: { type: Boolean, default: true }\n },\n emits: [\"update:modelValue\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst itemCount = ref(0);\nconst container = ref<HTMLElement | null>(null);\nconst carouselItems = ref<Element[] | null>(null);\nconst value = computed({\n get() {\n return props.modelValue !== undefined ? props.modelValue : mValue.value;\n },\n set(val) {\n if (props.modelValue !== undefined) {\n emit('update:modelValue', val);\n } else {\n mValue.value = val;\n }\n },\n});\nconst showNextNav = computed(\n () => props.continuous || value.value < itemCount.value - 1,\n);\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\n//#endregion\n\n//#region Watchers\nwatch(value, (val, oldVal) => {\n selectCarouselItem(val, oldVal);\n});\nwatch(\n () => props.autoplay,\n (val) => {\n if (val) {\n if (props.duration > 0) {\n clearAutoPlay();\n setAutoPlay();\n } else {\n clearAutoPlay();\n }\n } else {\n clearAutoPlay();\n }\n },\n);\nwatch(\n () => props.duration,\n (val) => {\n if (props.autoplay) {\n if (val > 0) {\n clearAutoPlay();\n setAutoPlay();\n } else {\n clearAutoPlay();\n }\n }\n },\n);\n//#endregion\n\n//#region Methods\nconst goToItem = (index: number) => {\n value.value = index;\n};\nconst nextItem = () => {\n if (value.value === itemCount.value - 1) {\n if (props.continuous) {\n value.value = 0;\n }\n } else {\n value.value = value.value + 1;\n }\n};\nconst prevItem = () => {\n if (value.value === 0) {\n if (props.continuous) {\n value.value = itemCount.value - 1;\n }\n } else {\n value.value = value.value - 1;\n }\n};\nconst setAutoPlay = () => {\n autoplayIntervalFn = setInterval(() => {\n nextItem();\n }, props.duration);\n};\nconst clearAutoPlay = () => {\n if (autoplayIntervalFn) {\n clearInterval(autoplayIntervalFn);\n }\n};\nconst selectCarouselItem = (index: number, oldIndex: number) => {\n if (carouselItems.value) {\n // Set activeIndex\n value.value = index;\n\n // Ensure reverse css classes\n const isReverse = index < oldIndex;\n const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\n const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\n if (isReverse) {\n carouselItems.value[oldIndex].classList.add('reverse');\n carouselItems.value[value.value].classList.add('reverse');\n } else {\n carouselItems.value[oldIndex].classList.remove('reverse');\n carouselItems.value[value.value].classList.remove('reverse');\n }\n\n // Remove active class from previous item\n if (oldIndex !== index) {\n carouselItems.value[oldIndex].classList.remove(\n 'slide-in',\n 'slide-in-reverse',\n );\n carouselItems.value[oldIndex].classList.add(slideOutCssClass);\n // After 0.5s transition animation, hide the previous item\n setTimeout(() => {\n carouselItems.value![oldIndex].classList.remove('active');\n }, 500);\n }\n\n // Add active class into active item\n carouselItems.value[value.value].classList.remove(\n 'slide-out',\n 'slide-out-reverse',\n );\n carouselItems.value[value.value].classList.add(slideInCssClass);\n carouselItems.value[value.value].classList.add('active');\n }\n};\nconst init = () => {\n if (props.autoplay) {\n setAutoPlay();\n }\n};\n\ninit();\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n if (container.value) {\n const oldValue = value.value;\n const items = container.value.querySelectorAll('.carousel-item') as any;\n if (items.length) {\n itemCount.value = items.length;\n carouselItems.value = [...items];\n\n carouselItems.value.forEach((carouselItem) => {\n if (carouselItem.classList.contains('active')) {\n value.value = carouselItems.value!.indexOf(carouselItem);\n }\n });\n selectCarouselItem(value.value, oldValue);\n }\n }\n});\nonBeforeUnmount(() => {\n clearInterval(autoplayIntervalFn);\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n ref_key: \"container\",\n ref: container,\n class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\"\n }, [\n _createElementVNode(\"div\", _hoisted_1, [\n _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n ]),\n (props.navigation)\n ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n (showPrevNav.value)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 0,\n class: \"carousel-navigation--left\",\n onClick: prevItem\n }, _hoisted_3))\n : _createCommentVNode(\"\", true),\n (showNextNav.value)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 1,\n class: \"carousel-navigation--right\",\n onClick: nextItem\n }, _hoisted_5))\n : _createCommentVNode(\"\", true)\n ], 64))\n : _createCommentVNode(\"\", true),\n (props.pagination)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n return (_openBlock(), _createElementBlock(\"span\", {\n key: index,\n class: _normalizeClass({\n 'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\n index === value.value,\n }),\n onClick: ($event: any) => (goToItem(index))\n }, null, 10, _hoisted_7))\n }), 128))\n ]))\n : _createCommentVNode(\"\", true)\n ], 512))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","emit","props","autoplayIntervalFn","mValue","ref","itemCount","container","carouselItems","value","computed","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","clearAutoPlay","setAutoPlay","goToItem","index","nextItem","prevItem","oldIndex","isReverse","slideOutCssClass","slideInCssClass","onMounted","oldValue","items","carouselItem","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}
|