gavia-ui 0.7.0 → 0.7.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/CHANGELOG.md +13 -0
- package/LICENSE +21 -21
- package/README.md +17 -4
- package/dist/index.js +944 -934
- package/package.json +1 -1
- package/styles/base.css +3765 -3743
- package/styles/reset.css +93 -93
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as F, computed as f, openBlock as o, createElementBlock as s, normalizeStyle as We, renderSlot as D, ref as G, Fragment as j, renderList as Z, createElementVNode as p, withModifiers as fe, normalizeClass as ee, toDisplayString as C, createVNode as T, createTextVNode as le, createCommentVNode as x, inject as Ee, watch as se, nextTick as me, onMounted as Ae, onBeforeUnmount as Ve, useModel as te, useAttrs as ce, mergeProps as c, unref as n, withDirectives as ie, vModelDynamic as Ye, createBlock as Q, Teleport as ve, Transition as ge, withCtx as ne, mergeModels as ae, normalizeProps as Qe, useSlots as Te, vModelCheckbox as ba, vModelText as $e, useId as ea, resolveDynamicComponent as pa, shallowRef as Ca, guardReactiveProps as Ma, withKeys as Ze, getCurrentInstance as Ba, vShow as Je, vModelRadio as Sa, watchEffect as Ia, TransitionGroup as Da } from "vue";
|
|
2
2
|
const De = [
|
|
3
3
|
"activity",
|
|
4
4
|
"bell",
|
|
@@ -95,7 +95,7 @@ const De = [
|
|
|
95
95
|
user: '<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
|
|
96
96
|
warn: '<path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z"/><path d="M12 9v4M12 17h.01"/>',
|
|
97
97
|
x: '<path d="M18 6 6 18M6 6l12 12"/>'
|
|
98
|
-
}, Aa = ["width", "height", "data-size", "innerHTML"], Va = ["data-size"],
|
|
98
|
+
}, Aa = ["width", "height", "data-size", "innerHTML"], Va = ["data-size"], P = /* @__PURE__ */ F({
|
|
99
99
|
__name: "WlIcon",
|
|
100
100
|
props: {
|
|
101
101
|
name: {},
|
|
@@ -131,7 +131,7 @@ const De = [
|
|
|
131
131
|
}), Ta = {
|
|
132
132
|
class: "wl-acc",
|
|
133
133
|
"data-wl": "accordion"
|
|
134
|
-
}, Fa = ["open", "data-key"], Pa = ["aria-disabled", "onClick"], Oa = { class: "wl-acc__title" }, Na = { class: "wl-acc__body" },
|
|
134
|
+
}, Fa = ["open", "data-key"], Pa = ["aria-disabled", "onClick"], Oa = { class: "wl-acc__title" }, Na = { class: "wl-acc__body" }, ii = /* @__PURE__ */ F({
|
|
135
135
|
__name: "WlAccordion",
|
|
136
136
|
props: {
|
|
137
137
|
items: { default: () => [] },
|
|
@@ -141,31 +141,31 @@ const De = [
|
|
|
141
141
|
emits: ["update:openKeys"],
|
|
142
142
|
setup(e, { emit: t }) {
|
|
143
143
|
const a = e, l = t, i = G([]), d = f(() => a.openKeys !== void 0), r = f(() => new Set(d.value ? a.openKeys ?? [] : i.value));
|
|
144
|
-
function
|
|
144
|
+
function u(m) {
|
|
145
145
|
if (m.disabled) return;
|
|
146
146
|
const h = r.value.has(m.key) ? [...r.value].filter((g) => g !== m.key) : a.single ? [m.key] : [...r.value, m.key];
|
|
147
147
|
d.value || (i.value = h), l("update:openKeys", h);
|
|
148
148
|
}
|
|
149
149
|
return (m, h) => (o(), s("div", Ta, [
|
|
150
|
-
(o(!0), s(
|
|
150
|
+
(o(!0), s(j, null, Z(e.items, (g) => (o(), s("details", {
|
|
151
151
|
key: g.key,
|
|
152
152
|
class: "wl-acc__item",
|
|
153
153
|
open: r.value.has(g.key),
|
|
154
154
|
"data-key": g.key
|
|
155
155
|
}, [
|
|
156
|
-
|
|
157
|
-
class:
|
|
156
|
+
p("summary", {
|
|
157
|
+
class: ee(["wl-acc__summary", { "is-disabled": g.disabled }]),
|
|
158
158
|
"aria-disabled": g.disabled || void 0,
|
|
159
|
-
onClick: fe((y) =>
|
|
159
|
+
onClick: fe((y) => u(g), ["prevent"])
|
|
160
160
|
}, [
|
|
161
|
-
|
|
162
|
-
|
|
161
|
+
p("span", Oa, C(g.title), 1),
|
|
162
|
+
T(P, {
|
|
163
163
|
name: "chevron-down",
|
|
164
164
|
size: 14,
|
|
165
165
|
class: "wl-acc__chevron"
|
|
166
166
|
})
|
|
167
167
|
], 10, Pa),
|
|
168
|
-
|
|
168
|
+
p("div", Na, [
|
|
169
169
|
D(m.$slots, "item", {
|
|
170
170
|
item: g,
|
|
171
171
|
open: r.value.has(g.key)
|
|
@@ -182,7 +182,7 @@ const De = [
|
|
|
182
182
|
}, Ga = { class: "wl-alert__text" }, Ha = {
|
|
183
183
|
key: 0,
|
|
184
184
|
class: "wl-alert__action"
|
|
185
|
-
}, Ka = ["aria-label"],
|
|
185
|
+
}, Ka = ["aria-label"], ri = /* @__PURE__ */ F({
|
|
186
186
|
__name: "WlAlert",
|
|
187
187
|
props: {
|
|
188
188
|
variant: { default: "info" },
|
|
@@ -198,20 +198,20 @@ const De = [
|
|
|
198
198
|
warn: "warn",
|
|
199
199
|
err: "x"
|
|
200
200
|
}, d = f(() => i[a.variant]);
|
|
201
|
-
return (r,
|
|
202
|
-
class:
|
|
201
|
+
return (r, u) => (o(), s("div", {
|
|
202
|
+
class: ee(["wl-alert", `wl-alert--${e.variant}`]),
|
|
203
203
|
role: "alert",
|
|
204
204
|
"data-wl": "alert",
|
|
205
205
|
"data-variant": e.variant
|
|
206
206
|
}, [
|
|
207
|
-
|
|
207
|
+
T(P, {
|
|
208
208
|
name: d.value,
|
|
209
209
|
size: 16,
|
|
210
210
|
class: "wl-alert__icon"
|
|
211
211
|
}, null, 8, ["name"]),
|
|
212
|
-
|
|
212
|
+
p("div", Ua, [
|
|
213
213
|
e.title ? (o(), s("div", ja, C(e.title), 1)) : x("", !0),
|
|
214
|
-
|
|
214
|
+
p("div", Ga, [
|
|
215
215
|
D(r.$slots, "default")
|
|
216
216
|
])
|
|
217
217
|
]),
|
|
@@ -223,9 +223,9 @@ const De = [
|
|
|
223
223
|
type: "button",
|
|
224
224
|
class: "wl-alert__close",
|
|
225
225
|
"aria-label": e.closeLabel,
|
|
226
|
-
onClick:
|
|
226
|
+
onClick: u[0] || (u[0] = (m) => l("close", m))
|
|
227
227
|
}, [
|
|
228
|
-
|
|
228
|
+
T(P, {
|
|
229
229
|
name: "x",
|
|
230
230
|
size: 13
|
|
231
231
|
})
|
|
@@ -529,7 +529,7 @@ function Ya(e = {}) {
|
|
|
529
529
|
}
|
|
530
530
|
}, e);
|
|
531
531
|
}
|
|
532
|
-
const Pe = Symbol("wl-config"), Za = Ya(),
|
|
532
|
+
const Pe = Symbol("wl-config"), Za = Ya(), si = {
|
|
533
533
|
install(e, t = {}) {
|
|
534
534
|
e.provide(Pe, t);
|
|
535
535
|
}
|
|
@@ -638,20 +638,20 @@ function Le(e = {}) {
|
|
|
638
638
|
function r() {
|
|
639
639
|
if (!i || !a.value) return;
|
|
640
640
|
const v = i.getBoundingClientRect(), w = a.value.offsetWidth || v.width, b = a.value.offsetHeight, $ = window.innerHeight - v.bottom, z = $ < b + 8 && v.top > $ ? Math.max(4, v.top - b - 4) : Math.min(window.innerHeight - 4, v.bottom + 4), M = Math.max(4, Math.min(z, window.innerHeight - b - 4)), L = Math.max(4, Math.min(v.left, window.innerWidth - w - 4)), q = Number.parseInt(getComputedStyle(a.value).zIndex, 10) || 0;
|
|
641
|
-
let
|
|
641
|
+
let R = 0;
|
|
642
642
|
for (let K = i.parentElement; K; K = K.parentElement) {
|
|
643
643
|
const I = Number.parseInt(getComputedStyle(K).zIndex, 10);
|
|
644
|
-
Number.isFinite(I) && (
|
|
644
|
+
Number.isFinite(I) && (R = Math.max(R, I));
|
|
645
645
|
}
|
|
646
646
|
l.value = {
|
|
647
647
|
position: "fixed",
|
|
648
648
|
top: `${M}px`,
|
|
649
649
|
left: `${L}px`,
|
|
650
650
|
minWidth: `${v.width}px`,
|
|
651
|
-
zIndex: String(Math.max(q,
|
|
651
|
+
zIndex: String(Math.max(q, R + 1))
|
|
652
652
|
};
|
|
653
653
|
}
|
|
654
|
-
function
|
|
654
|
+
function u(v) {
|
|
655
655
|
const w = (v == null ? void 0 : v.currentTarget) ?? (v == null ? void 0 : v.target);
|
|
656
656
|
w instanceof HTMLElement && (i = w), d = document.activeElement instanceof HTMLElement ? document.activeElement : null, t.value || (l.value = {}), t.value = !0;
|
|
657
657
|
}
|
|
@@ -659,7 +659,7 @@ function Le(e = {}) {
|
|
|
659
659
|
t.value = !1;
|
|
660
660
|
}
|
|
661
661
|
function h(v) {
|
|
662
|
-
t.value ? m() :
|
|
662
|
+
t.value ? m() : u(v);
|
|
663
663
|
}
|
|
664
664
|
function g(v) {
|
|
665
665
|
var b, $;
|
|
@@ -678,7 +678,7 @@ function Le(e = {}) {
|
|
|
678
678
|
document.addEventListener("pointerdown", g), document.addEventListener("keydown", y), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0);
|
|
679
679
|
}), Ve(() => {
|
|
680
680
|
document.removeEventListener("pointerdown", g), document.removeEventListener("keydown", y), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
|
|
681
|
-
}), { visible: t, panel: a, style: l, show:
|
|
681
|
+
}), { visible: t, panel: a, style: l, show: u, hide: m, toggle: h };
|
|
682
682
|
}
|
|
683
683
|
const Xe = /* @__PURE__ */ new WeakMap();
|
|
684
684
|
function ye(e) {
|
|
@@ -694,10 +694,10 @@ function oe(e) {
|
|
|
694
694
|
function ca(e, t) {
|
|
695
695
|
return e && typeof e == "object" ? e[t] : void 0;
|
|
696
696
|
}
|
|
697
|
-
function
|
|
697
|
+
function ue(e, t) {
|
|
698
698
|
return typeof t == "function" ? t(e) : typeof t == "string" ? ca(e, t) : e;
|
|
699
699
|
}
|
|
700
|
-
function
|
|
700
|
+
function pe(e, t) {
|
|
701
701
|
const a = typeof t == "function" ? t(e) : typeof t == "string" ? ca(e, t) : ca(e, "label") ?? e;
|
|
702
702
|
return a == null ? "" : String(a);
|
|
703
703
|
}
|
|
@@ -713,7 +713,7 @@ function ya(e, t, a) {
|
|
|
713
713
|
}
|
|
714
714
|
return { active: l, onKeydown: i };
|
|
715
715
|
}
|
|
716
|
-
const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = ["placeholder", "disabled", "aria-invalid", "aria-expanded"], nt = ["placeholder", "disabled", "aria-invalid", "aria-expanded"], lt = ["aria-label", "disabled"], ot = ["data-active", "onClick"],
|
|
716
|
+
const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = ["placeholder", "disabled", "aria-invalid", "aria-expanded"], nt = ["placeholder", "disabled", "aria-invalid", "aria-expanded"], lt = ["aria-label", "disabled"], ot = ["data-active", "onClick"], di = /* @__PURE__ */ F({
|
|
717
717
|
inheritAttrs: !1,
|
|
718
718
|
__name: "WlAutocomplete",
|
|
719
719
|
props: /* @__PURE__ */ ae({
|
|
@@ -736,11 +736,11 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
736
736
|
}),
|
|
737
737
|
emits: /* @__PURE__ */ ae(["complete"], ["update:modelValue"]),
|
|
738
738
|
setup(e, { emit: t }) {
|
|
739
|
-
const a = e, l = t, i = te(e, "modelValue"), d = ce(), r = f(() => be(d)),
|
|
739
|
+
const a = e, l = t, i = te(e, "modelValue"), d = ce(), r = f(() => be(d)), u = X("autocomplete", f(() => a.pt)), m = we(f(() => a.motion)), h = G(null), g = G("");
|
|
740
740
|
let y;
|
|
741
741
|
const { visible: v, panel: w, style: b, show: $, hide: z } = Le(), M = f(() => Array.isArray(i.value) ? i.value : []);
|
|
742
742
|
se(() => i.value, (E) => {
|
|
743
|
-
!a.multiple && E !== void 0 && E !== null && (g.value =
|
|
743
|
+
!a.multiple && E !== void 0 && E !== null && (g.value = pe(E, a.optionLabel));
|
|
744
744
|
}, { immediate: !0 });
|
|
745
745
|
function L(E) {
|
|
746
746
|
if (y && clearTimeout(y), g.value.length < a.minLength) {
|
|
@@ -751,12 +751,12 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
751
751
|
}
|
|
752
752
|
function q(E) {
|
|
753
753
|
const _ = a.suggestions[E];
|
|
754
|
-
_ !== void 0 && (a.multiple ? (i.value = [...M.value, _], g.value = "") : (i.value = _, g.value =
|
|
754
|
+
_ !== void 0 && (a.multiple ? (i.value = [...M.value, _], g.value = "") : (i.value = _, g.value = pe(_, a.optionLabel)), z(), me(() => {
|
|
755
755
|
var W;
|
|
756
756
|
return (W = h.value) == null ? void 0 : W.focus();
|
|
757
757
|
}));
|
|
758
758
|
}
|
|
759
|
-
function
|
|
759
|
+
function R(E) {
|
|
760
760
|
i.value = M.value.filter((_, W) => W !== E);
|
|
761
761
|
}
|
|
762
762
|
const { active: K, onKeydown: I } = ya(() => a.suggestions.length, q, z);
|
|
@@ -769,32 +769,32 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
769
769
|
I(E);
|
|
770
770
|
}
|
|
771
771
|
}
|
|
772
|
-
function
|
|
772
|
+
function U(E) {
|
|
773
773
|
a.disabled || $(E);
|
|
774
774
|
}
|
|
775
775
|
return Ve(() => {
|
|
776
776
|
y && clearTimeout(y);
|
|
777
|
-
}), (E, _) => (o(), s(
|
|
778
|
-
|
|
777
|
+
}), (E, _) => (o(), s(j, null, [
|
|
778
|
+
p("div", c(n(de)(r.value.rootAttrs, n(u)("root")), {
|
|
779
779
|
class: ["wl-autocomplete", [`wl-autocomplete--${e.size}`, { "is-invalid": e.invalid, "is-disabled": e.disabled, "is-compact": e.density === "compact" }]],
|
|
780
780
|
"data-wl": "autocomplete",
|
|
781
781
|
"data-size": e.size,
|
|
782
782
|
"data-density": e.density
|
|
783
783
|
}), [
|
|
784
|
-
e.multiple ? (o(), s("div", c({ key: 0 }, n(
|
|
785
|
-
(o(!0), s(
|
|
786
|
-
|
|
787
|
-
|
|
784
|
+
e.multiple ? (o(), s("div", c({ key: 0 }, n(u)("inputMultiple"), { class: "wl-autocomplete__multiple" }), [
|
|
785
|
+
(o(!0), s(j, null, Z(M.value, (W, S) => (o(), s("span", c({ key: S }, { ref_for: !0 }, n(de)(n(u)("chipItem"), n(u)("pcChip.root")), { class: "wl-multiselect__chip" }), [
|
|
786
|
+
p("span", c({ ref_for: !0 }, n(u)("pcChip.label"), { class: "wl-multiselect__chip-label" }), C(n(pe)(W, a.optionLabel)), 17),
|
|
787
|
+
p("button", c({ ref_for: !0 }, n(u)("pcChip.removeIcon"), {
|
|
788
788
|
type: "button",
|
|
789
789
|
class: "wl-multiselect__chip-remove",
|
|
790
|
-
"aria-label": `Удалить ${n(
|
|
791
|
-
onClick: (k) =>
|
|
790
|
+
"aria-label": `Удалить ${n(pe)(W, a.optionLabel)}`,
|
|
791
|
+
onClick: (k) => R(S)
|
|
792
792
|
}), "×", 16, at)
|
|
793
793
|
], 16))), 128)),
|
|
794
|
-
ie(
|
|
794
|
+
ie(p("input", c({
|
|
795
795
|
ref_key: "control",
|
|
796
796
|
ref: h
|
|
797
|
-
}, n(de)(r.value.inputAttrs, n(
|
|
797
|
+
}, n(de)(r.value.inputAttrs, n(u)("input"), n(u)("inputChip")), {
|
|
798
798
|
"onUpdate:modelValue": _[0] || (_[0] = (W) => g.value = W),
|
|
799
799
|
class: "wl-autocomplete__inner-input",
|
|
800
800
|
placeholder: e.placeholder,
|
|
@@ -811,7 +811,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
811
811
|
key: 1,
|
|
812
812
|
ref_key: "control",
|
|
813
813
|
ref: h
|
|
814
|
-
}, n(de)(r.value.inputAttrs, n(
|
|
814
|
+
}, n(de)(r.value.inputAttrs, n(u)("pcInputText.root")), {
|
|
815
815
|
"onUpdate:modelValue": _[2] || (_[2] = (W) => g.value = W),
|
|
816
816
|
class: ["wl-input", [`wl-input--${e.size}`, { "is-invalid": e.invalid }]],
|
|
817
817
|
placeholder: e.placeholder,
|
|
@@ -826,18 +826,22 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
826
826
|
}), null, 16, nt)), [
|
|
827
827
|
[Ye, g.value]
|
|
828
828
|
]),
|
|
829
|
-
e.dropdown ? (o(), s("button", c({ key: 2 }, n(
|
|
829
|
+
e.dropdown ? (o(), s("button", c({ key: 2 }, n(u)("dropdown"), {
|
|
830
830
|
type: "button",
|
|
831
831
|
class: "wl-autocomplete__dropdown",
|
|
832
832
|
"aria-label": e.dropdownLabel,
|
|
833
833
|
disabled: e.disabled,
|
|
834
|
-
onClick:
|
|
834
|
+
onClick: U
|
|
835
835
|
}), [
|
|
836
|
-
|
|
836
|
+
T(P, c(n(u)("dropdownIcon"), {
|
|
837
|
+
class: "wl-autocomplete__dropdown-icon",
|
|
838
|
+
name: "chevron-down",
|
|
839
|
+
size: 14
|
|
840
|
+
}), null, 16)
|
|
837
841
|
], 16, lt)) : x("", !0)
|
|
838
842
|
], 16, et),
|
|
839
|
-
(o(),
|
|
840
|
-
|
|
843
|
+
(o(), Q(ve, { to: "body" }, [
|
|
844
|
+
T(ge, {
|
|
841
845
|
name: "wl-pop-motion",
|
|
842
846
|
css: n(m),
|
|
843
847
|
onBeforeLeave: n(ye),
|
|
@@ -849,24 +853,24 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
849
853
|
key: 0,
|
|
850
854
|
ref_key: "panel",
|
|
851
855
|
ref: w
|
|
852
|
-
}, n(
|
|
856
|
+
}, n(u)("overlay"), {
|
|
853
857
|
class: "wl-overlay wl-autocomplete-overlay",
|
|
854
858
|
style: n(b)
|
|
855
859
|
}), [
|
|
856
|
-
|
|
857
|
-
|
|
860
|
+
p("div", c(n(u)("listContainer"), { class: "wl-select__list-container" }), [
|
|
861
|
+
p("div", c(n(u)("list"), {
|
|
858
862
|
class: "wl-select__list",
|
|
859
863
|
role: "listbox"
|
|
860
864
|
}), [
|
|
861
|
-
(o(!0), s(
|
|
865
|
+
(o(!0), s(j, null, Z(e.suggestions, (W, S) => (o(), s("div", c({ key: S }, { ref_for: !0 }, n(u)("option", { focused: n(K) === S }), {
|
|
862
866
|
class: "wl-select__option",
|
|
863
867
|
"data-active": n(K) === S,
|
|
864
868
|
role: "option",
|
|
865
869
|
onPointerdown: _[4] || (_[4] = fe(() => {
|
|
866
870
|
}, ["prevent"])),
|
|
867
871
|
onClick: (k) => q(S)
|
|
868
|
-
}), C(n(
|
|
869
|
-
e.suggestions.length === 0 ? (o(), s("div", c({ key: 0 }, n(
|
|
872
|
+
}), C(n(pe)(W, a.optionLabel)), 17, ot))), 128)),
|
|
873
|
+
e.suggestions.length === 0 ? (o(), s("div", c({ key: 0 }, n(u)("emptyMessage"), { class: "wl-select__empty" }), "Нет вариантов", 16)) : x("", !0)
|
|
870
874
|
], 16)
|
|
871
875
|
], 16)
|
|
872
876
|
], 16)) : x("", !0)
|
|
@@ -876,7 +880,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
876
880
|
]))
|
|
877
881
|
], 64));
|
|
878
882
|
}
|
|
879
|
-
}), it = ["data-size"], rt = ["src", "alt"],
|
|
883
|
+
}), it = ["data-size"], rt = ["src", "alt"], ci = /* @__PURE__ */ F({
|
|
880
884
|
__name: "WlAvatar",
|
|
881
885
|
props: {
|
|
882
886
|
label: {},
|
|
@@ -892,7 +896,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
892
896
|
"data-wl": "avatar",
|
|
893
897
|
"data-size": e.size
|
|
894
898
|
}, [
|
|
895
|
-
|
|
899
|
+
p("span", c(n(l)("root"), { class: a.value }), [
|
|
896
900
|
D(i.$slots, "default", {}, () => [
|
|
897
901
|
e.image ? (o(), s("img", c({ key: 0 }, n(l)("image"), {
|
|
898
902
|
class: "wl-avatar__img",
|
|
@@ -903,12 +907,12 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
903
907
|
], 16),
|
|
904
908
|
e.presence ? (o(), s("span", {
|
|
905
909
|
key: 0,
|
|
906
|
-
class:
|
|
910
|
+
class: ee(["wl-avatar__presence", `wl-avatar__presence--${e.presence}`]),
|
|
907
911
|
"aria-hidden": "true"
|
|
908
912
|
}, null, 2)) : x("", !0)
|
|
909
913
|
], 8, it));
|
|
910
914
|
}
|
|
911
|
-
}), st = ["data-variant"],
|
|
915
|
+
}), st = ["data-variant"], ui = /* @__PURE__ */ F({
|
|
912
916
|
__name: "WlBadge",
|
|
913
917
|
props: {
|
|
914
918
|
value: {},
|
|
@@ -932,7 +936,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
932
936
|
key: 0,
|
|
933
937
|
class: "wl-breadcrumbs__link is-current",
|
|
934
938
|
"aria-current": "page"
|
|
935
|
-
}, ct = { class: "wl-breadcrumbs__label" },
|
|
939
|
+
}, ct = { class: "wl-breadcrumbs__label" }, ut = ["href"], pt = { class: "wl-breadcrumbs__label" }, pi = /* @__PURE__ */ F({
|
|
936
940
|
__name: "WlBreadcrumbs",
|
|
937
941
|
props: {
|
|
938
942
|
items: { default: () => [] },
|
|
@@ -952,30 +956,30 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
952
956
|
"aria-label": "Хлебные крошки",
|
|
953
957
|
"data-wl": "breadcrumbs"
|
|
954
958
|
}), [
|
|
955
|
-
|
|
956
|
-
(o(!0), s(
|
|
959
|
+
p("ol", c(n(l)("list"), { class: "wl-breadcrumbs__list" }), [
|
|
960
|
+
(o(!0), s(j, null, Z(a.value, (r, u) => (o(), s("li", c({ key: u }, { ref_for: !0 }, n(l)("item"), { class: "wl-breadcrumbs__item" }), [
|
|
957
961
|
r.current ? (o(), s("span", dt, [
|
|
958
|
-
r.icon ? (o(),
|
|
962
|
+
r.icon ? (o(), Q(P, {
|
|
959
963
|
key: 0,
|
|
960
964
|
name: r.icon,
|
|
961
965
|
size: 14,
|
|
962
966
|
class: "wl-breadcrumbs__icon"
|
|
963
967
|
}, null, 8, ["name"])) : x("", !0),
|
|
964
|
-
|
|
968
|
+
p("span", ct, C(r.label), 1)
|
|
965
969
|
])) : (o(), s("a", {
|
|
966
970
|
key: 1,
|
|
967
971
|
href: r.url,
|
|
968
972
|
class: "wl-breadcrumbs__link"
|
|
969
973
|
}, [
|
|
970
|
-
r.icon ? (o(),
|
|
974
|
+
r.icon ? (o(), Q(P, {
|
|
971
975
|
key: 0,
|
|
972
976
|
name: r.icon,
|
|
973
977
|
size: 14,
|
|
974
978
|
class: "wl-breadcrumbs__icon"
|
|
975
979
|
}, null, 8, ["name"])) : x("", !0),
|
|
976
|
-
|
|
977
|
-
], 8,
|
|
978
|
-
|
|
980
|
+
p("span", pt, C(r.label), 1)
|
|
981
|
+
], 8, ut)),
|
|
982
|
+
u < a.value.length - 1 ? (o(), s("span", c({
|
|
979
983
|
key: 2,
|
|
980
984
|
ref_for: !0
|
|
981
985
|
}, n(l)("separator"), {
|
|
@@ -986,7 +990,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
986
990
|
], 16)
|
|
987
991
|
], 16));
|
|
988
992
|
}
|
|
989
|
-
}), mt = ["type", "disabled", "aria-busy", "data-variant", "data-size", "data-density"], Se = /* @__PURE__ */
|
|
993
|
+
}), mt = ["type", "disabled", "aria-busy", "data-variant", "data-size", "data-density"], Se = /* @__PURE__ */ F({
|
|
990
994
|
__name: "WlButton",
|
|
991
995
|
props: {
|
|
992
996
|
variant: { default: "secondary" },
|
|
@@ -1009,10 +1013,10 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1009
1013
|
a.loading && "is-loading",
|
|
1010
1014
|
a.disabled && "is-disabled"
|
|
1011
1015
|
]), d = X("button", f(() => a.pt));
|
|
1012
|
-
function r(
|
|
1013
|
-
a.disabled || a.loading || (
|
|
1016
|
+
function r(u) {
|
|
1017
|
+
a.disabled || a.loading || (u.currentTarget instanceof HTMLElement && u.currentTarget.focus({ preventScroll: !0 }), l("click", u));
|
|
1014
1018
|
}
|
|
1015
|
-
return (
|
|
1019
|
+
return (u, m) => (o(), s("button", c(n(d)("root"), {
|
|
1016
1020
|
class: i.value,
|
|
1017
1021
|
type: e.type,
|
|
1018
1022
|
disabled: e.disabled || e.loading,
|
|
@@ -1026,13 +1030,13 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1026
1030
|
e.loading ? (o(), s("span", c({ key: 0 }, n(d)("loadingIcon"), {
|
|
1027
1031
|
class: "wl-btn__spinner",
|
|
1028
1032
|
"aria-hidden": "true"
|
|
1029
|
-
}), null, 16)) : D(
|
|
1030
|
-
|
|
1031
|
-
D(
|
|
1033
|
+
}), null, 16)) : D(u.$slots, "icon", {}, void 0, void 0, 1),
|
|
1034
|
+
u.$slots.default ? (o(), s("span", c({ key: 2 }, n(d)("label"), { class: "wl-btn__label" }), [
|
|
1035
|
+
D(u.$slots, "default")
|
|
1032
1036
|
], 16)) : x("", !0)
|
|
1033
1037
|
], 16, mt));
|
|
1034
1038
|
}
|
|
1035
|
-
}), yt = ["aria-label"],
|
|
1039
|
+
}), yt = ["aria-label"], mi = /* @__PURE__ */ F({
|
|
1036
1040
|
__name: "WlButtonGroup",
|
|
1037
1041
|
props: {
|
|
1038
1042
|
ariaLabel: {}
|
|
@@ -1056,7 +1060,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1056
1060
|
}, bt = ["aria-label"], gt = {
|
|
1057
1061
|
class: "wl-cal__week",
|
|
1058
1062
|
role: "row"
|
|
1059
|
-
}, ht = ["data-date", "tabindex", "aria-label", "aria-selected", "aria-current", "onFocus", "onClick", "onKeydown"], _t = { class: "wl-cal__dnum" },
|
|
1063
|
+
}, ht = ["data-date", "tabindex", "aria-label", "aria-selected", "aria-current", "onFocus", "onClick", "onKeydown"], _t = { class: "wl-cal__dnum" }, yi = /* @__PURE__ */ F({
|
|
1060
1064
|
__name: "WlCalendar",
|
|
1061
1065
|
props: /* @__PURE__ */ ae({
|
|
1062
1066
|
events: { default: () => [] }
|
|
@@ -1081,7 +1085,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1081
1085
|
"Октябрь",
|
|
1082
1086
|
"Ноябрь",
|
|
1083
1087
|
"Декабрь"
|
|
1084
|
-
], d = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"], r = (_) => String(_).padStart(2, "0"),
|
|
1088
|
+
], d = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"], r = (_) => String(_).padStart(2, "0"), u = (_, W, S) => `${_}-${r(W + 1)}-${r(S)}`;
|
|
1085
1089
|
function m() {
|
|
1086
1090
|
const _ = /* @__PURE__ */ new Date();
|
|
1087
1091
|
return `${_.getFullYear()}-${r(_.getMonth() + 1)}`;
|
|
@@ -1091,7 +1095,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1091
1095
|
), g = f(() => {
|
|
1092
1096
|
const [_, W] = h.value.split("-").map(Number);
|
|
1093
1097
|
return { y: _, mo: W - 1 };
|
|
1094
|
-
}), y = f(() => `${i[g.value.mo]} ${g.value.y}`), v = /* @__PURE__ */ new Date(), w =
|
|
1098
|
+
}), y = f(() => `${i[g.value.mo]} ${g.value.y}`), v = /* @__PURE__ */ new Date(), w = u(v.getFullYear(), v.getMonth(), v.getDate()), b = f(() => {
|
|
1095
1099
|
const _ = /* @__PURE__ */ new Map();
|
|
1096
1100
|
for (const W of t.events) {
|
|
1097
1101
|
const S = _.get(W.date);
|
|
@@ -1099,14 +1103,14 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1099
1103
|
}
|
|
1100
1104
|
return _;
|
|
1101
1105
|
}), $ = f(() => {
|
|
1102
|
-
const { y: _, mo: W } = g.value, S = (new Date(_, W, 1).getDay() + 6) % 7, k = new Date(_, W + 1, 0).getDate(), A = new Date(_, W, 0).getDate(),
|
|
1103
|
-
for (let H = 0; H <
|
|
1104
|
-
let _e = _, V = W,
|
|
1105
|
-
H < S ? (
|
|
1106
|
-
const J =
|
|
1106
|
+
const { y: _, mo: W } = g.value, S = (new Date(_, W, 1).getDay() + 6) % 7, k = new Date(_, W + 1, 0).getDate(), A = new Date(_, W, 0).getDate(), N = Math.ceil((S + k) / 7) * 7, re = [];
|
|
1107
|
+
for (let H = 0; H < N; H++) {
|
|
1108
|
+
let _e = _, V = W, O, Y = !0;
|
|
1109
|
+
H < S ? (O = A - S + 1 + H, V = W - 1, Y = !1) : H < S + k ? O = H - S + 1 : (O = H - S - k + 1, V = W + 1, Y = !1), V < 0 ? (V = 11, _e = _ - 1) : V > 11 && (V = 0, _e = _ + 1);
|
|
1110
|
+
const J = u(_e, V, O);
|
|
1107
1111
|
re.push({
|
|
1108
1112
|
iso: J,
|
|
1109
|
-
day:
|
|
1113
|
+
day: O,
|
|
1110
1114
|
inMonth: Y,
|
|
1111
1115
|
today: J === w,
|
|
1112
1116
|
selected: J === a.value,
|
|
@@ -1132,7 +1136,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1132
1136
|
const { y: W, mo: S } = g.value, k = new Date(W, S + _, 1);
|
|
1133
1137
|
l.value = `${k.getFullYear()}-${r(k.getMonth() + 1)}`;
|
|
1134
1138
|
}
|
|
1135
|
-
function
|
|
1139
|
+
function R(_) {
|
|
1136
1140
|
L.value = _.iso, a.value = _.iso, _.inMonth || (l.value = _.iso.slice(0, 7));
|
|
1137
1141
|
}
|
|
1138
1142
|
function K(_) {
|
|
@@ -1151,9 +1155,9 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1151
1155
|
var S, k;
|
|
1152
1156
|
L.value = _, W && (l.value = _.slice(0, 7)), await me(), (k = (S = M.value) == null ? void 0 : S.querySelector(`[data-date="${_}"]`)) == null || k.focus();
|
|
1153
1157
|
}
|
|
1154
|
-
function
|
|
1155
|
-
const S = K(_), k = S.getFullYear(), A = S.getMonth() + W,
|
|
1156
|
-
return
|
|
1158
|
+
function U(_, W) {
|
|
1159
|
+
const S = K(_), k = S.getFullYear(), A = S.getMonth() + W, N = S.getDate(), re = new Date(k, A + 1, 0).getDate(), H = new Date(k, A, Math.min(N, re));
|
|
1160
|
+
return u(H.getFullYear(), H.getMonth(), H.getDate());
|
|
1157
1161
|
}
|
|
1158
1162
|
function E(_, W) {
|
|
1159
1163
|
const S = $.value.findIndex((re) => re.iso === W.iso);
|
|
@@ -1165,10 +1169,10 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1165
1169
|
else if (_.key === "Home") k -= S % 7;
|
|
1166
1170
|
else if (_.key === "End") k += 6 - S % 7;
|
|
1167
1171
|
else if (_.key === "PageUp" || _.key === "PageDown") {
|
|
1168
|
-
_.preventDefault(), B(
|
|
1172
|
+
_.preventDefault(), B(U(W.iso, _.key === "PageUp" ? -1 : 1), !0);
|
|
1169
1173
|
return;
|
|
1170
1174
|
} else if (_.key === "Enter" || _.key === " ") {
|
|
1171
|
-
_.preventDefault(),
|
|
1175
|
+
_.preventDefault(), R(W);
|
|
1172
1176
|
return;
|
|
1173
1177
|
} else
|
|
1174
1178
|
return;
|
|
@@ -1178,62 +1182,62 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1178
1182
|
B(A.iso);
|
|
1179
1183
|
return;
|
|
1180
1184
|
}
|
|
1181
|
-
const
|
|
1182
|
-
|
|
1185
|
+
const N = K(W.iso);
|
|
1186
|
+
N.setDate(N.getDate() + (k - S)), B(u(N.getFullYear(), N.getMonth(), N.getDate()), !0);
|
|
1183
1187
|
}
|
|
1184
1188
|
return (_, W) => (o(), s("div", ft, [
|
|
1185
|
-
|
|
1186
|
-
|
|
1189
|
+
p("div", vt, [
|
|
1190
|
+
p("button", {
|
|
1187
1191
|
type: "button",
|
|
1188
1192
|
class: "wl-cal__nav",
|
|
1189
1193
|
"aria-label": "Предыдущий месяц",
|
|
1190
1194
|
onClick: W[0] || (W[0] = (S) => q(-1))
|
|
1191
1195
|
}, [
|
|
1192
|
-
|
|
1196
|
+
T(P, {
|
|
1193
1197
|
name: "chevron-left",
|
|
1194
1198
|
size: 15
|
|
1195
1199
|
})
|
|
1196
1200
|
]),
|
|
1197
|
-
|
|
1198
|
-
|
|
1201
|
+
p("span", wt, C(y.value), 1),
|
|
1202
|
+
p("button", {
|
|
1199
1203
|
type: "button",
|
|
1200
1204
|
class: "wl-cal__nav",
|
|
1201
1205
|
"aria-label": "Следующий месяц",
|
|
1202
1206
|
onClick: W[1] || (W[1] = (S) => q(1))
|
|
1203
1207
|
}, [
|
|
1204
|
-
|
|
1208
|
+
T(P, {
|
|
1205
1209
|
name: "chevron-right",
|
|
1206
1210
|
size: 15
|
|
1207
1211
|
})
|
|
1208
1212
|
])
|
|
1209
1213
|
]),
|
|
1210
|
-
|
|
1214
|
+
p("div", {
|
|
1211
1215
|
class: "wl-cal__body",
|
|
1212
1216
|
role: "grid",
|
|
1213
1217
|
"aria-label": y.value
|
|
1214
1218
|
}, [
|
|
1215
|
-
|
|
1216
|
-
(o(), s(
|
|
1219
|
+
p("div", gt, [
|
|
1220
|
+
(o(), s(j, null, Z(d, (S) => p("span", {
|
|
1217
1221
|
key: S,
|
|
1218
1222
|
class: "wl-cal__wd",
|
|
1219
1223
|
role: "columnheader"
|
|
1220
1224
|
}, C(S), 1)), 64))
|
|
1221
1225
|
]),
|
|
1222
|
-
|
|
1226
|
+
p("div", {
|
|
1223
1227
|
ref_key: "gridRef",
|
|
1224
1228
|
ref: M,
|
|
1225
1229
|
class: "wl-cal__grid",
|
|
1226
1230
|
role: "rowgroup"
|
|
1227
1231
|
}, [
|
|
1228
|
-
(o(!0), s(
|
|
1232
|
+
(o(!0), s(j, null, Z(z.value, (S, k) => (o(), s("div", {
|
|
1229
1233
|
key: k,
|
|
1230
1234
|
class: "wl-cal__row",
|
|
1231
1235
|
role: "row"
|
|
1232
1236
|
}, [
|
|
1233
|
-
(o(!0), s(
|
|
1237
|
+
(o(!0), s(j, null, Z(S, (A) => (o(), s("button", {
|
|
1234
1238
|
key: A.iso,
|
|
1235
1239
|
type: "button",
|
|
1236
|
-
class:
|
|
1240
|
+
class: ee(["wl-cal__day", {
|
|
1237
1241
|
"is-muted": !A.inMonth,
|
|
1238
1242
|
"is-today": A.today,
|
|
1239
1243
|
"is-selected": A.selected
|
|
@@ -1244,22 +1248,22 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1244
1248
|
"aria-label": I(A),
|
|
1245
1249
|
"aria-selected": A.selected,
|
|
1246
1250
|
"aria-current": A.today ? "date" : void 0,
|
|
1247
|
-
onFocus: (
|
|
1248
|
-
onClick: (
|
|
1249
|
-
onKeydown: (
|
|
1251
|
+
onFocus: (N) => L.value = A.iso,
|
|
1252
|
+
onClick: (N) => R(A),
|
|
1253
|
+
onKeydown: (N) => E(N, A)
|
|
1250
1254
|
}, [
|
|
1251
|
-
|
|
1252
|
-
(o(!0), s(
|
|
1253
|
-
key:
|
|
1254
|
-
class:
|
|
1255
|
-
}, C(
|
|
1255
|
+
p("span", _t, C(A.day), 1),
|
|
1256
|
+
(o(!0), s(j, null, Z(A.events, (N, re) => (o(), s("span", {
|
|
1257
|
+
key: N.id ?? `${N.label}:${re}`,
|
|
1258
|
+
class: ee(["wl-cal__ev", { "wl-cal__ev--blue": N.tone === "blue" }])
|
|
1259
|
+
}, C(N.label), 3))), 128))
|
|
1256
1260
|
], 42, ht))), 128))
|
|
1257
1261
|
]))), 128))
|
|
1258
1262
|
], 512)
|
|
1259
1263
|
], 8, bt)
|
|
1260
1264
|
]));
|
|
1261
1265
|
}
|
|
1262
|
-
}), kt = /* @__PURE__ */
|
|
1266
|
+
}), kt = /* @__PURE__ */ F({
|
|
1263
1267
|
__name: "WlCard",
|
|
1264
1268
|
props: {
|
|
1265
1269
|
hoverable: { type: Boolean, default: !1 },
|
|
@@ -1274,7 +1278,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1274
1278
|
n(a).header ? (o(), s("div", c({ key: 0 }, n(i)("header"), { class: "wl-card__header" }), [
|
|
1275
1279
|
D(d.$slots, "header")
|
|
1276
1280
|
], 16)) : x("", !0),
|
|
1277
|
-
|
|
1281
|
+
p("div", c(n(i)("body"), { class: "wl-card__body" }), [
|
|
1278
1282
|
n(a).title || n(a).subtitle ? (o(), s("div", c({ key: 0 }, n(i)("caption"), { class: "wl-card__caption" }), [
|
|
1279
1283
|
n(a).title ? (o(), s("div", c({ key: 0 }, n(i)("title"), { class: "wl-card__title" }), [
|
|
1280
1284
|
D(d.$slots, "title")
|
|
@@ -1283,7 +1287,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1283
1287
|
D(d.$slots, "subtitle")
|
|
1284
1288
|
], 16)) : x("", !0)
|
|
1285
1289
|
], 16)) : x("", !0),
|
|
1286
|
-
|
|
1290
|
+
p("div", c(n(i)("content"), { class: "wl-card__content" }), [
|
|
1287
1291
|
D(d.$slots, "default")
|
|
1288
1292
|
], 16),
|
|
1289
1293
|
n(a).footer ? (o(), s("div", c({ key: 1 }, n(i)("footer"), { class: "wl-card__footer" }), [
|
|
@@ -1293,15 +1297,9 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1293
1297
|
], 16));
|
|
1294
1298
|
}
|
|
1295
1299
|
}), xt = ["indeterminate", "disabled", "aria-invalid", "id", "name", "required", "readonly", "aria-label", "aria-labelledby"], $t = {
|
|
1296
|
-
key: 0,
|
|
1297
|
-
class: "wl-checkbox__icon"
|
|
1298
|
-
}, zt = {
|
|
1299
|
-
key: 1,
|
|
1300
|
-
class: "wl-checkbox__icon"
|
|
1301
|
-
}, Wt = {
|
|
1302
1300
|
key: 0,
|
|
1303
1301
|
class: "wl-checkline__label"
|
|
1304
|
-
},
|
|
1302
|
+
}, fi = /* @__PURE__ */ F({
|
|
1305
1303
|
inheritAttrs: !1,
|
|
1306
1304
|
__name: "WlCheckbox",
|
|
1307
1305
|
props: /* @__PURE__ */ ae({
|
|
@@ -1315,7 +1313,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1315
1313
|
}),
|
|
1316
1314
|
emits: ["update:modelValue"],
|
|
1317
1315
|
setup(e) {
|
|
1318
|
-
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs),
|
|
1316
|
+
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs), u = f(() => ma(d.value)), m = f(() => Fe({ input: d.value }, t.pt)), h = X("checkbox", m), g = f(() => [
|
|
1319
1317
|
"wl-checkbox",
|
|
1320
1318
|
t.indeterminate && "is-indeterminate",
|
|
1321
1319
|
t.invalid && "is-invalid",
|
|
@@ -1325,41 +1323,45 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1325
1323
|
class: ["wl-checkline", { "is-disabled": e.disabled }],
|
|
1326
1324
|
"data-wl": "checkbox"
|
|
1327
1325
|
}), [
|
|
1328
|
-
|
|
1329
|
-
class:
|
|
1326
|
+
p("span", {
|
|
1327
|
+
class: ee(g.value)
|
|
1330
1328
|
}, [
|
|
1331
|
-
ie(
|
|
1329
|
+
ie(p("input", c(n(h)("input", { checked: a.value, indeterminate: e.indeterminate, disabled: e.disabled }), {
|
|
1332
1330
|
class: "wl-check-input",
|
|
1333
1331
|
type: "checkbox",
|
|
1334
1332
|
"onUpdate:modelValue": v[0] || (v[0] = (w) => a.value = w),
|
|
1335
1333
|
indeterminate: e.indeterminate,
|
|
1336
1334
|
disabled: e.disabled,
|
|
1337
1335
|
"aria-invalid": e.invalid || void 0,
|
|
1338
|
-
id:
|
|
1339
|
-
name:
|
|
1340
|
-
required:
|
|
1341
|
-
readonly:
|
|
1342
|
-
"aria-label":
|
|
1343
|
-
"aria-labelledby":
|
|
1336
|
+
id: u.value.inputId,
|
|
1337
|
+
name: u.value.name,
|
|
1338
|
+
required: u.value.required,
|
|
1339
|
+
readonly: u.value.readonly,
|
|
1340
|
+
"aria-label": u.value.ariaLabel,
|
|
1341
|
+
"aria-labelledby": u.value.ariaLabelledby
|
|
1344
1342
|
}), null, 16, xt), [
|
|
1345
1343
|
[ba, a.value]
|
|
1346
1344
|
]),
|
|
1347
|
-
|
|
1345
|
+
p("span", c(n(h)("box", { checked: a.value, indeterminate: e.indeterminate, disabled: e.disabled }), {
|
|
1348
1346
|
class: "wl-checkbox__box",
|
|
1349
1347
|
"aria-hidden": "true"
|
|
1350
1348
|
}), [
|
|
1351
|
-
e.indeterminate ? (o(),
|
|
1349
|
+
e.indeterminate || a.value ? (o(), Q(P, c({ key: 0 }, n(h)("icon", { checked: a.value, indeterminate: e.indeterminate, disabled: e.disabled }), {
|
|
1350
|
+
class: "wl-checkbox__icon",
|
|
1351
|
+
name: e.indeterminate ? "minus" : "check",
|
|
1352
|
+
size: 12
|
|
1353
|
+
}), null, 16, ["name"])) : x("", !0)
|
|
1352
1354
|
], 16)
|
|
1353
1355
|
], 2),
|
|
1354
|
-
y.$slots.default ? (o(), s("span",
|
|
1356
|
+
y.$slots.default ? (o(), s("span", $t, [
|
|
1355
1357
|
D(y.$slots, "default")
|
|
1356
1358
|
])) : x("", !0)
|
|
1357
1359
|
], 16));
|
|
1358
1360
|
}
|
|
1359
|
-
}),
|
|
1361
|
+
}), zt = ["disabled", "aria-pressed"], Wt = { class: "wl-chip__label" }, Lt = {
|
|
1360
1362
|
key: 0,
|
|
1361
1363
|
class: "wl-chip__count"
|
|
1362
|
-
},
|
|
1364
|
+
}, vi = /* @__PURE__ */ F({
|
|
1363
1365
|
__name: "WlChip",
|
|
1364
1366
|
props: {
|
|
1365
1367
|
active: { type: Boolean, default: !1 },
|
|
@@ -1374,19 +1376,19 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1374
1376
|
}
|
|
1375
1377
|
return (d, r) => (o(), s("button", {
|
|
1376
1378
|
type: "button",
|
|
1377
|
-
class:
|
|
1379
|
+
class: ee(["wl-chip", { "is-active": e.active, "is-disabled": e.disabled }]),
|
|
1378
1380
|
disabled: e.disabled,
|
|
1379
1381
|
"aria-pressed": e.active,
|
|
1380
1382
|
"data-wl": "chip",
|
|
1381
1383
|
onClick: i
|
|
1382
1384
|
}, [
|
|
1383
|
-
|
|
1385
|
+
p("span", Wt, [
|
|
1384
1386
|
D(d.$slots, "default")
|
|
1385
1387
|
]),
|
|
1386
|
-
e.count !== void 0 ? (o(), s("span",
|
|
1387
|
-
], 10,
|
|
1388
|
+
e.count !== void 0 ? (o(), s("span", Lt, C(e.count), 1)) : x("", !0)
|
|
1389
|
+
], 10, zt));
|
|
1388
1390
|
}
|
|
1389
|
-
}),
|
|
1391
|
+
}), Ct = ["data-size", "data-disabled", "data-invalid"], Mt = ["aria-label", "aria-disabled"], Bt = ["aria-selected", "disabled", "tabindex", "aria-label", "title", "onClick", "onFocus", "onKeydown"], St = ["aria-invalid", "aria-label", "disabled"], wi = /* @__PURE__ */ F({
|
|
1390
1392
|
__name: "WlColorPicker",
|
|
1391
1393
|
props: {
|
|
1392
1394
|
modelValue: { default: "" },
|
|
@@ -1424,7 +1426,7 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1424
1426
|
const $ = i(b);
|
|
1425
1427
|
return $ !== null && $ === d.value;
|
|
1426
1428
|
}
|
|
1427
|
-
function
|
|
1429
|
+
function u(b) {
|
|
1428
1430
|
if (a.disabled) return;
|
|
1429
1431
|
const $ = i(b);
|
|
1430
1432
|
$ && (h.value = !1, m.value = $, l("update:modelValue", $));
|
|
@@ -1465,37 +1467,37 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1465
1467
|
(q = L == null ? void 0 : L[z]) == null || q.focus();
|
|
1466
1468
|
}
|
|
1467
1469
|
return (b, $) => (o(), s("div", {
|
|
1468
|
-
class:
|
|
1470
|
+
class: ee(["wl-color-picker", { "is-disabled": e.disabled, "is-invalid": g.value }]),
|
|
1469
1471
|
"data-wl": "color-picker",
|
|
1470
1472
|
"data-size": e.size,
|
|
1471
1473
|
"data-disabled": e.disabled || void 0,
|
|
1472
1474
|
"data-invalid": g.value || void 0
|
|
1473
1475
|
}, [
|
|
1474
|
-
|
|
1476
|
+
p("div", {
|
|
1475
1477
|
class: "wl-color-picker__grid",
|
|
1476
1478
|
role: "listbox",
|
|
1477
1479
|
"aria-label": e.paletteLabel,
|
|
1478
1480
|
"aria-disabled": e.disabled || void 0
|
|
1479
1481
|
}, [
|
|
1480
|
-
(o(!0), s(
|
|
1482
|
+
(o(!0), s(j, null, Z(e.swatches, (z, M) => (o(), s("button", {
|
|
1481
1483
|
key: z,
|
|
1482
1484
|
type: "button",
|
|
1483
1485
|
role: "option",
|
|
1484
|
-
class:
|
|
1486
|
+
class: ee(["wl-color-picker__sw", { "is-selected": r(z) }]),
|
|
1485
1487
|
style: We({ background: z }),
|
|
1486
1488
|
"aria-selected": r(z),
|
|
1487
1489
|
disabled: e.disabled,
|
|
1488
1490
|
tabindex: M === y.value ? 0 : -1,
|
|
1489
1491
|
"aria-label": z,
|
|
1490
1492
|
title: z,
|
|
1491
|
-
onClick: (L) =>
|
|
1493
|
+
onClick: (L) => u(z),
|
|
1492
1494
|
onFocus: (L) => y.value = M,
|
|
1493
1495
|
onKeydown: (L) => w(L, M)
|
|
1494
|
-
}, null, 46,
|
|
1495
|
-
], 8,
|
|
1496
|
-
ie(
|
|
1496
|
+
}, null, 46, Bt))), 128))
|
|
1497
|
+
], 8, Mt),
|
|
1498
|
+
ie(p("input", {
|
|
1497
1499
|
"onUpdate:modelValue": $[0] || ($[0] = (z) => m.value = z),
|
|
1498
|
-
class:
|
|
1500
|
+
class: ee(["wl-color-picker__hex", { "is-invalid": g.value }]),
|
|
1499
1501
|
"aria-invalid": g.value || void 0,
|
|
1500
1502
|
"aria-label": e.inputLabel,
|
|
1501
1503
|
disabled: e.disabled,
|
|
@@ -1503,10 +1505,10 @@ const et = ["data-size", "data-density"], at = ["aria-label", "onClick"], tt = [
|
|
|
1503
1505
|
spellcheck: "false",
|
|
1504
1506
|
autocomplete: "off",
|
|
1505
1507
|
onInput: v
|
|
1506
|
-
}, null, 42,
|
|
1508
|
+
}, null, 42, St), [
|
|
1507
1509
|
[$e, m.value]
|
|
1508
1510
|
])
|
|
1509
|
-
], 10,
|
|
1511
|
+
], 10, Ct));
|
|
1510
1512
|
}
|
|
1511
1513
|
});
|
|
1512
1514
|
let Be = 0;
|
|
@@ -1517,7 +1519,7 @@ function la(e, t, a) {
|
|
|
1517
1519
|
a.value ? e.setProperty(t, a.value, a.priority) : e.removeProperty(t);
|
|
1518
1520
|
}
|
|
1519
1521
|
let Re, Ue, je = !1, Ge, He = !1;
|
|
1520
|
-
function
|
|
1522
|
+
function It() {
|
|
1521
1523
|
if (typeof document > "u") return () => {
|
|
1522
1524
|
};
|
|
1523
1525
|
if (Be === 0) {
|
|
@@ -1525,8 +1527,8 @@ function Et() {
|
|
|
1525
1527
|
je = i && !d.includes("stable"), je && (Ue = na(t.style, "scrollbar-gutter"), t.style.setProperty("scrollbar-gutter", "stable", "important"));
|
|
1526
1528
|
const r = getComputedStyle(a).paddingRight;
|
|
1527
1529
|
Re = na(a.style, "overflow"), a.style.setProperty("overflow", "hidden", "important");
|
|
1528
|
-
const
|
|
1529
|
-
He =
|
|
1530
|
+
const u = a.getBoundingClientRect().width - l;
|
|
1531
|
+
He = u > 0, He && (Ge = na(a.style, "padding-right"), a.style.setProperty("padding-right", `calc(${r} + ${u}px)`, "important"));
|
|
1530
1532
|
}
|
|
1531
1533
|
Be += 1;
|
|
1532
1534
|
let e = !1;
|
|
@@ -1534,7 +1536,7 @@ function Et() {
|
|
|
1534
1536
|
e || typeof document > "u" || (e = !0, Be = Math.max(0, Be - 1), Be === 0 && (Re && la(document.body.style, "overflow", Re), He && Ge && la(document.body.style, "padding-right", Ge), je && Ue && la(document.documentElement.style, "scrollbar-gutter", Ue), Re = void 0, Ge = void 0, Ue = void 0, He = !1, je = !1));
|
|
1535
1537
|
};
|
|
1536
1538
|
}
|
|
1537
|
-
const
|
|
1539
|
+
const Dt = [
|
|
1538
1540
|
'a[href]:not([aria-disabled="true"])',
|
|
1539
1541
|
"button:not([disabled])",
|
|
1540
1542
|
"input:not([disabled])",
|
|
@@ -1550,11 +1552,11 @@ function ia(e, t) {
|
|
|
1550
1552
|
return typeof e == "function" ? e() : e ?? t;
|
|
1551
1553
|
}
|
|
1552
1554
|
function _a(e) {
|
|
1553
|
-
return e ? Array.from(e.querySelectorAll(
|
|
1555
|
+
return e ? Array.from(e.querySelectorAll(Dt)).filter(
|
|
1554
1556
|
(t) => !t.hasAttribute("hidden") && t.getAttribute("aria-hidden") !== "true" && !t.closest("[inert]")
|
|
1555
1557
|
) : [];
|
|
1556
1558
|
}
|
|
1557
|
-
function
|
|
1559
|
+
function Et(e, t) {
|
|
1558
1560
|
if (!t) return;
|
|
1559
1561
|
const a = _a(t);
|
|
1560
1562
|
if (!a.length) {
|
|
@@ -1566,7 +1568,7 @@ function Vt(e, t) {
|
|
|
1566
1568
|
}
|
|
1567
1569
|
function Oe(e) {
|
|
1568
1570
|
const t = Symbol("wl-overlay");
|
|
1569
|
-
let a = !1, l = !1, i = !1, d = 0, r = null,
|
|
1571
|
+
let a = !1, l = !1, i = !1, d = 0, r = null, u;
|
|
1570
1572
|
function m() {
|
|
1571
1573
|
e.visible.value && (e.visible.value = !1);
|
|
1572
1574
|
}
|
|
@@ -1578,7 +1580,7 @@ function Oe(e) {
|
|
|
1578
1580
|
return;
|
|
1579
1581
|
}
|
|
1580
1582
|
const v = ++d;
|
|
1581
|
-
if (l = !0, r = document.activeElement instanceof HTMLElement ? document.activeElement : null, oa(t), Ie.push(t), ia(e.lockScroll, !1) && (
|
|
1583
|
+
if (l = !0, r = document.activeElement instanceof HTMLElement ? document.activeElement : null, oa(t), Ie.push(t), ia(e.lockScroll, !1) && (u = It()), (b = e.onBeforeOpen) == null || b.call(e), await me(), !l || v !== d || !e.visible.value) return;
|
|
1582
1584
|
const w = (($ = e.initialFocus) == null ? void 0 : $.call(e)) ?? _a(e.container.value)[0] ?? e.container.value;
|
|
1583
1585
|
w == null || w.focus(), i = !0, (z = e.onOpen) == null || z.call(e);
|
|
1584
1586
|
}
|
|
@@ -1587,36 +1589,36 @@ function Oe(e) {
|
|
|
1587
1589
|
if (!l) return;
|
|
1588
1590
|
d += 1, l = !1;
|
|
1589
1591
|
const w = r;
|
|
1590
|
-
r = null, oa(t),
|
|
1592
|
+
r = null, oa(t), u == null || u(), u = void 0, i && ((b = e.onClose) == null || b.call(e)), i = !1, await me(), !l && v && e.restoreFocus !== !1 && (w != null && w.isConnected) && w.focus();
|
|
1591
1593
|
}
|
|
1592
1594
|
function y(v) {
|
|
1593
|
-
!l || v.defaultPrevented || Ie[Ie.length - 1] !== t || (v.key === "Escape" && ia(e.closeOnEscape, !0) ? (v.preventDefault(), v.stopPropagation(), m()) : v.key === "Tab" && ia(e.trapFocus, !0) &&
|
|
1595
|
+
!l || v.defaultPrevented || Ie[Ie.length - 1] !== t || (v.key === "Escape" && ia(e.closeOnEscape, !0) ? (v.preventDefault(), v.stopPropagation(), m()) : v.key === "Tab" && ia(e.trapFocus, !0) && Et(v, e.container.value));
|
|
1594
1596
|
}
|
|
1595
1597
|
return se(e.visible, async (v, w) => {
|
|
1596
1598
|
a && (v ? await h() : w && await g());
|
|
1597
1599
|
}), Ae(async () => {
|
|
1598
1600
|
a = !0, document.addEventListener("keydown", y), e.visible.value && await h();
|
|
1599
1601
|
}), Ve(() => {
|
|
1600
|
-
a = !1, d += 1, document.removeEventListener("keydown", y), oa(t),
|
|
1602
|
+
a = !1, d += 1, document.removeEventListener("keydown", y), oa(t), u == null || u(), u = void 0, l && e.restoreFocus !== !1 && (r != null && r.isConnected) && r.focus(), l = !1, i = !1, r = null;
|
|
1601
1603
|
}), { requestClose: m };
|
|
1602
1604
|
}
|
|
1603
|
-
const
|
|
1605
|
+
const At = ["aria-label", "data-size", "data-density"], Vt = { class: "wl-command-palette__search" }, Tt = ["aria-label", "aria-activedescendant", "aria-expanded", "placeholder", "disabled"], Ft = ["aria-label"], Pt = { class: "wl-command-palette__group-label" }, Ot = { class: "wl-command-palette__item-icon" }, Nt = { class: "wl-command-palette__item-content" }, Rt = { class: "wl-command-palette__item-label" }, Ut = {
|
|
1604
1606
|
key: 0,
|
|
1605
1607
|
class: "wl-command-palette__item-description"
|
|
1606
|
-
},
|
|
1608
|
+
}, jt = {
|
|
1607
1609
|
key: 0,
|
|
1608
1610
|
class: "wl-command-palette__key"
|
|
1609
|
-
},
|
|
1611
|
+
}, Gt = {
|
|
1610
1612
|
key: 1,
|
|
1611
1613
|
class: "wl-command-palette__status",
|
|
1612
1614
|
role: "status"
|
|
1613
|
-
},
|
|
1615
|
+
}, Ht = {
|
|
1614
1616
|
key: 2,
|
|
1615
1617
|
class: "wl-command-palette__status"
|
|
1616
|
-
},
|
|
1618
|
+
}, Kt = {
|
|
1617
1619
|
key: 0,
|
|
1618
1620
|
class: "wl-command-palette__footer"
|
|
1619
|
-
},
|
|
1621
|
+
}, bi = /* @__PURE__ */ F({
|
|
1620
1622
|
inheritAttrs: !1,
|
|
1621
1623
|
__name: "WlCommandPalette",
|
|
1622
1624
|
props: /* @__PURE__ */ ae({
|
|
@@ -1641,35 +1643,35 @@ const Tt = ["aria-label", "data-size", "data-density"], Ft = { class: "wl-comman
|
|
|
1641
1643
|
}),
|
|
1642
1644
|
emits: /* @__PURE__ */ ae(["search", "select", "open", "close"], ["update:visible", "update:query"]),
|
|
1643
1645
|
setup(e, { expose: t, emit: a }) {
|
|
1644
|
-
const l = e, i = ce(), d = we(f(() => l.motion)), r = a,
|
|
1646
|
+
const l = e, i = ce(), d = we(f(() => l.motion)), r = a, u = te(e, "visible"), m = te(e, "query"), h = G(null), g = G(null), y = G(0), v = `wl-command-palette-list-${ea()}`;
|
|
1645
1647
|
function w(k) {
|
|
1646
1648
|
return k.trim().toLocaleLowerCase();
|
|
1647
1649
|
}
|
|
1648
|
-
function b(k, A,
|
|
1649
|
-
return !A || !
|
|
1650
|
+
function b(k, A, N) {
|
|
1651
|
+
return !A || !N ? !0 : w(
|
|
1650
1652
|
[k.label, k.description, ...k.keywords ?? []].filter(Boolean).join(" ")
|
|
1651
1653
|
).includes(A);
|
|
1652
1654
|
}
|
|
1653
1655
|
const $ = f(() => w(m.value)), z = f(
|
|
1654
1656
|
() => l.groups.flatMap((k) => {
|
|
1655
1657
|
if (!$.value && k.showWhenEmpty === !1) return [];
|
|
1656
|
-
const A = k.filter ?? l.filter,
|
|
1658
|
+
const A = k.filter ?? l.filter, N = k.items.filter(
|
|
1657
1659
|
(re) => b(re, $.value, A)
|
|
1658
1660
|
);
|
|
1659
|
-
return
|
|
1661
|
+
return N.length ? [{ group: k, items: N }] : [];
|
|
1660
1662
|
})
|
|
1661
1663
|
), M = f(
|
|
1662
|
-
() => z.value.flatMap(({ group: k, items: A }) => A.map((
|
|
1664
|
+
() => z.value.flatMap(({ group: k, items: A }) => A.map((N) => ({ item: N, group: k })))
|
|
1663
1665
|
), L = f(() => M.value.filter(({ item: k }) => !k.disabled)), q = f(() => M.value.length > 0);
|
|
1664
|
-
function
|
|
1666
|
+
function R() {
|
|
1665
1667
|
const k = L.value[y.value];
|
|
1666
|
-
return k ?
|
|
1668
|
+
return k ? U(k.item) : void 0;
|
|
1667
1669
|
}
|
|
1668
1670
|
se(m, (k) => {
|
|
1669
1671
|
y.value = 0, r("search", k);
|
|
1670
1672
|
});
|
|
1671
1673
|
const { requestClose: K } = Oe({
|
|
1672
|
-
visible:
|
|
1674
|
+
visible: u,
|
|
1673
1675
|
container: g,
|
|
1674
1676
|
enabled: () => !l.disabled,
|
|
1675
1677
|
initialFocus: () => h.value,
|
|
@@ -1683,7 +1685,7 @@ const Tt = ["aria-label", "data-size", "data-density"], Ft = { class: "wl-comman
|
|
|
1683
1685
|
se(
|
|
1684
1686
|
() => l.disabled,
|
|
1685
1687
|
(k) => {
|
|
1686
|
-
k &&
|
|
1688
|
+
k && u.value && K();
|
|
1687
1689
|
}
|
|
1688
1690
|
), se(L, (k) => {
|
|
1689
1691
|
k.length ? y.value >= k.length && (y.value = k.length - 1) : y.value = 0;
|
|
@@ -1695,8 +1697,8 @@ const Tt = ["aria-label", "data-size", "data-density"], Ft = { class: "wl-comman
|
|
|
1695
1697
|
var A;
|
|
1696
1698
|
return ((A = L.value[y.value]) == null ? void 0 : A.item) === k;
|
|
1697
1699
|
}
|
|
1698
|
-
function
|
|
1699
|
-
const A = M.value.findIndex((
|
|
1700
|
+
function U(k) {
|
|
1701
|
+
const A = M.value.findIndex((N) => N.item === k);
|
|
1700
1702
|
return `${v}-option-${Math.max(0, A)}`;
|
|
1701
1703
|
}
|
|
1702
1704
|
async function E(k) {
|
|
@@ -1704,10 +1706,10 @@ const Tt = ["aria-label", "data-size", "data-density"], Ft = { class: "wl-comman
|
|
|
1704
1706
|
const A = L.value.length;
|
|
1705
1707
|
if (!A) return;
|
|
1706
1708
|
y.value = (y.value + k + A) % A, await me();
|
|
1707
|
-
const
|
|
1709
|
+
const N = (re = g.value) == null ? void 0 : re.querySelector(
|
|
1708
1710
|
'.wl-command-palette__item[aria-selected="true"]'
|
|
1709
1711
|
);
|
|
1710
|
-
typeof (
|
|
1712
|
+
typeof (N == null ? void 0 : N.scrollIntoView) == "function" && N.scrollIntoView({ block: "nearest" });
|
|
1711
1713
|
}
|
|
1712
1714
|
function _() {
|
|
1713
1715
|
const k = L.value[y.value];
|
|
@@ -1717,7 +1719,7 @@ const Tt = ["aria-label", "data-size", "data-density"], Ft = { class: "wl-comman
|
|
|
1717
1719
|
k.key === "ArrowDown" ? (k.preventDefault(), E(1)) : k.key === "ArrowUp" ? (k.preventDefault(), E(-1)) : k.key === "Enter" && (k.preventDefault(), _());
|
|
1718
1720
|
}
|
|
1719
1721
|
function S(k) {
|
|
1720
|
-
!l.shortcut || l.disabled || (k.ctrlKey || k.metaKey) && k.key.toLocaleLowerCase() === "k" && (k.preventDefault(),
|
|
1722
|
+
!l.shortcut || l.disabled || (k.ctrlKey || k.metaKey) && k.key.toLocaleLowerCase() === "k" && (k.preventDefault(), u.value = !u.value);
|
|
1721
1723
|
}
|
|
1722
1724
|
return Ae(() => document.addEventListener("keydown", S)), Ve(() => document.removeEventListener("keydown", S)), t({
|
|
1723
1725
|
focus: () => {
|
|
@@ -1725,11 +1727,11 @@ const Tt = ["aria-label", "data-size", "data-density"], Ft = { class: "wl-comman
|
|
|
1725
1727
|
return (k = h.value) == null ? void 0 : k.focus();
|
|
1726
1728
|
},
|
|
1727
1729
|
open: () => {
|
|
1728
|
-
l.disabled || (
|
|
1730
|
+
l.disabled || (u.value = !0);
|
|
1729
1731
|
},
|
|
1730
1732
|
close: K
|
|
1731
|
-
}), (k, A) => (o(),
|
|
1732
|
-
|
|
1733
|
+
}), (k, A) => (o(), Q(ve, { to: "body" }, [
|
|
1734
|
+
T(ge, {
|
|
1733
1735
|
name: "wl-command-motion",
|
|
1734
1736
|
css: n(d),
|
|
1735
1737
|
onBeforeLeave: n(ye),
|
|
@@ -1737,7 +1739,7 @@ const Tt = ["aria-label", "data-size", "data-density"], Ft = { class: "wl-comman
|
|
|
1737
1739
|
onLeaveCancelled: n(oe)
|
|
1738
1740
|
}, {
|
|
1739
1741
|
default: ne(() => [
|
|
1740
|
-
|
|
1742
|
+
u.value ? (o(), s("div", c({ key: 0 }, n(i), {
|
|
1741
1743
|
class: ["wl-command-palette", [
|
|
1742
1744
|
`wl-command-palette--${e.size}`,
|
|
1743
1745
|
e.density === "compact" && "is-compact",
|
|
@@ -1751,124 +1753,124 @@ const Tt = ["aria-label", "data-size", "data-density"], Ft = { class: "wl-comman
|
|
|
1751
1753
|
"data-density": e.density,
|
|
1752
1754
|
onMousedown: A[1] || (A[1] = fe(
|
|
1753
1755
|
//@ts-ignore
|
|
1754
|
-
(...
|
|
1756
|
+
(...N) => n(K) && n(K)(...N),
|
|
1755
1757
|
["self"]
|
|
1756
1758
|
))
|
|
1757
1759
|
}), [
|
|
1758
|
-
|
|
1760
|
+
p("div", {
|
|
1759
1761
|
ref_key: "panelRef",
|
|
1760
1762
|
ref: g,
|
|
1761
1763
|
class: "wl-command-palette__panel",
|
|
1762
1764
|
onKeydown: W
|
|
1763
1765
|
}, [
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
+
p("div", Vt, [
|
|
1767
|
+
T(P, {
|
|
1766
1768
|
name: "search",
|
|
1767
1769
|
size: 18,
|
|
1768
1770
|
class: "wl-command-palette__search-icon"
|
|
1769
1771
|
}),
|
|
1770
|
-
ie(
|
|
1772
|
+
ie(p("input", {
|
|
1771
1773
|
ref_key: "inputRef",
|
|
1772
1774
|
ref: h,
|
|
1773
|
-
"onUpdate:modelValue": A[0] || (A[0] = (
|
|
1775
|
+
"onUpdate:modelValue": A[0] || (A[0] = (N) => m.value = N),
|
|
1774
1776
|
class: "wl-command-palette__input",
|
|
1775
1777
|
type: "search",
|
|
1776
1778
|
role: "combobox",
|
|
1777
1779
|
"aria-autocomplete": "list",
|
|
1778
1780
|
"aria-label": e.ariaLabel,
|
|
1779
1781
|
"aria-controls": v,
|
|
1780
|
-
"aria-activedescendant":
|
|
1781
|
-
"aria-expanded":
|
|
1782
|
+
"aria-activedescendant": R(),
|
|
1783
|
+
"aria-expanded": u.value,
|
|
1782
1784
|
placeholder: e.placeholder,
|
|
1783
1785
|
disabled: e.disabled,
|
|
1784
1786
|
autocomplete: "off"
|
|
1785
|
-
}, null, 8,
|
|
1787
|
+
}, null, 8, Tt), [
|
|
1786
1788
|
[$e, m.value]
|
|
1787
1789
|
]),
|
|
1788
|
-
A[2] || (A[2] =
|
|
1790
|
+
A[2] || (A[2] = p("span", {
|
|
1789
1791
|
class: "wl-command-palette__key",
|
|
1790
1792
|
"aria-hidden": "true"
|
|
1791
1793
|
}, "Esc", -1))
|
|
1792
1794
|
]),
|
|
1793
|
-
|
|
1795
|
+
p("div", {
|
|
1794
1796
|
id: v,
|
|
1795
1797
|
class: "wl-command-palette__list",
|
|
1796
1798
|
role: "listbox"
|
|
1797
1799
|
}, [
|
|
1798
|
-
q.value ? (o(!0), s(
|
|
1799
|
-
key:
|
|
1800
|
+
q.value ? (o(!0), s(j, { key: 0 }, Z(z.value, ({ group: N, items: re }) => (o(), s("section", {
|
|
1801
|
+
key: N.id,
|
|
1800
1802
|
class: "wl-command-palette__group",
|
|
1801
1803
|
role: "group",
|
|
1802
|
-
"aria-label":
|
|
1804
|
+
"aria-label": N.label
|
|
1803
1805
|
}, [
|
|
1804
|
-
|
|
1805
|
-
D(k.$slots, "group", { group:
|
|
1806
|
-
le(C(
|
|
1806
|
+
p("div", Pt, [
|
|
1807
|
+
D(k.$slots, "group", { group: N }, () => [
|
|
1808
|
+
le(C(N.label), 1)
|
|
1807
1809
|
])
|
|
1808
1810
|
]),
|
|
1809
|
-
(o(!0), s(
|
|
1811
|
+
(o(!0), s(j, null, Z(re, (H) => (o(), Q(pa(H.href ? "a" : "button"), {
|
|
1810
1812
|
key: H.id,
|
|
1811
1813
|
href: H.disabled ? void 0 : H.href,
|
|
1812
1814
|
target: H.href ? H.target : void 0,
|
|
1813
1815
|
type: H.href ? void 0 : "button",
|
|
1814
|
-
class:
|
|
1815
|
-
id:
|
|
1816
|
+
class: ee(["wl-command-palette__item", { "is-active": B(H), "is-disabled": H.disabled }]),
|
|
1817
|
+
id: U(H),
|
|
1816
1818
|
role: "option",
|
|
1817
1819
|
"aria-selected": B(H),
|
|
1818
1820
|
"aria-disabled": H.disabled || void 0,
|
|
1819
1821
|
onMouseenter: (_e) => !H.disabled && (y.value = L.value.findIndex((V) => V.item === H)),
|
|
1820
|
-
onClick: (_e) => I(H,
|
|
1822
|
+
onClick: (_e) => I(H, N)
|
|
1821
1823
|
}, {
|
|
1822
1824
|
default: ne(() => [
|
|
1823
1825
|
D(k.$slots, "item", {
|
|
1824
1826
|
item: H,
|
|
1825
|
-
group:
|
|
1827
|
+
group: N,
|
|
1826
1828
|
active: B(H)
|
|
1827
1829
|
}, () => [
|
|
1828
|
-
|
|
1830
|
+
p("span", Ot, [
|
|
1829
1831
|
D(k.$slots, "item-icon", {
|
|
1830
1832
|
item: H,
|
|
1831
|
-
group:
|
|
1833
|
+
group: N
|
|
1832
1834
|
}, () => [
|
|
1833
|
-
H.icon ? (o(),
|
|
1835
|
+
H.icon ? (o(), Q(P, {
|
|
1834
1836
|
key: 0,
|
|
1835
1837
|
name: H.icon,
|
|
1836
1838
|
size: 17
|
|
1837
1839
|
}, null, 8, ["name"])) : x("", !0)
|
|
1838
1840
|
])
|
|
1839
1841
|
]),
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
H.description ? (o(), s("span",
|
|
1842
|
+
p("span", Nt, [
|
|
1843
|
+
p("span", Rt, C(H.label), 1),
|
|
1844
|
+
H.description ? (o(), s("span", Ut, C(H.description), 1)) : x("", !0)
|
|
1843
1845
|
]),
|
|
1844
|
-
H.shortcut ? (o(), s("span",
|
|
1846
|
+
H.shortcut ? (o(), s("span", jt, C(H.shortcut), 1)) : x("", !0)
|
|
1845
1847
|
])
|
|
1846
1848
|
]),
|
|
1847
1849
|
_: 2
|
|
1848
1850
|
}, 1064, ["href", "target", "type", "class", "id", "aria-selected", "aria-disabled", "onMouseenter", "onClick"]))), 128))
|
|
1849
|
-
], 8,
|
|
1850
|
-
A[3] || (A[3] =
|
|
1851
|
+
], 8, Ft))), 128)) : e.loading ? (o(), s("div", Gt, [
|
|
1852
|
+
A[3] || (A[3] = p("span", {
|
|
1851
1853
|
class: "wl-command-palette__spinner",
|
|
1852
1854
|
"aria-hidden": "true"
|
|
1853
1855
|
}, null, -1)),
|
|
1854
|
-
|
|
1855
|
-
])) : (o(), s("div",
|
|
1856
|
+
p("span", null, C(e.loadingText), 1)
|
|
1857
|
+
])) : (o(), s("div", Ht, [
|
|
1856
1858
|
D(k.$slots, "empty", { query: m.value }, () => [
|
|
1857
1859
|
le(C(e.emptyText), 1)
|
|
1858
1860
|
])
|
|
1859
1861
|
]))
|
|
1860
1862
|
]),
|
|
1861
|
-
k.$slots.footer ? (o(), s("div",
|
|
1863
|
+
k.$slots.footer ? (o(), s("div", Kt, [
|
|
1862
1864
|
D(k.$slots, "footer")
|
|
1863
1865
|
])) : x("", !0)
|
|
1864
1866
|
], 544)
|
|
1865
|
-
], 16,
|
|
1867
|
+
], 16, At)) : x("", !0)
|
|
1866
1868
|
]),
|
|
1867
1869
|
_: 3
|
|
1868
1870
|
}, 8, ["css", "onBeforeLeave", "onBeforeEnter", "onLeaveCancelled"])
|
|
1869
1871
|
]));
|
|
1870
1872
|
}
|
|
1871
|
-
}), ka = Symbol("wl-confirmation"),
|
|
1873
|
+
}), ka = Symbol("wl-confirmation"), gi = {
|
|
1872
1874
|
install(e) {
|
|
1873
1875
|
const t = G(null);
|
|
1874
1876
|
e.provide(ka, {
|
|
@@ -1887,7 +1889,7 @@ function xa() {
|
|
|
1887
1889
|
if (!e) throw new Error("Install WlConfirmationService before using WlConfirmDialog");
|
|
1888
1890
|
return e;
|
|
1889
1891
|
}
|
|
1890
|
-
const
|
|
1892
|
+
const qt = ["aria-modal", "aria-label", "aria-labelledby"], Yt = ["id"], Zt = /* @__PURE__ */ F({
|
|
1891
1893
|
inheritAttrs: !1,
|
|
1892
1894
|
__name: "WlDialog",
|
|
1893
1895
|
props: /* @__PURE__ */ ae({
|
|
@@ -1908,7 +1910,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
1908
1910
|
}),
|
|
1909
1911
|
emits: /* @__PURE__ */ ae(["open", "close", "afterLeave"], ["update:visible"]),
|
|
1910
1912
|
setup(e, { emit: t }) {
|
|
1911
|
-
const a = e, l = t, i = te(e, "visible"), d = G(null), r = ea(),
|
|
1913
|
+
const a = e, l = t, i = te(e, "visible"), d = G(null), r = ea(), u = ce(), m = X("dialog", f(() => a.pt)), h = we(f(() => a.motion));
|
|
1912
1914
|
Oe({
|
|
1913
1915
|
visible: i,
|
|
1914
1916
|
container: d,
|
|
@@ -1921,8 +1923,8 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
1921
1923
|
function g(y) {
|
|
1922
1924
|
y.target === y.currentTarget && a.dismissable && (i.value = !1);
|
|
1923
1925
|
}
|
|
1924
|
-
return (y, v) => (o(),
|
|
1925
|
-
|
|
1926
|
+
return (y, v) => (o(), Q(ve, { to: "body" }, [
|
|
1927
|
+
T(ge, {
|
|
1926
1928
|
name: "wl-dialog-motion",
|
|
1927
1929
|
css: n(h),
|
|
1928
1930
|
onBeforeLeave: n(ye),
|
|
@@ -1935,11 +1937,11 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
1935
1937
|
class: ["wl-dialog-mask", { "wl-mask": e.modal, "wl-dialog-host": !e.modal }],
|
|
1936
1938
|
onMousedown: g
|
|
1937
1939
|
}), [
|
|
1938
|
-
|
|
1940
|
+
p("section", c({
|
|
1939
1941
|
ref_key: "dialog",
|
|
1940
1942
|
ref: d,
|
|
1941
1943
|
"data-wl": "dialog"
|
|
1942
|
-
}, n(de)(n(m)("root"), n(
|
|
1944
|
+
}, n(de)(n(m)("root"), n(u)), {
|
|
1943
1945
|
class: "wl-dialog",
|
|
1944
1946
|
role: "dialog",
|
|
1945
1947
|
"aria-modal": e.modal || void 0,
|
|
@@ -1953,36 +1955,36 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
1953
1955
|
e.header ? (o(), s("span", c({ key: 0 }, n(m)("title"), {
|
|
1954
1956
|
id: n(r),
|
|
1955
1957
|
class: "wl-dialog__title"
|
|
1956
|
-
}), C(e.header), 17,
|
|
1958
|
+
}), C(e.header), 17, Yt)) : x("", !0)
|
|
1957
1959
|
]),
|
|
1958
1960
|
e.closable ? (o(), s("div", c({ key: 0 }, n(m)("headerActions"), { class: "wl-dialog__actions" }), [
|
|
1959
|
-
|
|
1961
|
+
p("button", c(n(m)("pcCloseButton.root"), {
|
|
1960
1962
|
type: "button",
|
|
1961
1963
|
class: "wl-overlay-close",
|
|
1962
1964
|
"aria-label": "Закрыть",
|
|
1963
1965
|
onClick: v[0] || (v[0] = (w) => i.value = !1)
|
|
1964
1966
|
}), [
|
|
1965
|
-
|
|
1967
|
+
T(P, c(n(m)("pcCloseButton.icon"), {
|
|
1966
1968
|
name: "x",
|
|
1967
1969
|
size: 14
|
|
1968
1970
|
}), null, 16)
|
|
1969
1971
|
], 16)
|
|
1970
1972
|
], 16)) : x("", !0)
|
|
1971
1973
|
], 16)) : x("", !0),
|
|
1972
|
-
|
|
1974
|
+
p("div", c(n(m)("content"), { class: "wl-dialog__content" }), [
|
|
1973
1975
|
D(y.$slots, "default")
|
|
1974
1976
|
], 16),
|
|
1975
1977
|
y.$slots.footer ? (o(), s("footer", c({ key: 1 }, n(m)("footer"), { class: "wl-dialog__footer" }), [
|
|
1976
1978
|
D(y.$slots, "footer")
|
|
1977
1979
|
], 16)) : x("", !0)
|
|
1978
|
-
], 16,
|
|
1980
|
+
], 16, qt)
|
|
1979
1981
|
], 16)) : x("", !0)
|
|
1980
1982
|
]),
|
|
1981
1983
|
_: 3
|
|
1982
1984
|
}, 8, ["css", "onBeforeLeave", "onBeforeEnter", "onLeaveCancelled"])
|
|
1983
1985
|
]));
|
|
1984
1986
|
}
|
|
1985
|
-
}),
|
|
1987
|
+
}), hi = /* @__PURE__ */ F({
|
|
1986
1988
|
__name: "WlConfirmDialog",
|
|
1987
1989
|
props: {
|
|
1988
1990
|
group: {},
|
|
@@ -1999,7 +2001,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
1999
2001
|
se(d, (g) => {
|
|
2000
2002
|
g && (r.value = g);
|
|
2001
2003
|
}, { immediate: !0 });
|
|
2002
|
-
const
|
|
2004
|
+
const u = f(() => d.value ?? r.value), m = f({
|
|
2003
2005
|
get: () => d.value !== null,
|
|
2004
2006
|
set: (g) => {
|
|
2005
2007
|
if (g || !d.value) return;
|
|
@@ -2014,11 +2016,11 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2014
2016
|
}
|
|
2015
2017
|
return (g, y) => {
|
|
2016
2018
|
var v;
|
|
2017
|
-
return o(),
|
|
2019
|
+
return o(), Q(Zt, {
|
|
2018
2020
|
visible: m.value,
|
|
2019
2021
|
"onUpdate:visible": y[1] || (y[1] = (w) => m.value = w),
|
|
2020
2022
|
class: "wl-confirm",
|
|
2021
|
-
header: (v =
|
|
2023
|
+
header: (v = u.value) == null ? void 0 : v.header,
|
|
2022
2024
|
pt: i.value,
|
|
2023
2025
|
motion: e.motion,
|
|
2024
2026
|
closable: !1,
|
|
@@ -2028,26 +2030,26 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2028
2030
|
footer: ne(() => {
|
|
2029
2031
|
var w;
|
|
2030
2032
|
return [
|
|
2031
|
-
|
|
2033
|
+
T(Se, {
|
|
2032
2034
|
variant: "secondary",
|
|
2033
2035
|
onClick: y[0] || (y[0] = (b) => m.value = !1)
|
|
2034
2036
|
}, {
|
|
2035
2037
|
default: ne(() => {
|
|
2036
2038
|
var b;
|
|
2037
2039
|
return [
|
|
2038
|
-
le(C((b =
|
|
2040
|
+
le(C((b = u.value) == null ? void 0 : b.rejectLabel), 1)
|
|
2039
2041
|
];
|
|
2040
2042
|
}),
|
|
2041
2043
|
_: 1
|
|
2042
2044
|
}),
|
|
2043
|
-
|
|
2044
|
-
variant: (w =
|
|
2045
|
+
T(Se, {
|
|
2046
|
+
variant: (w = u.value) != null && w.danger ? "danger" : "primary",
|
|
2045
2047
|
onClick: h
|
|
2046
2048
|
}, {
|
|
2047
2049
|
default: ne(() => {
|
|
2048
2050
|
var b;
|
|
2049
2051
|
return [
|
|
2050
|
-
le(C((b =
|
|
2052
|
+
le(C((b = u.value) == null ? void 0 : b.acceptLabel), 1)
|
|
2051
2053
|
];
|
|
2052
2054
|
}),
|
|
2053
2055
|
_: 1
|
|
@@ -2057,13 +2059,13 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2057
2059
|
default: ne(() => {
|
|
2058
2060
|
var w, b;
|
|
2059
2061
|
return [
|
|
2060
|
-
|
|
2061
|
-
(w =
|
|
2062
|
+
p("div", c(n(l)("content"), { class: "wl-confirm__content" }), [
|
|
2063
|
+
(w = u.value) != null && w.danger ? (o(), Q(P, c({ key: 0 }, n(l)("icon"), {
|
|
2062
2064
|
name: "warn",
|
|
2063
2065
|
size: 20,
|
|
2064
2066
|
class: "wl-confirm__icon wl-confirm__icon--danger"
|
|
2065
2067
|
}), null, 16)) : x("", !0),
|
|
2066
|
-
|
|
2068
|
+
p("span", c(n(l)("message"), { class: "wl-confirm__message" }), C((b = u.value) == null ? void 0 : b.message), 17)
|
|
2067
2069
|
], 16)
|
|
2068
2070
|
];
|
|
2069
2071
|
}),
|
|
@@ -2071,7 +2073,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2071
2073
|
}, 8, ["visible", "header", "pt", "motion"]);
|
|
2072
2074
|
};
|
|
2073
2075
|
}
|
|
2074
|
-
}),
|
|
2076
|
+
}), Jt = ["data-size"], Xt = ["placeholder", "disabled", "aria-invalid"], Qt = ["disabled", "aria-label"], en = ["aria-label"], an = ["aria-label"], tn = ["aria-label"], nn = ["aria-label"], ln = ["disabled", "aria-label", "aria-selected", "onClick"], on = ["aria-label"], rn = ["disabled", "onClick"], sn = ["aria-label"], dn = ["disabled", "onClick"], _i = /* @__PURE__ */ F({
|
|
2075
2077
|
inheritAttrs: !1,
|
|
2076
2078
|
__name: "WlDatePicker",
|
|
2077
2079
|
props: /* @__PURE__ */ ae({
|
|
@@ -2090,10 +2092,10 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2090
2092
|
}),
|
|
2091
2093
|
emits: ["update:modelValue"],
|
|
2092
2094
|
setup(e) {
|
|
2093
|
-
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = ha(), r = X("datepicker", f(() => t.pt)),
|
|
2094
|
-
const
|
|
2095
|
+
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = ha(), r = X("datepicker", f(() => t.pt)), u = we(f(() => t.motion)), m = G(null), h = G(""), g = U(a.value) ?? /* @__PURE__ */ new Date(), y = G(g.getFullYear()), v = G(g.getMonth()), w = G("days"), b = f(() => Math.floor(y.value / 12) * 12), { visible: $, panel: z, style: M, show: L, hide: q } = Le(), R = f(() => Array.from({ length: 7 }, (V, O) => d.value.dayNamesMin[(O + d.value.firstDayOfWeek) % 7] ?? "")), K = f(() => {
|
|
2096
|
+
const O = (new Date(y.value, v.value, 1).getDay() - d.value.firstDayOfWeek + 7) % 7;
|
|
2095
2097
|
return Array.from({ length: 42 }, (Y, J) => {
|
|
2096
|
-
const ze = new Date(y.value, v.value, J + 1 -
|
|
2098
|
+
const ze = new Date(y.value, v.value, J + 1 - O), Ce = B(ze);
|
|
2097
2099
|
return {
|
|
2098
2100
|
date: ze,
|
|
2099
2101
|
iso: Ce,
|
|
@@ -2111,16 +2113,16 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2111
2113
|
function B(V) {
|
|
2112
2114
|
return `${V.getFullYear()}-${I(V.getMonth() + 1)}-${I(V.getDate())}`;
|
|
2113
2115
|
}
|
|
2114
|
-
function
|
|
2116
|
+
function U(V) {
|
|
2115
2117
|
if (!V) return null;
|
|
2116
|
-
const
|
|
2117
|
-
if (!
|
|
2118
|
-
const Y = new Date(Number(
|
|
2118
|
+
const O = /^(\d{4})-(\d{2})-(\d{2})$/.exec(V);
|
|
2119
|
+
if (!O) return null;
|
|
2120
|
+
const Y = new Date(Number(O[1]), Number(O[2]) - 1, Number(O[3]));
|
|
2119
2121
|
return B(Y) === V ? Y : null;
|
|
2120
2122
|
}
|
|
2121
2123
|
function E(V) {
|
|
2122
|
-
const
|
|
2123
|
-
return
|
|
2124
|
+
const O = U(V);
|
|
2125
|
+
return O ? `${I(O.getDate())}.${I(O.getMonth() + 1)}.${O.getFullYear()}` : "";
|
|
2124
2126
|
}
|
|
2125
2127
|
se(a, (V) => {
|
|
2126
2128
|
h.value = E(V);
|
|
@@ -2130,13 +2132,13 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2130
2132
|
a.value = null;
|
|
2131
2133
|
return;
|
|
2132
2134
|
}
|
|
2133
|
-
const V = /^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(h.value.trim()),
|
|
2134
|
-
|
|
2135
|
+
const V = /^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(h.value.trim()), O = V ? `${V[3]}-${I(Number(V[2]))}-${I(Number(V[1]))}` : null;
|
|
2136
|
+
O && U(O) && (!t.minDate || O >= t.minDate) && (!t.maxDate || O <= t.maxDate) ? a.value = O : h.value = E(a.value);
|
|
2135
2137
|
}
|
|
2136
2138
|
function W(V) {
|
|
2137
2139
|
if (t.disabled) return;
|
|
2138
|
-
const
|
|
2139
|
-
|
|
2140
|
+
const O = U(a.value);
|
|
2141
|
+
O && (y.value = O.getFullYear(), v.value = O.getMonth()), w.value = "days", L(V);
|
|
2140
2142
|
}
|
|
2141
2143
|
function S(V) {
|
|
2142
2144
|
if (w.value === "years") {
|
|
@@ -2147,24 +2149,24 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2147
2149
|
y.value += V;
|
|
2148
2150
|
return;
|
|
2149
2151
|
}
|
|
2150
|
-
const
|
|
2151
|
-
y.value =
|
|
2152
|
+
const O = new Date(y.value, v.value + V, 1);
|
|
2153
|
+
y.value = O.getFullYear(), v.value = O.getMonth();
|
|
2152
2154
|
}
|
|
2153
2155
|
function k(V) {
|
|
2154
|
-
const
|
|
2155
|
-
return t.minDate !== void 0 && Y < t.minDate || t.maxDate !== void 0 &&
|
|
2156
|
+
const O = `${y.value}-${I(V + 1)}-01`, Y = B(new Date(y.value, V + 1, 0));
|
|
2157
|
+
return t.minDate !== void 0 && Y < t.minDate || t.maxDate !== void 0 && O > t.maxDate;
|
|
2156
2158
|
}
|
|
2157
2159
|
function A(V) {
|
|
2158
2160
|
return t.minDate !== void 0 && `${V}-12-31` < t.minDate || t.maxDate !== void 0 && `${V}-01-01` > t.maxDate;
|
|
2159
2161
|
}
|
|
2160
|
-
function
|
|
2162
|
+
function N(V) {
|
|
2161
2163
|
v.value = V, w.value = "days";
|
|
2162
2164
|
}
|
|
2163
2165
|
function re(V) {
|
|
2164
2166
|
y.value = V, w.value = "months";
|
|
2165
2167
|
}
|
|
2166
|
-
function H(V,
|
|
2167
|
-
|
|
2168
|
+
function H(V, O) {
|
|
2169
|
+
O || (a.value = V, q(), me(() => {
|
|
2168
2170
|
var Y;
|
|
2169
2171
|
return (Y = m.value) == null ? void 0 : Y.focus();
|
|
2170
2172
|
}));
|
|
@@ -2172,17 +2174,17 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2172
2174
|
function _e(V) {
|
|
2173
2175
|
V.key === "ArrowDown" && (V.preventDefault(), W(V)), V.key === "Enter" && (_(), q()), V.key === "Escape" && q();
|
|
2174
2176
|
}
|
|
2175
|
-
return (V,
|
|
2176
|
-
|
|
2177
|
+
return (V, O) => (o(), s(j, null, [
|
|
2178
|
+
p("div", c(n(de)(i.value.rootAttrs, n(r)("root")), {
|
|
2177
2179
|
class: "wl-dp",
|
|
2178
2180
|
"data-size": e.size,
|
|
2179
2181
|
"data-wl": "date-picker"
|
|
2180
2182
|
}), [
|
|
2181
|
-
ie(
|
|
2183
|
+
ie(p("input", c({
|
|
2182
2184
|
ref_key: "control",
|
|
2183
2185
|
ref: m
|
|
2184
2186
|
}, n(de)(i.value.inputAttrs, n(r)("pcInputText.root")), {
|
|
2185
|
-
"onUpdate:modelValue":
|
|
2187
|
+
"onUpdate:modelValue": O[0] || (O[0] = (Y) => h.value = Y),
|
|
2186
2188
|
class: ["wl-input", [`wl-input--${e.size}`, { "is-invalid": e.invalid, "wl-dp__input--btn": e.showIcon }]],
|
|
2187
2189
|
type: "text",
|
|
2188
2190
|
placeholder: e.placeholder,
|
|
@@ -2192,7 +2194,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2192
2194
|
onBlur: _,
|
|
2193
2195
|
onKeydown: _e,
|
|
2194
2196
|
onClick: W
|
|
2195
|
-
}), null, 16,
|
|
2197
|
+
}), null, 16, Xt), [
|
|
2196
2198
|
[$e, h.value]
|
|
2197
2199
|
]),
|
|
2198
2200
|
e.showIcon ? (o(), s("button", c({ key: 0 }, n(r)("dropdown"), {
|
|
@@ -2202,16 +2204,16 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2202
2204
|
"aria-label": n(d).chooseDate,
|
|
2203
2205
|
onClick: W
|
|
2204
2206
|
}), [
|
|
2205
|
-
|
|
2207
|
+
T(P, c({
|
|
2206
2208
|
name: "calendar",
|
|
2207
2209
|
size: 18
|
|
2208
2210
|
}, n(r)("dropdownIcon"), { class: "wl-dp__trigger-icon" }), null, 16)
|
|
2209
|
-
], 16,
|
|
2210
|
-
], 16,
|
|
2211
|
-
(o(),
|
|
2212
|
-
|
|
2211
|
+
], 16, Qt)) : x("", !0)
|
|
2212
|
+
], 16, Jt),
|
|
2213
|
+
(o(), Q(ve, { to: "body" }, [
|
|
2214
|
+
T(ge, {
|
|
2213
2215
|
name: "wl-pop-motion",
|
|
2214
|
-
css: n(
|
|
2216
|
+
css: n(u),
|
|
2215
2217
|
onBeforeLeave: n(ye),
|
|
2216
2218
|
onBeforeEnter: n(oe),
|
|
2217
2219
|
onLeaveCancelled: n(oe)
|
|
@@ -2225,77 +2227,77 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2225
2227
|
class: "wl-overlay wl-dp__panel",
|
|
2226
2228
|
style: n(M)
|
|
2227
2229
|
}), [
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2230
|
+
p("div", c(n(r)("calendarContainer"), { class: "wl-dp__container" }), [
|
|
2231
|
+
p("div", c(n(r)("calendar"), { class: "wl-dp__calendar" }), [
|
|
2232
|
+
p("div", c(n(r)("header"), { class: "wl-dp__header" }), [
|
|
2233
|
+
p("button", c(n(r)("pcPrevButton.root"), {
|
|
2232
2234
|
type: "button",
|
|
2233
2235
|
class: "wl-dp__nav",
|
|
2234
2236
|
"aria-label": n(d).prevMonth,
|
|
2235
|
-
onClick:
|
|
2237
|
+
onClick: O[1] || (O[1] = (Y) => S(-1))
|
|
2236
2238
|
}), [
|
|
2237
|
-
|
|
2239
|
+
T(P, c({
|
|
2238
2240
|
name: "chevron-left",
|
|
2239
2241
|
size: 16
|
|
2240
2242
|
}, n(r)("pcPrevButton.icon")), null, 16)
|
|
2241
|
-
], 16,
|
|
2242
|
-
|
|
2243
|
-
w.value === "years" ? (o(), s(
|
|
2243
|
+
], 16, en),
|
|
2244
|
+
p("div", c(n(r)("title"), { class: "wl-dp__title" }), [
|
|
2245
|
+
w.value === "years" ? (o(), s(j, { key: 0 }, [
|
|
2244
2246
|
le(C(b.value) + "–" + C(b.value + 11), 1)
|
|
2245
|
-
], 64)) : (o(), s(
|
|
2247
|
+
], 64)) : (o(), s(j, { key: 1 }, [
|
|
2246
2248
|
w.value === "days" ? (o(), s("button", c({ key: 0 }, n(r)("selectMonth"), {
|
|
2247
2249
|
type: "button",
|
|
2248
2250
|
class: "wl-dp__view-btn",
|
|
2249
2251
|
"aria-label": `Выбрать месяц, сейчас ${n(d).monthNames[v.value]}`,
|
|
2250
|
-
onClick:
|
|
2251
|
-
}), C(n(d).monthNames[v.value]), 17,
|
|
2252
|
-
|
|
2252
|
+
onClick: O[2] || (O[2] = (Y) => w.value = "months")
|
|
2253
|
+
}), C(n(d).monthNames[v.value]), 17, an)) : x("", !0),
|
|
2254
|
+
p("button", c(n(r)("selectYear"), {
|
|
2253
2255
|
type: "button",
|
|
2254
2256
|
class: "wl-dp__view-btn",
|
|
2255
2257
|
"aria-label": `Выбрать год, сейчас ${y.value}`,
|
|
2256
|
-
onClick:
|
|
2257
|
-
}), C(y.value), 17,
|
|
2258
|
+
onClick: O[3] || (O[3] = (Y) => w.value = "years")
|
|
2259
|
+
}), C(y.value), 17, tn)
|
|
2258
2260
|
], 64))
|
|
2259
2261
|
], 16),
|
|
2260
|
-
|
|
2262
|
+
p("button", c(n(r)("pcNextButton.root"), {
|
|
2261
2263
|
type: "button",
|
|
2262
2264
|
class: "wl-dp__nav",
|
|
2263
2265
|
"aria-label": n(d).nextMonth,
|
|
2264
|
-
onClick:
|
|
2266
|
+
onClick: O[4] || (O[4] = (Y) => S(1))
|
|
2265
2267
|
}), [
|
|
2266
|
-
|
|
2268
|
+
T(P, c({
|
|
2267
2269
|
name: "chevron-right",
|
|
2268
2270
|
size: 16
|
|
2269
2271
|
}, n(r)("pcNextButton.icon")), null, 16)
|
|
2270
|
-
], 16,
|
|
2272
|
+
], 16, nn)
|
|
2271
2273
|
], 16),
|
|
2272
2274
|
w.value === "days" ? (o(), s("table", c({ key: 0 }, n(r)("dayView"), {
|
|
2273
2275
|
class: "wl-dp__table",
|
|
2274
2276
|
role: "grid"
|
|
2275
2277
|
}), [
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
(o(!0), s(
|
|
2278
|
+
p("thead", null, [
|
|
2279
|
+
p("tr", null, [
|
|
2280
|
+
(o(!0), s(j, null, Z(R.value, (Y, J) => (o(), s("th", c({ key: J }, { ref_for: !0 }, n(r)("tableHeaderCell"), {
|
|
2279
2281
|
class: "wl-dp__wd-cell",
|
|
2280
2282
|
scope: "col"
|
|
2281
2283
|
}), [
|
|
2282
|
-
|
|
2284
|
+
p("span", c({ ref_for: !0 }, n(r)("weekDay"), { class: "wl-dp__weekday" }), C(Y), 17)
|
|
2283
2285
|
], 16))), 128))
|
|
2284
2286
|
])
|
|
2285
2287
|
]),
|
|
2286
|
-
|
|
2287
|
-
(o(), s(
|
|
2288
|
-
(o(!0), s(
|
|
2288
|
+
p("tbody", null, [
|
|
2289
|
+
(o(), s(j, null, Z(6, (Y) => p("tr", { key: Y }, [
|
|
2290
|
+
(o(!0), s(j, null, Z(K.value.slice((Y - 1) * 7, Y * 7), (J) => (o(), s("td", c({
|
|
2289
2291
|
key: J.iso
|
|
2290
2292
|
}, { ref_for: !0 }, n(r)("dayCell"), { class: "wl-dp__day-cell" }), [
|
|
2291
|
-
|
|
2293
|
+
p("button", c({ ref_for: !0 }, n(r)("day", { selected: J.selected, today: J.today, otherMonth: J.otherMonth, disabled: J.disabled }), {
|
|
2292
2294
|
type: "button",
|
|
2293
2295
|
class: ["wl-dp__day", { "is-selected": J.selected, "is-today": J.today, "is-muted": J.otherMonth, "is-disabled": J.disabled }],
|
|
2294
2296
|
disabled: J.disabled,
|
|
2295
2297
|
"aria-label": J.iso,
|
|
2296
2298
|
"aria-selected": J.selected,
|
|
2297
2299
|
onClick: (ze) => H(J.iso, J.disabled)
|
|
2298
|
-
}), C(J.label), 17,
|
|
2300
|
+
}), C(J.label), 17, ln)
|
|
2299
2301
|
], 16))), 128))
|
|
2300
2302
|
])), 64))
|
|
2301
2303
|
])
|
|
@@ -2304,26 +2306,26 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2304
2306
|
role: "group",
|
|
2305
2307
|
"aria-label": `Месяцы ${y.value}`
|
|
2306
2308
|
}), [
|
|
2307
|
-
(o(!0), s(
|
|
2309
|
+
(o(!0), s(j, null, Z(n(d).monthNames, (Y, J) => (o(), s("button", c({ key: J }, { ref_for: !0 }, n(r)("month", { selected: J === v.value, disabled: k(J) }), {
|
|
2308
2310
|
type: "button",
|
|
2309
2311
|
class: ["wl-dp__choice", { "is-selected": J === v.value }],
|
|
2310
2312
|
disabled: k(J),
|
|
2311
|
-
onClick: (ze) =>
|
|
2312
|
-
}), C(Y), 17,
|
|
2313
|
-
], 16,
|
|
2313
|
+
onClick: (ze) => N(J)
|
|
2314
|
+
}), C(Y), 17, rn))), 128))
|
|
2315
|
+
], 16, on)) : (o(), s("div", c({ key: 2 }, n(r)("yearView"), {
|
|
2314
2316
|
class: "wl-dp__choices",
|
|
2315
2317
|
role: "group",
|
|
2316
2318
|
"aria-label": `Годы ${b.value}–${b.value + 11}`
|
|
2317
2319
|
}), [
|
|
2318
|
-
(o(), s(
|
|
2320
|
+
(o(), s(j, null, Z(12, (Y) => p("button", c({
|
|
2319
2321
|
key: b.value + Y - 1
|
|
2320
2322
|
}, { ref_for: !0 }, n(r)("year", { selected: b.value + Y - 1 === y.value, disabled: A(b.value + Y - 1) }), {
|
|
2321
2323
|
type: "button",
|
|
2322
2324
|
class: ["wl-dp__choice", { "is-selected": b.value + Y - 1 === y.value }],
|
|
2323
2325
|
disabled: A(b.value + Y - 1),
|
|
2324
2326
|
onClick: (J) => re(b.value + Y - 1)
|
|
2325
|
-
}), C(b.value + Y - 1), 17,
|
|
2326
|
-
], 16,
|
|
2327
|
+
}), C(b.value + Y - 1), 17, dn)), 64))
|
|
2328
|
+
], 16, sn))
|
|
2327
2329
|
], 16)
|
|
2328
2330
|
], 16)
|
|
2329
2331
|
], 16)) : x("", !0)
|
|
@@ -2333,7 +2335,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2333
2335
|
]))
|
|
2334
2336
|
], 64));
|
|
2335
2337
|
}
|
|
2336
|
-
}),
|
|
2338
|
+
}), ki = /* @__PURE__ */ F({
|
|
2337
2339
|
__name: "WlDivider",
|
|
2338
2340
|
props: {
|
|
2339
2341
|
pt: {}
|
|
@@ -2353,7 +2355,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2353
2355
|
], 16)) : x("", !0)
|
|
2354
2356
|
], 16));
|
|
2355
2357
|
}
|
|
2356
|
-
}),
|
|
2358
|
+
}), cn = ["aria-modal", "aria-label", "aria-labelledby"], un = ["id"], xi = /* @__PURE__ */ F({
|
|
2357
2359
|
__name: "WlDrawer",
|
|
2358
2360
|
props: /* @__PURE__ */ ae({
|
|
2359
2361
|
header: {},
|
|
@@ -2372,7 +2374,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2372
2374
|
}),
|
|
2373
2375
|
emits: /* @__PURE__ */ ae(["open", "close"], ["update:visible"]),
|
|
2374
2376
|
setup(e, { emit: t }) {
|
|
2375
|
-
const a = e, l = t, i = te(e, "visible"), d = G(null), r = ea(),
|
|
2377
|
+
const a = e, l = t, i = te(e, "visible"), d = G(null), r = ea(), u = X("drawer", f(() => a.pt)), m = we(f(() => a.motion));
|
|
2376
2378
|
Oe({
|
|
2377
2379
|
visible: i,
|
|
2378
2380
|
container: d,
|
|
@@ -2385,8 +2387,8 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2385
2387
|
function h(g) {
|
|
2386
2388
|
g.target === g.currentTarget && a.dismissable && (i.value = !1);
|
|
2387
2389
|
}
|
|
2388
|
-
return (g, y) => (o(),
|
|
2389
|
-
|
|
2390
|
+
return (g, y) => (o(), Q(ve, { to: "body" }, [
|
|
2391
|
+
T(ge, {
|
|
2390
2392
|
name: "wl-drawer-motion",
|
|
2391
2393
|
css: n(m),
|
|
2392
2394
|
onBeforeLeave: n(ye),
|
|
@@ -2394,14 +2396,14 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2394
2396
|
onLeaveCancelled: n(oe)
|
|
2395
2397
|
}, {
|
|
2396
2398
|
default: ne(() => [
|
|
2397
|
-
i.value ? (o(), s("div", c({ key: 0 }, n(
|
|
2399
|
+
i.value ? (o(), s("div", c({ key: 0 }, n(u)("mask"), {
|
|
2398
2400
|
class: ["wl-drawer-mask", { "wl-mask": e.modal, "wl-drawer-host": !e.modal }],
|
|
2399
2401
|
onMousedown: h
|
|
2400
2402
|
}), [
|
|
2401
|
-
|
|
2403
|
+
p("aside", c({
|
|
2402
2404
|
ref_key: "drawer",
|
|
2403
2405
|
ref: d
|
|
2404
|
-
}, n(
|
|
2406
|
+
}, n(u)("root"), {
|
|
2405
2407
|
class: ["wl-drawer", `wl-drawer--${e.position}`],
|
|
2406
2408
|
role: "dialog",
|
|
2407
2409
|
"aria-modal": e.modal || void 0,
|
|
@@ -2410,51 +2412,51 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2410
2412
|
tabindex: "-1",
|
|
2411
2413
|
"data-wl": "drawer"
|
|
2412
2414
|
}), [
|
|
2413
|
-
e.header || g.$slots.header ? (o(), s("header", c({ key: 0 }, n(
|
|
2415
|
+
e.header || g.$slots.header ? (o(), s("header", c({ key: 0 }, n(u)("header"), { class: "wl-drawer__header" }), [
|
|
2414
2416
|
D(g.$slots, "header", {}, () => [
|
|
2415
|
-
|
|
2417
|
+
p("span", c(n(u)("title"), {
|
|
2416
2418
|
id: n(r),
|
|
2417
2419
|
class: "wl-drawer__title"
|
|
2418
|
-
}), C(e.header), 17,
|
|
2420
|
+
}), C(e.header), 17, un)
|
|
2419
2421
|
]),
|
|
2420
|
-
|
|
2422
|
+
p("button", c(n(u)("pcCloseButton.root"), {
|
|
2421
2423
|
type: "button",
|
|
2422
2424
|
class: "wl-overlay-close",
|
|
2423
2425
|
"aria-label": "Закрыть",
|
|
2424
2426
|
onClick: y[0] || (y[0] = (v) => i.value = !1)
|
|
2425
2427
|
}), [
|
|
2426
|
-
|
|
2428
|
+
T(P, c(n(u)("pcCloseButton.icon"), {
|
|
2427
2429
|
name: "x",
|
|
2428
2430
|
size: 14
|
|
2429
2431
|
}), null, 16)
|
|
2430
2432
|
], 16)
|
|
2431
2433
|
], 16)) : x("", !0),
|
|
2432
|
-
|
|
2434
|
+
p("div", c(n(u)("content"), { class: "wl-drawer__content" }), [
|
|
2433
2435
|
D(g.$slots, "default")
|
|
2434
2436
|
], 16),
|
|
2435
|
-
g.$slots.footer ? (o(), s("footer", c({ key: 1 }, n(
|
|
2437
|
+
g.$slots.footer ? (o(), s("footer", c({ key: 1 }, n(u)("footer"), { class: "wl-drawer__footer" }), [
|
|
2436
2438
|
D(g.$slots, "footer")
|
|
2437
2439
|
], 16)) : x("", !0)
|
|
2438
|
-
], 16,
|
|
2440
|
+
], 16, cn)
|
|
2439
2441
|
], 16)) : x("", !0)
|
|
2440
2442
|
]),
|
|
2441
2443
|
_: 3
|
|
2442
2444
|
}, 8, ["css", "onBeforeLeave", "onBeforeEnter", "onLeaveCancelled"])
|
|
2443
2445
|
]));
|
|
2444
2446
|
}
|
|
2445
|
-
}),
|
|
2447
|
+
}), pn = {
|
|
2446
2448
|
class: "wl-empty",
|
|
2447
2449
|
"data-wl": "empty"
|
|
2448
|
-
},
|
|
2450
|
+
}, mn = {
|
|
2449
2451
|
key: 0,
|
|
2450
2452
|
class: "wl-empty__title"
|
|
2451
|
-
},
|
|
2453
|
+
}, yn = {
|
|
2452
2454
|
key: 1,
|
|
2453
2455
|
class: "wl-empty__desc"
|
|
2454
|
-
},
|
|
2456
|
+
}, fn = {
|
|
2455
2457
|
key: 2,
|
|
2456
2458
|
class: "wl-empty__action"
|
|
2457
|
-
},
|
|
2459
|
+
}, $i = /* @__PURE__ */ F({
|
|
2458
2460
|
__name: "WlEmpty",
|
|
2459
2461
|
props: {
|
|
2460
2462
|
icon: {},
|
|
@@ -2462,31 +2464,31 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2462
2464
|
description: {}
|
|
2463
2465
|
},
|
|
2464
2466
|
setup(e) {
|
|
2465
|
-
return (t, a) => (o(), s("div",
|
|
2467
|
+
return (t, a) => (o(), s("div", pn, [
|
|
2466
2468
|
D(t.$slots, "icon", {}, () => [
|
|
2467
|
-
e.icon ? (o(),
|
|
2469
|
+
e.icon ? (o(), Q(P, {
|
|
2468
2470
|
key: 0,
|
|
2469
2471
|
name: e.icon,
|
|
2470
2472
|
size: 26,
|
|
2471
2473
|
class: "wl-empty__icon"
|
|
2472
2474
|
}, null, 8, ["name"])) : x("", !0)
|
|
2473
2475
|
]),
|
|
2474
|
-
e.title ? (o(), s("div",
|
|
2475
|
-
e.description || t.$slots.default ? (o(), s("div",
|
|
2476
|
+
e.title ? (o(), s("div", mn, C(e.title), 1)) : x("", !0),
|
|
2477
|
+
e.description || t.$slots.default ? (o(), s("div", yn, [
|
|
2476
2478
|
D(t.$slots, "default", {}, () => [
|
|
2477
2479
|
le(C(e.description), 1)
|
|
2478
2480
|
])
|
|
2479
2481
|
])) : x("", !0),
|
|
2480
|
-
t.$slots.action ? (o(), s("div",
|
|
2482
|
+
t.$slots.action ? (o(), s("div", fn, [
|
|
2481
2483
|
D(t.$slots, "action")
|
|
2482
2484
|
])) : x("", !0)
|
|
2483
2485
|
]));
|
|
2484
2486
|
}
|
|
2485
|
-
}),
|
|
2487
|
+
}), vn = ["for"], wn = {
|
|
2486
2488
|
key: 0,
|
|
2487
2489
|
class: "wl-field__req",
|
|
2488
2490
|
"aria-hidden": "true"
|
|
2489
|
-
},
|
|
2491
|
+
}, bn = ["id"], gn = ["id"], zi = /* @__PURE__ */ F({
|
|
2490
2492
|
__name: "WlField",
|
|
2491
2493
|
props: {
|
|
2492
2494
|
label: {},
|
|
@@ -2497,8 +2499,8 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2497
2499
|
},
|
|
2498
2500
|
setup(e) {
|
|
2499
2501
|
const t = e, a = ea(), l = f(() => t.id ?? `wl-field-${a}`), i = f(() => `${l.value}-desc`), d = f(() => !!(t.error || t.hint));
|
|
2500
|
-
return (r,
|
|
2501
|
-
class:
|
|
2502
|
+
return (r, u) => (o(), s("div", {
|
|
2503
|
+
class: ee(["wl-field", { "is-invalid": !!e.error }]),
|
|
2502
2504
|
"data-wl": "field"
|
|
2503
2505
|
}, [
|
|
2504
2506
|
e.label ? (o(), s("label", {
|
|
@@ -2507,8 +2509,8 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2507
2509
|
for: l.value
|
|
2508
2510
|
}, [
|
|
2509
2511
|
le(C(e.label) + " ", 1),
|
|
2510
|
-
e.required ? (o(), s("span",
|
|
2511
|
-
], 8,
|
|
2512
|
+
e.required ? (o(), s("span", wn, "*")) : x("", !0)
|
|
2513
|
+
], 8, vn)) : x("", !0),
|
|
2512
2514
|
D(r.$slots, "default", Qe(Ma({
|
|
2513
2515
|
id: l.value,
|
|
2514
2516
|
inputId: l.value,
|
|
@@ -2523,26 +2525,26 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2523
2525
|
class: "wl-field__err",
|
|
2524
2526
|
role: "alert"
|
|
2525
2527
|
}, [
|
|
2526
|
-
|
|
2528
|
+
T(P, {
|
|
2527
2529
|
name: "warn",
|
|
2528
2530
|
size: 12
|
|
2529
2531
|
}),
|
|
2530
2532
|
le(" " + C(e.error), 1)
|
|
2531
|
-
], 8,
|
|
2533
|
+
], 8, bn)) : e.hint ? (o(), s("span", {
|
|
2532
2534
|
key: 2,
|
|
2533
2535
|
id: i.value,
|
|
2534
2536
|
class: "wl-field__hint"
|
|
2535
|
-
}, C(e.hint), 9,
|
|
2537
|
+
}, C(e.hint), 9, gn)) : x("", !0)
|
|
2536
2538
|
], 2));
|
|
2537
2539
|
}
|
|
2538
|
-
}),
|
|
2540
|
+
}), hn = ["data-disabled"], _n = ["aria-disabled", "tabindex", "onKeydown"], kn = ["accept", "multiple", "disabled"], xn = {
|
|
2539
2541
|
key: 0,
|
|
2540
2542
|
class: "wl-upload__errors",
|
|
2541
2543
|
role: "alert"
|
|
2542
|
-
},
|
|
2544
|
+
}, $n = { class: "wl-upload__error-name" }, zn = {
|
|
2543
2545
|
key: 1,
|
|
2544
2546
|
class: "wl-upload__list"
|
|
2545
|
-
},
|
|
2547
|
+
}, Wn = ["title"], Ln = { class: "wl-upload__size" }, Cn = ["aria-label", "disabled", "onClick"], Wi = /* @__PURE__ */ F({
|
|
2546
2548
|
__name: "WlFileUpload",
|
|
2547
2549
|
props: /* @__PURE__ */ ae({
|
|
2548
2550
|
accept: { default: void 0 },
|
|
@@ -2556,7 +2558,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2556
2558
|
}),
|
|
2557
2559
|
emits: /* @__PURE__ */ ae(["reject"], ["update:modelValue"]),
|
|
2558
2560
|
setup(e, { emit: t }) {
|
|
2559
|
-
const a = e, l = t, i = te(e, "modelValue"), d = G(null), r = G(0),
|
|
2561
|
+
const a = e, l = t, i = te(e, "modelValue"), d = G(null), r = G(0), u = G(!1), m = G([]);
|
|
2560
2562
|
function h(I) {
|
|
2561
2563
|
const B = I >= 100 ? Math.round(I) : Math.round(I * 10) / 10;
|
|
2562
2564
|
return String(B).replace(".", ",");
|
|
@@ -2573,20 +2575,20 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2573
2575
|
if (!a.accept) return !0;
|
|
2574
2576
|
const B = a.accept.split(",").map((_) => _.trim().toLowerCase()).filter(Boolean);
|
|
2575
2577
|
if (B.length === 0) return !0;
|
|
2576
|
-
const
|
|
2577
|
-
return B.some((_) => _.startsWith(".") ?
|
|
2578
|
+
const U = I.name.toLowerCase(), E = I.type.toLowerCase();
|
|
2579
|
+
return B.some((_) => _.startsWith(".") ? U.endsWith(_) : _.endsWith("/*") ? E.startsWith(_.slice(0, -1)) : E === _);
|
|
2578
2580
|
}
|
|
2579
2581
|
function w(I) {
|
|
2580
2582
|
if (a.disabled) return;
|
|
2581
2583
|
m.value = [];
|
|
2582
2584
|
const B = a.multiple ? [...i.value] : [];
|
|
2583
|
-
for (const
|
|
2585
|
+
for (const U of Array.from(I)) {
|
|
2584
2586
|
let E = null;
|
|
2585
|
-
if (v(
|
|
2586
|
-
l("reject", { file:
|
|
2587
|
+
if (v(U) ? a.maxSize !== void 0 && U.size > a.maxSize ? E = "size" : a.maxFiles !== void 0 && B.length >= a.maxFiles && (E = "count") : E = "type", E) {
|
|
2588
|
+
l("reject", { file: U, reason: E }), m.value.push({ name: U.name, message: y(E) });
|
|
2587
2589
|
continue;
|
|
2588
2590
|
}
|
|
2589
|
-
B.some((_) => _.name ===
|
|
2591
|
+
B.some((_) => _.name === U.name && _.size === U.size) || B.push(U);
|
|
2590
2592
|
}
|
|
2591
2593
|
i.value = B;
|
|
2592
2594
|
}
|
|
@@ -2595,26 +2597,26 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2595
2597
|
a.disabled || (I = d.value) == null || I.click();
|
|
2596
2598
|
}
|
|
2597
2599
|
function $(I) {
|
|
2598
|
-
var
|
|
2600
|
+
var U;
|
|
2599
2601
|
const B = I.target;
|
|
2600
|
-
(
|
|
2602
|
+
(U = B.files) != null && U.length && w(B.files), B.value = "";
|
|
2601
2603
|
}
|
|
2602
2604
|
function z(I) {
|
|
2603
|
-
I.preventDefault(), !a.disabled && (r.value += 1,
|
|
2605
|
+
I.preventDefault(), !a.disabled && (r.value += 1, u.value = !0);
|
|
2604
2606
|
}
|
|
2605
2607
|
function M(I) {
|
|
2606
2608
|
I.preventDefault();
|
|
2607
2609
|
}
|
|
2608
2610
|
function L() {
|
|
2609
|
-
r.value = Math.max(0, r.value - 1), r.value === 0 && (
|
|
2611
|
+
r.value = Math.max(0, r.value - 1), r.value === 0 && (u.value = !1);
|
|
2610
2612
|
}
|
|
2611
2613
|
function q(I) {
|
|
2612
|
-
var
|
|
2613
|
-
if (I.preventDefault(), r.value = 0,
|
|
2614
|
-
const B = (
|
|
2614
|
+
var U;
|
|
2615
|
+
if (I.preventDefault(), r.value = 0, u.value = !1, a.disabled) return;
|
|
2616
|
+
const B = (U = I.dataTransfer) == null ? void 0 : U.files;
|
|
2615
2617
|
B != null && B.length && w(B);
|
|
2616
2618
|
}
|
|
2617
|
-
function
|
|
2619
|
+
function R(I) {
|
|
2618
2620
|
if (a.disabled) return;
|
|
2619
2621
|
const B = i.value.slice();
|
|
2620
2622
|
B.splice(I, 1), i.value = B;
|
|
@@ -2627,8 +2629,8 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2627
2629
|
"data-wl": "file-upload",
|
|
2628
2630
|
"data-disabled": e.disabled || void 0
|
|
2629
2631
|
}, [
|
|
2630
|
-
|
|
2631
|
-
class:
|
|
2632
|
+
p("div", {
|
|
2633
|
+
class: ee(["wl-upload__drop", { "is-dragover": u.value, "is-disabled": e.disabled }]),
|
|
2632
2634
|
role: "button",
|
|
2633
2635
|
"aria-label": "Выбрать файлы или перетащить их сюда",
|
|
2634
2636
|
"aria-disabled": e.disabled,
|
|
@@ -2643,17 +2645,17 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2643
2645
|
onDragleave: L,
|
|
2644
2646
|
onDrop: q
|
|
2645
2647
|
}, [
|
|
2646
|
-
|
|
2648
|
+
T(P, {
|
|
2647
2649
|
name: "upload",
|
|
2648
2650
|
size: 22,
|
|
2649
2651
|
class: "wl-upload__icon"
|
|
2650
2652
|
}),
|
|
2651
|
-
B[1] || (B[1] =
|
|
2652
|
-
B[2] || (B[2] =
|
|
2653
|
+
B[1] || (B[1] = p("span", { class: "wl-upload__text" }, "Перетащите файлы сюда или", -1)),
|
|
2654
|
+
B[2] || (B[2] = p("span", {
|
|
2653
2655
|
class: "wl-btn wl-btn--sm wl-upload__btn",
|
|
2654
2656
|
"aria-hidden": "true"
|
|
2655
2657
|
}, " Выбрать файлы ", -1)),
|
|
2656
|
-
|
|
2658
|
+
p("input", {
|
|
2657
2659
|
ref_key: "input",
|
|
2658
2660
|
ref: d,
|
|
2659
2661
|
type: "file",
|
|
@@ -2665,60 +2667,60 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2665
2667
|
onClick: B[0] || (B[0] = fe(() => {
|
|
2666
2668
|
}, ["stop"])),
|
|
2667
2669
|
onChange: $
|
|
2668
|
-
}, null, 40,
|
|
2669
|
-
], 42,
|
|
2670
|
-
m.value.length ? (o(), s("ul",
|
|
2671
|
-
(o(!0), s(
|
|
2670
|
+
}, null, 40, kn)
|
|
2671
|
+
], 42, _n),
|
|
2672
|
+
m.value.length ? (o(), s("ul", xn, [
|
|
2673
|
+
(o(!0), s(j, null, Z(m.value, (U, E) => (o(), s("li", {
|
|
2672
2674
|
key: E,
|
|
2673
2675
|
class: "wl-upload__error"
|
|
2674
2676
|
}, [
|
|
2675
|
-
|
|
2677
|
+
T(P, {
|
|
2676
2678
|
name: "warn",
|
|
2677
2679
|
size: 13
|
|
2678
2680
|
}),
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
+
p("span", $n, C(U.name), 1),
|
|
2682
|
+
p("span", null, "— " + C(U.message), 1)
|
|
2681
2683
|
]))), 128))
|
|
2682
2684
|
])) : x("", !0),
|
|
2683
|
-
i.value.length ? (o(), s("ul",
|
|
2684
|
-
(o(!0), s(
|
|
2685
|
-
key: `${
|
|
2685
|
+
i.value.length ? (o(), s("ul", zn, [
|
|
2686
|
+
(o(!0), s(j, null, Z(i.value, (U, E) => (o(), s("li", {
|
|
2687
|
+
key: `${U.name}:${U.size}:${E}`,
|
|
2686
2688
|
class: "wl-upload__row"
|
|
2687
2689
|
}, [
|
|
2688
|
-
|
|
2689
|
-
name: K(
|
|
2690
|
+
T(P, {
|
|
2691
|
+
name: K(U),
|
|
2690
2692
|
size: 16,
|
|
2691
2693
|
class: "wl-upload__file-icon"
|
|
2692
2694
|
}, null, 8, ["name"]),
|
|
2693
|
-
|
|
2695
|
+
p("span", {
|
|
2694
2696
|
class: "wl-upload__name",
|
|
2695
|
-
title:
|
|
2696
|
-
}, C(
|
|
2697
|
-
|
|
2698
|
-
|
|
2697
|
+
title: U.name
|
|
2698
|
+
}, C(U.name), 9, Wn),
|
|
2699
|
+
p("span", Ln, C(g(U.size)), 1),
|
|
2700
|
+
p("button", {
|
|
2699
2701
|
type: "button",
|
|
2700
2702
|
class: "wl-upload__remove",
|
|
2701
|
-
"aria-label": `Удалить ${
|
|
2703
|
+
"aria-label": `Удалить ${U.name}`,
|
|
2702
2704
|
disabled: e.disabled,
|
|
2703
|
-
onClick: (_) =>
|
|
2705
|
+
onClick: (_) => R(E)
|
|
2704
2706
|
}, [
|
|
2705
|
-
|
|
2707
|
+
T(P, {
|
|
2706
2708
|
name: "x",
|
|
2707
2709
|
size: 13
|
|
2708
2710
|
})
|
|
2709
|
-
], 8,
|
|
2711
|
+
], 8, Cn)
|
|
2710
2712
|
]))), 128))
|
|
2711
2713
|
])) : x("", !0)
|
|
2712
|
-
], 8,
|
|
2714
|
+
], 8, hn));
|
|
2713
2715
|
}
|
|
2714
|
-
}),
|
|
2716
|
+
}), Mn = ["disabled", "aria-label", "data-variant", "data-size"], Bn = {
|
|
2715
2717
|
key: 0,
|
|
2716
2718
|
class: "wl-iconbtn__count"
|
|
2717
|
-
},
|
|
2719
|
+
}, Sn = {
|
|
2718
2720
|
key: 1,
|
|
2719
2721
|
class: "wl-iconbtn__dot",
|
|
2720
2722
|
"aria-hidden": "true"
|
|
2721
|
-
},
|
|
2723
|
+
}, In = /* @__PURE__ */ F({
|
|
2722
2724
|
__name: "WlIconButton",
|
|
2723
2725
|
props: {
|
|
2724
2726
|
variant: { default: "ghost" },
|
|
@@ -2740,10 +2742,10 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2740
2742
|
a.active && "is-active",
|
|
2741
2743
|
a.disabled && "is-disabled"
|
|
2742
2744
|
]), d = X("button", f(() => a.pt));
|
|
2743
|
-
function r(
|
|
2744
|
-
a.disabled || l("click",
|
|
2745
|
+
function r(u) {
|
|
2746
|
+
a.disabled || l("click", u);
|
|
2745
2747
|
}
|
|
2746
|
-
return (
|
|
2748
|
+
return (u, m) => (o(), s("button", c(n(d)("root"), {
|
|
2747
2749
|
type: "button",
|
|
2748
2750
|
class: i.value,
|
|
2749
2751
|
disabled: e.disabled,
|
|
@@ -2753,32 +2755,32 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2753
2755
|
"data-size": e.size,
|
|
2754
2756
|
onClick: r
|
|
2755
2757
|
}), [
|
|
2756
|
-
D(
|
|
2757
|
-
e.icon ? (o(),
|
|
2758
|
+
D(u.$slots, "default", {}, () => [
|
|
2759
|
+
e.icon ? (o(), Q(P, {
|
|
2758
2760
|
key: 0,
|
|
2759
2761
|
name: e.icon,
|
|
2760
2762
|
size: e.size === "sm" ? 16 : 18
|
|
2761
2763
|
}, null, 8, ["name", "size"])) : x("", !0)
|
|
2762
2764
|
]),
|
|
2763
|
-
e.count !== void 0 && e.count > 0 ? (o(), s("span",
|
|
2764
|
-
], 16,
|
|
2765
|
+
e.count !== void 0 && e.count > 0 ? (o(), s("span", Bn, C(e.count), 1)) : e.dot ? (o(), s("span", Sn)) : x("", !0)
|
|
2766
|
+
], 16, Mn));
|
|
2765
2767
|
}
|
|
2766
|
-
}),
|
|
2768
|
+
}), Dn = ["aria-label", "data-density", "data-open"], En = { class: "wl-filter-bar__mobile-toggle" }, An = {
|
|
2767
2769
|
key: 0,
|
|
2768
2770
|
class: "wl-filter-bar__count"
|
|
2769
|
-
},
|
|
2771
|
+
}, Vn = ["aria-hidden", "inert"], Tn = { class: "wl-filter-bar__mobile-head" }, Fn = { class: "wl-filter-bar__title" }, Pn = { class: "wl-filter-bar__toolbar" }, On = {
|
|
2770
2772
|
key: 0,
|
|
2771
2773
|
class: "wl-filter-bar__leading"
|
|
2772
|
-
},
|
|
2774
|
+
}, Nn = { class: "wl-filter-bar__controls" }, Rn = {
|
|
2773
2775
|
key: 1,
|
|
2774
2776
|
class: "wl-filter-bar__actions"
|
|
2775
|
-
},
|
|
2777
|
+
}, Un = {
|
|
2776
2778
|
key: 0,
|
|
2777
2779
|
class: "wl-filter-bar__footer"
|
|
2778
|
-
},
|
|
2780
|
+
}, jn = {
|
|
2779
2781
|
key: 0,
|
|
2780
2782
|
class: "wl-filter-bar__summary"
|
|
2781
|
-
},
|
|
2783
|
+
}, Gn = ["aria-label"], Li = /* @__PURE__ */ F({
|
|
2782
2784
|
__name: "WlFilterBar",
|
|
2783
2785
|
props: /* @__PURE__ */ ae({
|
|
2784
2786
|
activeCount: { default: 0 },
|
|
@@ -2799,7 +2801,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2799
2801
|
emits: /* @__PURE__ */ ae(["clear", "apply", "open", "close"], ["update:open"]),
|
|
2800
2802
|
setup(e, { expose: t, emit: a }) {
|
|
2801
2803
|
var I;
|
|
2802
|
-
const l = e, i = a, d = te(e, "open"), r = Te(),
|
|
2804
|
+
const l = e, i = a, d = te(e, "open"), r = Te(), u = `wl-filter-bar-panel-${((I = Ba()) == null ? void 0 : I.uid) ?? 0}`, m = G(null), h = G(!1);
|
|
2803
2805
|
let g = null;
|
|
2804
2806
|
const y = f(() => Math.max(0, Math.floor(l.activeCount))), v = f(() => !!r.summary), w = f(() => !!r.leading), b = f(() => !!r.actions || l.showClear && y.value > 0), $ = f(() => !!r.footer || l.showApply);
|
|
2805
2807
|
function z() {
|
|
@@ -2826,14 +2828,14 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2826
2828
|
function q() {
|
|
2827
2829
|
l.disabled || (d.value ? L() : z());
|
|
2828
2830
|
}
|
|
2829
|
-
function
|
|
2831
|
+
function R() {
|
|
2830
2832
|
l.disabled || i("clear");
|
|
2831
2833
|
}
|
|
2832
2834
|
function K() {
|
|
2833
2835
|
l.disabled || (i("apply"), L());
|
|
2834
2836
|
}
|
|
2835
|
-
return t({ open: z, close: L, toggle: q, clear:
|
|
2836
|
-
class:
|
|
2837
|
+
return t({ open: z, close: L, toggle: q, clear: R, apply: K }), (B, U) => (o(), s("section", {
|
|
2838
|
+
class: ee(["wl-filter-bar", [
|
|
2837
2839
|
d.value && "is-open",
|
|
2838
2840
|
e.disabled && "is-disabled",
|
|
2839
2841
|
e.density === "compact" && "wl-filter-bar--compact"
|
|
@@ -2843,40 +2845,40 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2843
2845
|
"data-density": e.density,
|
|
2844
2846
|
"data-open": d.value
|
|
2845
2847
|
}, [
|
|
2846
|
-
|
|
2847
|
-
|
|
2848
|
+
p("div", En, [
|
|
2849
|
+
T(Se, {
|
|
2848
2850
|
variant: "secondary",
|
|
2849
2851
|
size: "sm",
|
|
2850
2852
|
disabled: e.disabled,
|
|
2851
2853
|
"aria-expanded": d.value,
|
|
2852
|
-
"aria-controls":
|
|
2854
|
+
"aria-controls": u,
|
|
2853
2855
|
onClick: q
|
|
2854
2856
|
}, {
|
|
2855
2857
|
icon: ne(() => [
|
|
2856
|
-
|
|
2858
|
+
T(P, {
|
|
2857
2859
|
name: "filter",
|
|
2858
2860
|
size: 15
|
|
2859
2861
|
})
|
|
2860
2862
|
]),
|
|
2861
2863
|
default: ne(() => [
|
|
2862
2864
|
le(" " + C(e.toggleLabel) + " ", 1),
|
|
2863
|
-
y.value ? (o(), s("span",
|
|
2865
|
+
y.value ? (o(), s("span", An, C(y.value), 1)) : x("", !0)
|
|
2864
2866
|
]),
|
|
2865
2867
|
_: 1
|
|
2866
2868
|
}, 8, ["disabled", "aria-expanded"])
|
|
2867
2869
|
]),
|
|
2868
|
-
|
|
2869
|
-
id:
|
|
2870
|
+
p("div", {
|
|
2871
|
+
id: u,
|
|
2870
2872
|
ref_key: "panelRef",
|
|
2871
2873
|
ref: m,
|
|
2872
|
-
class:
|
|
2874
|
+
class: ee(["wl-filter-bar__panel", d.value && "wl-filter-bar__panel--open"]),
|
|
2873
2875
|
"aria-hidden": h.value && !d.value ? "true" : void 0,
|
|
2874
2876
|
inert: h.value && !d.value,
|
|
2875
2877
|
tabindex: "-1"
|
|
2876
2878
|
}, [
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2879
|
+
p("div", Tn, [
|
|
2880
|
+
p("strong", Fn, C(e.panelTitle), 1),
|
|
2881
|
+
T(In, {
|
|
2880
2882
|
icon: "x",
|
|
2881
2883
|
size: "sm",
|
|
2882
2884
|
variant: "ghost",
|
|
@@ -2884,27 +2886,27 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2884
2886
|
onClick: n(L)
|
|
2885
2887
|
}, null, 8, ["aria-label", "onClick"])
|
|
2886
2888
|
]),
|
|
2887
|
-
|
|
2888
|
-
w.value ? (o(), s("div",
|
|
2889
|
+
p("div", Pn, [
|
|
2890
|
+
w.value ? (o(), s("div", On, [
|
|
2889
2891
|
D(B.$slots, "leading")
|
|
2890
2892
|
])) : x("", !0),
|
|
2891
|
-
|
|
2893
|
+
p("div", Nn, [
|
|
2892
2894
|
D(B.$slots, "default", {
|
|
2893
2895
|
open: z,
|
|
2894
2896
|
close: n(L),
|
|
2895
|
-
clear:
|
|
2897
|
+
clear: R
|
|
2896
2898
|
})
|
|
2897
2899
|
]),
|
|
2898
|
-
b.value ? (o(), s("div",
|
|
2900
|
+
b.value ? (o(), s("div", Rn, [
|
|
2899
2901
|
D(B.$slots, "actions", {
|
|
2900
|
-
clear:
|
|
2902
|
+
clear: R,
|
|
2901
2903
|
close: n(L)
|
|
2902
2904
|
}, () => [
|
|
2903
|
-
e.showClear && y.value > 0 ? (o(),
|
|
2905
|
+
e.showClear && y.value > 0 ? (o(), Q(Se, {
|
|
2904
2906
|
key: 0,
|
|
2905
2907
|
variant: "ghost",
|
|
2906
2908
|
size: "sm",
|
|
2907
|
-
onClick:
|
|
2909
|
+
onClick: R
|
|
2908
2910
|
}, {
|
|
2909
2911
|
default: ne(() => [
|
|
2910
2912
|
le(C(e.clearLabel), 1)
|
|
@@ -2914,13 +2916,13 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2914
2916
|
])
|
|
2915
2917
|
])) : x("", !0)
|
|
2916
2918
|
]),
|
|
2917
|
-
$.value ? (o(), s("div",
|
|
2919
|
+
$.value ? (o(), s("div", Un, [
|
|
2918
2920
|
D(B.$slots, "footer", {
|
|
2919
2921
|
apply: K,
|
|
2920
|
-
clear:
|
|
2922
|
+
clear: R,
|
|
2921
2923
|
close: n(L)
|
|
2922
2924
|
}, () => [
|
|
2923
|
-
|
|
2925
|
+
T(Se, {
|
|
2924
2926
|
class: "wl-filter-bar__apply",
|
|
2925
2927
|
variant: "primary",
|
|
2926
2928
|
size: "sm",
|
|
@@ -2933,27 +2935,27 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2933
2935
|
})
|
|
2934
2936
|
])
|
|
2935
2937
|
])) : x("", !0)
|
|
2936
|
-
], 10,
|
|
2937
|
-
v.value ? (o(), s("div",
|
|
2938
|
-
D(B.$slots, "summary", { clear:
|
|
2938
|
+
], 10, Vn),
|
|
2939
|
+
v.value ? (o(), s("div", jn, [
|
|
2940
|
+
D(B.$slots, "summary", { clear: R })
|
|
2939
2941
|
])) : x("", !0),
|
|
2940
2942
|
d.value ? (o(), s("button", {
|
|
2941
2943
|
key: 1,
|
|
2942
2944
|
type: "button",
|
|
2943
2945
|
class: "wl-filter-bar__backdrop",
|
|
2944
2946
|
"aria-label": e.closeLabel,
|
|
2945
|
-
onClick:
|
|
2947
|
+
onClick: U[0] || (U[0] = //@ts-ignore
|
|
2946
2948
|
(...E) => n(L) && n(L)(...E))
|
|
2947
|
-
}, null, 8,
|
|
2948
|
-
], 10,
|
|
2949
|
+
}, null, 8, Gn)) : x("", !0)
|
|
2950
|
+
], 10, Dn));
|
|
2949
2951
|
}
|
|
2950
|
-
}),
|
|
2952
|
+
}), Hn = ["data-size", "data-density"], Kn = {
|
|
2951
2953
|
key: 0,
|
|
2952
2954
|
class: "wl-input-wrap__prefix"
|
|
2953
|
-
},
|
|
2955
|
+
}, qn = ["type", "placeholder", "disabled", "aria-invalid"], Yn = {
|
|
2954
2956
|
key: 1,
|
|
2955
2957
|
class: "wl-input-wrap__suffix"
|
|
2956
|
-
},
|
|
2958
|
+
}, Ci = /* @__PURE__ */ F({
|
|
2957
2959
|
inheritAttrs: !1,
|
|
2958
2960
|
__name: "WlInput",
|
|
2959
2961
|
props: /* @__PURE__ */ ae({
|
|
@@ -2970,7 +2972,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2970
2972
|
}),
|
|
2971
2973
|
emits: ["update:modelValue"],
|
|
2972
2974
|
setup(e) {
|
|
2973
|
-
const t = e, a = te(e, "modelValue"), l = Te(), i = ce(), d = f(() => be(i)), r = f(() => d.value.inputAttrs),
|
|
2975
|
+
const t = e, a = te(e, "modelValue"), l = Te(), i = ce(), d = f(() => be(i)), r = f(() => d.value.inputAttrs), u = f(() => d.value.rootAttrs), m = f(() => [
|
|
2974
2976
|
"wl-input-wrap",
|
|
2975
2977
|
l.prefix && "wl-input-wrap--has-prefix",
|
|
2976
2978
|
l.suffix && "wl-input-wrap--has-suffix"
|
|
@@ -2981,33 +2983,33 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
2981
2983
|
t.disabled && "is-disabled",
|
|
2982
2984
|
t.density === "compact" && "is-compact"
|
|
2983
2985
|
]), g = X("inputtext", f(() => t.pt));
|
|
2984
|
-
return (y, v) => (o(), s("div", c({ class: m.value },
|
|
2986
|
+
return (y, v) => (o(), s("div", c({ class: m.value }, u.value, {
|
|
2985
2987
|
"data-wl": "input",
|
|
2986
2988
|
"data-size": e.size,
|
|
2987
2989
|
"data-density": e.density
|
|
2988
2990
|
}), [
|
|
2989
|
-
n(l).prefix ? (o(), s("span",
|
|
2991
|
+
n(l).prefix ? (o(), s("span", Kn, [
|
|
2990
2992
|
D(y.$slots, "prefix")
|
|
2991
2993
|
])) : x("", !0),
|
|
2992
|
-
ie(
|
|
2994
|
+
ie(p("input", c(n(de)(r.value, n(g)("root")), {
|
|
2993
2995
|
"onUpdate:modelValue": v[0] || (v[0] = (w) => a.value = w),
|
|
2994
2996
|
class: h.value,
|
|
2995
2997
|
type: e.type,
|
|
2996
2998
|
placeholder: e.placeholder,
|
|
2997
2999
|
disabled: e.disabled,
|
|
2998
3000
|
"aria-invalid": e.invalid || void 0
|
|
2999
|
-
}), null, 16,
|
|
3001
|
+
}), null, 16, qn), [
|
|
3000
3002
|
[Ye, a.value]
|
|
3001
3003
|
]),
|
|
3002
|
-
n(l).suffix ? (o(), s("span",
|
|
3004
|
+
n(l).suffix ? (o(), s("span", Yn, [
|
|
3003
3005
|
D(y.$slots, "suffix")
|
|
3004
3006
|
])) : x("", !0)
|
|
3005
|
-
], 16,
|
|
3007
|
+
], 16, Hn));
|
|
3006
3008
|
}
|
|
3007
|
-
}),
|
|
3009
|
+
}), Zn = ["aria-label", "aria-labelledby"], Jn = ["role"], Xn = ["aria-disabled", "tabindex", "onClick"], Qn = { class: "wl-menu__label" }, el = {
|
|
3008
3010
|
key: 1,
|
|
3009
3011
|
class: "wl-menu__meta"
|
|
3010
|
-
},
|
|
3012
|
+
}, Mi = /* @__PURE__ */ F({
|
|
3011
3013
|
__name: "WlMenu",
|
|
3012
3014
|
props: {
|
|
3013
3015
|
items: { default: () => [] },
|
|
@@ -3019,7 +3021,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3019
3021
|
},
|
|
3020
3022
|
emits: ["open", "close"],
|
|
3021
3023
|
setup(e, { expose: t, emit: a }) {
|
|
3022
|
-
const l = e, i = a, d = X("menu", f(() => l.pt)), r = we(f(() => l.motion)), { visible:
|
|
3024
|
+
const l = e, i = a, d = X("menu", f(() => l.pt)), r = we(f(() => l.motion)), { visible: u, panel: m, style: h, toggle: g, show: y, hide: v } = Le({
|
|
3023
3025
|
onOpen: () => i("open"),
|
|
3024
3026
|
onClose: () => i("close")
|
|
3025
3027
|
}), w = G([]);
|
|
@@ -3028,19 +3030,19 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3028
3030
|
M.preventDefault(), !z.disabled && ((L = z.command) == null || L.call(z, z), l.popup && v());
|
|
3029
3031
|
}
|
|
3030
3032
|
function $(z) {
|
|
3031
|
-
var
|
|
3033
|
+
var R;
|
|
3032
3034
|
if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(z.key)) return;
|
|
3033
3035
|
const M = w.value.filter((K) => K.getAttribute("aria-disabled") !== "true");
|
|
3034
3036
|
if (!M.length) return;
|
|
3035
3037
|
z.preventDefault();
|
|
3036
3038
|
const L = M.indexOf(document.activeElement), q = z.key === "Home" ? 0 : z.key === "End" ? M.length - 1 : z.key === "ArrowDown" ? (L + 1) % M.length : (L + M.length - 1) % M.length;
|
|
3037
|
-
(
|
|
3039
|
+
(R = M[q]) == null || R.focus();
|
|
3038
3040
|
}
|
|
3039
|
-
return t({ toggle: g, show: y, hide: v }), (z, M) => (o(),
|
|
3041
|
+
return t({ toggle: g, show: y, hide: v }), (z, M) => (o(), Q(ve, {
|
|
3040
3042
|
to: "body",
|
|
3041
3043
|
disabled: !e.popup
|
|
3042
3044
|
}, [
|
|
3043
|
-
|
|
3045
|
+
T(ge, {
|
|
3044
3046
|
name: "wl-pop-motion",
|
|
3045
3047
|
css: e.popup && n(r),
|
|
3046
3048
|
onBeforeLeave: n(ye),
|
|
@@ -3048,7 +3050,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3048
3050
|
onLeaveCancelled: n(oe)
|
|
3049
3051
|
}, {
|
|
3050
3052
|
default: ne(() => [
|
|
3051
|
-
!e.popup || n(
|
|
3053
|
+
!e.popup || n(u) ? (o(), s("div", c({
|
|
3052
3054
|
key: 0,
|
|
3053
3055
|
ref_key: "panel",
|
|
3054
3056
|
ref: m
|
|
@@ -3057,14 +3059,14 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3057
3059
|
style: e.popup ? n(h) : void 0,
|
|
3058
3060
|
"data-wl": "menu"
|
|
3059
3061
|
}), [
|
|
3060
|
-
|
|
3062
|
+
p("ul", c(n(d)("list"), {
|
|
3061
3063
|
class: "wl-menu__list",
|
|
3062
3064
|
role: "menu",
|
|
3063
3065
|
"aria-label": e.ariaLabel,
|
|
3064
3066
|
"aria-labelledby": e.ariaLabelledby,
|
|
3065
3067
|
onKeydown: $
|
|
3066
3068
|
}), [
|
|
3067
|
-
(o(!0), s(
|
|
3069
|
+
(o(!0), s(j, null, Z(e.items, (L, q) => (o(), s("li", c({
|
|
3068
3070
|
key: L.key ?? q
|
|
3069
3071
|
}, { ref_for: !0 }, n(d)("item"), {
|
|
3070
3072
|
class: "wl-menu__item",
|
|
@@ -3080,40 +3082,40 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3080
3082
|
key: 2,
|
|
3081
3083
|
ref_for: !0
|
|
3082
3084
|
}, n(d)("itemContent"), { class: "wl-menu__item-content" }), [
|
|
3083
|
-
|
|
3085
|
+
p("a", c({
|
|
3084
3086
|
ref_for: !0,
|
|
3085
|
-
ref: (
|
|
3086
|
-
|
|
3087
|
+
ref: (R) => {
|
|
3088
|
+
R && (w.value[q] = R);
|
|
3087
3089
|
}
|
|
3088
3090
|
}, { ref_for: !0 }, n(d)("itemLink"), {
|
|
3089
3091
|
class: ["wl-menu__link", { "is-danger": L.danger, "is-disabled": L.disabled }],
|
|
3090
3092
|
role: "menuitem",
|
|
3091
3093
|
"aria-disabled": L.disabled || void 0,
|
|
3092
3094
|
tabindex: L.disabled ? -1 : 0,
|
|
3093
|
-
onClick: (
|
|
3095
|
+
onClick: (R) => b(L, R)
|
|
3094
3096
|
}), [
|
|
3095
|
-
L.icon ? (o(),
|
|
3097
|
+
L.icon ? (o(), Q(P, {
|
|
3096
3098
|
key: 0,
|
|
3097
3099
|
name: L.icon,
|
|
3098
3100
|
size: 16,
|
|
3099
3101
|
class: "wl-menu__icon"
|
|
3100
3102
|
}, null, 8, ["name"])) : x("", !0),
|
|
3101
|
-
|
|
3102
|
-
L.shortcut ? (o(), s("span",
|
|
3103
|
-
], 16,
|
|
3103
|
+
p("span", Qn, C(L.label), 1),
|
|
3104
|
+
L.shortcut ? (o(), s("span", el, C(L.shortcut), 1)) : x("", !0)
|
|
3105
|
+
], 16, Xn)
|
|
3104
3106
|
], 16))
|
|
3105
|
-
], 16,
|
|
3106
|
-
], 16,
|
|
3107
|
+
], 16, Jn))), 128))
|
|
3108
|
+
], 16, Zn)
|
|
3107
3109
|
], 16)) : x("", !0)
|
|
3108
3110
|
]),
|
|
3109
3111
|
_: 1
|
|
3110
3112
|
}, 8, ["css", "onBeforeLeave", "onBeforeEnter", "onLeaveCancelled"])
|
|
3111
3113
|
], 8, ["disabled"]));
|
|
3112
3114
|
}
|
|
3113
|
-
}),
|
|
3115
|
+
}), al = ["data-size", "data-density"], tl = {
|
|
3114
3116
|
key: 0,
|
|
3115
3117
|
class: "wl-multiselect__label"
|
|
3116
|
-
},
|
|
3118
|
+
}, nl = ["aria-label", "onClick"], ll = ["data-placeholder"], ol = ["aria-expanded", "aria-invalid", "disabled", "value"], il = ["data-active", "aria-selected", "onClick"], Bi = /* @__PURE__ */ F({
|
|
3117
3119
|
inheritAttrs: !1,
|
|
3118
3120
|
__name: "WlMultiSelect",
|
|
3119
3121
|
props: /* @__PURE__ */ ae({
|
|
@@ -3136,17 +3138,17 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3136
3138
|
}),
|
|
3137
3139
|
emits: ["update:modelValue"],
|
|
3138
3140
|
setup(e) {
|
|
3139
|
-
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = G(null), r = G(null),
|
|
3141
|
+
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = G(null), r = G(null), u = G(""), m = X("multiselect", f(() => t.pt)), h = we(f(() => t.motion)), { visible: g, panel: y, style: v, show: w, hide: b } = Le(), $ = f(() => t.options.filter((E) => a.value.some((_) => Object.is(ue(E, t.optionValue), _)))), z = f(() => t.options.filter((E) => !u.value || pe(E, t.optionLabel).toLocaleLowerCase().includes(u.value.toLocaleLowerCase()))), M = f(() => $.value.map((E) => pe(E, t.optionLabel))), L = f(() => M.value.length ? t.maxSelectedLabels !== void 0 && M.value.length > t.maxSelectedLabels ? `${M.value.length} выбрано` : M.value.join(", ") : t.placeholder ?? "");
|
|
3140
3142
|
function q(E) {
|
|
3141
3143
|
const _ = z.value[E];
|
|
3142
3144
|
if (_ === void 0) return;
|
|
3143
|
-
const W =
|
|
3145
|
+
const W = ue(_, t.optionValue);
|
|
3144
3146
|
a.value = a.value.some((S) => Object.is(S, W)) ? a.value.filter((S) => !Object.is(S, W)) : [...a.value, W], me(() => {
|
|
3145
3147
|
var S;
|
|
3146
3148
|
return (S = d.value) == null ? void 0 : S.focus();
|
|
3147
3149
|
});
|
|
3148
3150
|
}
|
|
3149
|
-
function
|
|
3151
|
+
function R(E) {
|
|
3150
3152
|
a.value = a.value.filter((_) => !Object.is(_, E));
|
|
3151
3153
|
}
|
|
3152
3154
|
const { active: K, onKeydown: I } = ya(() => z.value.length, q, b);
|
|
@@ -3156,35 +3158,35 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3156
3158
|
return (_ = r.value) == null ? void 0 : _.focus();
|
|
3157
3159
|
}));
|
|
3158
3160
|
}
|
|
3159
|
-
function
|
|
3161
|
+
function U(E) {
|
|
3160
3162
|
t.disabled || (!g.value && ["ArrowDown", "Enter", " "].includes(E.key) ? (E.preventDefault(), B(E)) : I(E));
|
|
3161
3163
|
}
|
|
3162
|
-
return (E, _) => (o(), s(
|
|
3163
|
-
|
|
3164
|
+
return (E, _) => (o(), s(j, null, [
|
|
3165
|
+
p("div", c(n(de)(i.value.rootAttrs, n(m)("root")), {
|
|
3164
3166
|
class: ["wl-multiselect", [`wl-multiselect--${e.size}`, { "is-invalid": e.invalid, "is-disabled": e.disabled, "is-compact": e.density === "compact" }]],
|
|
3165
3167
|
"data-wl": "multiselect",
|
|
3166
3168
|
"data-size": e.size,
|
|
3167
3169
|
"data-density": e.density,
|
|
3168
3170
|
onClick: B
|
|
3169
3171
|
}), [
|
|
3170
|
-
|
|
3171
|
-
e.display === "chip" && $.value.length ? (o(), s("div",
|
|
3172
|
-
(o(!0), s(
|
|
3173
|
-
key: String(n(
|
|
3172
|
+
p("div", c(n(m)("labelContainer"), { class: "wl-multiselect__label-container" }), [
|
|
3173
|
+
e.display === "chip" && $.value.length ? (o(), s("div", tl, [
|
|
3174
|
+
(o(!0), s(j, null, Z($.value, (W) => (o(), s("span", c({
|
|
3175
|
+
key: String(n(ue)(W, t.optionValue))
|
|
3174
3176
|
}, { ref_for: !0 }, n(de)(n(m)("chipItem"), n(m)("pcChip.root")), { class: "wl-multiselect__chip" }), [
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
+
p("span", c({ ref_for: !0 }, n(m)("pcChip.label"), { class: "wl-multiselect__chip-label" }), C(n(pe)(W, t.optionLabel)), 17),
|
|
3178
|
+
p("button", c({ ref_for: !0 }, n(m)("pcChip.removeIcon"), {
|
|
3177
3179
|
type: "button",
|
|
3178
3180
|
class: "wl-multiselect__chip-remove",
|
|
3179
|
-
"aria-label": `Удалить ${n(
|
|
3180
|
-
onClick: fe((S) =>
|
|
3181
|
-
}), "×", 16,
|
|
3181
|
+
"aria-label": `Удалить ${n(pe)(W, t.optionLabel)}`,
|
|
3182
|
+
onClick: fe((S) => R(n(ue)(W, t.optionValue)), ["stop"])
|
|
3183
|
+
}), "×", 16, nl)
|
|
3182
3184
|
], 16))), 128))
|
|
3183
3185
|
])) : (o(), s("span", c({ key: 1 }, n(m)("label"), {
|
|
3184
3186
|
class: "wl-multiselect__label",
|
|
3185
3187
|
"data-placeholder": !M.value.length || void 0
|
|
3186
|
-
}), C(L.value), 17,
|
|
3187
|
-
|
|
3188
|
+
}), C(L.value), 17, ll)),
|
|
3189
|
+
p("input", c({
|
|
3188
3190
|
ref_key: "control",
|
|
3189
3191
|
ref: d
|
|
3190
3192
|
}, n(de)(i.value.inputAttrs, n(m)("hiddenInput")), {
|
|
@@ -3197,18 +3199,22 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3197
3199
|
"aria-invalid": e.invalid || void 0,
|
|
3198
3200
|
disabled: e.disabled,
|
|
3199
3201
|
value: L.value,
|
|
3200
|
-
onKeydown:
|
|
3201
|
-
}), null, 16,
|
|
3202
|
+
onKeydown: U
|
|
3203
|
+
}), null, 16, ol)
|
|
3202
3204
|
], 16),
|
|
3203
|
-
|
|
3205
|
+
p("span", c(n(m)("dropdown"), {
|
|
3204
3206
|
class: "wl-multiselect__dropdown",
|
|
3205
3207
|
"aria-hidden": "true"
|
|
3206
3208
|
}), [
|
|
3207
|
-
|
|
3209
|
+
T(P, c(n(m)("dropdownIcon"), {
|
|
3210
|
+
class: "wl-multiselect__dropdown-icon",
|
|
3211
|
+
name: "chevron-down",
|
|
3212
|
+
size: 14
|
|
3213
|
+
}), null, 16)
|
|
3208
3214
|
], 16)
|
|
3209
|
-
], 16,
|
|
3210
|
-
(o(),
|
|
3211
|
-
|
|
3215
|
+
], 16, al),
|
|
3216
|
+
(o(), Q(ve, { to: "body" }, [
|
|
3217
|
+
T(ge, {
|
|
3212
3218
|
name: "wl-pop-motion",
|
|
3213
3219
|
css: n(h),
|
|
3214
3220
|
onBeforeLeave: n(ye),
|
|
@@ -3225,41 +3231,41 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3225
3231
|
style: n(v)
|
|
3226
3232
|
}), [
|
|
3227
3233
|
e.filter ? (o(), s("div", c({ key: 0 }, n(m)("header"), { class: "wl-multiselect__header" }), [
|
|
3228
|
-
|
|
3234
|
+
T(P, c(n(m)("filterIcon"), {
|
|
3229
3235
|
name: "search",
|
|
3230
3236
|
size: 14
|
|
3231
3237
|
}), null, 16),
|
|
3232
|
-
ie(
|
|
3238
|
+
ie(p("input", c({
|
|
3233
3239
|
ref_key: "filterInput",
|
|
3234
3240
|
ref: r
|
|
3235
3241
|
}, n(m)("pcFilter.root"), {
|
|
3236
|
-
"onUpdate:modelValue": _[0] || (_[0] = (W) =>
|
|
3242
|
+
"onUpdate:modelValue": _[0] || (_[0] = (W) => u.value = W),
|
|
3237
3243
|
class: "wl-input wl-input--sm wl-multiselect__filter",
|
|
3238
3244
|
type: "search",
|
|
3239
3245
|
"aria-label": "Фильтр",
|
|
3240
3246
|
onKeydown: _[1] || (_[1] = //@ts-ignore
|
|
3241
3247
|
(...W) => n(I) && n(I)(...W))
|
|
3242
3248
|
}), null, 16), [
|
|
3243
|
-
[$e,
|
|
3249
|
+
[$e, u.value]
|
|
3244
3250
|
])
|
|
3245
3251
|
], 16)) : x("", !0),
|
|
3246
|
-
|
|
3247
|
-
|
|
3252
|
+
p("div", c(n(m)("listContainer"), { class: "wl-select__list-container" }), [
|
|
3253
|
+
p("div", c(n(m)("list"), {
|
|
3248
3254
|
class: "wl-select__list",
|
|
3249
3255
|
role: "listbox",
|
|
3250
3256
|
"aria-multiselectable": "true"
|
|
3251
3257
|
}), [
|
|
3252
|
-
(o(!0), s(
|
|
3258
|
+
(o(!0), s(j, null, Z(z.value, (W, S) => (o(), s("div", c({ key: S }, { ref_for: !0 }, n(m)("option", { focused: n(K) === S, selected: a.value.some((k) => Object.is(k, n(ue)(W, t.optionValue))) }), {
|
|
3253
3259
|
class: "wl-select__option",
|
|
3254
3260
|
role: "option",
|
|
3255
3261
|
"data-active": n(K) === S,
|
|
3256
|
-
"aria-selected": a.value.some((k) => Object.is(k, n(
|
|
3262
|
+
"aria-selected": a.value.some((k) => Object.is(k, n(ue)(W, t.optionValue))),
|
|
3257
3263
|
onPointerdown: _[2] || (_[2] = fe(() => {
|
|
3258
3264
|
}, ["prevent"])),
|
|
3259
3265
|
onClick: (k) => q(S)
|
|
3260
3266
|
}), [
|
|
3261
|
-
|
|
3262
|
-
], 16,
|
|
3267
|
+
p("span", c({ ref_for: !0 }, n(m)("optionLabel")), C(n(pe)(W, t.optionLabel)), 17)
|
|
3268
|
+
], 16, il))), 128)),
|
|
3263
3269
|
z.value.length === 0 ? (o(), s("div", c({ key: 0 }, n(m)("emptyMessage"), { class: "wl-select__empty" }), "Нет вариантов", 16)) : x("", !0)
|
|
3264
3270
|
], 16)
|
|
3265
3271
|
], 16)
|
|
@@ -3270,7 +3276,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3270
3276
|
]))
|
|
3271
3277
|
], 64));
|
|
3272
3278
|
}
|
|
3273
|
-
}),
|
|
3279
|
+
}), rl = { class: "wl-nav-item__label" }, ra = /* @__PURE__ */ F({
|
|
3274
3280
|
__name: "WlNavItem",
|
|
3275
3281
|
props: {
|
|
3276
3282
|
label: {},
|
|
@@ -3292,10 +3298,10 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3292
3298
|
}
|
|
3293
3299
|
l("click", r);
|
|
3294
3300
|
}
|
|
3295
|
-
return (r,
|
|
3301
|
+
return (r, u) => (o(), Q(pa(i.value), {
|
|
3296
3302
|
href: i.value === "a" && !e.disabled ? e.href : void 0,
|
|
3297
3303
|
type: i.value === "button" ? "button" : void 0,
|
|
3298
|
-
class:
|
|
3304
|
+
class: ee(["wl-nav-item", { "is-active": e.active, "is-disabled": e.disabled }]),
|
|
3299
3305
|
disabled: i.value === "button" ? e.disabled : void 0,
|
|
3300
3306
|
"aria-disabled": i.value === "a" && e.disabled ? !0 : void 0,
|
|
3301
3307
|
tabindex: i.value === "a" && e.disabled ? -1 : void 0,
|
|
@@ -3307,13 +3313,13 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3307
3313
|
onClick: d
|
|
3308
3314
|
}, {
|
|
3309
3315
|
default: ne(() => [
|
|
3310
|
-
e.icon ? (o(),
|
|
3316
|
+
e.icon ? (o(), Q(P, {
|
|
3311
3317
|
key: 0,
|
|
3312
3318
|
name: e.icon,
|
|
3313
3319
|
size: 17,
|
|
3314
3320
|
class: "wl-nav-item__icon"
|
|
3315
3321
|
}, null, 8, ["name"])) : x("", !0),
|
|
3316
|
-
ie(
|
|
3322
|
+
ie(p("span", rl, [
|
|
3317
3323
|
D(r.$slots, "default", {}, () => [
|
|
3318
3324
|
le(C(e.label), 1)
|
|
3319
3325
|
])
|
|
@@ -3330,7 +3336,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3330
3336
|
_: 3
|
|
3331
3337
|
}, 8, ["href", "type", "class", "disabled", "aria-disabled", "tabindex", "aria-current", "aria-label", "title", "data-collapsed"]));
|
|
3332
3338
|
}
|
|
3333
|
-
}),
|
|
3339
|
+
}), sl = ["data-size", "data-density"], dl = ["disabled", "aria-label"], cl = ["inputmode", "disabled", "aria-label", "aria-invalid", "aria-valuemin", "aria-valuemax", "aria-valuenow"], ul = ["disabled", "aria-label"], Si = /* @__PURE__ */ F({
|
|
3334
3340
|
inheritAttrs: !1,
|
|
3335
3341
|
__name: "WlNumberInput",
|
|
3336
3342
|
props: /* @__PURE__ */ ae({
|
|
@@ -3350,7 +3356,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3350
3356
|
}),
|
|
3351
3357
|
emits: ["update:modelValue"],
|
|
3352
3358
|
setup(e) {
|
|
3353
|
-
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs),
|
|
3359
|
+
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs), u = f(
|
|
3354
3360
|
() => typeof d.value.inputmode == "string" ? d.value.inputmode : "numeric"
|
|
3355
3361
|
), m = G(String(a.value));
|
|
3356
3362
|
se(a, (b) => {
|
|
@@ -3380,19 +3386,19 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3380
3386
|
"data-size": e.size,
|
|
3381
3387
|
"data-density": e.density
|
|
3382
3388
|
}), [
|
|
3383
|
-
|
|
3389
|
+
p("button", {
|
|
3384
3390
|
type: "button",
|
|
3385
3391
|
class: "wl-stepper__btn",
|
|
3386
3392
|
disabled: e.disabled,
|
|
3387
3393
|
"aria-label": e.decrementLabel,
|
|
3388
3394
|
onClick: $[0] || ($[0] = (z) => y(-1))
|
|
3389
3395
|
}, [
|
|
3390
|
-
|
|
3396
|
+
T(P, {
|
|
3391
3397
|
name: "minus",
|
|
3392
3398
|
size: 14
|
|
3393
3399
|
})
|
|
3394
|
-
], 8,
|
|
3395
|
-
ie(
|
|
3400
|
+
], 8, dl),
|
|
3401
|
+
ie(p("input", c({
|
|
3396
3402
|
"onUpdate:modelValue": $[1] || ($[1] = (z) => m.value = z),
|
|
3397
3403
|
class: ["wl-input wl-stepper__input", [
|
|
3398
3404
|
`wl-input--${e.size}`,
|
|
@@ -3403,7 +3409,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3403
3409
|
}, d.value, {
|
|
3404
3410
|
type: "text",
|
|
3405
3411
|
role: "spinbutton",
|
|
3406
|
-
inputmode:
|
|
3412
|
+
inputmode: u.value,
|
|
3407
3413
|
disabled: e.disabled,
|
|
3408
3414
|
"aria-label": e.ariaLabel,
|
|
3409
3415
|
"aria-invalid": e.invalid || void 0,
|
|
@@ -3415,33 +3421,33 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3415
3421
|
Ze(v, ["enter"]),
|
|
3416
3422
|
w
|
|
3417
3423
|
]
|
|
3418
|
-
}), null, 16,
|
|
3424
|
+
}), null, 16, cl), [
|
|
3419
3425
|
[$e, m.value]
|
|
3420
3426
|
]),
|
|
3421
|
-
|
|
3427
|
+
p("button", {
|
|
3422
3428
|
type: "button",
|
|
3423
3429
|
class: "wl-stepper__btn",
|
|
3424
3430
|
disabled: e.disabled,
|
|
3425
3431
|
"aria-label": e.incrementLabel,
|
|
3426
3432
|
onClick: $[2] || ($[2] = (z) => y(1))
|
|
3427
3433
|
}, [
|
|
3428
|
-
|
|
3434
|
+
T(P, {
|
|
3429
3435
|
name: "plus",
|
|
3430
3436
|
size: 14
|
|
3431
3437
|
})
|
|
3432
|
-
], 8,
|
|
3433
|
-
], 16,
|
|
3438
|
+
], 8, ul)
|
|
3439
|
+
], 16, sl));
|
|
3434
3440
|
}
|
|
3435
|
-
}),
|
|
3441
|
+
}), pl = {
|
|
3436
3442
|
key: 0,
|
|
3437
3443
|
class: "wl-pager"
|
|
3438
|
-
},
|
|
3444
|
+
}, ml = ["disabled"], yl = ["disabled"], fl = {
|
|
3439
3445
|
key: 0,
|
|
3440
3446
|
class: "wl-pager__gap"
|
|
3441
|
-
},
|
|
3447
|
+
}, vl = ["disabled", "aria-current", "onClick"], wl = ["disabled"], bl = ["disabled"], gl = {
|
|
3442
3448
|
key: 1,
|
|
3443
3449
|
class: "wl-pager wl-pager--compact"
|
|
3444
|
-
},
|
|
3450
|
+
}, hl = ["disabled"], _l = ["disabled"], kl = { class: "wl-pager__total" }, xl = ["disabled"], Ii = /* @__PURE__ */ F({
|
|
3445
3451
|
__name: "WlPagination",
|
|
3446
3452
|
props: {
|
|
3447
3453
|
page: { default: 1 },
|
|
@@ -3466,11 +3472,11 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3466
3472
|
function r(v, w) {
|
|
3467
3473
|
return Array.from({ length: w - v + 1 }, (b, $) => v + $);
|
|
3468
3474
|
}
|
|
3469
|
-
function
|
|
3475
|
+
function u(v) {
|
|
3470
3476
|
return Math.min(Math.max(v, 1), Math.max(a.pageCount, 1));
|
|
3471
3477
|
}
|
|
3472
3478
|
function m(v) {
|
|
3473
|
-
const w =
|
|
3479
|
+
const w = u(v + 1);
|
|
3474
3480
|
w !== a.page && l("update:page", w);
|
|
3475
3481
|
}
|
|
3476
3482
|
const h = m, g = G(String(a.page));
|
|
@@ -3481,7 +3487,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3481
3487
|
}
|
|
3482
3488
|
);
|
|
3483
3489
|
function y(v) {
|
|
3484
|
-
const w = Number.parseInt(g.value, 10), b =
|
|
3490
|
+
const w = Number.parseInt(g.value, 10), b = u(Number.isNaN(w) ? a.page : w);
|
|
3485
3491
|
g.value = String(b), b !== a.page && v(b - 1);
|
|
3486
3492
|
}
|
|
3487
3493
|
return (v, w) => (o(), s("nav", c(n(i)("root"), {
|
|
@@ -3490,20 +3496,20 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3490
3496
|
"data-wl": "pagination",
|
|
3491
3497
|
"onUpdate:first": m
|
|
3492
3498
|
}), [
|
|
3493
|
-
e.compact ? (o(), s("div",
|
|
3494
|
-
|
|
3499
|
+
e.compact ? (o(), s("div", gl, [
|
|
3500
|
+
p("button", {
|
|
3495
3501
|
type: "button",
|
|
3496
3502
|
class: "wl-pager__btn wl-pager__nav",
|
|
3497
3503
|
disabled: e.disabled || e.page <= 1,
|
|
3498
3504
|
"aria-label": "Предыдущая страница",
|
|
3499
3505
|
onClick: w[4] || (w[4] = (b) => n(h)(e.page - 2))
|
|
3500
3506
|
}, [
|
|
3501
|
-
|
|
3507
|
+
T(P, {
|
|
3502
3508
|
name: "chevron-left",
|
|
3503
3509
|
size: 14
|
|
3504
3510
|
})
|
|
3505
|
-
], 8,
|
|
3506
|
-
ie(
|
|
3511
|
+
], 8, hl),
|
|
3512
|
+
ie(p("input", {
|
|
3507
3513
|
"onUpdate:modelValue": w[5] || (w[5] = (b) => g.value = b),
|
|
3508
3514
|
class: "wl-pager__input",
|
|
3509
3515
|
disabled: e.disabled,
|
|
@@ -3511,113 +3517,113 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3511
3517
|
"aria-label": "Номер страницы",
|
|
3512
3518
|
onKeydown: w[6] || (w[6] = Ze((b) => y(n(h)), ["enter"])),
|
|
3513
3519
|
onBlur: w[7] || (w[7] = (b) => y(n(h)))
|
|
3514
|
-
}, null, 40,
|
|
3520
|
+
}, null, 40, _l), [
|
|
3515
3521
|
[$e, g.value]
|
|
3516
3522
|
]),
|
|
3517
|
-
|
|
3518
|
-
|
|
3523
|
+
p("span", kl, "из " + C(e.pageCount), 1),
|
|
3524
|
+
p("button", {
|
|
3519
3525
|
type: "button",
|
|
3520
3526
|
class: "wl-pager__btn wl-pager__nav",
|
|
3521
3527
|
disabled: e.disabled || e.page >= e.pageCount,
|
|
3522
3528
|
"aria-label": "Следующая страница",
|
|
3523
3529
|
onClick: w[8] || (w[8] = (b) => n(h)(e.page))
|
|
3524
3530
|
}, [
|
|
3525
|
-
|
|
3531
|
+
T(P, {
|
|
3526
3532
|
name: "chevron-right",
|
|
3527
3533
|
size: 14
|
|
3528
3534
|
})
|
|
3529
|
-
], 8,
|
|
3530
|
-
])) : (o(), s("div",
|
|
3531
|
-
|
|
3535
|
+
], 8, xl)
|
|
3536
|
+
])) : (o(), s("div", pl, [
|
|
3537
|
+
p("button", {
|
|
3532
3538
|
type: "button",
|
|
3533
3539
|
class: "wl-pager__btn wl-pager__nav",
|
|
3534
3540
|
disabled: e.disabled || e.page <= 1,
|
|
3535
3541
|
"aria-label": "Первая страница",
|
|
3536
3542
|
onClick: w[0] || (w[0] = (b) => n(h)(0))
|
|
3537
3543
|
}, [
|
|
3538
|
-
|
|
3544
|
+
T(P, {
|
|
3539
3545
|
name: "chevron-left",
|
|
3540
3546
|
size: 14
|
|
3541
3547
|
}),
|
|
3542
|
-
|
|
3548
|
+
T(P, {
|
|
3543
3549
|
name: "chevron-left",
|
|
3544
3550
|
size: 14,
|
|
3545
3551
|
class: "wl-pager__nav-overlap"
|
|
3546
3552
|
})
|
|
3547
|
-
], 8,
|
|
3548
|
-
|
|
3553
|
+
], 8, ml),
|
|
3554
|
+
p("button", {
|
|
3549
3555
|
type: "button",
|
|
3550
3556
|
class: "wl-pager__btn wl-pager__nav",
|
|
3551
3557
|
disabled: e.disabled || e.page <= 1,
|
|
3552
3558
|
"aria-label": "Предыдущая страница",
|
|
3553
3559
|
onClick: w[1] || (w[1] = (b) => n(h)(e.page - 2))
|
|
3554
3560
|
}, [
|
|
3555
|
-
|
|
3561
|
+
T(P, {
|
|
3556
3562
|
name: "chevron-left",
|
|
3557
3563
|
size: 14
|
|
3558
3564
|
})
|
|
3559
|
-
], 8,
|
|
3560
|
-
(o(!0), s(
|
|
3561
|
-
b === "gap" ? (o(), s("span",
|
|
3565
|
+
], 8, yl),
|
|
3566
|
+
(o(!0), s(j, null, Z(d.value, (b, $) => (o(), s(j, { key: $ }, [
|
|
3567
|
+
b === "gap" ? (o(), s("span", fl, "…")) : (o(), s("button", {
|
|
3562
3568
|
key: 1,
|
|
3563
3569
|
type: "button",
|
|
3564
|
-
class:
|
|
3570
|
+
class: ee(["wl-pager__btn", { "is-active": b === e.page }]),
|
|
3565
3571
|
disabled: e.disabled,
|
|
3566
3572
|
"aria-current": b === e.page ? "page" : void 0,
|
|
3567
3573
|
onClick: (z) => n(h)(b - 1)
|
|
3568
|
-
}, C(b), 11,
|
|
3574
|
+
}, C(b), 11, vl))
|
|
3569
3575
|
], 64))), 128)),
|
|
3570
|
-
|
|
3576
|
+
p("button", {
|
|
3571
3577
|
type: "button",
|
|
3572
3578
|
class: "wl-pager__btn wl-pager__nav",
|
|
3573
3579
|
disabled: e.disabled || e.page >= e.pageCount,
|
|
3574
3580
|
"aria-label": "Следующая страница",
|
|
3575
3581
|
onClick: w[2] || (w[2] = (b) => n(h)(e.page))
|
|
3576
3582
|
}, [
|
|
3577
|
-
|
|
3583
|
+
T(P, {
|
|
3578
3584
|
name: "chevron-right",
|
|
3579
3585
|
size: 14
|
|
3580
3586
|
})
|
|
3581
|
-
], 8,
|
|
3582
|
-
|
|
3587
|
+
], 8, wl),
|
|
3588
|
+
p("button", {
|
|
3583
3589
|
type: "button",
|
|
3584
3590
|
class: "wl-pager__btn wl-pager__nav",
|
|
3585
3591
|
disabled: e.disabled || e.page >= e.pageCount,
|
|
3586
3592
|
"aria-label": "Последняя страница",
|
|
3587
3593
|
onClick: w[3] || (w[3] = (b) => n(h)(e.pageCount - 1))
|
|
3588
3594
|
}, [
|
|
3589
|
-
|
|
3595
|
+
T(P, {
|
|
3590
3596
|
name: "chevron-right",
|
|
3591
3597
|
size: 14
|
|
3592
3598
|
}),
|
|
3593
|
-
|
|
3599
|
+
T(P, {
|
|
3594
3600
|
name: "chevron-right",
|
|
3595
3601
|
size: 14,
|
|
3596
3602
|
class: "wl-pager__nav-overlap"
|
|
3597
3603
|
})
|
|
3598
|
-
], 8,
|
|
3604
|
+
], 8, bl)
|
|
3599
3605
|
]))
|
|
3600
3606
|
], 16));
|
|
3601
3607
|
}
|
|
3602
|
-
}),
|
|
3608
|
+
}), $l = ["data-size", "data-density"], zl = {
|
|
3603
3609
|
key: 0,
|
|
3604
3610
|
class: "wl-page-header__breadcrumbs"
|
|
3605
|
-
},
|
|
3611
|
+
}, Wl = { class: "wl-page-header__main" }, Ll = { class: "wl-page-header__content" }, Cl = {
|
|
3606
3612
|
key: 0,
|
|
3607
3613
|
class: "wl-page-header__eyebrow"
|
|
3608
|
-
},
|
|
3614
|
+
}, Ml = {
|
|
3609
3615
|
key: 1,
|
|
3610
3616
|
class: "wl-page-header__description"
|
|
3611
|
-
},
|
|
3617
|
+
}, Bl = {
|
|
3612
3618
|
key: 2,
|
|
3613
3619
|
class: "wl-page-header__meta"
|
|
3614
|
-
},
|
|
3620
|
+
}, Sl = {
|
|
3615
3621
|
key: 0,
|
|
3616
3622
|
class: "wl-page-header__actions"
|
|
3617
|
-
},
|
|
3623
|
+
}, Il = {
|
|
3618
3624
|
key: 1,
|
|
3619
3625
|
class: "wl-page-header__navigation"
|
|
3620
|
-
},
|
|
3626
|
+
}, Di = /* @__PURE__ */ F({
|
|
3621
3627
|
__name: "WlPageHeader",
|
|
3622
3628
|
props: {
|
|
3623
3629
|
title: { default: "" },
|
|
@@ -3628,9 +3634,9 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3628
3634
|
density: { default: "default" }
|
|
3629
3635
|
},
|
|
3630
3636
|
setup(e) {
|
|
3631
|
-
const t = e, a = Te(), l = f(() => `h${t.headingLevel}`), i = f(() => !!(t.eyebrow || a.eyebrow)), d = f(() => !!(t.description || a.description)), r = f(() => !!a.meta),
|
|
3637
|
+
const t = e, a = Te(), l = f(() => `h${t.headingLevel}`), i = f(() => !!(t.eyebrow || a.eyebrow)), d = f(() => !!(t.description || a.description)), r = f(() => !!a.meta), u = f(() => !!a.actions);
|
|
3632
3638
|
return (m, h) => (o(), s("header", {
|
|
3633
|
-
class:
|
|
3639
|
+
class: ee(["wl-page-header", [
|
|
3634
3640
|
`wl-page-header--${e.size}`,
|
|
3635
3641
|
e.density === "compact" && "wl-page-header--compact"
|
|
3636
3642
|
]]),
|
|
@@ -3638,18 +3644,18 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3638
3644
|
"data-size": e.size,
|
|
3639
3645
|
"data-density": e.density
|
|
3640
3646
|
}, [
|
|
3641
|
-
m.$slots.breadcrumbs ? (o(), s("div",
|
|
3647
|
+
m.$slots.breadcrumbs ? (o(), s("div", zl, [
|
|
3642
3648
|
D(m.$slots, "breadcrumbs")
|
|
3643
3649
|
])) : x("", !0),
|
|
3644
|
-
|
|
3645
|
-
|
|
3646
|
-
i.value ? (o(), s("div",
|
|
3650
|
+
p("div", Wl, [
|
|
3651
|
+
p("div", Ll, [
|
|
3652
|
+
i.value ? (o(), s("div", Cl, [
|
|
3647
3653
|
D(m.$slots, "eyebrow", {}, () => [
|
|
3648
3654
|
le(C(e.eyebrow), 1)
|
|
3649
3655
|
])
|
|
3650
3656
|
])) : x("", !0),
|
|
3651
|
-
(o(),
|
|
3652
|
-
class:
|
|
3657
|
+
(o(), Q(pa(l.value), {
|
|
3658
|
+
class: ee(["wl-page-header__title", `wl-page-header__title--${e.size}`])
|
|
3653
3659
|
}, {
|
|
3654
3660
|
default: ne(() => [
|
|
3655
3661
|
D(m.$slots, "title", {}, () => [
|
|
@@ -3658,25 +3664,25 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3658
3664
|
]),
|
|
3659
3665
|
_: 3
|
|
3660
3666
|
}, 8, ["class"])),
|
|
3661
|
-
d.value ? (o(), s("div",
|
|
3667
|
+
d.value ? (o(), s("div", Ml, [
|
|
3662
3668
|
D(m.$slots, "description", {}, () => [
|
|
3663
3669
|
le(C(e.description), 1)
|
|
3664
3670
|
])
|
|
3665
3671
|
])) : x("", !0),
|
|
3666
|
-
r.value ? (o(), s("div",
|
|
3672
|
+
r.value ? (o(), s("div", Bl, [
|
|
3667
3673
|
D(m.$slots, "meta")
|
|
3668
3674
|
])) : x("", !0)
|
|
3669
3675
|
]),
|
|
3670
|
-
|
|
3676
|
+
u.value ? (o(), s("div", Sl, [
|
|
3671
3677
|
D(m.$slots, "actions")
|
|
3672
3678
|
])) : x("", !0)
|
|
3673
3679
|
]),
|
|
3674
|
-
m.$slots.navigation ? (o(), s("div",
|
|
3680
|
+
m.$slots.navigation ? (o(), s("div", Il, [
|
|
3675
3681
|
D(m.$slots, "navigation")
|
|
3676
3682
|
])) : x("", !0)
|
|
3677
|
-
], 10,
|
|
3683
|
+
], 10, $l));
|
|
3678
3684
|
}
|
|
3679
|
-
}),
|
|
3685
|
+
}), Dl = ["data-size", "data-density"], El = ["type", "placeholder", "disabled", "aria-label", "aria-invalid"], Al = ["disabled", "aria-label", "aria-pressed"], Ei = /* @__PURE__ */ F({
|
|
3680
3686
|
inheritAttrs: !1,
|
|
3681
3687
|
__name: "WlPasswordInput",
|
|
3682
3688
|
props: /* @__PURE__ */ ae({
|
|
@@ -3693,14 +3699,14 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3693
3699
|
emits: ["update:modelValue"],
|
|
3694
3700
|
setup(e) {
|
|
3695
3701
|
const t = te(e, "modelValue"), a = G(!1), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs);
|
|
3696
|
-
return (
|
|
3702
|
+
return (u, m) => (o(), s("div", c({
|
|
3697
3703
|
class: ["wl-input-wrap wl-input-wrap--has-btn", { "is-disabled": e.disabled }]
|
|
3698
3704
|
}, r.value, {
|
|
3699
3705
|
"data-wl": "password-input",
|
|
3700
3706
|
"data-size": e.size,
|
|
3701
3707
|
"data-density": e.density
|
|
3702
3708
|
}), [
|
|
3703
|
-
ie(
|
|
3709
|
+
ie(p("input", c({
|
|
3704
3710
|
"onUpdate:modelValue": m[0] || (m[0] = (h) => t.value = h),
|
|
3705
3711
|
class: ["wl-input", [
|
|
3706
3712
|
`wl-input--${e.size}`,
|
|
@@ -3714,10 +3720,10 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3714
3720
|
disabled: e.disabled,
|
|
3715
3721
|
"aria-label": e.ariaLabel,
|
|
3716
3722
|
"aria-invalid": e.invalid || void 0
|
|
3717
|
-
}), null, 16,
|
|
3723
|
+
}), null, 16, El), [
|
|
3718
3724
|
[Ye, t.value]
|
|
3719
3725
|
]),
|
|
3720
|
-
|
|
3726
|
+
p("button", {
|
|
3721
3727
|
type: "button",
|
|
3722
3728
|
class: "wl-input-wrap__btn",
|
|
3723
3729
|
disabled: e.disabled,
|
|
@@ -3725,14 +3731,14 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3725
3731
|
"aria-pressed": a.value,
|
|
3726
3732
|
onClick: m[1] || (m[1] = (h) => a.value = !a.value)
|
|
3727
3733
|
}, [
|
|
3728
|
-
|
|
3734
|
+
T(P, {
|
|
3729
3735
|
name: a.value ? "eye-off" : "eye",
|
|
3730
3736
|
size: 13
|
|
3731
3737
|
}, null, 8, ["name"])
|
|
3732
|
-
], 8,
|
|
3733
|
-
], 16,
|
|
3738
|
+
], 8, Al)
|
|
3739
|
+
], 16, Dl));
|
|
3734
3740
|
}
|
|
3735
|
-
}),
|
|
3741
|
+
}), Vl = ["data-variant"], Ai = /* @__PURE__ */ F({
|
|
3736
3742
|
__name: "WlPill",
|
|
3737
3743
|
props: {
|
|
3738
3744
|
variant: { default: "neutral" },
|
|
@@ -3740,16 +3746,16 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3740
3746
|
},
|
|
3741
3747
|
setup(e) {
|
|
3742
3748
|
return (t, a) => (o(), s("span", {
|
|
3743
|
-
class:
|
|
3749
|
+
class: ee(["wl-pill", `wl-pill--${e.variant}`]),
|
|
3744
3750
|
"data-wl": "pill",
|
|
3745
3751
|
"data-variant": e.variant
|
|
3746
3752
|
}, [
|
|
3747
3753
|
D(t.$slots, "default", {}, () => [
|
|
3748
3754
|
le(C(e.label), 1)
|
|
3749
3755
|
])
|
|
3750
|
-
], 10,
|
|
3756
|
+
], 10, Vl));
|
|
3751
3757
|
}
|
|
3752
|
-
}),
|
|
3758
|
+
}), Tl = ["aria-label", "aria-labelledby"], Vi = /* @__PURE__ */ F({
|
|
3753
3759
|
__name: "WlPopover",
|
|
3754
3760
|
props: {
|
|
3755
3761
|
dismissable: { type: Boolean, default: !0 },
|
|
@@ -3761,14 +3767,14 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3761
3767
|
},
|
|
3762
3768
|
emits: ["open", "close"],
|
|
3763
3769
|
setup(e, { expose: t, emit: a }) {
|
|
3764
|
-
const l = e, i = a, d = X("popover", f(() => l.pt)), r = we(f(() => l.motion)), { visible:
|
|
3770
|
+
const l = e, i = a, d = X("popover", f(() => l.pt)), r = we(f(() => l.motion)), { visible: u, panel: m, style: h, toggle: g, show: y, hide: v } = Le({
|
|
3765
3771
|
dismissable: () => l.dismissable,
|
|
3766
3772
|
closeOnEscape: () => l.closeOnEscape,
|
|
3767
3773
|
onOpen: () => i("open"),
|
|
3768
3774
|
onClose: () => i("close")
|
|
3769
3775
|
});
|
|
3770
|
-
return t({ toggle: g, show: y, hide: v }), (w, b) => (o(),
|
|
3771
|
-
|
|
3776
|
+
return t({ toggle: g, show: y, hide: v }), (w, b) => (o(), Q(ve, { to: "body" }, [
|
|
3777
|
+
T(ge, {
|
|
3772
3778
|
name: "wl-pop-motion",
|
|
3773
3779
|
css: n(r),
|
|
3774
3780
|
onBeforeLeave: n(ye),
|
|
@@ -3776,7 +3782,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3776
3782
|
onLeaveCancelled: n(oe)
|
|
3777
3783
|
}, {
|
|
3778
3784
|
default: ne(() => [
|
|
3779
|
-
n(
|
|
3785
|
+
n(u) ? (o(), s("div", c({
|
|
3780
3786
|
key: 0,
|
|
3781
3787
|
ref_key: "panel",
|
|
3782
3788
|
ref: m
|
|
@@ -3788,16 +3794,16 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3788
3794
|
"aria-labelledby": e.ariaLabelledby,
|
|
3789
3795
|
"data-wl": "popover"
|
|
3790
3796
|
}), [
|
|
3791
|
-
|
|
3797
|
+
p("div", c(n(d)("content"), { class: "wl-popover__content" }), [
|
|
3792
3798
|
D(w.$slots, "default")
|
|
3793
3799
|
], 16)
|
|
3794
|
-
], 16,
|
|
3800
|
+
], 16, Tl)) : x("", !0)
|
|
3795
3801
|
]),
|
|
3796
3802
|
_: 3
|
|
3797
3803
|
}, 8, ["css", "onBeforeLeave", "onBeforeEnter", "onLeaveCancelled"])
|
|
3798
3804
|
]));
|
|
3799
3805
|
}
|
|
3800
|
-
}),
|
|
3806
|
+
}), Fl = ["aria-valuenow", "data-variant"], Ti = /* @__PURE__ */ F({
|
|
3801
3807
|
__name: "WlProgress",
|
|
3802
3808
|
props: {
|
|
3803
3809
|
value: { default: 0 },
|
|
@@ -3821,17 +3827,17 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3821
3827
|
"data-wl": "progress",
|
|
3822
3828
|
"data-variant": e.variant
|
|
3823
3829
|
}), [
|
|
3824
|
-
|
|
3830
|
+
p("div", c(n(l)("value"), {
|
|
3825
3831
|
class: "wl-progress__value",
|
|
3826
3832
|
style: { width: i.value + "%" }
|
|
3827
3833
|
}), null, 16),
|
|
3828
3834
|
e.showValue ? (o(), s("span", c({ key: 0 }, n(l)("label"), { class: "wl-progress__label" }), C(i.value) + "%", 17)) : x("", !0)
|
|
3829
|
-
], 16,
|
|
3835
|
+
], 16, Fl));
|
|
3830
3836
|
}
|
|
3831
|
-
}),
|
|
3837
|
+
}), Pl = ["value", "name", "disabled", "aria-invalid", "id", "readonly", "aria-label", "aria-labelledby"], Ol = {
|
|
3832
3838
|
key: 0,
|
|
3833
3839
|
class: "wl-checkline__label"
|
|
3834
|
-
},
|
|
3840
|
+
}, Fi = /* @__PURE__ */ F({
|
|
3835
3841
|
inheritAttrs: !1,
|
|
3836
3842
|
__name: "WlRadio",
|
|
3837
3843
|
props: /* @__PURE__ */ ae({
|
|
@@ -3846,7 +3852,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3846
3852
|
}),
|
|
3847
3853
|
emits: ["update:modelValue"],
|
|
3848
3854
|
setup(e) {
|
|
3849
|
-
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs),
|
|
3855
|
+
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs), u = f(() => ma(d.value)), m = f(() => Fe({ input: d.value }, t.pt)), h = X("radiobutton", m), g = f(() => [
|
|
3850
3856
|
"wl-radio",
|
|
3851
3857
|
t.invalid && "is-invalid",
|
|
3852
3858
|
t.disabled && "is-disabled"
|
|
@@ -3855,37 +3861,37 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3855
3861
|
class: ["wl-checkline wl-checkline--radio", { "is-disabled": e.disabled }],
|
|
3856
3862
|
"data-wl": "radio"
|
|
3857
3863
|
}), [
|
|
3858
|
-
|
|
3859
|
-
class:
|
|
3864
|
+
p("span", {
|
|
3865
|
+
class: ee(g.value)
|
|
3860
3866
|
}, [
|
|
3861
|
-
ie(
|
|
3867
|
+
ie(p("input", c(n(h)("input", { checked: a.value === e.value, disabled: e.disabled }), {
|
|
3862
3868
|
class: "wl-check-input",
|
|
3863
3869
|
type: "radio",
|
|
3864
3870
|
"onUpdate:modelValue": v[0] || (v[0] = (w) => a.value = w),
|
|
3865
3871
|
value: e.value,
|
|
3866
|
-
name: e.name ??
|
|
3872
|
+
name: e.name ?? u.value.name,
|
|
3867
3873
|
disabled: e.disabled,
|
|
3868
3874
|
"aria-invalid": e.invalid || void 0,
|
|
3869
|
-
id:
|
|
3870
|
-
readonly:
|
|
3871
|
-
"aria-label":
|
|
3872
|
-
"aria-labelledby":
|
|
3873
|
-
}), null, 16,
|
|
3875
|
+
id: u.value.inputId,
|
|
3876
|
+
readonly: u.value.readonly,
|
|
3877
|
+
"aria-label": u.value.ariaLabel,
|
|
3878
|
+
"aria-labelledby": u.value.ariaLabelledby
|
|
3879
|
+
}), null, 16, Pl), [
|
|
3874
3880
|
[Sa, a.value]
|
|
3875
3881
|
]),
|
|
3876
|
-
|
|
3882
|
+
p("span", c(n(h)("box", { checked: a.value === e.value, disabled: e.disabled }), {
|
|
3877
3883
|
class: "wl-radio__box",
|
|
3878
3884
|
"aria-hidden": "true"
|
|
3879
3885
|
}), [
|
|
3880
|
-
|
|
3886
|
+
p("span", c(n(h)("icon"), { class: "wl-radio__icon" }), null, 16)
|
|
3881
3887
|
], 16)
|
|
3882
3888
|
], 2),
|
|
3883
|
-
y.$slots.default ? (o(), s("span",
|
|
3889
|
+
y.$slots.default ? (o(), s("span", Ol, [
|
|
3884
3890
|
D(y.$slots, "default")
|
|
3885
3891
|
])) : x("", !0)
|
|
3886
3892
|
], 16));
|
|
3887
3893
|
}
|
|
3888
|
-
}),
|
|
3894
|
+
}), Nl = ["disabled", "aria-pressed", "onClick"], Rl = { class: "wl-segmented__item-label" }, Pi = /* @__PURE__ */ F({
|
|
3889
3895
|
__name: "WlSegmented",
|
|
3890
3896
|
props: /* @__PURE__ */ ae({
|
|
3891
3897
|
options: { default: () => [] },
|
|
@@ -3903,28 +3909,28 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3903
3909
|
role: "group",
|
|
3904
3910
|
"data-wl": "segmented"
|
|
3905
3911
|
}), [
|
|
3906
|
-
(o(!0), s(
|
|
3912
|
+
(o(!0), s(j, null, Z(e.options, (r) => (o(), s("button", c({
|
|
3907
3913
|
key: r.value
|
|
3908
3914
|
}, { ref_for: !0 }, n(l)("pcToggleButton.root", { active: a.value === r.value, disabled: e.disabled || r.disabled }), {
|
|
3909
3915
|
type: "button",
|
|
3910
3916
|
class: ["wl-segmented__item", { "is-active": a.value === r.value }],
|
|
3911
3917
|
disabled: e.disabled || r.disabled,
|
|
3912
3918
|
"aria-pressed": a.value === r.value,
|
|
3913
|
-
onClick: (
|
|
3919
|
+
onClick: (u) => a.value = r.value
|
|
3914
3920
|
}), [
|
|
3915
|
-
|
|
3916
|
-
r.icon ? (o(),
|
|
3921
|
+
p("span", c({ ref_for: !0 }, n(l)("pcToggleButton.content"), { class: "wl-segmented__item-content" }), [
|
|
3922
|
+
r.icon ? (o(), Q(P, {
|
|
3917
3923
|
key: 0,
|
|
3918
3924
|
name: r.icon,
|
|
3919
3925
|
size: 15,
|
|
3920
3926
|
class: "wl-segmented__item-icon"
|
|
3921
3927
|
}, null, 8, ["name"])) : x("", !0),
|
|
3922
|
-
|
|
3928
|
+
p("span", Rl, C(r.label), 1)
|
|
3923
3929
|
], 16)
|
|
3924
|
-
], 16,
|
|
3930
|
+
], 16, Nl))), 128))
|
|
3925
3931
|
], 16));
|
|
3926
3932
|
}
|
|
3927
|
-
}),
|
|
3933
|
+
}), Ul = ["tabindex", "aria-expanded", "aria-invalid", "aria-disabled", "data-size", "data-density"], jl = ["data-placeholder"], Gl = ["name", "value"], Hl = ["aria-selected", "data-active", "data-selected", "onMousedown", "onClick"], Oi = /* @__PURE__ */ F({
|
|
3928
3934
|
inheritAttrs: !1,
|
|
3929
3935
|
__name: "WlSelect",
|
|
3930
3936
|
props: /* @__PURE__ */ ae({
|
|
@@ -3944,28 +3950,28 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3944
3950
|
}),
|
|
3945
3951
|
emits: ["update:modelValue"],
|
|
3946
3952
|
setup(e) {
|
|
3947
|
-
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = G(null), r = X("select", f(() => t.pt)),
|
|
3948
|
-
function $(
|
|
3949
|
-
|
|
3953
|
+
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = G(null), r = X("select", f(() => t.pt)), u = we(f(() => t.motion)), { visible: m, panel: h, style: g, show: y, hide: v } = Le(), w = f(() => t.options.find((R) => Object.is(ue(R, t.optionValue), a.value))), b = f(() => w.value === void 0 ? t.placeholder ?? "" : pe(w.value, t.optionLabel));
|
|
3954
|
+
function $(R) {
|
|
3955
|
+
R < 0 || R >= t.options.length || (a.value = ue(t.options[R], t.optionValue), v(), me(() => {
|
|
3950
3956
|
var K;
|
|
3951
3957
|
return (K = d.value) == null ? void 0 : K.focus();
|
|
3952
3958
|
}));
|
|
3953
3959
|
}
|
|
3954
3960
|
const { active: z, onKeydown: M } = ya(() => t.options.length, $, v);
|
|
3955
|
-
function L(
|
|
3956
|
-
t.disabled || (z.value = Math.max(0, t.options.findIndex((K) => Object.is(
|
|
3961
|
+
function L(R) {
|
|
3962
|
+
t.disabled || (z.value = Math.max(0, t.options.findIndex((K) => Object.is(ue(K, t.optionValue), a.value))), y(R));
|
|
3957
3963
|
}
|
|
3958
|
-
function q(
|
|
3964
|
+
function q(R) {
|
|
3959
3965
|
if (!t.disabled) {
|
|
3960
|
-
if (!m.value && ["ArrowDown", "ArrowUp", "Enter", " "].includes(
|
|
3961
|
-
|
|
3966
|
+
if (!m.value && ["ArrowDown", "ArrowUp", "Enter", " "].includes(R.key)) {
|
|
3967
|
+
R.preventDefault(), L(R);
|
|
3962
3968
|
return;
|
|
3963
3969
|
}
|
|
3964
|
-
M(
|
|
3970
|
+
M(R);
|
|
3965
3971
|
}
|
|
3966
3972
|
}
|
|
3967
|
-
return (
|
|
3968
|
-
|
|
3973
|
+
return (R, K) => (o(), s(j, null, [
|
|
3974
|
+
p("div", c({
|
|
3969
3975
|
ref_key: "root",
|
|
3970
3976
|
ref: d
|
|
3971
3977
|
}, n(de)(i.value.rootAttrs, i.value.inputAttrs, n(r)("root")), {
|
|
@@ -3982,27 +3988,31 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
3982
3988
|
onClick: L,
|
|
3983
3989
|
onKeydown: q
|
|
3984
3990
|
}), [
|
|
3985
|
-
|
|
3991
|
+
p("span", c(n(r)("label"), {
|
|
3986
3992
|
class: "wl-select__label",
|
|
3987
3993
|
"data-placeholder": w.value === void 0 || void 0
|
|
3988
|
-
}), C(b.value), 17,
|
|
3989
|
-
|
|
3994
|
+
}), C(b.value), 17, jl),
|
|
3995
|
+
p("span", c(n(r)("dropdown"), {
|
|
3990
3996
|
class: "wl-select__dropdown",
|
|
3991
3997
|
"aria-hidden": "true"
|
|
3992
3998
|
}), [
|
|
3993
|
-
|
|
3999
|
+
T(P, c(n(r)("dropdownIcon"), {
|
|
4000
|
+
class: "wl-select__dropdown-icon",
|
|
4001
|
+
name: "chevron-down",
|
|
4002
|
+
size: 14
|
|
4003
|
+
}), null, 16)
|
|
3994
4004
|
], 16),
|
|
3995
4005
|
i.value.inputAttrs.name ? (o(), s("input", {
|
|
3996
4006
|
key: 0,
|
|
3997
4007
|
type: "hidden",
|
|
3998
4008
|
name: String(i.value.inputAttrs.name),
|
|
3999
4009
|
value: a.value == null ? "" : String(a.value)
|
|
4000
|
-
}, null, 8,
|
|
4001
|
-
], 16,
|
|
4002
|
-
(o(),
|
|
4003
|
-
|
|
4010
|
+
}, null, 8, Gl)) : x("", !0)
|
|
4011
|
+
], 16, Ul),
|
|
4012
|
+
(o(), Q(ve, { to: "body" }, [
|
|
4013
|
+
T(ge, {
|
|
4004
4014
|
name: "wl-pop-motion",
|
|
4005
|
-
css: n(
|
|
4015
|
+
css: n(u),
|
|
4006
4016
|
onBeforeLeave: n(ye),
|
|
4007
4017
|
onBeforeEnter: n(oe),
|
|
4008
4018
|
onLeaveCancelled: n(oe)
|
|
@@ -4016,22 +4026,22 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4016
4026
|
class: "wl-overlay wl-select-overlay",
|
|
4017
4027
|
style: n(g)
|
|
4018
4028
|
}), [
|
|
4019
|
-
|
|
4020
|
-
|
|
4029
|
+
p("div", c(n(r)("listContainer"), { class: "wl-select__list-container" }), [
|
|
4030
|
+
p("div", c(n(r)("list"), {
|
|
4021
4031
|
class: "wl-select__list",
|
|
4022
4032
|
role: "listbox"
|
|
4023
4033
|
}), [
|
|
4024
|
-
(o(!0), s(
|
|
4034
|
+
(o(!0), s(j, null, Z(e.options, (I, B) => (o(), s("div", c({ key: B }, { ref_for: !0 }, n(r)("option", { focused: n(z) === B, selected: Object.is(n(ue)(I, t.optionValue), a.value) }), {
|
|
4025
4035
|
class: "wl-select__option",
|
|
4026
4036
|
role: "option",
|
|
4027
|
-
"aria-selected": Object.is(n(
|
|
4037
|
+
"aria-selected": Object.is(n(ue)(I, t.optionValue), a.value),
|
|
4028
4038
|
"data-active": n(z) === B,
|
|
4029
|
-
"data-selected": Object.is(n(
|
|
4030
|
-
onMousedown: fe((
|
|
4031
|
-
onClick: (
|
|
4039
|
+
"data-selected": Object.is(n(ue)(I, t.optionValue), a.value),
|
|
4040
|
+
onMousedown: fe((U) => $(B), ["prevent"]),
|
|
4041
|
+
onClick: (U) => $(B)
|
|
4032
4042
|
}), [
|
|
4033
|
-
|
|
4034
|
-
], 16,
|
|
4043
|
+
p("span", c({ ref_for: !0 }, n(r)("optionLabel"), { class: "wl-select__option-label" }), C(n(pe)(I, t.optionLabel)), 17)
|
|
4044
|
+
], 16, Hl))), 128)),
|
|
4035
4045
|
e.options.length === 0 ? (o(), s("div", c({ key: 0 }, n(r)("emptyMessage"), { class: "wl-select__empty" }), "Нет вариантов", 16)) : x("", !0)
|
|
4036
4046
|
], 16)
|
|
4037
4047
|
], 16)
|
|
@@ -4042,16 +4052,16 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4042
4052
|
]))
|
|
4043
4053
|
], 64));
|
|
4044
4054
|
}
|
|
4045
|
-
}),
|
|
4055
|
+
}), Kl = ["data-density", "data-expanded", "data-pinned"], ql = ["aria-label"], Yl = { class: "wl-sidebar__inner" }, Zl = {
|
|
4046
4056
|
key: 0,
|
|
4047
4057
|
class: "wl-sidebar__brand"
|
|
4048
|
-
},
|
|
4058
|
+
}, Jl = {
|
|
4049
4059
|
key: 0,
|
|
4050
4060
|
class: "wl-sidebar__brand-mark"
|
|
4051
|
-
},
|
|
4061
|
+
}, Xl = { class: "wl-sidebar__brand-name" }, Ql = { class: "wl-sidebar__nav" }, eo = {
|
|
4052
4062
|
key: 0,
|
|
4053
4063
|
class: "wl-sidebar__divider"
|
|
4054
|
-
},
|
|
4064
|
+
}, ao = { class: "wl-sidebar__footer" }, Ni = /* @__PURE__ */ F({
|
|
4055
4065
|
inheritAttrs: !1,
|
|
4056
4066
|
__name: "WlSidebar",
|
|
4057
4067
|
props: /* @__PURE__ */ ae({
|
|
@@ -4076,23 +4086,23 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4076
4086
|
}),
|
|
4077
4087
|
emits: /* @__PURE__ */ ae(["select"], ["update:modelValue", "update:pinned", "update:mobileOpen"]),
|
|
4078
4088
|
setup(e, { expose: t, emit: a }) {
|
|
4079
|
-
const l = e, i = a, d = te(e, "modelValue"), r = te(e, "pinned"),
|
|
4080
|
-
() => !l.collapsible || r.value || m.value ||
|
|
4089
|
+
const l = e, i = a, d = te(e, "modelValue"), r = te(e, "pinned"), u = te(e, "mobileOpen"), m = G(!1), h = G(null), g = ce(), y = f(
|
|
4090
|
+
() => !l.collapsible || r.value || m.value || u.value
|
|
4081
4091
|
);
|
|
4082
4092
|
function v($, z) {
|
|
4083
|
-
$.disabled || (d.value = $.key, i("select", $, z),
|
|
4093
|
+
$.disabled || (d.value = $.key, i("select", $, z), u.value && (u.value = !1));
|
|
4084
4094
|
}
|
|
4085
4095
|
function w() {
|
|
4086
4096
|
r.value = !r.value;
|
|
4087
4097
|
}
|
|
4088
4098
|
const { requestClose: b } = Oe({
|
|
4089
|
-
visible:
|
|
4099
|
+
visible: u,
|
|
4090
4100
|
container: h,
|
|
4091
4101
|
lockScroll: !0
|
|
4092
4102
|
});
|
|
4093
4103
|
return t({
|
|
4094
4104
|
openMobile: () => {
|
|
4095
|
-
|
|
4105
|
+
u.value = !0;
|
|
4096
4106
|
},
|
|
4097
4107
|
closeMobile: b,
|
|
4098
4108
|
togglePinned: w
|
|
@@ -4100,7 +4110,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4100
4110
|
class: ["wl-sidebar-shell", [
|
|
4101
4111
|
y.value && "is-expanded",
|
|
4102
4112
|
r.value && "is-pinned",
|
|
4103
|
-
|
|
4113
|
+
u.value && "is-mobile-open",
|
|
4104
4114
|
e.density === "compact" && "is-compact"
|
|
4105
4115
|
]],
|
|
4106
4116
|
"data-wl": "sidebar",
|
|
@@ -4110,19 +4120,19 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4110
4120
|
onMouseenter: z[1] || (z[1] = (M) => e.expandOnHover && (m.value = !0)),
|
|
4111
4121
|
onMouseleave: z[2] || (z[2] = (M) => m.value = !1)
|
|
4112
4122
|
}), [
|
|
4113
|
-
|
|
4123
|
+
p("aside", {
|
|
4114
4124
|
ref_key: "asideRef",
|
|
4115
4125
|
ref: h,
|
|
4116
4126
|
class: "wl-sidebar",
|
|
4117
4127
|
"aria-label": e.ariaLabel,
|
|
4118
4128
|
tabindex: "-1"
|
|
4119
4129
|
}, [
|
|
4120
|
-
|
|
4121
|
-
e.brand || e.brandMark || $.$slots.brand || $.$slots["brand-mark"] ? (o(), s("div",
|
|
4130
|
+
p("div", Yl, [
|
|
4131
|
+
e.brand || e.brandMark || $.$slots.brand || $.$slots["brand-mark"] ? (o(), s("div", Zl, [
|
|
4122
4132
|
D($.$slots, "brand-mark", {}, () => [
|
|
4123
|
-
e.brandMark ? (o(), s("span",
|
|
4133
|
+
e.brandMark ? (o(), s("span", Jl, C(e.brandMark), 1)) : x("", !0)
|
|
4124
4134
|
]),
|
|
4125
|
-
ie(
|
|
4135
|
+
ie(p("span", Xl, [
|
|
4126
4136
|
D($.$slots, "brand", {}, () => [
|
|
4127
4137
|
le(C(e.brand), 1)
|
|
4128
4138
|
])
|
|
@@ -4130,19 +4140,19 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4130
4140
|
[Je, y.value]
|
|
4131
4141
|
])
|
|
4132
4142
|
])) : x("", !0),
|
|
4133
|
-
|
|
4134
|
-
(o(!0), s(
|
|
4143
|
+
p("nav", Ql, [
|
|
4144
|
+
(o(!0), s(j, null, Z(e.groups, (M) => (o(), s("section", {
|
|
4135
4145
|
key: M.id,
|
|
4136
4146
|
class: "wl-sidebar__group"
|
|
4137
4147
|
}, [
|
|
4138
|
-
M.separator ? (o(), s("div",
|
|
4148
|
+
M.separator ? (o(), s("div", eo)) : x("", !0),
|
|
4139
4149
|
M.label ? ie((o(), s("div", {
|
|
4140
4150
|
key: 1,
|
|
4141
4151
|
class: "wl-sidebar__group-label"
|
|
4142
4152
|
}, C(M.label), 513)), [
|
|
4143
4153
|
[Je, y.value]
|
|
4144
4154
|
]) : x("", !0),
|
|
4145
|
-
(o(!0), s(
|
|
4155
|
+
(o(!0), s(j, null, Z(M.items, (L) => D($.$slots, "item", {
|
|
4146
4156
|
key: L.key,
|
|
4147
4157
|
item: L,
|
|
4148
4158
|
group: M,
|
|
@@ -4150,7 +4160,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4150
4160
|
expanded: y.value,
|
|
4151
4161
|
select: () => v(L, M)
|
|
4152
4162
|
}, () => [
|
|
4153
|
-
|
|
4163
|
+
T(ra, {
|
|
4154
4164
|
label: L.label,
|
|
4155
4165
|
icon: L.icon,
|
|
4156
4166
|
badge: L.badge,
|
|
@@ -4163,15 +4173,15 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4163
4173
|
])), 128))
|
|
4164
4174
|
]))), 128))
|
|
4165
4175
|
]),
|
|
4166
|
-
|
|
4167
|
-
(o(!0), s(
|
|
4176
|
+
p("div", ao, [
|
|
4177
|
+
(o(!0), s(j, null, Z(e.footerItems, (M) => D($.$slots, "footer-item", {
|
|
4168
4178
|
key: M.key,
|
|
4169
4179
|
item: M,
|
|
4170
4180
|
active: d.value === M.key,
|
|
4171
4181
|
expanded: y.value,
|
|
4172
4182
|
select: () => v(M)
|
|
4173
4183
|
}, () => [
|
|
4174
|
-
|
|
4184
|
+
T(ra, {
|
|
4175
4185
|
label: M.label,
|
|
4176
4186
|
icon: M.icon,
|
|
4177
4187
|
badge: M.badge,
|
|
@@ -4183,7 +4193,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4183
4193
|
}, null, 8, ["label", "icon", "badge", "href", "disabled", "active", "collapsed", "onClick"])
|
|
4184
4194
|
])), 128)),
|
|
4185
4195
|
D($.$slots, "footer", { expanded: y.value }),
|
|
4186
|
-
e.collapsible && e.showPin ? (o(),
|
|
4196
|
+
e.collapsible && e.showPin ? (o(), Q(ra, {
|
|
4187
4197
|
key: 0,
|
|
4188
4198
|
label: r.value ? e.unpinLabel : e.pinLabel,
|
|
4189
4199
|
icon: "panel",
|
|
@@ -4192,8 +4202,8 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4192
4202
|
}, null, 8, ["label", "collapsed"])) : x("", !0)
|
|
4193
4203
|
])
|
|
4194
4204
|
])
|
|
4195
|
-
], 8,
|
|
4196
|
-
|
|
4205
|
+
], 8, ql),
|
|
4206
|
+
u.value ? (o(), s("button", {
|
|
4197
4207
|
key: 0,
|
|
4198
4208
|
type: "button",
|
|
4199
4209
|
class: "wl-sidebar__backdrop",
|
|
@@ -4201,9 +4211,9 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4201
4211
|
onClick: z[0] || (z[0] = //@ts-ignore
|
|
4202
4212
|
(...M) => n(b) && n(b)(...M))
|
|
4203
4213
|
})) : x("", !0)
|
|
4204
|
-
], 16,
|
|
4214
|
+
], 16, Kl));
|
|
4205
4215
|
}
|
|
4206
|
-
}),
|
|
4216
|
+
}), Ri = /* @__PURE__ */ F({
|
|
4207
4217
|
__name: "WlSkeleton",
|
|
4208
4218
|
props: {
|
|
4209
4219
|
width: { default: "100%" },
|
|
@@ -4221,7 +4231,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4221
4231
|
style: { width: e.width, height: e.height, borderRadius: e.shape === "circle" ? "50%" : e.borderRadius }
|
|
4222
4232
|
}), null, 16));
|
|
4223
4233
|
}
|
|
4224
|
-
}),
|
|
4234
|
+
}), to = ["min", "max", "step", "value", "disabled", "aria-label"], Ui = /* @__PURE__ */ F({
|
|
4225
4235
|
__name: "WlSlider",
|
|
4226
4236
|
props: /* @__PURE__ */ ae({
|
|
4227
4237
|
min: { default: 0 },
|
|
@@ -4244,7 +4254,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4244
4254
|
}
|
|
4245
4255
|
return (d, r) => (o(), s("input", {
|
|
4246
4256
|
type: "range",
|
|
4247
|
-
class:
|
|
4257
|
+
class: ee(["wl-slider", { "is-disabled": e.disabled }]),
|
|
4248
4258
|
style: We({ "--wl-slider-pct": `${l.value}%` }),
|
|
4249
4259
|
min: e.min,
|
|
4250
4260
|
max: e.max,
|
|
@@ -4254,9 +4264,9 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4254
4264
|
"aria-label": e.ariaLabel,
|
|
4255
4265
|
"data-wl": "slider",
|
|
4256
4266
|
onInput: i
|
|
4257
|
-
}, null, 46,
|
|
4267
|
+
}, null, 46, to));
|
|
4258
4268
|
}
|
|
4259
|
-
}),
|
|
4269
|
+
}), no = ["aria-label", "data-size"], ji = /* @__PURE__ */ F({
|
|
4260
4270
|
__name: "WlSpinner",
|
|
4261
4271
|
props: {
|
|
4262
4272
|
size: { default: "md" },
|
|
@@ -4265,23 +4275,23 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4265
4275
|
},
|
|
4266
4276
|
setup(e) {
|
|
4267
4277
|
return (t, a) => (o(), s("span", {
|
|
4268
|
-
class:
|
|
4278
|
+
class: ee(["wl-spinner", [`wl-spinner--${e.size}`, e.light && "wl-spinner--light"]]),
|
|
4269
4279
|
role: "status",
|
|
4270
4280
|
"aria-label": e.label,
|
|
4271
4281
|
"data-wl": "spinner",
|
|
4272
4282
|
"data-size": e.size
|
|
4273
|
-
}, null, 10,
|
|
4283
|
+
}, null, 10, no));
|
|
4274
4284
|
}
|
|
4275
|
-
}),
|
|
4285
|
+
}), lo = {
|
|
4276
4286
|
key: 0,
|
|
4277
4287
|
class: "wl-stat-card__label"
|
|
4278
|
-
},
|
|
4288
|
+
}, oo = { class: "wl-stat-card__value" }, io = {
|
|
4279
4289
|
key: 1,
|
|
4280
4290
|
class: "wl-stat-card__desc"
|
|
4281
|
-
},
|
|
4291
|
+
}, ro = ["aria-valuenow"], so = {
|
|
4282
4292
|
key: 3,
|
|
4283
4293
|
class: "wl-stat-card__footer"
|
|
4284
|
-
},
|
|
4294
|
+
}, Gi = /* @__PURE__ */ F({
|
|
4285
4295
|
__name: "WlStatCard",
|
|
4286
4296
|
props: {
|
|
4287
4297
|
icon: {},
|
|
@@ -4293,26 +4303,26 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4293
4303
|
},
|
|
4294
4304
|
setup(e) {
|
|
4295
4305
|
const t = e, a = f(() => Math.min(Math.max(t.progress ?? 0, 0), 100));
|
|
4296
|
-
return (l, i) => (o(),
|
|
4306
|
+
return (l, i) => (o(), Q(kt, {
|
|
4297
4307
|
class: "wl-stat-card",
|
|
4298
4308
|
"data-wl": "stat-card",
|
|
4299
4309
|
"data-tone": e.tone
|
|
4300
4310
|
}, {
|
|
4301
4311
|
default: ne(() => [
|
|
4302
|
-
e.icon || e.label ? (o(), s("div",
|
|
4303
|
-
e.icon ? (o(),
|
|
4312
|
+
e.icon || e.label ? (o(), s("div", lo, [
|
|
4313
|
+
e.icon ? (o(), Q(P, {
|
|
4304
4314
|
key: 0,
|
|
4305
4315
|
name: e.icon,
|
|
4306
4316
|
size: 14
|
|
4307
4317
|
}, null, 8, ["name"])) : x("", !0),
|
|
4308
|
-
|
|
4318
|
+
p("span", null, C(e.label), 1)
|
|
4309
4319
|
])) : x("", !0),
|
|
4310
|
-
|
|
4320
|
+
p("div", oo, [
|
|
4311
4321
|
D(l.$slots, "default", {}, () => [
|
|
4312
4322
|
le(C(e.value), 1)
|
|
4313
4323
|
])
|
|
4314
4324
|
]),
|
|
4315
|
-
e.description ? (o(), s("div",
|
|
4325
|
+
e.description ? (o(), s("div", io, C(e.description), 1)) : x("", !0),
|
|
4316
4326
|
e.progress !== void 0 ? (o(), s("div", {
|
|
4317
4327
|
key: 2,
|
|
4318
4328
|
class: "wl-stat-card__bar",
|
|
@@ -4321,57 +4331,57 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4321
4331
|
"aria-valuemin": "0",
|
|
4322
4332
|
"aria-valuemax": "100"
|
|
4323
4333
|
}, [
|
|
4324
|
-
|
|
4334
|
+
p("i", {
|
|
4325
4335
|
class: "wl-stat-card__bar-fill",
|
|
4326
4336
|
style: We({ width: `${a.value}%` })
|
|
4327
4337
|
}, null, 4)
|
|
4328
|
-
], 8,
|
|
4329
|
-
l.$slots.footer ? (o(), s("div",
|
|
4338
|
+
], 8, ro)) : x("", !0),
|
|
4339
|
+
l.$slots.footer ? (o(), s("div", so, [
|
|
4330
4340
|
D(l.$slots, "footer")
|
|
4331
4341
|
])) : x("", !0)
|
|
4332
4342
|
]),
|
|
4333
4343
|
_: 3
|
|
4334
4344
|
}, 8, ["data-tone"]));
|
|
4335
4345
|
}
|
|
4336
|
-
}),
|
|
4346
|
+
}), co = {
|
|
4337
4347
|
class: "wl-steps",
|
|
4338
4348
|
"data-wl": "steps"
|
|
4339
|
-
},
|
|
4349
|
+
}, uo = {
|
|
4340
4350
|
key: 0,
|
|
4341
4351
|
class: "wl-steps__line",
|
|
4342
4352
|
"aria-hidden": "true"
|
|
4343
|
-
},
|
|
4353
|
+
}, po = ["aria-current"], mo = { class: "wl-steps__num" }, yo = { class: "wl-steps__label" }, Hi = /* @__PURE__ */ F({
|
|
4344
4354
|
__name: "WlSteps",
|
|
4345
4355
|
props: {
|
|
4346
4356
|
items: { default: () => [] },
|
|
4347
4357
|
current: { default: 0 }
|
|
4348
4358
|
},
|
|
4349
4359
|
setup(e) {
|
|
4350
|
-
return (t, a) => (o(), s("div",
|
|
4351
|
-
(o(!0), s(
|
|
4352
|
-
i > 0 ? (o(), s("span",
|
|
4353
|
-
|
|
4354
|
-
class:
|
|
4360
|
+
return (t, a) => (o(), s("div", co, [
|
|
4361
|
+
(o(!0), s(j, null, Z(e.items, (l, i) => (o(), s(j, { key: i }, [
|
|
4362
|
+
i > 0 ? (o(), s("span", uo)) : x("", !0),
|
|
4363
|
+
p("span", {
|
|
4364
|
+
class: ee(["wl-steps__step", { "is-done": i < e.current, "is-current": i === e.current }]),
|
|
4355
4365
|
"aria-current": i === e.current ? "step" : void 0
|
|
4356
4366
|
}, [
|
|
4357
|
-
|
|
4358
|
-
i < e.current ? (o(),
|
|
4367
|
+
p("span", mo, [
|
|
4368
|
+
i < e.current ? (o(), Q(P, {
|
|
4359
4369
|
key: 0,
|
|
4360
4370
|
name: "check",
|
|
4361
4371
|
size: 12
|
|
4362
|
-
})) : (o(), s(
|
|
4372
|
+
})) : (o(), s(j, { key: 1 }, [
|
|
4363
4373
|
le(C(i + 1), 1)
|
|
4364
4374
|
], 64))
|
|
4365
4375
|
]),
|
|
4366
|
-
|
|
4367
|
-
], 10,
|
|
4376
|
+
p("span", yo, C(l.label), 1)
|
|
4377
|
+
], 10, po)
|
|
4368
4378
|
], 64))), 128))
|
|
4369
4379
|
]));
|
|
4370
4380
|
}
|
|
4371
|
-
}),
|
|
4381
|
+
}), fo = ["data-size"], vo = ["aria-checked", "disabled", "aria-invalid", "id", "name", "readonly", "aria-label", "aria-labelledby"], wo = {
|
|
4372
4382
|
key: 0,
|
|
4373
4383
|
class: "wl-switch-wrap__label"
|
|
4374
|
-
},
|
|
4384
|
+
}, Ki = /* @__PURE__ */ F({
|
|
4375
4385
|
inheritAttrs: !1,
|
|
4376
4386
|
__name: "WlSwitch",
|
|
4377
4387
|
props: /* @__PURE__ */ ae({
|
|
@@ -4385,7 +4395,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4385
4395
|
}),
|
|
4386
4396
|
emits: ["update:modelValue"],
|
|
4387
4397
|
setup(e) {
|
|
4388
|
-
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs),
|
|
4398
|
+
const t = e, a = te(e, "modelValue"), l = ce(), i = f(() => be(l)), d = f(() => i.value.inputAttrs), r = f(() => i.value.rootAttrs), u = f(() => ma(d.value)), m = f(() => Fe({ input: d.value }, t.pt)), h = X("toggleswitch", m), g = f(() => [
|
|
4389
4399
|
"wl-switch",
|
|
4390
4400
|
`wl-switch--${t.size}`,
|
|
4391
4401
|
a.value && "is-checked",
|
|
@@ -4397,10 +4407,10 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4397
4407
|
"data-wl": "switch",
|
|
4398
4408
|
"data-size": e.size
|
|
4399
4409
|
}), [
|
|
4400
|
-
|
|
4401
|
-
class:
|
|
4410
|
+
p("span", {
|
|
4411
|
+
class: ee(g.value)
|
|
4402
4412
|
}, [
|
|
4403
|
-
ie(
|
|
4413
|
+
ie(p("input", c(n(h)("input", { checked: a.value, disabled: e.disabled }), {
|
|
4404
4414
|
class: "wl-check-input",
|
|
4405
4415
|
type: "checkbox",
|
|
4406
4416
|
role: "switch",
|
|
@@ -4408,27 +4418,27 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4408
4418
|
"onUpdate:modelValue": v[0] || (v[0] = (w) => a.value = w),
|
|
4409
4419
|
disabled: e.disabled,
|
|
4410
4420
|
"aria-invalid": e.invalid || void 0,
|
|
4411
|
-
id:
|
|
4412
|
-
name:
|
|
4413
|
-
readonly:
|
|
4414
|
-
"aria-label":
|
|
4415
|
-
"aria-labelledby":
|
|
4416
|
-
}), null, 16,
|
|
4421
|
+
id: u.value.inputId,
|
|
4422
|
+
name: u.value.name,
|
|
4423
|
+
readonly: u.value.readonly,
|
|
4424
|
+
"aria-label": u.value.ariaLabel,
|
|
4425
|
+
"aria-labelledby": u.value.ariaLabelledby
|
|
4426
|
+
}), null, 16, vo), [
|
|
4417
4427
|
[ba, a.value]
|
|
4418
4428
|
]),
|
|
4419
|
-
|
|
4429
|
+
p("span", c(n(h)("slider", { checked: a.value, disabled: e.disabled }), {
|
|
4420
4430
|
class: "wl-switch__slider",
|
|
4421
4431
|
"aria-hidden": "true"
|
|
4422
4432
|
}), [
|
|
4423
|
-
|
|
4433
|
+
p("span", c(n(h)("handle"), { class: "wl-switch__handle" }), null, 16)
|
|
4424
4434
|
], 16)
|
|
4425
4435
|
], 2),
|
|
4426
|
-
y.$slots.default ? (o(), s("span",
|
|
4436
|
+
y.$slots.default ? (o(), s("span", wo, [
|
|
4427
4437
|
D(y.$slots, "default")
|
|
4428
4438
|
])) : x("", !0)
|
|
4429
|
-
], 16,
|
|
4439
|
+
], 16, fo));
|
|
4430
4440
|
}
|
|
4431
|
-
}),
|
|
4441
|
+
}), bo = ["aria-busy"], go = ["colspan"], qi = /* @__PURE__ */ F({
|
|
4432
4442
|
__name: "WlTable",
|
|
4433
4443
|
props: {
|
|
4434
4444
|
value: { default: () => [] },
|
|
@@ -4448,21 +4458,21 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4448
4458
|
"aria-busy": e.loading || void 0
|
|
4449
4459
|
}), [
|
|
4450
4460
|
!e.columns || e.columns.length === 0 ? D(i.$slots, "default", {}, void 0, void 0, 0) : (o(), s("table", c({ key: 1 }, n(a)("table"), { class: "wl-table__table" }), [
|
|
4451
|
-
|
|
4452
|
-
|
|
4453
|
-
(o(!0), s(
|
|
4461
|
+
p("thead", c(n(a)("thead"), { class: "wl-table__head" }), [
|
|
4462
|
+
p("tr", null, [
|
|
4463
|
+
(o(!0), s(j, null, Z(e.columns, (r) => (o(), s("th", {
|
|
4454
4464
|
key: r.key,
|
|
4455
|
-
class:
|
|
4465
|
+
class: ee(["wl-table__th", { "wl-table__cell--num": r.numeric }]),
|
|
4456
4466
|
style: We({ width: l(r) }),
|
|
4457
4467
|
scope: "col"
|
|
4458
4468
|
}, C(r.label), 7))), 128))
|
|
4459
4469
|
])
|
|
4460
4470
|
], 16),
|
|
4461
|
-
|
|
4462
|
-
(o(!0), s(
|
|
4463
|
-
(o(!0), s(
|
|
4471
|
+
p("tbody", c(n(a)("tbody"), { class: "wl-table__body" }), [
|
|
4472
|
+
(o(!0), s(j, null, Z(e.value, (r, u) => (o(), s("tr", c({ key: u }, { ref_for: !0 }, n(a)("bodyRow"), { class: "wl-table__row" }), [
|
|
4473
|
+
(o(!0), s(j, null, Z(e.columns, (m) => (o(), s("td", {
|
|
4464
4474
|
key: m.key,
|
|
4465
|
-
class:
|
|
4475
|
+
class: ee(["wl-table__td", { "wl-table__cell--num": m.numeric }])
|
|
4466
4476
|
}, [
|
|
4467
4477
|
D(i.$slots, `cell-${m.key}`, {
|
|
4468
4478
|
row: r,
|
|
@@ -4473,33 +4483,33 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4473
4483
|
], 2))), 128))
|
|
4474
4484
|
], 16))), 128)),
|
|
4475
4485
|
e.value.length === 0 ? (o(), s("tr", Qe(c({ key: 0 }, n(a)("emptyMessage"))), [
|
|
4476
|
-
|
|
4486
|
+
p("td", c(n(a)("emptyMessageCell"), {
|
|
4477
4487
|
class: "wl-table__empty-cell",
|
|
4478
4488
|
colspan: e.columns.length
|
|
4479
4489
|
}), [
|
|
4480
4490
|
D(i.$slots, "empty", {}, () => [
|
|
4481
4491
|
le(C(e.emptyMessage), 1)
|
|
4482
4492
|
])
|
|
4483
|
-
], 16,
|
|
4493
|
+
], 16, go)
|
|
4484
4494
|
], 16)) : x("", !0)
|
|
4485
4495
|
], 16)
|
|
4486
4496
|
], 16)),
|
|
4487
4497
|
e.loading ? (o(), s("div", c({ key: 2 }, n(a)("mask"), { class: "wl-table__mask" }), [
|
|
4488
|
-
|
|
4498
|
+
p("span", c(n(a)("loadingIcon"), {
|
|
4489
4499
|
class: "wl-table__loading",
|
|
4490
4500
|
role: "status",
|
|
4491
4501
|
"aria-label": "Загрузка"
|
|
4492
4502
|
}), null, 16)
|
|
4493
4503
|
], 16)) : x("", !0)
|
|
4494
|
-
], 16,
|
|
4504
|
+
], 16, bo));
|
|
4495
4505
|
}
|
|
4496
|
-
}),
|
|
4506
|
+
}), ho = {
|
|
4497
4507
|
class: "wl-tabs",
|
|
4498
4508
|
"data-wl": "tabs"
|
|
4499
|
-
},
|
|
4509
|
+
}, _o = ["aria-selected", "tabindex", "id", "onClick", "onKeydown"], ko = { class: "wl-tab__label" }, xo = {
|
|
4500
4510
|
key: 1,
|
|
4501
4511
|
class: "wl-tab__count"
|
|
4502
|
-
},
|
|
4512
|
+
}, $o = ["aria-labelledby"], Yi = /* @__PURE__ */ F({
|
|
4503
4513
|
__name: "WlTabs",
|
|
4504
4514
|
props: /* @__PURE__ */ ae({
|
|
4505
4515
|
items: { default: () => [] },
|
|
@@ -4523,51 +4533,51 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4523
4533
|
})), r = X("tabpanel", f(() => {
|
|
4524
4534
|
var h;
|
|
4525
4535
|
return (h = t.pt) == null ? void 0 : h.tabpanel;
|
|
4526
|
-
})),
|
|
4536
|
+
})), u = G([]);
|
|
4527
4537
|
function m(h, g) {
|
|
4528
4538
|
var w;
|
|
4529
4539
|
const y = t.items.length;
|
|
4530
4540
|
if (!y) return;
|
|
4531
4541
|
const v = h.key === "ArrowRight" ? (g + 1) % y : h.key === "ArrowLeft" ? (g + y - 1) % y : h.key === "Home" ? 0 : h.key === "End" ? y - 1 : -1;
|
|
4532
|
-
v < 0 || (h.preventDefault(), a.value = t.items[v].key, (w =
|
|
4542
|
+
v < 0 || (h.preventDefault(), a.value = t.items[v].key, (w = u.value[v]) == null || w.focus());
|
|
4533
4543
|
}
|
|
4534
|
-
return (h, g) => (o(), s("div",
|
|
4535
|
-
|
|
4536
|
-
|
|
4544
|
+
return (h, g) => (o(), s("div", ho, [
|
|
4545
|
+
p("div", c(n(i)("content"), { class: "wl-tabs__content" }), [
|
|
4546
|
+
p("div", c(n(i)("tabList"), {
|
|
4537
4547
|
class: "wl-tabs__list",
|
|
4538
4548
|
role: "tablist"
|
|
4539
4549
|
}), [
|
|
4540
|
-
(o(!0), s(
|
|
4550
|
+
(o(!0), s(j, null, Z(e.items, (y, v) => (o(), s("button", {
|
|
4541
4551
|
key: y.key,
|
|
4542
4552
|
ref_for: !0,
|
|
4543
4553
|
ref: (w) => {
|
|
4544
|
-
w && (
|
|
4554
|
+
w && (u.value[v] = w);
|
|
4545
4555
|
},
|
|
4546
4556
|
type: "button",
|
|
4547
4557
|
role: "tab",
|
|
4548
4558
|
"aria-selected": a.value === y.key,
|
|
4549
4559
|
tabindex: a.value === y.key ? 0 : -1,
|
|
4550
4560
|
id: `wl-tab-${y.key}`,
|
|
4551
|
-
class:
|
|
4561
|
+
class: ee(["wl-tab", { "is-active": a.value === y.key }]),
|
|
4552
4562
|
onClick: (w) => l(y.key),
|
|
4553
4563
|
onKeydown: (w) => m(w, v)
|
|
4554
4564
|
}, [
|
|
4555
|
-
y.icon ? (o(),
|
|
4565
|
+
y.icon ? (o(), Q(P, {
|
|
4556
4566
|
key: 0,
|
|
4557
4567
|
name: y.icon,
|
|
4558
4568
|
size: 16
|
|
4559
4569
|
}, null, 8, ["name"])) : x("", !0),
|
|
4560
|
-
|
|
4561
|
-
y.count !== void 0 ? (o(), s("span",
|
|
4562
|
-
], 42,
|
|
4563
|
-
|
|
4570
|
+
p("span", ko, C(y.label), 1),
|
|
4571
|
+
y.count !== void 0 ? (o(), s("span", xo, C(y.count), 1)) : x("", !0)
|
|
4572
|
+
], 42, _o))), 128)),
|
|
4573
|
+
p("span", c(n(i)("activeBar"), {
|
|
4564
4574
|
class: "wl-tabs__active-bar",
|
|
4565
4575
|
"aria-hidden": "true"
|
|
4566
4576
|
}), null, 16)
|
|
4567
4577
|
], 16)
|
|
4568
4578
|
], 16),
|
|
4569
|
-
|
|
4570
|
-
(o(!0), s(
|
|
4579
|
+
p("div", c(n(d)("root"), { class: "wl-tabs__panels" }), [
|
|
4580
|
+
(o(!0), s(j, null, Z(e.items, (y) => (o(), s(j, {
|
|
4571
4581
|
key: y.key
|
|
4572
4582
|
}, [
|
|
4573
4583
|
a.value === y.key ? (o(), s("div", c({
|
|
@@ -4579,12 +4589,12 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4579
4589
|
"aria-labelledby": `wl-tab-${y.key}`
|
|
4580
4590
|
}), [
|
|
4581
4591
|
D(h.$slots, "panel", { item: y })
|
|
4582
|
-
], 16,
|
|
4592
|
+
], 16, $o)) : x("", !0)
|
|
4583
4593
|
], 64))), 128))
|
|
4584
4594
|
], 16)
|
|
4585
4595
|
]));
|
|
4586
4596
|
}
|
|
4587
|
-
}),
|
|
4597
|
+
}), zo = ["data-variant"], Wo = ["aria-label"], Zi = /* @__PURE__ */ F({
|
|
4588
4598
|
__name: "WlTag",
|
|
4589
4599
|
props: {
|
|
4590
4600
|
variant: { default: "gray" },
|
|
@@ -4595,12 +4605,12 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4595
4605
|
emits: ["remove"],
|
|
4596
4606
|
setup(e, { emit: t }) {
|
|
4597
4607
|
const a = e, l = t, i = f(() => ["wl-tag", `wl-tag--${a.variant}`]), d = X("tag", f(() => a.pt));
|
|
4598
|
-
return (r,
|
|
4608
|
+
return (r, u) => (o(), s("span", c(n(d)("root"), {
|
|
4599
4609
|
class: i.value,
|
|
4600
4610
|
"data-wl": "tag",
|
|
4601
4611
|
"data-variant": e.variant
|
|
4602
4612
|
}), [
|
|
4603
|
-
|
|
4613
|
+
p("span", c(n(d)("label"), { class: "wl-tag__text" }), [
|
|
4604
4614
|
D(r.$slots, "default")
|
|
4605
4615
|
], 16),
|
|
4606
4616
|
e.removable ? (o(), s("button", {
|
|
@@ -4608,16 +4618,16 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4608
4618
|
type: "button",
|
|
4609
4619
|
class: "wl-tag__remove",
|
|
4610
4620
|
"aria-label": e.removeLabel,
|
|
4611
|
-
onClick:
|
|
4621
|
+
onClick: u[0] || (u[0] = fe((m) => l("remove", m), ["stop"]))
|
|
4612
4622
|
}, [
|
|
4613
|
-
|
|
4623
|
+
T(P, {
|
|
4614
4624
|
name: "x",
|
|
4615
4625
|
size: 10
|
|
4616
4626
|
})
|
|
4617
|
-
], 8,
|
|
4618
|
-
], 16,
|
|
4627
|
+
], 8, Wo)) : x("", !0)
|
|
4628
|
+
], 16, zo));
|
|
4619
4629
|
}
|
|
4620
|
-
}),
|
|
4630
|
+
}), Lo = ["rows", "placeholder", "disabled", "aria-invalid"], Ji = /* @__PURE__ */ F({
|
|
4621
4631
|
__name: "WlTextarea",
|
|
4622
4632
|
props: /* @__PURE__ */ ae({
|
|
4623
4633
|
invalid: { type: Boolean, default: !1 },
|
|
@@ -4642,7 +4652,7 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4642
4652
|
t.invalid && "is-invalid",
|
|
4643
4653
|
t.disabled && "is-disabled"
|
|
4644
4654
|
]);
|
|
4645
|
-
return (
|
|
4655
|
+
return (u, m) => ie((o(), s("textarea", c({
|
|
4646
4656
|
ref_key: "control",
|
|
4647
4657
|
ref: l
|
|
4648
4658
|
}, n(i)("root"), {
|
|
@@ -4653,11 +4663,11 @@ const Zt = ["aria-modal", "aria-label", "aria-labelledby"], Jt = ["id"], Xt = /*
|
|
|
4653
4663
|
disabled: e.disabled,
|
|
4654
4664
|
"aria-invalid": e.invalid || void 0,
|
|
4655
4665
|
"data-wl": "textarea"
|
|
4656
|
-
}), null, 16,
|
|
4666
|
+
}), null, 16, Lo)), [
|
|
4657
4667
|
[$e, a.value]
|
|
4658
4668
|
]);
|
|
4659
4669
|
}
|
|
4660
|
-
}), $a = Symbol("wl-toast"),
|
|
4670
|
+
}), $a = Symbol("wl-toast"), Xi = {
|
|
4661
4671
|
install(e) {
|
|
4662
4672
|
const t = G([]);
|
|
4663
4673
|
let a = 0;
|
|
@@ -4679,7 +4689,7 @@ function za() {
|
|
|
4679
4689
|
if (!e) throw new Error("Install WlToastService before using WlToast");
|
|
4680
4690
|
return e;
|
|
4681
4691
|
}
|
|
4682
|
-
const
|
|
4692
|
+
const Co = ["data-severity"], Mo = ["onClick"], Qi = /* @__PURE__ */ F({
|
|
4683
4693
|
__name: "WlToast",
|
|
4684
4694
|
props: {
|
|
4685
4695
|
group: {},
|
|
@@ -4687,14 +4697,14 @@ const Bo = ["data-severity"], So = ["onClick"], ar = /* @__PURE__ */ T({
|
|
|
4687
4697
|
pt: {}
|
|
4688
4698
|
},
|
|
4689
4699
|
setup(e) {
|
|
4690
|
-
const t = e, a = za(), l = X("toast", f(() => t.pt)), i = we(f(() => t.motion)), d = f(() => a.messages.value.filter((
|
|
4691
|
-
return (
|
|
4692
|
-
|
|
4700
|
+
const t = e, a = za(), l = X("toast", f(() => t.pt)), i = we(f(() => t.motion)), d = f(() => a.messages.value.filter((u) => u.group === t.group)), r = { success: "check", info: "info", warn: "warn", error: "x" };
|
|
4701
|
+
return (u, m) => (o(), Q(ve, { to: "body" }, [
|
|
4702
|
+
p("div", c(n(l)("root"), {
|
|
4693
4703
|
class: "wl-toast",
|
|
4694
4704
|
"data-wl": "toast",
|
|
4695
4705
|
"aria-live": "polite"
|
|
4696
4706
|
}), [
|
|
4697
|
-
|
|
4707
|
+
T(Da, {
|
|
4698
4708
|
name: "wl-toast-motion",
|
|
4699
4709
|
css: n(i),
|
|
4700
4710
|
onBeforeLeave: n(ye),
|
|
@@ -4702,38 +4712,38 @@ const Bo = ["data-severity"], So = ["onClick"], ar = /* @__PURE__ */ T({
|
|
|
4702
4712
|
onLeaveCancelled: n(oe)
|
|
4703
4713
|
}, {
|
|
4704
4714
|
default: ne(() => [
|
|
4705
|
-
(o(!0), s(
|
|
4715
|
+
(o(!0), s(j, null, Z(d.value, (h) => (o(), s("div", c({
|
|
4706
4716
|
key: h.id
|
|
4707
4717
|
}, { ref_for: !0 }, n(l)("message"), {
|
|
4708
4718
|
class: "wl-toast__message",
|
|
4709
4719
|
"data-severity": h.severity
|
|
4710
4720
|
}), [
|
|
4711
|
-
|
|
4712
|
-
|
|
4721
|
+
p("div", c({ ref_for: !0 }, n(l)("messageContent"), { class: "wl-toast__content" }), [
|
|
4722
|
+
T(P, c({ ref_for: !0 }, n(l)("messageIcon"), {
|
|
4713
4723
|
name: r[h.severity],
|
|
4714
4724
|
size: 18,
|
|
4715
4725
|
class: "wl-toast__icon"
|
|
4716
4726
|
}), null, 16, ["name"]),
|
|
4717
|
-
|
|
4718
|
-
|
|
4727
|
+
p("div", c({ ref_for: !0 }, n(l)("messageText"), { class: "wl-toast__text" }), [
|
|
4728
|
+
p("div", c({ ref_for: !0 }, n(l)("summary"), { class: "wl-toast__summary" }), C(h.summary), 17),
|
|
4719
4729
|
h.detail ? (o(), s("div", c({
|
|
4720
4730
|
key: 0,
|
|
4721
4731
|
ref_for: !0
|
|
4722
4732
|
}, n(l)("detail"), { class: "wl-toast__detail" }), C(h.detail), 17)) : x("", !0)
|
|
4723
4733
|
], 16),
|
|
4724
|
-
|
|
4734
|
+
p("button", c({ ref_for: !0 }, n(l)("closeButton"), {
|
|
4725
4735
|
type: "button",
|
|
4726
4736
|
class: "wl-toast__close",
|
|
4727
4737
|
"aria-label": "Закрыть",
|
|
4728
4738
|
onClick: (g) => n(a).remove(h.id)
|
|
4729
4739
|
}), [
|
|
4730
|
-
|
|
4740
|
+
T(P, c({ ref_for: !0 }, n(l)("closeIcon"), {
|
|
4731
4741
|
name: "x",
|
|
4732
4742
|
size: 14
|
|
4733
4743
|
}), null, 16)
|
|
4734
|
-
], 16,
|
|
4744
|
+
], 16, Mo)
|
|
4735
4745
|
], 16)
|
|
4736
|
-
], 16,
|
|
4746
|
+
], 16, Co))), 128))
|
|
4737
4747
|
]),
|
|
4738
4748
|
_: 1
|
|
4739
4749
|
}, 8, ["css", "onBeforeLeave", "onBeforeEnter", "onLeaveCancelled"])
|
|
@@ -8325,7 +8335,7 @@ const Bo = ["data-severity"], So = ["onClick"], ar = /* @__PURE__ */ T({
|
|
|
8325
8335
|
category: "motion",
|
|
8326
8336
|
description: "Кривая движения."
|
|
8327
8337
|
}
|
|
8328
|
-
],
|
|
8338
|
+
], er = [
|
|
8329
8339
|
{
|
|
8330
8340
|
name: "white",
|
|
8331
8341
|
label: "White",
|
|
@@ -8344,7 +8354,7 @@ const Bo = ["data-severity"], So = ["onClick"], ar = /* @__PURE__ */ T({
|
|
|
8344
8354
|
description: "Бумажные поверхности, печатный акцент и редакционная типографика.",
|
|
8345
8355
|
colorScheme: "light"
|
|
8346
8356
|
}
|
|
8347
|
-
],
|
|
8357
|
+
], ar = {
|
|
8348
8358
|
none: "--wl-space-none",
|
|
8349
8359
|
"2xs": "--wl-space-2xs",
|
|
8350
8360
|
xs: "--wl-space-xs",
|
|
@@ -8355,7 +8365,7 @@ const Bo = ["data-severity"], So = ["onClick"], ar = /* @__PURE__ */ T({
|
|
|
8355
8365
|
"2xl": "--wl-space-2xl",
|
|
8356
8366
|
"3xl": "--wl-space-3xl",
|
|
8357
8367
|
"4xl": "--wl-space-4xl"
|
|
8358
|
-
},
|
|
8368
|
+
}, tr = [
|
|
8359
8369
|
{
|
|
8360
8370
|
name: "display",
|
|
8361
8371
|
label: "Display",
|
|
@@ -8428,11 +8438,11 @@ const Bo = ["data-severity"], So = ["onClick"], ar = /* @__PURE__ */ T({
|
|
|
8428
8438
|
fontWeight: "--wl-type-code-weight",
|
|
8429
8439
|
fontFamily: "--wl-type-code-family"
|
|
8430
8440
|
}
|
|
8431
|
-
],
|
|
8441
|
+
], nr = {
|
|
8432
8442
|
sm: 640,
|
|
8433
8443
|
md: 900,
|
|
8434
8444
|
lg: 1200
|
|
8435
|
-
},
|
|
8445
|
+
}, lr = [
|
|
8436
8446
|
{
|
|
8437
8447
|
name: "text",
|
|
8438
8448
|
label: "Основной текст",
|
|
@@ -8524,7 +8534,7 @@ const Bo = ["data-severity"], So = ["onClick"], ar = /* @__PURE__ */ T({
|
|
|
8524
8534
|
background: "--wl-bg",
|
|
8525
8535
|
minimum: 3
|
|
8526
8536
|
}
|
|
8527
|
-
],
|
|
8537
|
+
], or = [
|
|
8528
8538
|
{
|
|
8529
8539
|
name: "text",
|
|
8530
8540
|
label: "Основной текст",
|
|
@@ -8876,25 +8886,25 @@ const Bo = ["data-severity"], So = ["onClick"], ar = /* @__PURE__ */ T({
|
|
|
8876
8886
|
theme: "newspaper",
|
|
8877
8887
|
ratio: 15.85
|
|
8878
8888
|
}
|
|
8879
|
-
],
|
|
8880
|
-
function
|
|
8889
|
+
], Bo = new Map(Wa.map((e) => [e.name, e]));
|
|
8890
|
+
function So(e, t = "white") {
|
|
8881
8891
|
if (!["white", "graphite", "newspaper"].includes(t)) throw new Error(`Unknown Gavia UI theme: ${t}`);
|
|
8882
8892
|
function a(l, i) {
|
|
8883
8893
|
var r;
|
|
8884
8894
|
if (i.includes(l)) throw new Error(`Circular Gavia UI token: ${l}`);
|
|
8885
|
-
const d =
|
|
8895
|
+
const d = Bo.get(l);
|
|
8886
8896
|
if (!d) throw new Error(`Unknown Gavia UI token: ${l}`);
|
|
8887
8897
|
return (((r = d.themes) == null ? void 0 : r[t]) ?? d.value).replace(
|
|
8888
8898
|
/var\((--wl-[a-z0-9-]+)\)/g,
|
|
8889
|
-
(
|
|
8899
|
+
(u, m) => a(m, [...i, l])
|
|
8890
8900
|
);
|
|
8891
8901
|
}
|
|
8892
8902
|
return a(e, []);
|
|
8893
8903
|
}
|
|
8894
|
-
function
|
|
8895
|
-
return Object.freeze(Object.fromEntries(Wa.map((t) => [t.name,
|
|
8904
|
+
function ir(e = "white") {
|
|
8905
|
+
return Object.freeze(Object.fromEntries(Wa.map((t) => [t.name, So(t.name, e)])));
|
|
8896
8906
|
}
|
|
8897
|
-
const
|
|
8907
|
+
const Io = {
|
|
8898
8908
|
WlAccordion: "0.1.0",
|
|
8899
8909
|
WlAlert: "0.1.0",
|
|
8900
8910
|
WlAutocomplete: "0.2.0",
|
|
@@ -8949,16 +8959,16 @@ const Eo = {
|
|
|
8949
8959
|
};
|
|
8950
8960
|
function he(e) {
|
|
8951
8961
|
return e.map((t) => {
|
|
8952
|
-
const a =
|
|
8962
|
+
const a = Io[t.name];
|
|
8953
8963
|
if (!a)
|
|
8954
8964
|
throw new Error(`Missing introducedIn version for ${t.name}`);
|
|
8955
8965
|
return { ...t, introducedIn: a };
|
|
8956
8966
|
});
|
|
8957
8967
|
}
|
|
8958
|
-
const
|
|
8968
|
+
const Do = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "compact"], Eo = [
|
|
8959
8969
|
"comma",
|
|
8960
8970
|
"chip"
|
|
8961
|
-
],
|
|
8971
|
+
], Ao = [
|
|
8962
8972
|
"primary",
|
|
8963
8973
|
"secondary",
|
|
8964
8974
|
"ghost",
|
|
@@ -8967,49 +8977,49 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
8967
8977
|
"danger-quiet",
|
|
8968
8978
|
"soft-danger",
|
|
8969
8979
|
"link"
|
|
8970
|
-
],
|
|
8980
|
+
], Vo = [
|
|
8971
8981
|
"ghost",
|
|
8972
8982
|
"secondary",
|
|
8973
8983
|
"soft"
|
|
8974
|
-
],
|
|
8984
|
+
], To = [
|
|
8975
8985
|
"gray",
|
|
8976
8986
|
"blue",
|
|
8977
8987
|
"green",
|
|
8978
8988
|
"amber",
|
|
8979
8989
|
"red"
|
|
8980
|
-
],
|
|
8990
|
+
], Fo = [
|
|
8981
8991
|
"gray",
|
|
8982
8992
|
"accent",
|
|
8983
8993
|
"success",
|
|
8984
8994
|
"warn",
|
|
8985
8995
|
"danger"
|
|
8986
|
-
],
|
|
8996
|
+
], Po = [
|
|
8987
8997
|
"info",
|
|
8988
8998
|
"ok",
|
|
8989
8999
|
"warn",
|
|
8990
9000
|
"err"
|
|
8991
|
-
],
|
|
9001
|
+
], Oo = [
|
|
8992
9002
|
"default",
|
|
8993
9003
|
"ok"
|
|
8994
|
-
],
|
|
9004
|
+
], No = [
|
|
8995
9005
|
"neutral",
|
|
8996
9006
|
"info",
|
|
8997
9007
|
"ok",
|
|
8998
9008
|
"warn",
|
|
8999
9009
|
"err"
|
|
9000
|
-
],
|
|
9010
|
+
], Ro = ["sm", "md"], Uo = ["sm", "md", "lg"], jo = [
|
|
9001
9011
|
"left",
|
|
9002
9012
|
"right",
|
|
9003
9013
|
"top",
|
|
9004
9014
|
"bottom",
|
|
9005
9015
|
"full"
|
|
9006
|
-
],
|
|
9016
|
+
], Go = [
|
|
9007
9017
|
"accent",
|
|
9008
9018
|
"success"
|
|
9009
|
-
],
|
|
9019
|
+
], Ho = [
|
|
9010
9020
|
"sm",
|
|
9011
9021
|
"md"
|
|
9012
|
-
],
|
|
9022
|
+
], Ko = [24, 28, 32, 36, 48], qo = ["online", "busy", "offline"], Yo = he([
|
|
9013
9023
|
{
|
|
9014
9024
|
name: "WlButton",
|
|
9015
9025
|
category: "actions",
|
|
@@ -9019,14 +9029,14 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9019
9029
|
name: "variant",
|
|
9020
9030
|
type: "enum",
|
|
9021
9031
|
default: "secondary",
|
|
9022
|
-
values:
|
|
9032
|
+
values: Ao,
|
|
9023
9033
|
description: "Визуальный вариант кнопки."
|
|
9024
9034
|
},
|
|
9025
9035
|
{
|
|
9026
9036
|
name: "size",
|
|
9027
9037
|
type: "enum",
|
|
9028
9038
|
default: "md",
|
|
9029
|
-
values:
|
|
9039
|
+
values: Do,
|
|
9030
9040
|
description: "Размер кнопки."
|
|
9031
9041
|
},
|
|
9032
9042
|
{
|
|
@@ -9063,7 +9073,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9063
9073
|
name: "variant",
|
|
9064
9074
|
type: "enum",
|
|
9065
9075
|
default: "ghost",
|
|
9066
|
-
values:
|
|
9076
|
+
values: Vo,
|
|
9067
9077
|
description: "Визуальный вариант."
|
|
9068
9078
|
},
|
|
9069
9079
|
{ name: "size", type: "enum", default: "md", values: ["md", "sm"], description: "Размер кнопки." },
|
|
@@ -9149,7 +9159,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9149
9159
|
slots: [{ name: "default", description: "Кастомный текст вместо label." }],
|
|
9150
9160
|
emits: [{ name: "click", payload: "MouseEvent", description: "Клик (не срабатывает при disabled)." }]
|
|
9151
9161
|
}
|
|
9152
|
-
]),
|
|
9162
|
+
]), Zo = he([
|
|
9153
9163
|
{
|
|
9154
9164
|
name: "WlInput",
|
|
9155
9165
|
category: "inputs",
|
|
@@ -9292,7 +9302,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9292
9302
|
name: "display",
|
|
9293
9303
|
type: "enum",
|
|
9294
9304
|
default: "comma",
|
|
9295
|
-
values:
|
|
9305
|
+
values: Eo,
|
|
9296
9306
|
description: "Представление выбранных: comma-строка или чипы."
|
|
9297
9307
|
},
|
|
9298
9308
|
{
|
|
@@ -9388,7 +9398,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9388
9398
|
category: "inputs",
|
|
9389
9399
|
description: "Переключатель с подписью в слоте.",
|
|
9390
9400
|
props: [
|
|
9391
|
-
{ name: "size", type: "enum", default: "md", values:
|
|
9401
|
+
{ name: "size", type: "enum", default: "md", values: Ro, description: "Размер." },
|
|
9392
9402
|
{ name: "disabled", type: "boolean", default: !1, description: "Отключает переключатель." },
|
|
9393
9403
|
{ name: "invalid", type: "boolean", default: !1, description: "Состояние ошибки." },
|
|
9394
9404
|
{ name: "pt", type: "object", description: "Атрибуты внутренних элементов Gavia UI." }
|
|
@@ -9477,7 +9487,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9477
9487
|
],
|
|
9478
9488
|
description: "Hex-цвета палитры."
|
|
9479
9489
|
},
|
|
9480
|
-
{ name: "size", type: "enum", default: "md", values:
|
|
9490
|
+
{ name: "size", type: "enum", default: "md", values: Ho, description: "Размер свотчей." },
|
|
9481
9491
|
{ name: "disabled", type: "boolean", default: !1, description: "Отключает палитру и ввод." },
|
|
9482
9492
|
{ name: "invalid", type: "boolean", default: !1, description: "Внешнее состояние ошибки." },
|
|
9483
9493
|
{ name: "paletteLabel", type: "string", default: "Палитра", description: "Доступное имя списка цветов." },
|
|
@@ -9510,7 +9520,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9510
9520
|
],
|
|
9511
9521
|
model: { name: "modelValue", type: "File[]", description: "Список выбранных файлов (default [])." }
|
|
9512
9522
|
}
|
|
9513
|
-
]),
|
|
9523
|
+
]), Jo = he([
|
|
9514
9524
|
{
|
|
9515
9525
|
name: "WlTable",
|
|
9516
9526
|
category: "data",
|
|
@@ -9557,7 +9567,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9557
9567
|
description: "Бейдж со значением или точкой.",
|
|
9558
9568
|
props: [
|
|
9559
9569
|
{ name: "value", type: "union", description: "Значение: string | number." },
|
|
9560
|
-
{ name: "variant", type: "enum", default: "accent", values:
|
|
9570
|
+
{ name: "variant", type: "enum", default: "accent", values: Fo, description: "Цветовой вариант." },
|
|
9561
9571
|
{ name: "dot", type: "boolean", default: !1, description: "Режим точки (value игнорируется)." },
|
|
9562
9572
|
{ name: "pt", type: "object", description: "Атрибуты внутренних элементов Gavia UI." }
|
|
9563
9573
|
],
|
|
@@ -9569,7 +9579,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9569
9579
|
category: "data",
|
|
9570
9580
|
description: "Тег с опциональной кнопкой удаления.",
|
|
9571
9581
|
props: [
|
|
9572
|
-
{ name: "variant", type: "enum", default: "gray", values:
|
|
9582
|
+
{ name: "variant", type: "enum", default: "gray", values: To, description: "Цветовой вариант." },
|
|
9573
9583
|
{ name: "removable", type: "boolean", default: !1, description: "Показать кнопку удаления." },
|
|
9574
9584
|
{ name: "removeLabel", type: "string", default: "Удалить", description: "aria-label кнопки удаления." },
|
|
9575
9585
|
{ name: "pt", type: "object", description: "Атрибуты внутренних элементов Gavia UI." }
|
|
@@ -9597,7 +9607,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9597
9607
|
category: "data",
|
|
9598
9608
|
description: "Компактная пилюля-статус.",
|
|
9599
9609
|
props: [
|
|
9600
|
-
{ name: "variant", type: "enum", default: "neutral", values:
|
|
9610
|
+
{ name: "variant", type: "enum", default: "neutral", values: No, description: "Цветовой вариант." },
|
|
9601
9611
|
{ name: "label", type: "string", description: "Текст (если не задан слот)." }
|
|
9602
9612
|
],
|
|
9603
9613
|
slots: [{ name: "default", description: "Кастомный текст вместо label." }],
|
|
@@ -9610,8 +9620,8 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9610
9620
|
props: [
|
|
9611
9621
|
{ name: "label", type: "string", description: "Инициалы." },
|
|
9612
9622
|
{ name: "image", type: "string", description: "URL изображения." },
|
|
9613
|
-
{ name: "size", type: "enum", default: 32, values:
|
|
9614
|
-
{ name: "presence", type: "enum", values:
|
|
9623
|
+
{ name: "size", type: "enum", default: 32, values: Ko, description: "Размер в px: 24 | 28 | 32 | 36 | 48." },
|
|
9624
|
+
{ name: "presence", type: "enum", values: qo, description: "Индикатор присутствия." },
|
|
9615
9625
|
{ name: "pt", type: "object", description: "Атрибуты внутренних элементов Gavia UI." }
|
|
9616
9626
|
],
|
|
9617
9627
|
slots: [{ name: "default", description: "Кастомное содержимое вместо label/image." }],
|
|
@@ -9627,7 +9637,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9627
9637
|
{ name: "value", type: "string", description: "Значение (если не задан слот)." },
|
|
9628
9638
|
{ name: "description", type: "string", description: "Пояснение под значением." },
|
|
9629
9639
|
{ name: "progress", type: "number", description: "Прогресс 0–100; если задан — показывается бар." },
|
|
9630
|
-
{ name: "tone", type: "enum", default: "accent", values:
|
|
9640
|
+
{ name: "tone", type: "enum", default: "accent", values: Go, description: "Тон акцента." }
|
|
9631
9641
|
],
|
|
9632
9642
|
slots: [
|
|
9633
9643
|
{ name: "default", description: "Кастомное значение вместо value." },
|
|
@@ -9641,7 +9651,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9641
9651
|
description: "Линейный прогресс-бар.",
|
|
9642
9652
|
props: [
|
|
9643
9653
|
{ name: "value", type: "number", default: 0, description: "Процент 0–100." },
|
|
9644
|
-
{ name: "variant", type: "enum", default: "default", values:
|
|
9654
|
+
{ name: "variant", type: "enum", default: "default", values: Oo, description: "Цветовой вариант." },
|
|
9645
9655
|
{ name: "thin", type: "boolean", default: !1, description: "Тонкая полоска." },
|
|
9646
9656
|
{ name: "showValue", type: "boolean", default: !1, description: "Показывать процент." },
|
|
9647
9657
|
{ name: "pt", type: "object", description: "Атрибуты внутренних элементов Gavia UI." }
|
|
@@ -9685,7 +9695,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9685
9695
|
],
|
|
9686
9696
|
emits: []
|
|
9687
9697
|
}
|
|
9688
|
-
]),
|
|
9698
|
+
]), Xo = he([
|
|
9689
9699
|
{
|
|
9690
9700
|
name: "WlCard",
|
|
9691
9701
|
category: "containers",
|
|
@@ -9788,7 +9798,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9788
9798
|
name: "position",
|
|
9789
9799
|
type: "enum",
|
|
9790
9800
|
default: "right",
|
|
9791
|
-
values:
|
|
9801
|
+
values: jo,
|
|
9792
9802
|
description: "Сторона появления."
|
|
9793
9803
|
},
|
|
9794
9804
|
{ name: "modal", type: "boolean", default: !0, description: "Модальный режим с подложкой." },
|
|
@@ -9837,7 +9847,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
9837
9847
|
slots: [{ name: "default", description: "Текст/содержимое по центру линии." }],
|
|
9838
9848
|
emits: []
|
|
9839
9849
|
}
|
|
9840
|
-
]),
|
|
9850
|
+
]), Qo = he([
|
|
9841
9851
|
{
|
|
9842
9852
|
name: "WlPageHeader",
|
|
9843
9853
|
category: "composites",
|
|
@@ -10009,7 +10019,7 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
10009
10019
|
description: "Открыто ли окно; дополнительная модель query управляет строкой поиска."
|
|
10010
10020
|
}
|
|
10011
10021
|
}
|
|
10012
|
-
]),
|
|
10022
|
+
]), ei = he([
|
|
10013
10023
|
{
|
|
10014
10024
|
name: "WlBreadcrumbs",
|
|
10015
10025
|
category: "navigation",
|
|
@@ -10037,13 +10047,13 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
10037
10047
|
slots: [],
|
|
10038
10048
|
emits: []
|
|
10039
10049
|
}
|
|
10040
|
-
]),
|
|
10050
|
+
]), ai = he([
|
|
10041
10051
|
{
|
|
10042
10052
|
name: "WlAlert",
|
|
10043
10053
|
category: "feedback",
|
|
10044
10054
|
description: "Встроенное уведомление с иконкой по варианту, опциональным заголовком и закрытием.",
|
|
10045
10055
|
props: [
|
|
10046
|
-
{ name: "variant", type: "enum", default: "info", values:
|
|
10056
|
+
{ name: "variant", type: "enum", default: "info", values: Po, description: "Тип уведомления." },
|
|
10047
10057
|
{ name: "title", type: "string", description: "Заголовок." },
|
|
10048
10058
|
{ name: "closable", type: "boolean", default: !1, description: "Кнопка закрытия." },
|
|
10049
10059
|
{ name: "closeLabel", type: "string", default: "Закрыть", description: "aria-label кнопки закрытия." }
|
|
@@ -10083,14 +10093,14 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
10083
10093
|
category: "feedback",
|
|
10084
10094
|
description: "Индикатор загрузки (role=status).",
|
|
10085
10095
|
props: [
|
|
10086
|
-
{ name: "size", type: "enum", default: "md", values:
|
|
10096
|
+
{ name: "size", type: "enum", default: "md", values: Uo, description: "Размер." },
|
|
10087
10097
|
{ name: "light", type: "boolean", default: !1, description: "Светлый вариант для тёмного фона." },
|
|
10088
10098
|
{ name: "label", type: "string", default: "Загрузка", description: "aria-label." }
|
|
10089
10099
|
],
|
|
10090
10100
|
slots: [],
|
|
10091
10101
|
emits: []
|
|
10092
10102
|
}
|
|
10093
|
-
]),
|
|
10103
|
+
]), ti = he([
|
|
10094
10104
|
{
|
|
10095
10105
|
name: "WlField",
|
|
10096
10106
|
category: "misc",
|
|
@@ -10126,19 +10136,19 @@ const Ao = ["xs", "sm", "md", "lg"], ke = ["sm", "md", "lg"], xe = ["default", "
|
|
|
10126
10136
|
slots: [{ name: "default", description: "Кастомная иконка (рендерится, если name не задан)." }],
|
|
10127
10137
|
emits: []
|
|
10128
10138
|
}
|
|
10129
|
-
]),
|
|
10139
|
+
]), rr = [
|
|
10140
|
+
...Yo,
|
|
10141
|
+
...Zo,
|
|
10130
10142
|
...Jo,
|
|
10131
10143
|
...Xo,
|
|
10132
10144
|
...Qo,
|
|
10133
10145
|
...ei,
|
|
10134
10146
|
...ai,
|
|
10135
|
-
...ti
|
|
10136
|
-
...ni,
|
|
10137
|
-
...li
|
|
10147
|
+
...ti
|
|
10138
10148
|
], Ke = /* @__PURE__ */ new WeakMap();
|
|
10139
|
-
let
|
|
10149
|
+
let ni = 0;
|
|
10140
10150
|
function sa(e, t, a) {
|
|
10141
|
-
e.className =
|
|
10151
|
+
e.className = ee([t, a.class]);
|
|
10142
10152
|
const l = We(a.style);
|
|
10143
10153
|
typeof l == "string" ? e.style.cssText = l : l && Object.assign(e.style, l);
|
|
10144
10154
|
for (const [i, d] of Object.entries(a))
|
|
@@ -10146,15 +10156,15 @@ function sa(e, t, a) {
|
|
|
10146
10156
|
}
|
|
10147
10157
|
function La(e) {
|
|
10148
10158
|
if (!e.node) return;
|
|
10149
|
-
sa(e.node, "wl-tooltip", qe("tooltip", "root", e.config, e.pt)),
|
|
10159
|
+
sa(e.node, "wl-tooltip", qe("tooltip", "root", e.config, e.pt)), ua(e) && e.node.classList.add("wl-tooltip-motion"), e.phase && e.node.classList.add(`wl-tooltip-motion-${e.phase}`), e.phase === "leave" && ye(e.node);
|
|
10150
10160
|
const t = e.node.querySelector(".wl-tooltip__text"), a = e.node.querySelector(".wl-tooltip__arrow");
|
|
10151
10161
|
t && sa(t, "wl-tooltip__text", qe("tooltip", "text", e.config, e.pt)), a && sa(a, "wl-tooltip__arrow", qe("tooltip", "arrow", e.config, e.pt));
|
|
10152
10162
|
}
|
|
10153
|
-
function
|
|
10163
|
+
function ua(e) {
|
|
10154
10164
|
var t;
|
|
10155
10165
|
return (e.motion ?? e.config.motion ?? !0) && !((t = window.matchMedia) != null && t.call(window, "(prefers-reduced-motion: reduce)").matches);
|
|
10156
10166
|
}
|
|
10157
|
-
function
|
|
10167
|
+
function li(e) {
|
|
10158
10168
|
const t = getComputedStyle(e), a = (d) => {
|
|
10159
10169
|
const r = Number.parseFloat(d);
|
|
10160
10170
|
return Number.isFinite(r) ? r * (d.trim().endsWith("ms") ? 1 : 1e3) : 0;
|
|
@@ -10174,7 +10184,7 @@ function da(e, t) {
|
|
|
10174
10184
|
const a = e.getBoundingClientRect(), l = t.node.getBoundingClientRect(), i = 7, d = t.placement === "left" ? a.left - l.width - i : t.placement === "right" ? a.right + i : a.left + (a.width - l.width) / 2, r = t.placement === "top" ? a.top - l.height - i : t.placement === "bottom" ? a.bottom + i : a.top + (a.height - l.height) / 2;
|
|
10175
10185
|
t.node.style.left = `${Math.max(4, Math.min(d, window.innerWidth - l.width - 4))}px`, t.node.style.top = `${Math.max(4, Math.min(r, window.innerHeight - l.height - 4))}px`;
|
|
10176
10186
|
}
|
|
10177
|
-
const
|
|
10187
|
+
const sr = {
|
|
10178
10188
|
mounted(e, t) {
|
|
10179
10189
|
const a = {
|
|
10180
10190
|
node: null,
|
|
@@ -10217,30 +10227,30 @@ const cr = {
|
|
|
10217
10227
|
a.timer = setTimeout(() => {
|
|
10218
10228
|
if (a.timer = null, a.node) return;
|
|
10219
10229
|
const r = document.createElement("span");
|
|
10220
|
-
r.id = `wl-tooltip-${++
|
|
10221
|
-
const
|
|
10222
|
-
|
|
10230
|
+
r.id = `wl-tooltip-${++ni}`, r.className = "wl-tooltip", r.setAttribute("role", "tooltip");
|
|
10231
|
+
const u = document.createElement("span");
|
|
10232
|
+
u.className = "wl-tooltip__text", u.textContent = a.text;
|
|
10223
10233
|
const m = document.createElement("span");
|
|
10224
|
-
m.className = "wl-tooltip__arrow", r.append(
|
|
10234
|
+
m.className = "wl-tooltip__arrow", r.append(u, m), document.body.append(r), a.node = r, La(a), e.setAttribute("aria-describedby", [a.previousDescription, r.id].filter(Boolean).join(" ")), da(e, a), ua(a) && (a.phase = "enter", r.classList.add("wl-tooltip-motion-enter"), a.enterFrame = requestAnimationFrame(() => {
|
|
10225
10235
|
a.enterFrame = null, a.phase = null, r.classList.remove("wl-tooltip-motion-enter");
|
|
10226
10236
|
}));
|
|
10227
10237
|
}, a.showDelay);
|
|
10228
10238
|
}
|
|
10229
10239
|
}, a.onLeave = () => {
|
|
10230
10240
|
l(), a.timer = setTimeout(() => {
|
|
10231
|
-
if (a.timer = null, !a.node || !
|
|
10241
|
+
if (a.timer = null, !a.node || !ua(a)) {
|
|
10232
10242
|
d();
|
|
10233
10243
|
return;
|
|
10234
10244
|
}
|
|
10235
10245
|
i();
|
|
10236
|
-
const r = a.node,
|
|
10237
|
-
if (!
|
|
10246
|
+
const r = a.node, u = li(r);
|
|
10247
|
+
if (!u) {
|
|
10238
10248
|
d();
|
|
10239
10249
|
return;
|
|
10240
10250
|
}
|
|
10241
10251
|
a.phase = "leave", ye(r), r.classList.add("wl-tooltip-motion-leave"), a.onTransitionEnd = (m) => {
|
|
10242
10252
|
m.target === r && m.propertyName === "opacity" && d();
|
|
10243
|
-
}, r.addEventListener("transitionend", a.onTransitionEnd), a.exitTimer = setTimeout(d,
|
|
10253
|
+
}, r.addEventListener("transitionend", a.onTransitionEnd), a.exitTimer = setTimeout(d, u + 50);
|
|
10244
10254
|
}, a.hideDelay);
|
|
10245
10255
|
}, a.onKeydown = (r) => {
|
|
10246
10256
|
r.key === "Escape" && (l(), d());
|
|
@@ -10256,7 +10266,7 @@ const cr = {
|
|
|
10256
10266
|
t && (t.timer && clearTimeout(t.timer), t.enterFrame !== null && cancelAnimationFrame(t.enterFrame), t.exitTimer && clearTimeout(t.exitTimer), t.node && t.onTransitionEnd && t.node.removeEventListener("transitionend", t.onTransitionEnd), (a = t.node) == null || a.remove(), e.removeEventListener("mouseenter", t.onEnter), e.removeEventListener("mouseleave", t.onLeave), e.removeEventListener("focus", t.onEnter), e.removeEventListener("blur", t.onLeave), e.removeEventListener("keydown", t.onKeydown), window.removeEventListener("scroll", t.onReposition, !0), window.removeEventListener("resize", t.onReposition), Ke.delete(e));
|
|
10257
10267
|
}
|
|
10258
10268
|
};
|
|
10259
|
-
function
|
|
10269
|
+
function dr() {
|
|
10260
10270
|
const e = xa(), t = ha(), a = (l, i) => {
|
|
10261
10271
|
e.require({
|
|
10262
10272
|
header: l.header ?? "Подтверждение",
|
|
@@ -10274,7 +10284,7 @@ function pr() {
|
|
|
10274
10284
|
close: e.close
|
|
10275
10285
|
};
|
|
10276
10286
|
}
|
|
10277
|
-
function
|
|
10287
|
+
function cr() {
|
|
10278
10288
|
const e = za(), t = (a, l, i) => {
|
|
10279
10289
|
e.add({ severity: a, summary: l, detail: i });
|
|
10280
10290
|
};
|
|
@@ -10286,84 +10296,84 @@ function ur() {
|
|
|
10286
10296
|
};
|
|
10287
10297
|
}
|
|
10288
10298
|
export {
|
|
10289
|
-
|
|
10299
|
+
Io as WL_COMPONENT_INTRODUCED_IN,
|
|
10290
10300
|
De as WL_ICON_NAMES,
|
|
10291
|
-
|
|
10292
|
-
|
|
10293
|
-
|
|
10294
|
-
|
|
10295
|
-
|
|
10296
|
-
|
|
10301
|
+
ii as WlAccordion,
|
|
10302
|
+
ri as WlAlert,
|
|
10303
|
+
di as WlAutocomplete,
|
|
10304
|
+
ci as WlAvatar,
|
|
10305
|
+
ui as WlBadge,
|
|
10306
|
+
pi as WlBreadcrumbs,
|
|
10297
10307
|
Se as WlButton,
|
|
10298
|
-
|
|
10299
|
-
|
|
10308
|
+
mi as WlButtonGroup,
|
|
10309
|
+
yi as WlCalendar,
|
|
10300
10310
|
kt as WlCard,
|
|
10301
|
-
|
|
10302
|
-
|
|
10303
|
-
|
|
10304
|
-
|
|
10305
|
-
|
|
10306
|
-
|
|
10307
|
-
|
|
10308
|
-
|
|
10309
|
-
|
|
10310
|
-
|
|
10311
|
-
|
|
10312
|
-
|
|
10313
|
-
|
|
10314
|
-
|
|
10315
|
-
|
|
10316
|
-
|
|
10317
|
-
|
|
10318
|
-
|
|
10319
|
-
|
|
10320
|
-
|
|
10311
|
+
fi as WlCheckbox,
|
|
10312
|
+
vi as WlChip,
|
|
10313
|
+
wi as WlColorPicker,
|
|
10314
|
+
bi as WlCommandPalette,
|
|
10315
|
+
si as WlConfig,
|
|
10316
|
+
hi as WlConfirmDialog,
|
|
10317
|
+
gi as WlConfirmationService,
|
|
10318
|
+
_i as WlDatePicker,
|
|
10319
|
+
Zt as WlDialog,
|
|
10320
|
+
ki as WlDivider,
|
|
10321
|
+
xi as WlDrawer,
|
|
10322
|
+
$i as WlEmpty,
|
|
10323
|
+
zi as WlField,
|
|
10324
|
+
Wi as WlFileUpload,
|
|
10325
|
+
Li as WlFilterBar,
|
|
10326
|
+
P as WlIcon,
|
|
10327
|
+
In as WlIconButton,
|
|
10328
|
+
Ci as WlInput,
|
|
10329
|
+
Mi as WlMenu,
|
|
10330
|
+
Bi as WlMultiSelect,
|
|
10321
10331
|
ra as WlNavItem,
|
|
10322
|
-
|
|
10323
|
-
|
|
10324
|
-
|
|
10325
|
-
|
|
10326
|
-
|
|
10327
|
-
|
|
10328
|
-
|
|
10329
|
-
|
|
10330
|
-
|
|
10331
|
-
|
|
10332
|
-
|
|
10333
|
-
|
|
10334
|
-
|
|
10335
|
-
|
|
10336
|
-
|
|
10337
|
-
|
|
10338
|
-
|
|
10339
|
-
|
|
10340
|
-
|
|
10341
|
-
|
|
10342
|
-
|
|
10343
|
-
|
|
10344
|
-
|
|
10345
|
-
|
|
10346
|
-
|
|
10347
|
-
|
|
10348
|
-
|
|
10332
|
+
Si as WlNumberInput,
|
|
10333
|
+
Di as WlPageHeader,
|
|
10334
|
+
Ii as WlPagination,
|
|
10335
|
+
Ei as WlPasswordInput,
|
|
10336
|
+
Ai as WlPill,
|
|
10337
|
+
Vi as WlPopover,
|
|
10338
|
+
Ti as WlProgress,
|
|
10339
|
+
Fi as WlRadio,
|
|
10340
|
+
Pi as WlSegmented,
|
|
10341
|
+
Oi as WlSelect,
|
|
10342
|
+
Ni as WlSidebar,
|
|
10343
|
+
Ri as WlSkeleton,
|
|
10344
|
+
Ui as WlSlider,
|
|
10345
|
+
ji as WlSpinner,
|
|
10346
|
+
Gi as WlStatCard,
|
|
10347
|
+
Hi as WlSteps,
|
|
10348
|
+
Ki as WlSwitch,
|
|
10349
|
+
qi as WlTable,
|
|
10350
|
+
Yi as WlTabs,
|
|
10351
|
+
Zi as WlTag,
|
|
10352
|
+
Ji as WlTextarea,
|
|
10353
|
+
Qi as WlToast,
|
|
10354
|
+
Xi as WlToastService,
|
|
10355
|
+
sr as WlTooltip,
|
|
10356
|
+
Yo as actionsManifest,
|
|
10357
|
+
Qo as compositesManifest,
|
|
10358
|
+
Xo as containersManifest,
|
|
10349
10359
|
Ya as createWlPt,
|
|
10350
|
-
|
|
10360
|
+
Jo as dataManifest,
|
|
10351
10361
|
he as defineComponentManifest,
|
|
10352
|
-
|
|
10353
|
-
|
|
10354
|
-
|
|
10355
|
-
|
|
10356
|
-
|
|
10357
|
-
|
|
10358
|
-
|
|
10359
|
-
|
|
10360
|
-
|
|
10361
|
-
|
|
10362
|
-
|
|
10363
|
-
|
|
10362
|
+
ai as feedbackManifest,
|
|
10363
|
+
ir as getWlThemeTokens,
|
|
10364
|
+
Zo as inputsManifest,
|
|
10365
|
+
ti as miscManifest,
|
|
10366
|
+
ei as navigationManifest,
|
|
10367
|
+
So as resolveWlToken,
|
|
10368
|
+
dr as useWlConfirm,
|
|
10369
|
+
cr as useWlToast,
|
|
10370
|
+
nr as wlBreakpoints,
|
|
10371
|
+
lr as wlContrastPairs,
|
|
10372
|
+
or as wlContrastReport,
|
|
10373
|
+
er as wlDesignThemes,
|
|
10364
10374
|
Wa as wlDesignTokens,
|
|
10365
10375
|
qa as wlLocaleRu,
|
|
10366
|
-
|
|
10367
|
-
|
|
10368
|
-
|
|
10376
|
+
rr as wlManifest,
|
|
10377
|
+
ar as wlSpacing,
|
|
10378
|
+
tr as wlTypography
|
|
10369
10379
|
};
|