@getblock/core 0.0.81 → 0.0.82
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/getblock-core.es.ts +258 -257
- package/dist/getblock-core.umd.ts +1 -1
- package/package.json +1 -1
package/dist/getblock-core.es.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as L, computed as b, openBlock as i, createElementBlock as _, normalizeClass as a, unref as o, renderSlot as
|
|
2
|
-
const
|
|
3
|
-
button:
|
|
4
|
-
buttonAccent:
|
|
1
|
+
import { defineComponent as L, computed as b, openBlock as i, createElementBlock as _, normalizeClass as a, unref as o, renderSlot as y, ref as m, useSlots as ge, createCommentVNode as x, createElementVNode as p, createBlock as V, withDirectives as Q, isRef as ye, vModelDynamic as Be, createVNode as U, vShow as ie, onMounted as fe, watch as ke, resolveDirective as Te, Fragment as W, toDisplayString as A, renderList as oe, withModifiers as be, onBeforeUnmount as Le, Teleport as Ie, normalizeStyle as xe, nextTick as De, vModelText as Ce, createTextVNode as $e, withCtx as ze, onUnmounted as Oe, useCssVars as He } from "vue";
|
|
2
|
+
const Ae = "_getblock_ui_button_1pp63_1", Ne = "_getblock_ui_buttonAccent_1pp63_7", Me = "_getblock_ui_buttonTint_1pp63_8", Ee = "_getblock_ui_buttonPrimary_1pp63_9", Fe = "_getblock_ui_buttonSecondary_1pp63_10", Re = "_getblock_ui_buttonOutline_1pp63_11", Ve = "_getblock_ui_buttonTransparent_1pp63_12", je = "_getblock_ui_buttonDestructiveAccent_1pp63_13", We = "_getblock_ui_buttonDestructiveTint_1pp63_14", Ge = "_getblock_ui_buttonDestructiveSecondary_1pp63_15", Ue = "_getblock_ui_buttonDestructiveOutline_1pp63_16", Pe = "_getblock_ui_buttonDestructiveTransparent_1pp63_17", Ye = "dark", qe = "_getblock_ui_buttonLarge_1pp63_42", Xe = "_getblock_ui_buttonMedium_1pp63_46", Ke = "_getblock_ui_buttonSmall_1pp63_50", Je = "_getblock_ui_buttonBase_1pp63_57", Qe = "_getblock_ui_buttonAttention_1pp63_91", Ze = "_getblock_ui_buttonViolet_1pp63_96", et = "_getblock_ui_buttonSpecial_1pp63_101", tt = "_getblock_ui_buttonPinkGradient_1pp63_107", ot = "_getblock_ui_buttonWhite_1pp63_116", nt = "_getblock_ui_buttonTinyWhite_1pp63_120", lt = "_getblock_ui_buttonDestructive_1pp63_13", ct = "_getblock_ui_iconButtonLarge_1pp63_165", it = "_getblock_ui_iconButtonMedium_1pp63_169", at = "_getblock_ui_iconButtonSmall_1pp63_173", f = {
|
|
3
|
+
button: Ae,
|
|
4
|
+
buttonAccent: Ne,
|
|
5
5
|
buttonTint: Me,
|
|
6
6
|
buttonPrimary: Ee,
|
|
7
7
|
buttonSecondary: Fe,
|
|
@@ -70,42 +70,42 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
70
70
|
setup(n) {
|
|
71
71
|
const t = n, e = b(() => ({
|
|
72
72
|
"pointer-events-none": t.disabled,
|
|
73
|
-
[
|
|
74
|
-
[
|
|
75
|
-
[
|
|
76
|
-
[
|
|
77
|
-
[
|
|
78
|
-
[
|
|
79
|
-
[
|
|
80
|
-
[
|
|
81
|
-
[
|
|
82
|
-
[
|
|
83
|
-
[
|
|
84
|
-
[
|
|
85
|
-
[
|
|
86
|
-
[
|
|
87
|
-
[
|
|
88
|
-
[
|
|
89
|
-
[
|
|
90
|
-
[
|
|
91
|
-
[
|
|
92
|
-
[
|
|
93
|
-
[
|
|
94
|
-
[
|
|
95
|
-
[
|
|
96
|
-
[
|
|
97
|
-
[
|
|
73
|
+
[f.buttonLarge]: t.sizeType === "large" && !t.iconButton,
|
|
74
|
+
[f.buttonMedium]: t.sizeType === "medium" && !t.iconButton,
|
|
75
|
+
[f.buttonSmall]: t.sizeType === "small" && !t.iconButton,
|
|
76
|
+
[f.buttonBase]: t.mainType === "base",
|
|
77
|
+
[f.buttonAccent]: t.mainType === "base" && t.colorType === "accent",
|
|
78
|
+
[f.buttonTint]: t.mainType === "base" && t.colorType === "tint",
|
|
79
|
+
[f.buttonPrimary]: t.mainType === "base" && t.colorType === "primary",
|
|
80
|
+
[f.buttonSecondary]: t.mainType === "base" && t.colorType === "secondary",
|
|
81
|
+
[f.buttonOutline]: t.mainType === "base" && t.colorType === "outline",
|
|
82
|
+
[f.buttonTransparent]: t.mainType === "base" && t.colorType === "transparent",
|
|
83
|
+
[f.buttonAttention]: t.mainType === "base" && t.colorType === "attention",
|
|
84
|
+
[f.buttonViolet]: t.mainType === "base" && t.colorType === "violet",
|
|
85
|
+
[f.buttonSpecial]: t.mainType === "base" && t.colorType === "special",
|
|
86
|
+
[f.buttonPinkGradient]: t.mainType === "base" && t.colorType === "pink-gradient",
|
|
87
|
+
[f.buttonWhite]: t.mainType === "base" && t.colorType === "white",
|
|
88
|
+
[f.buttonTinyWhite]: t.mainType === "base" && t.colorType === "tiny-white",
|
|
89
|
+
[f.buttonDestructive]: t.mainType === "destructive",
|
|
90
|
+
[f.buttonDestructiveAccent]: t.mainType === "destructive" && t.colorType === "accent",
|
|
91
|
+
[f.buttonDestructiveTint]: t.mainType === "destructive" && t.colorType === "tint",
|
|
92
|
+
[f.buttonDestructiveSecondary]: t.mainType === "destructive" && t.colorType === "secondary",
|
|
93
|
+
[f.buttonDestructiveOutline]: t.mainType === "destructive" && t.colorType === "outline",
|
|
94
|
+
[f.buttonDestructiveTransparent]: t.mainType === "destructive" && t.colorType === "transparent",
|
|
95
|
+
[f.iconButtonLarge]: t.sizeType === "large" && t.iconButton,
|
|
96
|
+
[f.iconButtonMedium]: t.sizeType === "medium" && t.iconButton,
|
|
97
|
+
[f.iconButtonSmall]: t.sizeType === "small" && t.iconButton
|
|
98
98
|
}));
|
|
99
99
|
return (s, l) => (i(), _("button", {
|
|
100
|
-
class: a([o(e), o(
|
|
100
|
+
class: a([o(e), o(f).button]),
|
|
101
101
|
disabled: t.disabled
|
|
102
102
|
}, [
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
y(s.$slots, "left-icon"),
|
|
104
|
+
y(s.$slots, "default"),
|
|
105
|
+
y(s.$slots, "right-icon")
|
|
106
106
|
], 10, st));
|
|
107
107
|
}
|
|
108
|
-
}), ut = "_getblock_ui_iconXs_15uci_2", dt = "_getblock_ui_iconSmall_15uci_6", _t = "_getblock_ui_iconMedium_15uci_10", pt = "_getblock_ui_iconLarge_15uci_14", bt = "_getblock_ui_iconMain_15uci_21", gt = "dark", mt = "_getblock_ui_iconSecondary_15uci_31",
|
|
108
|
+
}), ut = "_getblock_ui_iconXs_15uci_2", dt = "_getblock_ui_iconSmall_15uci_6", _t = "_getblock_ui_iconMedium_15uci_10", pt = "_getblock_ui_iconLarge_15uci_14", bt = "_getblock_ui_iconMain_15uci_21", gt = "dark", mt = "_getblock_ui_iconSecondary_15uci_31", vt = "_getblock_ui_iconTertiary_15uci_41", kt = "_getblock_ui_iconDisable_15uci_51", ht = "_getblock_ui_iconAction_15uci_61", yt = "_getblock_ui_iconTintBlue_15uci_71", ft = "_getblock_ui_iconAttention_15uci_81", Tt = "_getblock_ui_iconAlert_15uci_91", xt = "_getblock_ui_iconSuccess_15uci_101", St = "_getblock_ui_iconColorBG_15uci_111", wt = "_getblock_ui_iconLightBG_15uci_121", Bt = "_getblock_ui_iconTintRed_15uci_131", Lt = "_getblock_ui_iconDefault_15uci_141", It = "_getblock_ui_iconReverseMain_15uci_151", Dt = "_getblock_ui_iconContrast_15uci_158", Ct = "_getblock_ui_iconViolet_15uci_167", $t = "_getblock_ui_iconAccentHover_15uci_178", zt = "_getblock_ui_iconTintHover_15uci_187", Ot = "_getblock_ui_iconAttentionHover_15uci_196", Ht = "_getblock_ui_iconErrorHover_15uci_205", T = {
|
|
109
109
|
iconXs: ut,
|
|
110
110
|
iconSmall: dt,
|
|
111
111
|
iconMedium: _t,
|
|
@@ -113,8 +113,8 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
113
113
|
iconMain: bt,
|
|
114
114
|
dark: gt,
|
|
115
115
|
iconSecondary: mt,
|
|
116
|
-
iconTertiary:
|
|
117
|
-
iconDisable:
|
|
116
|
+
iconTertiary: vt,
|
|
117
|
+
iconDisable: kt,
|
|
118
118
|
iconAction: ht,
|
|
119
119
|
iconTintBlue: yt,
|
|
120
120
|
iconAttention: ft,
|
|
@@ -131,7 +131,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
131
131
|
iconTintHover: zt,
|
|
132
132
|
iconAttentionHover: Ot,
|
|
133
133
|
iconErrorHover: Ht
|
|
134
|
-
},
|
|
134
|
+
}, At = ["alt", "height", "src", "width"], C = /* @__PURE__ */ L({
|
|
135
135
|
__name: "Icon",
|
|
136
136
|
props: {
|
|
137
137
|
iconName: {
|
|
@@ -203,16 +203,16 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
203
203
|
[T.iconContrast]: t.colorType === "contrast",
|
|
204
204
|
[T.iconViolet]: t.colorType === "violet"
|
|
205
205
|
}));
|
|
206
|
-
return (l,
|
|
206
|
+
return (l, u) => (i(), _("img", {
|
|
207
207
|
alt: t.iconName,
|
|
208
208
|
class: a(o(s)),
|
|
209
209
|
height: o(e),
|
|
210
210
|
src: `https://storage.getblock.io/web/getblock-ui-kit/icons/${t.iconName}.svg`,
|
|
211
211
|
width: o(e)
|
|
212
|
-
}, null, 10,
|
|
212
|
+
}, null, 10, At));
|
|
213
213
|
}
|
|
214
|
-
}),
|
|
215
|
-
container:
|
|
214
|
+
}), Nt = "_getblock_ui_container_1n2d9_2", Mt = "_getblock_ui_inputMedium_1n2d9_9", Et = "_getblock_ui_inputLarge_1n2d9_12", Ft = "_getblock_ui_input_1n2d9_9", Rt = "dark", Vt = "_getblock_ui_inputFocus_1n2d9_25", jt = "_getblock_ui_inputFill_1n2d9_32", Wt = "_getblock_ui_inputOutline_1n2d9_39", Gt = "_getblock_ui_inputDisabled_1n2d9_46", Ut = "_getblock_ui_inputLabelDisabled_1n2d9_53", Pt = "_getblock_ui_inputDisabledCustomEvents_1n2d9_57", Yt = "_getblock_ui_inputError_1n2d9_67", qt = "_getblock_ui_inputHintError_1n2d9_71", Xt = "_getblock_ui_inputHint_1n2d9_71", Kt = "_getblock_ui_inputLabel_1n2d9_53", Jt = "_getblock_ui_shrink0_1n2d9_94", z = {
|
|
215
|
+
container: Nt,
|
|
216
216
|
inputMedium: Mt,
|
|
217
217
|
inputLarge: Et,
|
|
218
218
|
input: Ft,
|
|
@@ -290,22 +290,22 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
290
290
|
},
|
|
291
291
|
emits: ["update:inputValue", "resetError", "focusOut", "onClickRightButton"],
|
|
292
292
|
setup(n, { emit: t }) {
|
|
293
|
-
const e = n, s = b(() => e.statusIcon === "success" ? { display: !0, colorType: "success", icon: "check-circle" } : e.statusIcon === "error" ? { display: !0, colorType: "alert", icon: "alert-triangle" } : { display: !1, colorType: "none", icon: "" }), l =
|
|
293
|
+
const e = n, s = b(() => e.statusIcon === "success" ? { display: !0, colorType: "success", icon: "check-circle" } : e.statusIcon === "error" ? { display: !0, colorType: "alert", icon: "alert-triangle" } : { display: !1, colorType: "none", icon: "" }), l = m(null), u = m(!1), c = m(e.inputType), r = b({
|
|
294
294
|
get() {
|
|
295
295
|
return e.inputValue;
|
|
296
296
|
},
|
|
297
297
|
set($) {
|
|
298
298
|
t("update:inputValue", $);
|
|
299
299
|
}
|
|
300
|
-
}),
|
|
300
|
+
}), v = b(() => e.customEventRightButton ? e.rightIconName : e.inputType === "password" ? "eye" : "x"), w = b(() => ({
|
|
301
301
|
[z.inputError]: e.error,
|
|
302
302
|
[z.inputDisabled]: e.disabled && !e.customEventRightButton,
|
|
303
303
|
[z.inputDisabledCustomEvents]: e.disabled && e.customEventRightButton,
|
|
304
|
-
[z.inputFocus]:
|
|
304
|
+
[z.inputFocus]: u.value && !e.disabled,
|
|
305
305
|
[z.inputMedium]: e.sizeType === "medium",
|
|
306
306
|
[z.inputLarge]: e.sizeType === "large",
|
|
307
|
-
[z.inputFill]: e.colorType === "fill" && !
|
|
308
|
-
[z.inputOutline]: e.colorType === "outline" && !
|
|
307
|
+
[z.inputFill]: e.colorType === "fill" && !u.value || e.disabled,
|
|
308
|
+
[z.inputOutline]: e.colorType === "outline" && !u.value || e.disabled
|
|
309
309
|
})), B = b(() => ({
|
|
310
310
|
[z.inputHint]: !e.error,
|
|
311
311
|
[z.inputHintError]: e.error
|
|
@@ -320,18 +320,18 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
320
320
|
e.customEventRightButton ? t("onClickRightButton") : e.inputType === "password" ? I() : G();
|
|
321
321
|
}, O = () => {
|
|
322
322
|
var $;
|
|
323
|
-
t("resetError"),
|
|
323
|
+
t("resetError"), u.value = !0, ($ = l.value) == null || $.focus();
|
|
324
324
|
}, H = () => {
|
|
325
|
-
t("focusOut"),
|
|
326
|
-
},
|
|
325
|
+
t("focusOut"), u.value = !1;
|
|
326
|
+
}, N = ge();
|
|
327
327
|
return ($, P) => (i(), _("div", {
|
|
328
328
|
class: a(o(z).container)
|
|
329
329
|
}, [
|
|
330
|
-
o(
|
|
330
|
+
o(N).label ? (i(), _("p", {
|
|
331
331
|
key: 0,
|
|
332
332
|
class: a([o(F), "input__label"])
|
|
333
333
|
}, [
|
|
334
|
-
|
|
334
|
+
y($.$slots, "label")
|
|
335
335
|
], 2)) : x("", !0),
|
|
336
336
|
p("div", {
|
|
337
337
|
class: a(["input__wrapper", [o(w), o(z).input]]),
|
|
@@ -364,7 +364,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
364
364
|
}, [
|
|
365
365
|
U(C, {
|
|
366
366
|
"color-type": "tertiary",
|
|
367
|
-
"icon-name": o(
|
|
367
|
+
"icon-name": o(v)
|
|
368
368
|
}, null, 8, ["icon-name"])
|
|
369
369
|
], 2), [
|
|
370
370
|
[ie, e.customEventRightButton && o(r).length !== 0]
|
|
@@ -375,7 +375,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
375
375
|
}, [
|
|
376
376
|
U(C, {
|
|
377
377
|
"color-type": "tertiary",
|
|
378
|
-
"icon-name": o(
|
|
378
|
+
"icon-name": o(v)
|
|
379
379
|
}, null, 8, ["icon-name"])
|
|
380
380
|
], 2), [
|
|
381
381
|
[ie, !e.customEventRightButton && o(r).length !== 0 && !e.disabled]
|
|
@@ -387,11 +387,11 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
387
387
|
"icon-name": o(s).icon
|
|
388
388
|
}, null, 8, ["class", "color-type", "icon-name"])) : x("", !0)
|
|
389
389
|
], 34),
|
|
390
|
-
o(
|
|
390
|
+
o(N).hint ? (i(), _("p", {
|
|
391
391
|
key: 1,
|
|
392
392
|
class: a([o(B), "input__hint"])
|
|
393
393
|
}, [
|
|
394
|
-
|
|
394
|
+
y($.$slots, "hint")
|
|
395
395
|
], 2)) : x("", !0)
|
|
396
396
|
], 2));
|
|
397
397
|
}
|
|
@@ -436,13 +436,13 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
436
436
|
})), l = () => {
|
|
437
437
|
t("changeSelected", !e.selected);
|
|
438
438
|
};
|
|
439
|
-
return (
|
|
439
|
+
return (u, c) => (i(), _("button", {
|
|
440
440
|
class: a([o(s), o(Z).chips]),
|
|
441
441
|
onClick: l
|
|
442
442
|
}, [
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
443
|
+
y(u.$slots, "left-icon"),
|
|
444
|
+
y(u.$slots, "default"),
|
|
445
|
+
y(u.$slots, "right-icon")
|
|
446
446
|
], 2));
|
|
447
447
|
}
|
|
448
448
|
}), ro = "_getblock_ui_listItem_1jdl3_1", uo = "_getblock_ui_listItemSelected_1jdl3_6", _o = "dark", po = "_getblock_ui_listItemNotSelected_1jdl3_13", bo = "_getblock_ui_text_1jdl3_20", ue = {
|
|
@@ -467,24 +467,24 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
467
467
|
})), l = () => {
|
|
468
468
|
t("changeSelected", !e.selected);
|
|
469
469
|
};
|
|
470
|
-
return (
|
|
470
|
+
return (u, c) => (i(), _("button", {
|
|
471
471
|
class: a([o(s), o(ue).listItem]),
|
|
472
472
|
onClick: l
|
|
473
473
|
}, [
|
|
474
|
-
|
|
474
|
+
y(u.$slots, "left-icon"),
|
|
475
475
|
p("div", {
|
|
476
476
|
class: a(o(ue).text)
|
|
477
477
|
}, [
|
|
478
|
-
|
|
478
|
+
y(u.$slots, "default")
|
|
479
479
|
], 2),
|
|
480
|
-
|
|
480
|
+
y(u.$slots, "right-icon")
|
|
481
481
|
], 2));
|
|
482
482
|
}
|
|
483
|
-
}), go = "_getblock_ui_dropdown_3s0v7_2", mo = "dark",
|
|
483
|
+
}), go = "_getblock_ui_dropdown_3s0v7_2", mo = "dark", vo = "_getblock_ui_dropdownFocused_3s0v7_6", ko = "_getblock_ui_dropdownWrapper_3s0v7_11", ho = "_getblock_ui_dropdownFiltersWrapper_3s0v7_17", yo = "_getblock_ui_dropdownItemsListWrapper_3s0v7_21", fo = "_getblock_ui_dropdownList_3s0v7_25", To = "_getblock_ui_scrollTrack_3s0v7_33", xo = "_getblock_ui_scrollTrackWithFilters_3s0v7_42", So = "_getblock_ui_scrollBar_3s0v7_51", wo = "_getblock_ui_dropdownListItem_3s0v7_73", Bo = "_getblock_ui_dropdownListItemText_3s0v7_77", Lo = "_getblock_ui_dropdownListSelectedItemText_3s0v7_81", Io = "_getblock_ui_dropdownNotFoundListItem_3s0v7_85", Do = "_getblock_ui_dropdownNotFoundListItemText_3s0v7_89", Co = "_getblock_ui_dropdownSmall_3s0v7_95", $o = "_getblock_ui_dropdownMedium_3s0v7_99", zo = "_getblock_ui_dropdownLarge_3s0v7_103", Oo = "_getblock_ui_dropdownFill_3s0v7_109", Ho = "_getblock_ui_dropdownFillDisabled_3s0v7_114", Ao = "_getblock_ui_dropdownOutline_3s0v7_122", No = "_getblock_ui_dropdownOutlineDisabled_3s0v7_127", Mo = "_getblock_ui_dropdownError_3s0v7_135", Eo = "_getblock_ui_hoveredChevron_3s0v7_142", Fo = "_getblock_ui_rotateChevron_3s0v7_150", Ro = "_getblock_ui_search_3s0v7_156", Vo = "_getblock_ui_placeholder_3s0v7_162", jo = "_getblock_ui_placeholderWithoutText_3s0v7_166", h = {
|
|
484
484
|
dropdown: go,
|
|
485
485
|
dark: mo,
|
|
486
|
-
dropdownFocused:
|
|
487
|
-
dropdownWrapper:
|
|
486
|
+
dropdownFocused: vo,
|
|
487
|
+
dropdownWrapper: ko,
|
|
488
488
|
dropdownFiltersWrapper: ho,
|
|
489
489
|
dropdownItemsListWrapper: yo,
|
|
490
490
|
dropdownList: fo,
|
|
@@ -501,15 +501,15 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
501
501
|
dropdownLarge: zo,
|
|
502
502
|
dropdownFill: Oo,
|
|
503
503
|
dropdownFillDisabled: Ho,
|
|
504
|
-
dropdownOutline:
|
|
505
|
-
dropdownOutlineDisabled:
|
|
504
|
+
dropdownOutline: Ao,
|
|
505
|
+
dropdownOutlineDisabled: No,
|
|
506
506
|
dropdownError: Mo,
|
|
507
507
|
hoveredChevron: Eo,
|
|
508
508
|
rotateChevron: Fo,
|
|
509
509
|
search: Ro,
|
|
510
510
|
placeholder: Vo,
|
|
511
511
|
placeholderWithoutText: jo
|
|
512
|
-
}, Wo = ["tabindex", "placeholder", "value"], Go = ["onClick", "onMouseenter"], Uo = { class: "flex gap-2 items-center" },
|
|
512
|
+
}, Wo = ["tabindex", "placeholder", "value"], Go = ["onClick", "onMouseenter"], Uo = { class: "flex gap-2 items-center" }, vc = /* @__PURE__ */ L({
|
|
513
513
|
__name: "Dropdown",
|
|
514
514
|
props: {
|
|
515
515
|
colorType: {
|
|
@@ -592,70 +592,71 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
592
592
|
},
|
|
593
593
|
emits: ["selectItem", "resetError"],
|
|
594
594
|
setup(n, { emit: t }) {
|
|
595
|
-
const e = n, s = ge(), l =
|
|
596
|
-
const
|
|
597
|
-
R.style.transform = `translateY(${j * (
|
|
598
|
-
}, G = (
|
|
599
|
-
const
|
|
595
|
+
const e = n, s = ge(), l = m(!1), u = m(null), c = m(-1), r = m(null), v = m(null), w = m(null), B = m(!1), F = (d) => {
|
|
596
|
+
const g = r.value, k = v.value, R = w.value, j = g.scrollTop / (g.scrollHeight - g.clientHeight);
|
|
597
|
+
R.style.transform = `translateY(${j * (k.clientHeight - 50)}px)`;
|
|
598
|
+
}, G = (d) => {
|
|
599
|
+
const g = d.clientY, k = r.value.scrollTop, R = w.value.offsetHeight, j = v.value.offsetHeight;
|
|
600
600
|
B.value = !0;
|
|
601
601
|
const M = (re) => {
|
|
602
|
-
const we = (re.clientY -
|
|
603
|
-
r.value.scrollTop =
|
|
602
|
+
const we = (re.clientY - g) / (j - R) * (r.value.scrollHeight - r.value.clientHeight);
|
|
603
|
+
r.value.scrollTop = k + we;
|
|
604
604
|
}, q = () => {
|
|
605
605
|
document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", q), B.value = !1;
|
|
606
606
|
};
|
|
607
607
|
document.addEventListener("mousemove", M), document.addEventListener("mouseup", q);
|
|
608
|
-
}, I = (
|
|
609
|
-
const
|
|
610
|
-
|
|
608
|
+
}, I = (d) => {
|
|
609
|
+
const g = v.value, k = r.value, R = d.clientY - g.getBoundingClientRect().top, j = g.clientHeight, M = k.scrollHeight - k.clientHeight;
|
|
610
|
+
k.scrollTop = R / j * M;
|
|
611
611
|
};
|
|
612
612
|
fe(() => {
|
|
613
|
-
var
|
|
614
|
-
(
|
|
613
|
+
var d;
|
|
614
|
+
(d = r.value) == null || d.addEventListener("scroll", F);
|
|
615
615
|
});
|
|
616
|
-
const S =
|
|
617
|
-
S.value =
|
|
618
|
-
}, H = b(() => e.isWithSearch ? e.items.filter(
|
|
619
|
-
(
|
|
620
|
-
)
|
|
621
|
-
[
|
|
622
|
-
[
|
|
623
|
-
[
|
|
624
|
-
[
|
|
625
|
-
[
|
|
626
|
-
[
|
|
627
|
-
[
|
|
628
|
-
[
|
|
629
|
-
[
|
|
616
|
+
const S = m(""), O = (d) => {
|
|
617
|
+
S.value = d.target.value;
|
|
618
|
+
}, H = b(() => !e.isWithSearch || S.value === "" ? e.items : e.items.filter(
|
|
619
|
+
(d) => d.value.toLowerCase().includes(S.value.toLowerCase()) || d.text.toLowerCase().includes(S.value.toLowerCase())
|
|
620
|
+
)), N = b(() => ({
|
|
621
|
+
[h.dropdownSmall]: e.sizeType === "small",
|
|
622
|
+
[h.dropdownMedium]: e.sizeType === "medium",
|
|
623
|
+
[h.dropdownLarge]: e.sizeType === "large",
|
|
624
|
+
[h.dropdownFill]: e.colorType === "fill" && !l.value,
|
|
625
|
+
[h.dropdownOutline]: e.colorType === "outline" && !l.value,
|
|
626
|
+
[h.dropdownFillDisabled]: e.colorType === "fill" && e.disabled,
|
|
627
|
+
[h.dropdownOutlineDisabled]: e.colorType === "outline" && e.disabled,
|
|
628
|
+
[h.dropdownFocused]: l.value,
|
|
629
|
+
[h.dropdownError]: e.error
|
|
630
630
|
})), $ = b(() => ({
|
|
631
631
|
"w-max": e.droplistResizable
|
|
632
|
-
})), P = (
|
|
633
|
-
|
|
632
|
+
})), P = (d) => {
|
|
633
|
+
t("selectItem", d), c.value = -1, se();
|
|
634
634
|
}, ne = b(() => e.disabled || !l.value ? "tertiary" : "main"), ae = () => {
|
|
635
|
-
var
|
|
636
|
-
B.value || (t("resetError"), l.value || ((
|
|
635
|
+
var d, g;
|
|
636
|
+
B.value || (t("resetError"), l.value || ((d = u.value) == null || d.removeAttribute("readonly"), l.value = !0, S.value = "", c.value = -1, (g = u.value) == null || g.focus()));
|
|
637
637
|
}, se = () => {
|
|
638
|
-
var
|
|
639
|
-
l.value = !1, c.value = -1, (
|
|
640
|
-
}, me = (
|
|
641
|
-
|
|
638
|
+
var d;
|
|
639
|
+
l.value = !1, c.value = -1, (d = u.value) == null || d.setAttribute("readonly", "true");
|
|
640
|
+
}, me = (d) => {
|
|
641
|
+
var g, k;
|
|
642
|
+
d.key === "Enter" ? (d.preventDefault(), l.value && c.value >= 0 && c.value < H.value.length ? P(H.value[c.value]) : l.value || (l.value = !0, (g = u.value) == null || g.removeAttribute("readonly"), (k = u.value) == null || k.focus())) : d.key === "ArrowDown" ? (d.preventDefault(), l.value ? c.value < H.value.length - 1 && (c.value++, D()) : (l.value = !0, c.value = 0)) : d.key === "ArrowUp" && (d.preventDefault(), l.value && c.value > 0 && (c.value--, D()));
|
|
642
643
|
}, D = () => {
|
|
643
644
|
if (r.value && c.value >= 0) {
|
|
644
|
-
const
|
|
645
|
-
|
|
645
|
+
const g = r.value.children[c.value];
|
|
646
|
+
g && g.scrollIntoView({ block: "nearest", behavior: "smooth" });
|
|
646
647
|
}
|
|
647
648
|
};
|
|
648
|
-
return
|
|
649
|
+
return ke(
|
|
649
650
|
() => e.isNeededToFocus,
|
|
650
651
|
() => {
|
|
651
652
|
e.isNeededToFocus && ae();
|
|
652
653
|
}
|
|
653
|
-
), (
|
|
654
|
+
), (d, g) => {
|
|
654
655
|
var R, j;
|
|
655
|
-
const
|
|
656
|
+
const k = Te("click-outside");
|
|
656
657
|
return Q((i(), _("div", {
|
|
657
658
|
tabindex: "0",
|
|
658
|
-
class: a([o(
|
|
659
|
+
class: a([o(N), o(h).dropdown]),
|
|
659
660
|
onClick: ae,
|
|
660
661
|
onKeydown: me
|
|
661
662
|
}, [
|
|
@@ -669,46 +670,46 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
669
670
|
"color-type": "default",
|
|
670
671
|
"size-type": "medium",
|
|
671
672
|
"icon-name": e.selectedItem.iconName
|
|
672
|
-
}, null, 8, ["icon-name"])) :
|
|
673
|
+
}, null, 8, ["icon-name"])) : y(d.$slots, "left-icon", { key: 2 }),
|
|
673
674
|
n.isWithSearch ? (i(), _(W, { key: 3 }, [
|
|
674
675
|
p("input", {
|
|
675
676
|
tabindex: e.tabIndex,
|
|
676
677
|
ref_key: "dropdownInput",
|
|
677
|
-
ref:
|
|
678
|
+
ref: u,
|
|
678
679
|
readonly: "",
|
|
679
|
-
class: a(o(
|
|
680
|
+
class: a(o(h).search),
|
|
680
681
|
placeholder: e.placeholder.value,
|
|
681
682
|
value: l.value ? S.value : e.selectedItem.text,
|
|
682
683
|
onInput: O
|
|
683
684
|
}, null, 42, Wo),
|
|
684
|
-
l.value ? x("", !0) :
|
|
685
|
+
l.value ? x("", !0) : y(d.$slots, "selected-right", { key: 0 })
|
|
685
686
|
], 64)) : (i(), _(W, { key: 4 }, [
|
|
686
687
|
p("p", {
|
|
687
|
-
class: a(["dropdown-placeholder", [o(
|
|
688
|
-
},
|
|
689
|
-
|
|
688
|
+
class: a(["dropdown-placeholder", [o(h).placeholder, e.selectedItem.text ? "" : o(h).placeholderWithoutText]])
|
|
689
|
+
}, A(e.selectedItem.text ? e.selectedItem.text : e.placeholder.text), 3),
|
|
690
|
+
y(d.$slots, "selected-right")
|
|
690
691
|
], 64)),
|
|
691
692
|
Q(p("div", {
|
|
692
|
-
class: a([o(
|
|
693
|
+
class: a([o(h).dropdownWrapper, o($)])
|
|
693
694
|
}, [
|
|
694
695
|
o(H).length > 0 && o(s).filters ? (i(), _("div", {
|
|
695
696
|
key: 0,
|
|
696
|
-
class: a([o(
|
|
697
|
+
class: a([o(h).dropdownFiltersWrapper])
|
|
697
698
|
}, [
|
|
698
|
-
|
|
699
|
+
y(d.$slots, "filters")
|
|
699
700
|
], 2)) : x("", !0),
|
|
700
701
|
Q(p("div", {
|
|
701
|
-
class: a([o(
|
|
702
|
+
class: a([o(h).dropdownItemsListWrapper])
|
|
702
703
|
}, [
|
|
703
704
|
o(H).length > 0 ? (i(), _(W, { key: 0 }, [
|
|
704
705
|
p("div", {
|
|
705
|
-
class: a([o(
|
|
706
|
+
class: a([o(h).dropdownList, { "w-[97%]": o(H).length > 4 }]),
|
|
706
707
|
ref_key: "dropdownContent",
|
|
707
708
|
ref: r
|
|
708
709
|
}, [
|
|
709
710
|
(i(!0), _(W, null, oe(o(H), (M, q) => (i(), _("div", {
|
|
710
711
|
key: `${M.value}_${q}`,
|
|
711
|
-
class: a(["flex items-center justify-between dropdown-item", [o(
|
|
712
|
+
class: a(["flex items-center justify-between dropdown-item", [o(h).dropdownListItem, { "bg-gray-100": c.value === q }]]),
|
|
712
713
|
onClick: be((re) => P(M), ["stop"]),
|
|
713
714
|
onMouseenter: (re) => c.value = q
|
|
714
715
|
}, [
|
|
@@ -721,12 +722,12 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
721
722
|
}, null, 8, ["color-type", "icon-name"])) : x("", !0),
|
|
722
723
|
p("p", {
|
|
723
724
|
class: a([
|
|
724
|
-
o(
|
|
725
|
-
M.value === e.selectedItem.value ? o(
|
|
725
|
+
o(h).dropdownListItemText,
|
|
726
|
+
M.value === e.selectedItem.value ? o(h).dropdownListSelectedItemText : ""
|
|
726
727
|
])
|
|
727
|
-
},
|
|
728
|
+
}, A(M.text), 3)
|
|
728
729
|
]),
|
|
729
|
-
|
|
730
|
+
y(d.$slots, "right", {
|
|
730
731
|
item: M,
|
|
731
732
|
index: q
|
|
732
733
|
})
|
|
@@ -734,13 +735,13 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
734
735
|
], 2),
|
|
735
736
|
o(H).length > 4 ? (i(), _("div", {
|
|
736
737
|
key: 0,
|
|
737
|
-
class: a(o(s).filters ? o(
|
|
738
|
+
class: a(o(s).filters ? o(h).scrollTrackWithFilters : o(h).scrollTrack),
|
|
738
739
|
ref_key: "scrollBar",
|
|
739
|
-
ref:
|
|
740
|
+
ref: v,
|
|
740
741
|
onClick: I
|
|
741
742
|
}, [
|
|
742
743
|
p("div", {
|
|
743
|
-
class: a(o(
|
|
744
|
+
class: a(o(h).scrollBar),
|
|
744
745
|
ref_key: "thumb",
|
|
745
746
|
ref: w,
|
|
746
747
|
onMousedown: G
|
|
@@ -748,12 +749,12 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
748
749
|
], 2)) : x("", !0)
|
|
749
750
|
], 64)) : (i(), _("div", {
|
|
750
751
|
key: 1,
|
|
751
|
-
class: a(o(
|
|
752
|
-
onClick:
|
|
752
|
+
class: a(o(h).dropdownNotFoundListItem),
|
|
753
|
+
onClick: g[0] || (g[0] = be(() => {
|
|
753
754
|
}, ["stop"]))
|
|
754
755
|
}, [
|
|
755
756
|
p("p", {
|
|
756
|
-
class: a(o(
|
|
757
|
+
class: a(o(h).dropdownNotFoundListItemText)
|
|
757
758
|
}, "No results", 2)
|
|
758
759
|
], 2))
|
|
759
760
|
], 2), [
|
|
@@ -763,13 +764,13 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
763
764
|
[ie, l.value]
|
|
764
765
|
]),
|
|
765
766
|
U(C, {
|
|
766
|
-
class: a(["transition", [e.disabled ? "" : o(
|
|
767
|
+
class: a(["transition", [e.disabled ? "" : o(h).hoveredChevron, l.value ? o(h).rotateChevron : ""]]),
|
|
767
768
|
"icon-name": "chevron-down",
|
|
768
769
|
"size-type": "medium",
|
|
769
770
|
"color-type": o(ne)
|
|
770
771
|
}, null, 8, ["class", "color-type"])
|
|
771
772
|
], 34)), [
|
|
772
|
-
[
|
|
773
|
+
[k, se]
|
|
773
774
|
]);
|
|
774
775
|
};
|
|
775
776
|
}
|
|
@@ -784,7 +785,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
784
785
|
lineDefault: Qo,
|
|
785
786
|
lineSelected: Zo,
|
|
786
787
|
lineNotSelected: en
|
|
787
|
-
},
|
|
788
|
+
}, kc = /* @__PURE__ */ L({
|
|
788
789
|
__name: "LineTab",
|
|
789
790
|
props: {
|
|
790
791
|
selected: {
|
|
@@ -809,14 +810,14 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
809
810
|
[X.lineDefault]: !0,
|
|
810
811
|
[X.lineSelected]: e.selected,
|
|
811
812
|
[X.lineNotSelected]: !e.selected
|
|
812
|
-
})),
|
|
813
|
+
})), u = () => {
|
|
813
814
|
t("changeSelected", !e.selected);
|
|
814
815
|
};
|
|
815
816
|
return (c, r) => (i(), _("button", {
|
|
816
817
|
class: a(["", o(s)]),
|
|
817
|
-
onClick:
|
|
818
|
+
onClick: u
|
|
818
819
|
}, [
|
|
819
|
-
|
|
820
|
+
y(c.$slots, "default"),
|
|
820
821
|
p("div", {
|
|
821
822
|
class: a([o(l)])
|
|
822
823
|
}, null, 2)
|
|
@@ -858,16 +859,16 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
858
859
|
return (s, l) => (i(), _("div", {
|
|
859
860
|
class: a([o(e), o(Y).badges])
|
|
860
861
|
}, [
|
|
861
|
-
|
|
862
|
+
y(s.$slots, "default")
|
|
862
863
|
], 2));
|
|
863
864
|
}
|
|
864
|
-
}), pn = "_getblock_ui_droplist_z2elx_2", bn = "dark", gn = "_getblock_ui_item_z2elx_8", mn = "_getblock_ui_itemAlert_z2elx_16",
|
|
865
|
+
}), pn = "_getblock_ui_droplist_z2elx_2", bn = "dark", gn = "_getblock_ui_item_z2elx_8", mn = "_getblock_ui_itemAlert_z2elx_16", vn = "_getblock_ui_itemMain_z2elx_20", kn = "_getblock_ui_divider_z2elx_27", le = {
|
|
865
866
|
droplist: pn,
|
|
866
867
|
dark: bn,
|
|
867
868
|
item: gn,
|
|
868
869
|
itemAlert: mn,
|
|
869
|
-
itemMain:
|
|
870
|
-
divider:
|
|
870
|
+
itemMain: vn,
|
|
871
|
+
divider: kn
|
|
871
872
|
}, hn = "_getblock_ui_checkbox_8mm7t_2", yn = "dark", fn = "_getblock_ui_isRounded_8mm7t_11", Tn = "_getblock_ui_isOpener_8mm7t_16", xn = "_getblock_ui_checkboxActive_8mm7t_26", Sn = "_getblock_ui_checkboxDisabled_8mm7t_31", wn = "_getblock_ui_checkboxCheckedDisabled_8mm7t_35", Bn = "_getblock_ui_isMasterDisabled_8mm7t_41", Ln = "_getblock_ui_iconFilter_8mm7t_47", ee = {
|
|
872
873
|
checkbox: hn,
|
|
873
874
|
dark: yn,
|
|
@@ -878,7 +879,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
878
879
|
checkboxCheckedDisabled: wn,
|
|
879
880
|
isMasterDisabled: Bn,
|
|
880
881
|
iconFilter: Ln
|
|
881
|
-
}, In = ["id", "checked", "disabled", "value"],
|
|
882
|
+
}, In = ["id", "checked", "disabled", "value"], ve = /* @__PURE__ */ L({
|
|
882
883
|
__name: "Checkbox",
|
|
883
884
|
props: {
|
|
884
885
|
isMaster: {
|
|
@@ -917,7 +918,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
917
918
|
checked: e.checked
|
|
918
919
|
}, l = () => {
|
|
919
920
|
t("change", s);
|
|
920
|
-
},
|
|
921
|
+
}, u = b(() => e.isMaster ? e.allChecked ? "check_v1" : "minus" : e.checked ? "check_v1" : "minus"), c = b(() => ({
|
|
921
922
|
[ee.iconFilter]: !e.checked && !e.isMaster
|
|
922
923
|
})), r = b(() => ({
|
|
923
924
|
[ee.checkbox]: !e.isMaster,
|
|
@@ -928,7 +929,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
928
929
|
[ee.isMasterDisabled]: e.isMaster && e.disabled,
|
|
929
930
|
[ee.isRounded]: e.isRounded
|
|
930
931
|
}));
|
|
931
|
-
return (
|
|
932
|
+
return (v, w) => (i(), _("label", {
|
|
932
933
|
class: a(o(r))
|
|
933
934
|
}, [
|
|
934
935
|
p("input", {
|
|
@@ -940,7 +941,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
940
941
|
onChange: l
|
|
941
942
|
}, null, 40, In),
|
|
942
943
|
U(C, {
|
|
943
|
-
"icon-name": o(
|
|
944
|
+
"icon-name": o(u),
|
|
944
945
|
class: a(o(c)),
|
|
945
946
|
"color-type": "color-bg",
|
|
946
947
|
"size-type": "xs"
|
|
@@ -965,13 +966,13 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
965
966
|
},
|
|
966
967
|
emits: ["selectItem", "hideDroplist"],
|
|
967
968
|
setup(n, { emit: t }) {
|
|
968
|
-
const e = n, s = (
|
|
969
|
-
[le.itemAlert]:
|
|
969
|
+
const e = n, s = (u) => ({
|
|
970
|
+
[le.itemAlert]: u === "alert",
|
|
970
971
|
[le.itemMain]: !0
|
|
971
|
-
}), l = (
|
|
972
|
-
t("selectItem",
|
|
972
|
+
}), l = (u) => {
|
|
973
|
+
t("selectItem", u), t("hideDroplist");
|
|
973
974
|
};
|
|
974
|
-
return (
|
|
975
|
+
return (u, c) => n.showDroplist ? (i(), _("div", {
|
|
975
976
|
key: 0,
|
|
976
977
|
class: a([o(le).droplist])
|
|
977
978
|
}, [
|
|
@@ -980,21 +981,21 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
980
981
|
}, [
|
|
981
982
|
p("div", {
|
|
982
983
|
class: a(["droplist-item", o(le).item]),
|
|
983
|
-
onClick: be((
|
|
984
|
+
onClick: be((v) => l(r.action), ["stop"])
|
|
984
985
|
}, [
|
|
985
986
|
r.imgName && !e.isCheckboxes ? (i(), V(C, {
|
|
986
987
|
key: 0,
|
|
987
988
|
"color-type": r.color === "main" || !r.color ? "secondary" : r.color,
|
|
988
989
|
"icon-name": r.imgName
|
|
989
990
|
}, null, 8, ["color-type", "icon-name"])) : x("", !0),
|
|
990
|
-
e.isCheckboxes ? (i(), V(
|
|
991
|
+
e.isCheckboxes ? (i(), V(ve, {
|
|
991
992
|
key: 1,
|
|
992
993
|
checked: r.checked,
|
|
993
994
|
"is-rounded": !0
|
|
994
995
|
}, null, 8, ["checked"])) : x("", !0),
|
|
995
996
|
p("p", {
|
|
996
997
|
class: a(s(r.color))
|
|
997
|
-
},
|
|
998
|
+
}, A(r.value), 3)
|
|
998
999
|
], 10, Dn),
|
|
999
1000
|
r.divider ? (i(), _("div", {
|
|
1000
1001
|
key: 0,
|
|
@@ -1010,7 +1011,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1010
1011
|
tagSmall: zn,
|
|
1011
1012
|
tagMedium: On,
|
|
1012
1013
|
tagDisabled: Hn
|
|
1013
|
-
},
|
|
1014
|
+
}, An = ["disabled"], fc = /* @__PURE__ */ L({
|
|
1014
1015
|
__name: "Tag",
|
|
1015
1016
|
props: {
|
|
1016
1017
|
sizeType: {
|
|
@@ -1029,26 +1030,26 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1029
1030
|
[de.tagMedium]: e.sizeType === "medium",
|
|
1030
1031
|
[de.tagSmall]: e.sizeType === "small",
|
|
1031
1032
|
[de.tagDisabled]: e.disabled
|
|
1032
|
-
})), l =
|
|
1033
|
+
})), l = m(!1), u = () => {
|
|
1033
1034
|
t("deleteTag");
|
|
1034
1035
|
};
|
|
1035
1036
|
return (c, r) => (i(), _("button", {
|
|
1036
1037
|
class: a([o(de).tag, o(s)]),
|
|
1037
1038
|
disabled: e.disabled
|
|
1038
1039
|
}, [
|
|
1039
|
-
|
|
1040
|
+
y(c.$slots, "default"),
|
|
1040
1041
|
U(C, {
|
|
1041
1042
|
"color-type": l.value ? "main" : "tertiary",
|
|
1042
1043
|
"size-type": "small",
|
|
1043
1044
|
"icon-name": "x-close",
|
|
1044
|
-
onClick:
|
|
1045
|
-
onMouseover: r[0] || (r[0] = (
|
|
1046
|
-
onMouseout: r[1] || (r[1] = (
|
|
1045
|
+
onClick: u,
|
|
1046
|
+
onMouseover: r[0] || (r[0] = (v) => l.value = !0),
|
|
1047
|
+
onMouseout: r[1] || (r[1] = (v) => l.value = !1)
|
|
1047
1048
|
}, null, 8, ["color-type"])
|
|
1048
|
-
], 10,
|
|
1049
|
+
], 10, An));
|
|
1049
1050
|
}
|
|
1050
|
-
}),
|
|
1051
|
-
breadcrumbsContainer:
|
|
1051
|
+
}), Nn = "_getblock_ui_breadcrumbsContainer_jx4hc_1", Mn = "_getblock_ui_breadcrumb_jx4hc_1", En = "dark", Fn = "_getblock_ui_lastBreadcrumb_jx4hc_13", Rn = "_getblock_ui_notLastBreadcrumb_jx4hc_17", _e = {
|
|
1052
|
+
breadcrumbsContainer: Nn,
|
|
1052
1053
|
breadcrumb: Mn,
|
|
1053
1054
|
dark: En,
|
|
1054
1055
|
lastBreadcrumb: Fn,
|
|
@@ -1075,7 +1076,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1075
1076
|
s.link ? (i(), _("a", {
|
|
1076
1077
|
key: 0,
|
|
1077
1078
|
href: s.link
|
|
1078
|
-
},
|
|
1079
|
+
}, A(s.text), 9, Vn)) : (i(), _("p", jn, A(s.text), 1)),
|
|
1079
1080
|
l !== n.items.length - 1 ? (i(), V(C, {
|
|
1080
1081
|
key: 2,
|
|
1081
1082
|
"icon-name": "chevron-right",
|
|
@@ -1097,25 +1098,25 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1097
1098
|
}
|
|
1098
1099
|
},
|
|
1099
1100
|
setup(n) {
|
|
1100
|
-
const t = n, e =
|
|
1101
|
+
const t = n, e = m(null), s = m(null), l = m(!1), u = m(!1), c = m({ top: "0px", left: "0px" }), r = async () => {
|
|
1101
1102
|
l.value = !0, await De();
|
|
1102
|
-
const I = e.value, S = s.value, O = I.getBoundingClientRect(), H = 8,
|
|
1103
|
+
const I = e.value, S = s.value, O = I.getBoundingClientRect(), H = 8, N = t.verticalPosition === "top" ? O.top - S.offsetHeight - H : O.bottom + H, $ = O.left + O.width / 2, P = t.horizontalPosition === "left" ? $ - S.offsetWidth : t.horizontalPosition === "right" ? $ : $ - S.offsetWidth / 2;
|
|
1103
1104
|
c.value = {
|
|
1104
|
-
top: `${
|
|
1105
|
+
top: `${N}px`,
|
|
1105
1106
|
left: `${P}px`
|
|
1106
1107
|
};
|
|
1107
|
-
},
|
|
1108
|
+
}, v = () => {
|
|
1108
1109
|
setTimeout(() => {
|
|
1109
|
-
|
|
1110
|
+
u.value || (l.value = !1);
|
|
1110
1111
|
}, 100);
|
|
1111
1112
|
}, w = () => {
|
|
1112
|
-
|
|
1113
|
+
u.value = !0, r();
|
|
1113
1114
|
}, B = () => {
|
|
1114
|
-
|
|
1115
|
+
u.value = !1, v();
|
|
1115
1116
|
}, F = () => {
|
|
1116
|
-
|
|
1117
|
+
u.value = !0;
|
|
1117
1118
|
}, G = () => {
|
|
1118
|
-
|
|
1119
|
+
u.value = !1, v();
|
|
1119
1120
|
};
|
|
1120
1121
|
return Le(() => {
|
|
1121
1122
|
l.value = !1;
|
|
@@ -1126,7 +1127,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1126
1127
|
onMouseenter: w,
|
|
1127
1128
|
onMouseleave: B
|
|
1128
1129
|
}, [
|
|
1129
|
-
|
|
1130
|
+
y(I.$slots, "tooltip-component"),
|
|
1130
1131
|
(i(), V(Ie, { to: "body" }, [
|
|
1131
1132
|
l.value ? (i(), _("div", {
|
|
1132
1133
|
key: 0,
|
|
@@ -1137,7 +1138,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1137
1138
|
onMouseenter: F,
|
|
1138
1139
|
onMouseleave: G
|
|
1139
1140
|
}, [
|
|
1140
|
-
|
|
1141
|
+
y(I.$slots, "tooltip-body")
|
|
1141
1142
|
], 36)) : x("", !0)
|
|
1142
1143
|
]))
|
|
1143
1144
|
], 544));
|
|
@@ -1195,7 +1196,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1195
1196
|
},
|
|
1196
1197
|
emits: ["update:inputValue", "resetError"],
|
|
1197
1198
|
setup(n, { emit: t }) {
|
|
1198
|
-
const e = n, s =
|
|
1199
|
+
const e = n, s = m(null), l = m(!1), u = m(300), c = b({
|
|
1199
1200
|
get() {
|
|
1200
1201
|
return e.inputValue;
|
|
1201
1202
|
},
|
|
@@ -1208,7 +1209,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1208
1209
|
[E.textareaFocus]: l.value,
|
|
1209
1210
|
[E.textareaFill]: e.colorType === "fill" && !l.value,
|
|
1210
1211
|
[E.textareaOutline]: e.colorType === "outline" && !l.value
|
|
1211
|
-
})),
|
|
1212
|
+
})), v = b(() => ({
|
|
1212
1213
|
[E.textareaHint]: !e.error,
|
|
1213
1214
|
[E.textareaHintError]: e.error
|
|
1214
1215
|
})), w = b(() => ({
|
|
@@ -1230,11 +1231,11 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1230
1231
|
p("p", {
|
|
1231
1232
|
class: a(o(w))
|
|
1232
1233
|
}, [
|
|
1233
|
-
|
|
1234
|
+
y(I.$slots, "label")
|
|
1234
1235
|
], 2),
|
|
1235
1236
|
p("p", {
|
|
1236
1237
|
class: a(o(E).labelText)
|
|
1237
|
-
},
|
|
1238
|
+
}, A(o(c).length) + "/" + A(u.value), 3)
|
|
1238
1239
|
], 2)) : x("", !0),
|
|
1239
1240
|
p("div", {
|
|
1240
1241
|
tabindex: "0",
|
|
@@ -1249,7 +1250,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1249
1250
|
tabindex: e.tabIndex,
|
|
1250
1251
|
class: a(o(E).input),
|
|
1251
1252
|
disabled: e.disabled,
|
|
1252
|
-
maxlength:
|
|
1253
|
+
maxlength: u.value,
|
|
1253
1254
|
name: e.inputName,
|
|
1254
1255
|
placeholder: e.placeholder
|
|
1255
1256
|
}, null, 10, cl), [
|
|
@@ -1267,9 +1268,9 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1267
1268
|
], 34),
|
|
1268
1269
|
o(G).hint ? (i(), _("p", {
|
|
1269
1270
|
key: 1,
|
|
1270
|
-
class: a(o(
|
|
1271
|
+
class: a(o(v))
|
|
1271
1272
|
}, [
|
|
1272
|
-
|
|
1273
|
+
y(I.$slots, "hint")
|
|
1273
1274
|
], 2)) : x("", !0)
|
|
1274
1275
|
], 2));
|
|
1275
1276
|
}
|
|
@@ -1299,7 +1300,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1299
1300
|
[pe.toggleSelectedDisabled]: e.selected && e.disabled,
|
|
1300
1301
|
[pe.toggleNotSelectedDisabled]: !e.selected && e.disabled
|
|
1301
1302
|
})), l = () => t("changeSelected");
|
|
1302
|
-
return (
|
|
1303
|
+
return (u, c) => (i(), _("label", {
|
|
1303
1304
|
class: a(o(s))
|
|
1304
1305
|
}, [
|
|
1305
1306
|
p("input", {
|
|
@@ -1311,13 +1312,13 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1311
1312
|
_l
|
|
1312
1313
|
], 2));
|
|
1313
1314
|
}
|
|
1314
|
-
}), pl = "_getblock_ui_radioButton_rj1c2_1", bl = "dark", gl = "_getblock_ui_radioButtonActive_rj1c2_17", ml = "_getblock_ui_radioButtonDisabled_rj1c2_22",
|
|
1315
|
+
}), pl = "_getblock_ui_radioButton_rj1c2_1", bl = "dark", gl = "_getblock_ui_radioButtonActive_rj1c2_17", ml = "_getblock_ui_radioButtonDisabled_rj1c2_22", vl = "_getblock_ui_radioButtonCheckedDisabled_rj1c2_26", kl = "_getblock_ui_iconFilter_rj1c2_32", ce = {
|
|
1315
1316
|
radioButton: pl,
|
|
1316
1317
|
dark: bl,
|
|
1317
1318
|
radioButtonActive: gl,
|
|
1318
1319
|
radioButtonDisabled: ml,
|
|
1319
|
-
radioButtonCheckedDisabled:
|
|
1320
|
-
iconFilter:
|
|
1320
|
+
radioButtonCheckedDisabled: vl,
|
|
1321
|
+
iconFilter: kl
|
|
1321
1322
|
}, hl = ["checked", "disabled", "value"], yl = { key: 0 }, Bc = /* @__PURE__ */ L({
|
|
1322
1323
|
__name: "RadioButton",
|
|
1323
1324
|
props: {
|
|
@@ -1342,7 +1343,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1342
1343
|
setup(n, { emit: t }) {
|
|
1343
1344
|
const e = n, s = (r) => {
|
|
1344
1345
|
t("update:modelValue", r.target.value);
|
|
1345
|
-
}, l = b(() => e.modelValue === e.inputValue),
|
|
1346
|
+
}, l = b(() => e.modelValue === e.inputValue), u = b(() => ({
|
|
1346
1347
|
[ce.iconFilter]: e.modelValue !== e.inputValue
|
|
1347
1348
|
})), c = b(() => ({
|
|
1348
1349
|
[ce.radioButton]: !0,
|
|
@@ -1350,7 +1351,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1350
1351
|
[ce.radioButtonDisabled]: e.modelValue !== e.inputValue && e.disabled,
|
|
1351
1352
|
[ce.radioButtonCheckedDisabled]: e.modelValue === e.inputValue && e.disabled
|
|
1352
1353
|
}));
|
|
1353
|
-
return (r,
|
|
1354
|
+
return (r, v) => (i(), _("label", {
|
|
1354
1355
|
class: a(o(c))
|
|
1355
1356
|
}, [
|
|
1356
1357
|
p("input", {
|
|
@@ -1365,7 +1366,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1365
1366
|
"icon-name": "check",
|
|
1366
1367
|
"color-type": "color-bg",
|
|
1367
1368
|
"size-type": "xs",
|
|
1368
|
-
class: a(o(
|
|
1369
|
+
class: a(o(u))
|
|
1369
1370
|
}, null, 8, ["class"])) : (i(), _("span", yl))
|
|
1370
1371
|
], 2));
|
|
1371
1372
|
}
|
|
@@ -1403,7 +1404,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1403
1404
|
const e = n, s = (l) => {
|
|
1404
1405
|
l.value !== e.selectedItem.value && t("changeSelectedItem", l);
|
|
1405
1406
|
};
|
|
1406
|
-
return (l,
|
|
1407
|
+
return (l, u) => (i(), _("div", {
|
|
1407
1408
|
class: a([o(te).tabBarContainer, e.stretched ? "w-full" : "max-w-max"])
|
|
1408
1409
|
}, [
|
|
1409
1410
|
(i(!0), _(W, null, oe(n.tabItems, (c) => (i(), _("div", {
|
|
@@ -1418,7 +1419,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1418
1419
|
onClick: (r) => s(c)
|
|
1419
1420
|
}, [
|
|
1420
1421
|
!c.iconName && !n.iconsAndText ? (i(), _(W, { key: 0 }, [
|
|
1421
|
-
$e(
|
|
1422
|
+
$e(A(c.text), 1)
|
|
1422
1423
|
], 64)) : c.iconName && !n.iconsAndText ? (i(), V(C, {
|
|
1423
1424
|
key: 1,
|
|
1424
1425
|
"icon-name": c.iconName
|
|
@@ -1427,19 +1428,19 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1427
1428
|
U(C, {
|
|
1428
1429
|
"icon-name": c.iconName
|
|
1429
1430
|
}, null, 8, ["icon-name"]),
|
|
1430
|
-
p("span", Cl,
|
|
1431
|
+
p("span", Cl, A(c.text), 1)
|
|
1431
1432
|
], 64)) : x("", !0),
|
|
1432
|
-
|
|
1433
|
+
y(l.$slots, c.value)
|
|
1433
1434
|
], 10, Dl))), 128))
|
|
1434
1435
|
], 2));
|
|
1435
1436
|
}
|
|
1436
|
-
}), $l = "_getblock_ui_notification_1y7zz_1", zl = "_getblock_ui_notificationLow_1y7zz_6", Ol = "dark", Hl = "_getblock_ui_notificationHigh_1y7zz_11",
|
|
1437
|
+
}), $l = "_getblock_ui_notification_1y7zz_1", zl = "_getblock_ui_notificationLow_1y7zz_6", Ol = "dark", Hl = "_getblock_ui_notificationHigh_1y7zz_11", Al = "_getblock_ui_notificationAttention_1y7zz_16", Nl = "_getblock_ui_notificationError_1y7zz_21", Ml = "_getblock_ui_textBlock_1y7zz_26", El = "_getblock_ui_title_1y7zz_30", Fl = "_getblock_ui_button_1y7zz_34", K = {
|
|
1437
1438
|
notification: $l,
|
|
1438
1439
|
notificationLow: zl,
|
|
1439
1440
|
dark: Ol,
|
|
1440
1441
|
notificationHigh: Hl,
|
|
1441
|
-
notificationAttention:
|
|
1442
|
-
notificationError:
|
|
1442
|
+
notificationAttention: Al,
|
|
1443
|
+
notificationError: Nl,
|
|
1443
1444
|
textBlock: Ml,
|
|
1444
1445
|
title: El,
|
|
1445
1446
|
button: Fl
|
|
@@ -1480,21 +1481,21 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1480
1481
|
high: "color-bg",
|
|
1481
1482
|
attention: "attention",
|
|
1482
1483
|
error: "alert"
|
|
1483
|
-
},
|
|
1484
|
+
}, u = {
|
|
1484
1485
|
low: "accent-hover",
|
|
1485
1486
|
high: "tint-hover",
|
|
1486
1487
|
attention: "attention-hover",
|
|
1487
1488
|
error: "error-hover"
|
|
1488
|
-
}, c =
|
|
1489
|
+
}, c = m(!1), r = () => {
|
|
1489
1490
|
t("deleteNotification");
|
|
1490
|
-
},
|
|
1491
|
+
}, v = b(() => ({
|
|
1491
1492
|
[K.notificationLow]: e.mainType === "low",
|
|
1492
1493
|
[K.notificationHigh]: e.mainType === "high",
|
|
1493
1494
|
[K.notificationAttention]: e.mainType === "attention",
|
|
1494
1495
|
[K.notificationError]: e.mainType === "error"
|
|
1495
|
-
})), w = b(() => l[e.mainType]), B = b(() => c.value ?
|
|
1496
|
+
})), w = b(() => l[e.mainType]), B = b(() => c.value ? u[e.mainType] : l[e.mainType]), F = b(() => s[e.mainType]), G = b(() => e.mainType === "error" ? "destructive" : "base"), I = ge();
|
|
1496
1497
|
return (S, O) => (i(), _("div", {
|
|
1497
|
-
class: a([o(
|
|
1498
|
+
class: a([o(v), o(K).notification])
|
|
1498
1499
|
}, [
|
|
1499
1500
|
e.infoIcon ? (i(), V(C, {
|
|
1500
1501
|
key: 0,
|
|
@@ -1508,10 +1509,10 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1508
1509
|
key: 0,
|
|
1509
1510
|
class: a(o(K).title)
|
|
1510
1511
|
}, [
|
|
1511
|
-
|
|
1512
|
+
y(S.$slots, "title")
|
|
1512
1513
|
], 2)) : x("", !0),
|
|
1513
1514
|
p("p", null, [
|
|
1514
|
-
|
|
1515
|
+
y(S.$slots, "default")
|
|
1515
1516
|
])
|
|
1516
1517
|
], 2),
|
|
1517
1518
|
e.isWithCloseIcon && e.closeIcon ? (i(), V(C, {
|
|
@@ -1532,7 +1533,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1532
1533
|
onClick: r
|
|
1533
1534
|
}, {
|
|
1534
1535
|
default: ze(() => [
|
|
1535
|
-
|
|
1536
|
+
y(S.$slots, "button-slot")
|
|
1536
1537
|
]),
|
|
1537
1538
|
_: 3
|
|
1538
1539
|
}, 8, ["class", "color-type", "main-type"])) : x("", !0)
|
|
@@ -1569,7 +1570,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1569
1570
|
[J.customLoaderTintHelper]: t.colorType === "tint",
|
|
1570
1571
|
[J.customLoaderOutlineHelper]: t.colorType === "outline"
|
|
1571
1572
|
}));
|
|
1572
|
-
return (l,
|
|
1573
|
+
return (l, u) => (i(), _("div", {
|
|
1573
1574
|
class: a([o(e), o(J).customLoader])
|
|
1574
1575
|
}, [
|
|
1575
1576
|
p("div", {
|
|
@@ -1617,13 +1618,13 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1617
1618
|
other: "\u5176\u4ED6",
|
|
1618
1619
|
inputPlaceholder: "\u641C\u7D22"
|
|
1619
1620
|
}
|
|
1620
|
-
}, l =
|
|
1621
|
-
(D) => D.value.toLowerCase().includes(
|
|
1621
|
+
}, l = m(!1), u = m(""), c = m(!1), r = m([]), v = m(!1), w = m(null), B = b(() => l.value ? "main" : "tertiary"), F = b(() => e.items.filter(
|
|
1622
|
+
(D) => D.value.toLowerCase().includes(u.value.toLowerCase()) || D.generalText.toLowerCase().includes(u.value.toLowerCase()) || D.additionalText.toLowerCase().includes(u.value.toLowerCase())
|
|
1622
1623
|
)), G = (D) => {
|
|
1623
1624
|
c.value && (c.value = !1, r.value = []);
|
|
1624
|
-
for (const
|
|
1625
|
-
if (
|
|
1626
|
-
|
|
1625
|
+
for (const d of F.value)
|
|
1626
|
+
if (d.value === D.id) {
|
|
1627
|
+
d.checked = !d.checked, d.checked ? r.value.push(d.generalText) : r.value = r.value.filter((g) => g !== d.generalText);
|
|
1627
1628
|
break;
|
|
1628
1629
|
}
|
|
1629
1630
|
}, I = () => {
|
|
@@ -1637,42 +1638,42 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1637
1638
|
}, O = () => {
|
|
1638
1639
|
l.value = !l.value;
|
|
1639
1640
|
}, H = () => {
|
|
1640
|
-
|
|
1641
|
+
v.value || (l.value = !1);
|
|
1641
1642
|
};
|
|
1642
1643
|
t({
|
|
1643
1644
|
selectedItems: r
|
|
1644
|
-
}),
|
|
1645
|
+
}), ke(
|
|
1645
1646
|
() => e.updateSignal,
|
|
1646
1647
|
() => {
|
|
1647
|
-
l.value || (
|
|
1648
|
-
|
|
1648
|
+
l.value || (v.value = !0, w.value = setTimeout(() => {
|
|
1649
|
+
v.value = !1;
|
|
1649
1650
|
}, 0), l.value = !0);
|
|
1650
1651
|
}
|
|
1651
1652
|
), Oe(() => {
|
|
1652
1653
|
w.value && clearTimeout(w.value);
|
|
1653
1654
|
});
|
|
1654
|
-
const
|
|
1655
|
-
const
|
|
1656
|
-
|
|
1655
|
+
const N = m(null), $ = m(null), P = m(null), ne = m(!1), ae = (D) => {
|
|
1656
|
+
const d = N.value, g = $.value, k = P.value, R = d.scrollTop / (d.scrollHeight - d.clientHeight);
|
|
1657
|
+
k.style.transform = `translateY(${R * (g.clientHeight - 40)}px)`;
|
|
1657
1658
|
}, se = (D) => {
|
|
1658
|
-
const
|
|
1659
|
+
const d = D.clientY, g = N.value.scrollTop, k = P.value.offsetHeight, R = $.value.offsetHeight;
|
|
1659
1660
|
ne.value = !0;
|
|
1660
1661
|
const j = (q) => {
|
|
1661
|
-
const he = (q.clientY -
|
|
1662
|
-
|
|
1662
|
+
const he = (q.clientY - d) / (R - k) * (N.value.scrollHeight - N.value.clientHeight);
|
|
1663
|
+
N.value.scrollTop = g + he;
|
|
1663
1664
|
}, M = () => {
|
|
1664
1665
|
document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", M), ne.value = !1;
|
|
1665
1666
|
};
|
|
1666
1667
|
document.addEventListener("mousemove", j), document.addEventListener("mouseup", M);
|
|
1667
1668
|
}, me = (D) => {
|
|
1668
|
-
const
|
|
1669
|
-
|
|
1669
|
+
const d = $.value, g = N.value, k = D.clientY - d.getBoundingClientRect().top, R = d.clientHeight, j = g.scrollHeight - g.clientHeight;
|
|
1670
|
+
g.scrollTop = k / R * j;
|
|
1670
1671
|
};
|
|
1671
1672
|
return fe(() => {
|
|
1672
1673
|
var D;
|
|
1673
|
-
(D =
|
|
1674
|
-
}), (D,
|
|
1675
|
-
const
|
|
1674
|
+
(D = N.value) == null || D.addEventListener("scroll", ae);
|
|
1675
|
+
}), (D, d) => {
|
|
1676
|
+
const g = Te("click-outside");
|
|
1676
1677
|
return Q((i(), _("div", {
|
|
1677
1678
|
tabindex: "0",
|
|
1678
1679
|
onClick: O,
|
|
@@ -1692,15 +1693,15 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1692
1693
|
"font-medium leading-5 truncate",
|
|
1693
1694
|
r.value.length === 0 ? "text-text-secondary dark:text-text-dark-secondary" : "text-text-main dark:text-text-dark-main"
|
|
1694
1695
|
])
|
|
1695
|
-
},
|
|
1696
|
+
}, A(r.value.length === 0 ? n.placeholder : r.value.join(",")), 3),
|
|
1696
1697
|
Q(p("div", {
|
|
1697
|
-
onClick:
|
|
1698
|
+
onClick: d[1] || (d[1] = be(() => {
|
|
1698
1699
|
}, ["stop"])),
|
|
1699
1700
|
class: "flex flex-col gap-2 p-1.5 w-full absolute left-0 right-0 test rounded-16 bg-bg-base dark:bg-bg-dark-base cursor-default"
|
|
1700
1701
|
}, [
|
|
1701
1702
|
U(Zt, {
|
|
1702
|
-
"input-value":
|
|
1703
|
-
"onUpdate:inputValue":
|
|
1703
|
+
"input-value": u.value,
|
|
1704
|
+
"onUpdate:inputValue": d[0] || (d[0] = (k) => u.value = k),
|
|
1704
1705
|
placeholder: s[e.locale].inputPlaceholder,
|
|
1705
1706
|
"icon-name": "search-md",
|
|
1706
1707
|
"right-icon-name": "x-close",
|
|
@@ -1711,29 +1712,29 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1711
1712
|
p("div", {
|
|
1712
1713
|
class: "overflow-auto max-h-[120px] content",
|
|
1713
1714
|
ref_key: "dropdownContent",
|
|
1714
|
-
ref:
|
|
1715
|
+
ref: N
|
|
1715
1716
|
}, [
|
|
1716
|
-
(i(!0), _(W, null, oe(o(F), (
|
|
1717
|
-
key:
|
|
1717
|
+
(i(!0), _(W, null, oe(o(F), (k) => (i(), _("div", {
|
|
1718
|
+
key: k.value,
|
|
1718
1719
|
class: a(["flex gap-3 p-3 items-center", { "pr-6": o(F).length >= 2 }])
|
|
1719
1720
|
}, [
|
|
1720
|
-
U(
|
|
1721
|
-
checked:
|
|
1722
|
-
id:
|
|
1723
|
-
value:
|
|
1721
|
+
U(ve, {
|
|
1722
|
+
checked: k.checked,
|
|
1723
|
+
id: k.value,
|
|
1724
|
+
value: k.value,
|
|
1724
1725
|
onChange: G
|
|
1725
1726
|
}, null, 8, ["checked", "id", "value"]),
|
|
1726
|
-
p("span", ec,
|
|
1727
|
-
|
|
1727
|
+
p("span", ec, A(k.generalText), 1),
|
|
1728
|
+
k.additionalText ? (i(), _("span", tc, A(k.additionalText), 1)) : x("", !0)
|
|
1728
1729
|
], 2))), 128)),
|
|
1729
1730
|
p("div", oc, [
|
|
1730
|
-
U(
|
|
1731
|
+
U(ve, {
|
|
1731
1732
|
checked: c.value,
|
|
1732
1733
|
id: "other",
|
|
1733
1734
|
value: "other",
|
|
1734
1735
|
onChange: S
|
|
1735
1736
|
}, null, 8, ["checked"]),
|
|
1736
|
-
p("span", nc,
|
|
1737
|
+
p("span", nc, A(s[e.locale].other), 1)
|
|
1737
1738
|
])
|
|
1738
1739
|
], 512),
|
|
1739
1740
|
o(F).length >= 2 ? (i(), _("div", {
|
|
@@ -1761,7 +1762,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1761
1762
|
"color-type": o(B)
|
|
1762
1763
|
}, null, 8, ["class", "color-type"])
|
|
1763
1764
|
], 2)), [
|
|
1764
|
-
[
|
|
1765
|
+
[g, H]
|
|
1765
1766
|
]);
|
|
1766
1767
|
};
|
|
1767
1768
|
}
|
|
@@ -1783,10 +1784,10 @@ const Se = (n, t) => {
|
|
|
1783
1784
|
emits: ["update:value"],
|
|
1784
1785
|
setup(n, { emit: t }) {
|
|
1785
1786
|
const e = n;
|
|
1786
|
-
He((
|
|
1787
|
-
"9be73400": o(
|
|
1787
|
+
He((v) => ({
|
|
1788
|
+
"9be73400": o(u)
|
|
1788
1789
|
}));
|
|
1789
|
-
const s =
|
|
1790
|
+
const s = m(1), l = b(() => typeof document < "u" ? document.getElementsByTagName("html")[0].classList.contains("dark") : !1), u = b(() => {
|
|
1790
1791
|
if (l.value) {
|
|
1791
1792
|
if (e.color === "dark")
|
|
1792
1793
|
return "#85858c";
|
|
@@ -1802,25 +1803,25 @@ const Se = (n, t) => {
|
|
|
1802
1803
|
}), c = b(
|
|
1803
1804
|
() => e.values[s.value] >= 1e6 ? new Intl.NumberFormat("en", { notation: "compact" }).format(e.values[s.value]) : e.values[s.value]
|
|
1804
1805
|
);
|
|
1805
|
-
|
|
1806
|
+
ke(
|
|
1806
1807
|
() => e.value,
|
|
1807
|
-
(
|
|
1808
|
-
const w = e.values.findIndex((B) => B ===
|
|
1808
|
+
(v) => {
|
|
1809
|
+
const w = e.values.findIndex((B) => B === v);
|
|
1809
1810
|
s.value = w !== -1 ? w : 0;
|
|
1810
1811
|
},
|
|
1811
1812
|
{ immediate: !0 }
|
|
1812
1813
|
);
|
|
1813
|
-
const r = (
|
|
1814
|
-
const w =
|
|
1814
|
+
const r = (v) => {
|
|
1815
|
+
const w = v.target;
|
|
1815
1816
|
t("update:value", e.values[Number(w.value)]);
|
|
1816
1817
|
};
|
|
1817
|
-
return (
|
|
1818
|
+
return (v, w) => (i(), _("div", cc, [
|
|
1818
1819
|
p("div", ic, [
|
|
1819
|
-
p("p", ac,
|
|
1820
|
+
p("p", ac, A(n.label), 1),
|
|
1820
1821
|
p("p", {
|
|
1821
1822
|
class: "font-bold",
|
|
1822
|
-
style: xe({ color: o(
|
|
1823
|
-
},
|
|
1823
|
+
style: xe({ color: o(u) })
|
|
1824
|
+
}, A(o(c)), 5)
|
|
1824
1825
|
]),
|
|
1825
1826
|
p("div", sc, [
|
|
1826
1827
|
p("div", rc, [
|
|
@@ -1844,7 +1845,7 @@ const Se = (n, t) => {
|
|
|
1844
1845
|
(i(!0), _(W, null, oe(n.marks, (B) => (i(), _("span", {
|
|
1845
1846
|
key: B,
|
|
1846
1847
|
class: "slider-mark"
|
|
1847
|
-
},
|
|
1848
|
+
}, A(B), 1))), 128))
|
|
1848
1849
|
])
|
|
1849
1850
|
])
|
|
1850
1851
|
]));
|
|
@@ -1856,11 +1857,11 @@ export {
|
|
|
1856
1857
|
Tc as GetBlockUIBreadcrumbs,
|
|
1857
1858
|
rt as GetBlockUIButton,
|
|
1858
1859
|
gc as GetBlockUIChips,
|
|
1859
|
-
|
|
1860
|
+
vc as GetBlockUIDropdown,
|
|
1860
1861
|
yc as GetBlockUIDroplist,
|
|
1861
1862
|
C as GetBlockUIIcon,
|
|
1862
1863
|
Zt as GetBlockUIInput,
|
|
1863
|
-
|
|
1864
|
+
kc as GetBlockUILineTab,
|
|
1864
1865
|
mc as GetBlockUIListItem,
|
|
1865
1866
|
Dc as GetBlockUILoader,
|
|
1866
1867
|
Ic as GetBlockUINotification,
|
|
@@ -1871,6 +1872,6 @@ export {
|
|
|
1871
1872
|
Sc as GetBlockUITextArea,
|
|
1872
1873
|
wc as GetBlockUIToggle,
|
|
1873
1874
|
xc as GetBlockUITooltip,
|
|
1874
|
-
|
|
1875
|
+
ve as GetBlockUiCheckbox,
|
|
1875
1876
|
Cc as GetBlockUiDropdownWithCheckbox
|
|
1876
1877
|
};
|