@profitliga/ui 2.0.4 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/v2/AlertDialog/AlertDialog.css +1 -1
- package/dist/components/v2/AlertDialog/AlertDialog.vue.js +2 -2
- package/dist/components/v2/AlertDialog/AlertDialog.vue2.js +52 -51
- package/dist/components/v2/BottomSheet/BottomSheet.css +1 -1
- package/dist/components/v2/BottomSheet/BottomSheet.vue.js +2 -2
- package/dist/components/v2/BottomSheet/BottomSheet.vue2.js +31 -29
- package/dist/components/v2/Button/Button.css +1 -1
- package/dist/components/v2/Button/Button.vue.js +2 -2
- package/dist/components/v2/Combobox/Combobox.css +1 -1
- package/dist/components/v2/Combobox/Combobox.types.d.ts +10 -2
- package/dist/components/v2/Combobox/Combobox.vue.js +1 -1
- package/dist/components/v2/Combobox/Combobox.vue2.js +118 -120
- package/dist/components/v2/Dialog/Dialog.css +1 -1
- package/dist/components/v2/Dialog/Dialog.vue.js +1 -1
- package/dist/components/v2/Dialog/Dialog.vue2.js +74 -72
- package/dist/components/v2/Drawer/Drawer.css +1 -1
- package/dist/components/v2/Drawer/Drawer.vue.js +1 -1
- package/dist/components/v2/Drawer/Drawer.vue2.js +44 -42
- package/dist/components/v2/Popover/Popover.css +1 -1
- package/dist/components/v2/Popover/Popover.types.d.ts +13 -0
- package/dist/components/v2/Popover/Popover.vue.d.ts +1 -0
- package/dist/components/v2/Popover/Popover.vue.js +2 -2
- package/dist/components/v2/Popover/Popover.vue2.js +34 -33
- package/dist/components/v2/Schedule/Schedule.css +1 -1
- package/dist/components/v2/Schedule/Schedule.vue.js +3 -3
- package/dist/components/v2/Schedule/Schedule.vue2.js +5 -4
- package/dist/components/v2/shared/useLayerZIndex.util.d.ts +10 -0
- package/dist/components/v2/shared/useLayerZIndex.util.js +25 -13
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.alert-dialog-trigger[data-v-
|
|
1
|
+
.alert-dialog-trigger[data-v-6c5794b1]{display:contents}.alert-dialog-layer[data-v-6c5794b1]{position:relative}.alert-dialog-icon[data-v-6c5794b1]{--icon-bg:var(--color-primary-600);--icon-shadow:#008925b2;box-sizing:border-box;width:44px;height:44px;color:var(--color-neutral-0);background-color:var(--icon-bg);box-shadow:-1px 1px 10px 0px var(--icon-shadow);filter:opacity(.7);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.alert-dialog-icon--success[data-v-6c5794b1]{--icon-bg:var(--color-primary-600);--icon-shadow:#008925b2}.alert-dialog-icon--warning[data-v-6c5794b1]{--icon-bg:var(--color-warn-600);--icon-shadow:#d47d16b2}.alert-dialog-icon--error[data-v-6c5794b1]{--icon-bg:var(--color-error-600);--icon-shadow:#bd2429b2}.alert-dialog-content[data-v-6c5794b1]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);width:90vw;max-height:85vh;overflow-y:auto}.alert-dialog-content[data-v-6c5794b1]::-webkit-scrollbar{width:8px;height:0}.alert-dialog-content[data-v-6c5794b1]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.alert-dialog-content[data-v-6c5794b1]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.alert-dialog-content[data-v-6c5794b1]::-webkit-scrollbar-corner{background:0 0}.alert-dialog-content[data-v-6c5794b1]{box-sizing:border-box;z-index:1001;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.alert-dialog-content[data-state=open][data-v-6c5794b1]{animation:fadeIn var(--animation-duration) ease-in-out}.alert-dialog-content[data-state=closed][data-v-6c5794b1]{animation:fadeOut var(--animation-duration) ease-in-out}.alert-dialog-content__header[data-v-6c5794b1]{justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.alert-dialog-content__header--divided[data-v-6c5794b1]{border-bottom:1px solid var(--color-secondary-250);margin-bottom:12px;padding-bottom:12px}.alert-dialog-content__title[data-v-6c5794b1]{width:100%;color:var(--theme-neutral-text-title);margin:0;font-size:1.25rem;font-weight:500;line-height:120%}.alert-dialog-content__title--with-icon[data-v-6c5794b1]{font-weight:700}.alert-dialog-content__description[data-v-6c5794b1]{width:100%;color:var(--theme-neutral-text-body);margin:0 0 12px;font-size:1rem;font-weight:400;line-height:160%}.alert-dialog-content__actions[data-v-6c5794b1]{justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:20px;display:flex}.alert-dialog-mobile[data-v-6c5794b1]{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;padding:16px;display:flex}.alert-dialog-mobile__header[data-v-6c5794b1]{justify-content:flex-start;align-items:center;gap:12px;display:flex}.alert-dialog-mobile__header--divided[data-v-6c5794b1]{border-bottom:1px solid var(--color-secondary-250);padding-bottom:12px}.alert-dialog-mobile__title[data-v-6c5794b1]{color:var(--theme-neutral-text-title);margin:0;font-size:1.125rem;font-weight:500;line-height:1.5}.alert-dialog-mobile__title--with-icon[data-v-6c5794b1]{font-weight:700}.alert-dialog-mobile__description[data-v-6c5794b1]{color:var(--theme-neutral-text-body);font-size:1rem;font-weight:400;line-height:160%}.alert-dialog-mobile__actions[data-v-6c5794b1]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.alert-dialog-mobile__actions[data-v-6c5794b1] button{width:100%}
|
|
@@ -2,7 +2,7 @@ import './AlertDialog.css';
|
|
|
2
2
|
import o from "./AlertDialog.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c5794b1"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
p as default
|
|
8
8
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as W, useModel as Z, useId as j, computed as m, useTemplateRef as R,
|
|
2
|
-
import { CircleCheck as
|
|
3
|
-
import { useBodyScroll as
|
|
4
|
-
import { useFocusTrap as
|
|
5
|
-
import
|
|
1
|
+
import { defineComponent as W, useModel as Z, useId as j, computed as m, useTemplateRef as R, watch as G, onBeforeUnmount as H, openBlock as o, createElementBlock as n, Fragment as J, mergeProps as i, unref as t, renderSlot as s, createCommentVNode as d, createBlock as y, withCtx as A, createElementVNode as c, normalizeClass as T, resolveDynamicComponent as z, normalizeStyle as Q, mergeModels as O } from "vue";
|
|
2
|
+
import { CircleCheck as X, CircleAlert as Y } from "@lucide/vue";
|
|
3
|
+
import { useBodyScroll as x } from "../../../utils/useBodyScroll.util.js";
|
|
4
|
+
import { useFocusTrap as ee } from "../../../utils/useFocusTrap.util.js";
|
|
5
|
+
import te from "../BottomSheet/BottomSheet.vue.js";
|
|
6
6
|
import { ANIMATION_DURATION_MS as _ } from "../shared/animation.const.js";
|
|
7
|
-
import
|
|
8
|
-
import { useDelayedVisibility as
|
|
9
|
-
import { useIsMobile as
|
|
10
|
-
import { useLayerZIndex as
|
|
11
|
-
import { useTestId as
|
|
12
|
-
import { useTriggerAria as
|
|
13
|
-
const
|
|
7
|
+
import oe from "../shared/Portal.vue.js";
|
|
8
|
+
import { useDelayedVisibility as ae } from "../shared/useDelayedVisibility.util.js";
|
|
9
|
+
import { useIsMobile as ie } from "../shared/useIsMobile.util.js";
|
|
10
|
+
import { useLayerZIndex as le } from "../shared/useLayerZIndex.util.js";
|
|
11
|
+
import { useTestId as se } from "../shared/useTestId.util.js";
|
|
12
|
+
import { useTriggerAria as re } from "../shared/useTriggerAria.util.js";
|
|
13
|
+
const ne = { class: "alert-dialog-mobile" }, de = ["data-state"], ce = ["aria-describedby", "data-state"], we = /* @__PURE__ */ W({
|
|
14
14
|
inheritAttrs: !1,
|
|
15
15
|
__name: "AlertDialog",
|
|
16
16
|
props: /* @__PURE__ */ O({
|
|
@@ -25,69 +25,70 @@ const re = { class: "alert-dialog-mobile" }, ne = ["data-state"], de = ["aria-de
|
|
|
25
25
|
}),
|
|
26
26
|
emits: /* @__PURE__ */ O(["escapeKeyDown"], ["update:open"]),
|
|
27
27
|
setup(l, { emit: N }) {
|
|
28
|
-
const u = l,
|
|
28
|
+
const u = l, w = ie(u.breakpointMobile), C = N, r = Z(l, "open"), b = j(), p = `alert-dialog-title-${b}`, S = `alert-dialog-description-${b}`, k = `alert-dialog-content-${b}`, K = m(() => `${u.width}px`), a = se(() => u.testId), L = m(() => ({
|
|
29
29
|
"aria-haspopup": "dialog",
|
|
30
30
|
"aria-expanded": r.value,
|
|
31
|
-
"aria-controls": r.value ?
|
|
32
|
-
})),
|
|
33
|
-
() => u.variant === "success" ?
|
|
34
|
-
),
|
|
35
|
-
|
|
36
|
-
host: () =>
|
|
31
|
+
"aria-controls": r.value ? k : void 0
|
|
32
|
+
})), B = m(
|
|
33
|
+
() => u.variant === "success" ? X : Y
|
|
34
|
+
), D = m(() => u.divider ?? !!u.variant), E = R("triggerRef"), $ = R("contentRef");
|
|
35
|
+
re({
|
|
36
|
+
host: () => E.value,
|
|
37
37
|
isOpen: () => r.value,
|
|
38
|
-
contentId: () =>
|
|
38
|
+
contentId: () => k,
|
|
39
39
|
hasPopup: () => "dialog"
|
|
40
40
|
});
|
|
41
|
-
const { lockScroll: P, unlockScroll: U } =
|
|
41
|
+
const { lockScroll: P, unlockScroll: U } = x(), h = ee(() => $.value), f = le();
|
|
42
|
+
G($, (e) => f.registerElement(e));
|
|
42
43
|
function V() {
|
|
43
44
|
r.value = !1;
|
|
44
45
|
}
|
|
45
|
-
function
|
|
46
|
-
e.key === "Escape" && (
|
|
46
|
+
function I(e) {
|
|
47
|
+
e.key === "Escape" && (C("escapeKeyDown", e), e.defaultPrevented || V());
|
|
47
48
|
}
|
|
48
|
-
const F = m(() => r.value && !
|
|
49
|
+
const F = m(() => r.value && !w.value), { visible: q, dataState: M } = ae(
|
|
49
50
|
F,
|
|
50
51
|
_,
|
|
51
52
|
{
|
|
52
53
|
onOpen: () => {
|
|
53
|
-
|
|
54
|
+
f.acquire(), P(), h.activate({ focusDelayMs: _ }), document.addEventListener("keydown", I);
|
|
54
55
|
},
|
|
55
56
|
onCloseStart: () => {
|
|
56
|
-
|
|
57
|
+
h.deactivate(), document.removeEventListener("keydown", I);
|
|
57
58
|
},
|
|
58
59
|
onCloseEnd: () => {
|
|
59
|
-
U(),
|
|
60
|
+
U(), f.release();
|
|
60
61
|
}
|
|
61
62
|
}
|
|
62
63
|
);
|
|
63
|
-
return
|
|
64
|
-
document.removeEventListener("keydown",
|
|
65
|
-
}), (e, v) => (o(), n(
|
|
64
|
+
return H(() => {
|
|
65
|
+
document.removeEventListener("keydown", I), h.deactivate();
|
|
66
|
+
}), (e, v) => (o(), n(J, null, [
|
|
66
67
|
e.$slots.trigger ? (o(), n("span", i({
|
|
67
68
|
key: 0,
|
|
68
69
|
ref_key: "triggerRef",
|
|
69
|
-
ref:
|
|
70
|
+
ref: E,
|
|
70
71
|
class: "alert-dialog-trigger"
|
|
71
72
|
}, t(a)("trigger"), {
|
|
72
|
-
onClick: v[0] || (v[0] = (
|
|
73
|
+
onClick: v[0] || (v[0] = (g) => r.value = !0)
|
|
73
74
|
}), [
|
|
74
75
|
s(e.$slots, "trigger", { props: L.value }, void 0, !0)
|
|
75
76
|
], 16)) : d("", !0),
|
|
76
|
-
t(
|
|
77
|
+
t(w) ? (o(), y(t(te), {
|
|
77
78
|
key: 1,
|
|
78
79
|
open: r.value,
|
|
79
|
-
"onUpdate:open": v[1] || (v[1] = (
|
|
80
|
+
"onUpdate:open": v[1] || (v[1] = (g) => r.value = g),
|
|
80
81
|
"disable-outside-pointer-events": "",
|
|
81
82
|
"disable-swipe-to-close": "",
|
|
82
83
|
"labelled-by": p,
|
|
83
84
|
"test-id": l.testId,
|
|
84
|
-
onEscapeKeyDown: v[2] || (v[2] = (
|
|
85
|
+
onEscapeKeyDown: v[2] || (v[2] = (g) => C("escapeKeyDown", g))
|
|
85
86
|
}, {
|
|
86
87
|
default: A(() => [
|
|
87
|
-
c("div",
|
|
88
|
+
c("div", ne, [
|
|
88
89
|
c("div", {
|
|
89
90
|
class: T(["alert-dialog-mobile__header", {
|
|
90
|
-
"alert-dialog-mobile__header--divided":
|
|
91
|
+
"alert-dialog-mobile__header--divided": D.value
|
|
91
92
|
}])
|
|
92
93
|
}, [
|
|
93
94
|
l.variant ? (o(), n("span", i({
|
|
@@ -95,7 +96,7 @@ const re = { class: "alert-dialog-mobile" }, ne = ["data-state"], de = ["aria-de
|
|
|
95
96
|
class: ["alert-dialog-icon", `alert-dialog-icon--${l.variant}`]
|
|
96
97
|
}, t(a)("icon")), [
|
|
97
98
|
s(e.$slots, "icon", {}, () => [
|
|
98
|
-
(o(),
|
|
99
|
+
(o(), y(z(B.value), { size: 28 }))
|
|
99
100
|
], !0)
|
|
100
101
|
], 16)) : d("", !0),
|
|
101
102
|
c("h2", i({
|
|
@@ -122,31 +123,31 @@ const re = { class: "alert-dialog-mobile" }, ne = ["data-state"], de = ["aria-de
|
|
|
122
123
|
])
|
|
123
124
|
]),
|
|
124
125
|
_: 3
|
|
125
|
-
}, 8, ["open", "test-id"])) : t(q) ? (o(),
|
|
126
|
+
}, 8, ["open", "test-id"])) : t(q) ? (o(), y(oe, { key: 2 }, {
|
|
126
127
|
default: A(() => [
|
|
127
128
|
c("div", {
|
|
128
129
|
class: "alert-dialog-layer",
|
|
129
|
-
style:
|
|
130
|
+
style: Q({ zIndex: t(f).zIndex.value })
|
|
130
131
|
}, [
|
|
131
132
|
c("div", i({
|
|
132
133
|
class: "overlay alert-dialog-overlay",
|
|
133
|
-
"data-state": t(
|
|
134
|
-
}, t(a)("overlay")), null, 16,
|
|
134
|
+
"data-state": t(M)
|
|
135
|
+
}, t(a)("overlay")), null, 16, de),
|
|
135
136
|
c("div", i({
|
|
136
|
-
id:
|
|
137
|
+
id: k,
|
|
137
138
|
ref_key: "contentRef",
|
|
138
|
-
ref:
|
|
139
|
+
ref: $,
|
|
139
140
|
role: "alertdialog",
|
|
140
141
|
"aria-modal": "true",
|
|
141
142
|
"aria-labelledby": p,
|
|
142
|
-
"aria-describedby": e.$slots.default ?
|
|
143
|
-
"data-state": t(
|
|
143
|
+
"aria-describedby": e.$slots.default ? S : void 0,
|
|
144
|
+
"data-state": t(M),
|
|
144
145
|
class: "alert-dialog-content",
|
|
145
146
|
style: { maxWidth: K.value }
|
|
146
147
|
}, { ...e.$attrs, ...t(a)("content") }), [
|
|
147
148
|
c("div", {
|
|
148
149
|
class: T(["alert-dialog-content__header", {
|
|
149
|
-
"alert-dialog-content__header--divided":
|
|
150
|
+
"alert-dialog-content__header--divided": D.value
|
|
150
151
|
}])
|
|
151
152
|
}, [
|
|
152
153
|
l.variant ? (o(), n("span", i({
|
|
@@ -154,7 +155,7 @@ const re = { class: "alert-dialog-mobile" }, ne = ["data-state"], de = ["aria-de
|
|
|
154
155
|
class: ["alert-dialog-icon", `alert-dialog-icon--${l.variant}`]
|
|
155
156
|
}, t(a)("icon")), [
|
|
156
157
|
s(e.$slots, "icon", {}, () => [
|
|
157
|
-
(o(),
|
|
158
|
+
(o(), y(z(B.value), { size: 28 }))
|
|
158
159
|
], !0)
|
|
159
160
|
], 16)) : d("", !0),
|
|
160
161
|
c("h2", i({
|
|
@@ -168,7 +169,7 @@ const re = { class: "alert-dialog-mobile" }, ne = ["data-state"], de = ["aria-de
|
|
|
168
169
|
], 2),
|
|
169
170
|
e.$slots.default ? (o(), n("div", i({
|
|
170
171
|
key: 0,
|
|
171
|
-
id:
|
|
172
|
+
id: S,
|
|
172
173
|
class: "alert-dialog-content__description"
|
|
173
174
|
}, t(a)("description")), [
|
|
174
175
|
s(e.$slots, "default", {}, void 0, !0)
|
|
@@ -179,7 +180,7 @@ const re = { class: "alert-dialog-mobile" }, ne = ["data-state"], de = ["aria-de
|
|
|
179
180
|
}, t(a)("actions")), [
|
|
180
181
|
s(e.$slots, "actions", {}, void 0, !0)
|
|
181
182
|
], 16)) : d("", !0)
|
|
182
|
-
], 16,
|
|
183
|
+
], 16, ce)
|
|
183
184
|
], 4)
|
|
184
185
|
]),
|
|
185
186
|
_: 3
|
|
@@ -188,5 +189,5 @@ const re = { class: "alert-dialog-mobile" }, ne = ["data-state"], de = ["aria-de
|
|
|
188
189
|
}
|
|
189
190
|
});
|
|
190
191
|
export {
|
|
191
|
-
|
|
192
|
+
we as default
|
|
192
193
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.sheet-trigger[data-v-
|
|
1
|
+
.sheet-trigger[data-v-0004fa4b]{display:contents}.sheet-layer[data-v-0004fa4b]{position:relative}.sheet-content[data-v-0004fa4b]{background-color:var(--theme-neutral-0);z-index:1002;border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-height:calc(100vh - 40px);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 2px 5px #3a3a3a40}.sheet-content[data-state=open][data-v-0004fa4b]{animation:slideBottomIn var(--animation-duration) ease-in-out}.sheet-content[data-state=closed][data-v-0004fa4b]{animation:slideBottomOut var(--animation-duration) ease-in-out}.sheet-content__handle[data-v-0004fa4b]{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:flex-end;width:100%;height:24px;padding-bottom:12px;display:flex}.sheet-content__handle[data-v-0004fa4b]:active{cursor:grabbing}.sheet-content__handle-dot[data-v-0004fa4b]{background-color:var(--theme-neutral-icon-primary);border-radius:2px;width:48px;height:4px}.sheet-content__body[data-v-0004fa4b]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex:auto;width:100%;min-height:0;overflow-y:auto}.sheet-content__body[data-v-0004fa4b]::-webkit-scrollbar{width:8px;height:0}.sheet-content__body[data-v-0004fa4b]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.sheet-content__body[data-v-0004fa4b]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.sheet-content__body[data-v-0004fa4b]::-webkit-scrollbar-corner{background:0 0}.sheet-overlay--drag-closing[data-v-0004fa4b]{visibility:hidden}
|
|
@@ -2,7 +2,7 @@ import './BottomSheet.css';
|
|
|
2
2
|
import o from "./BottomSheet.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0004fa4b"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
e as default
|
|
8
8
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as L, useModel as V, useId as F, computed as k, ref as K, useTemplateRef as O, watch as U, onBeforeUnmount as Z, openBlock as
|
|
1
|
+
import { defineComponent as L, useModel as V, useId as F, computed as k, ref as K, useTemplateRef as O, watch as U, onBeforeUnmount as Z, openBlock as m, createElementBlock as w, Fragment as q, mergeProps as u, unref as e, renderSlot as T, createCommentVNode as D, createBlock as H, withCtx as Y, createElementVNode as f, normalizeStyle as j, withModifiers as G, mergeModels as E, nextTick as J } from "vue";
|
|
2
2
|
import { onClickOutside as Q } from "../../../utils/onClickOutside.util.js";
|
|
3
3
|
import { useBodyScroll as W } from "../../../utils/useBodyScroll.util.js";
|
|
4
4
|
import { useFocusTrap as X } from "../../../utils/useFocusTrap.util.js";
|
|
5
5
|
import { useSwipeToClose as _ } from "../../../utils/useSwipeToClose.util.js";
|
|
6
|
-
import { ANIMATION_DURATION_MS as
|
|
6
|
+
import { ANIMATION_DURATION_MS as B } from "../shared/animation.const.js";
|
|
7
7
|
import ee from "../shared/Portal.vue.js";
|
|
8
8
|
import { useDelayedVisibility as te } from "../shared/useDelayedVisibility.util.js";
|
|
9
9
|
import { useLayerZIndex as oe } from "../shared/useLayerZIndex.util.js";
|
|
@@ -12,7 +12,7 @@ import { useTriggerAria as ne } from "../shared/useTriggerAria.util.js";
|
|
|
12
12
|
const le = ["data-state"], se = ["aria-label", "aria-labelledby", "data-state"], be = /* @__PURE__ */ L({
|
|
13
13
|
inheritAttrs: !1,
|
|
14
14
|
__name: "BottomSheet",
|
|
15
|
-
props: /* @__PURE__ */
|
|
15
|
+
props: /* @__PURE__ */ E({
|
|
16
16
|
zIndex: { default: "auto" },
|
|
17
17
|
disableOutsidePointerEvents: { type: Boolean, default: !1 },
|
|
18
18
|
disableSwipeToClose: { type: Boolean, default: !1 },
|
|
@@ -23,21 +23,21 @@ const le = ["data-state"], se = ["aria-label", "aria-labelledby", "data-state"],
|
|
|
23
23
|
open: { type: Boolean, default: !1 },
|
|
24
24
|
openModifiers: {}
|
|
25
25
|
}),
|
|
26
|
-
emits: /* @__PURE__ */
|
|
26
|
+
emits: /* @__PURE__ */ E(["escapeKeyDown", "pointerDownOutside"], ["update:open"]),
|
|
27
27
|
setup(l, { emit: M }) {
|
|
28
|
-
const
|
|
28
|
+
const c = l, I = M, s = V(l, "open"), p = `sheet-content-${F()}`, r = ae(() => c.testId), x = k(() => ({
|
|
29
29
|
"aria-haspopup": "dialog",
|
|
30
30
|
"aria-expanded": s.value,
|
|
31
|
-
"aria-controls": s.value ?
|
|
32
|
-
})), i = K(!1), S = O("triggerRef"),
|
|
31
|
+
"aria-controls": s.value ? p : void 0
|
|
32
|
+
})), i = K(!1), S = O("triggerRef"), v = O("contentRef");
|
|
33
33
|
ne({
|
|
34
34
|
host: () => S.value,
|
|
35
35
|
isOpen: () => s.value,
|
|
36
|
-
contentId: () =>
|
|
36
|
+
contentId: () => p,
|
|
37
37
|
hasPopup: () => "dialog"
|
|
38
38
|
});
|
|
39
|
-
const { lockScroll: R, unlockScroll: $ } = W(),
|
|
40
|
-
() =>
|
|
39
|
+
const { lockScroll: R, unlockScroll: $ } = W(), g = X(() => v.value), d = oe(), P = k(
|
|
40
|
+
() => c.zIndex === "auto" ? d.zIndex.value : c.zIndex
|
|
41
41
|
);
|
|
42
42
|
function y() {
|
|
43
43
|
s.value = !1;
|
|
@@ -51,36 +51,38 @@ const le = ["data-state"], se = ["aria-label", "aria-labelledby", "data-state"],
|
|
|
51
51
|
t.key === "Escape" && (I("escapeKeyDown", t), t.defaultPrevented || y());
|
|
52
52
|
}
|
|
53
53
|
function z(t) {
|
|
54
|
-
I("pointerDownOutside", t), !
|
|
54
|
+
I("pointerDownOutside", t), !c.disableOutsidePointerEvents && !t.defaultPrevented && y();
|
|
55
55
|
}
|
|
56
56
|
const { visible: A, dataState: C } = te(
|
|
57
57
|
s,
|
|
58
|
-
() => i.value ? 0 :
|
|
58
|
+
() => i.value ? 0 : B,
|
|
59
59
|
{
|
|
60
60
|
onOpen: () => {
|
|
61
|
-
i.value = !1, o.reset(),
|
|
61
|
+
i.value = !1, o.reset(), d.acquire(), R(), g.activate({ focusDelayMs: B }), document.addEventListener("keydown", h), J(() => o.measureContentHeight(v.value));
|
|
62
62
|
},
|
|
63
63
|
onCloseStart: () => {
|
|
64
|
-
|
|
64
|
+
g.deactivate(), document.removeEventListener("keydown", h);
|
|
65
65
|
},
|
|
66
66
|
onCloseEnd: () => {
|
|
67
|
-
$(),
|
|
67
|
+
$(), d.release();
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
);
|
|
71
71
|
let b;
|
|
72
|
-
U(
|
|
73
|
-
b?.(), b = t ? Q(t, z
|
|
72
|
+
U(v, (t) => {
|
|
73
|
+
d.registerElement(t), b?.(), b = t ? Q(t, z, {
|
|
74
|
+
ignore: () => d.elementsAbove()
|
|
75
|
+
}) : void 0;
|
|
74
76
|
}), Z(() => {
|
|
75
|
-
b?.(), document.removeEventListener("keydown", h),
|
|
77
|
+
b?.(), document.removeEventListener("keydown", h), g.deactivate();
|
|
76
78
|
});
|
|
77
79
|
const N = k(() => ({
|
|
78
80
|
transform: o.dragOffset.value > 0 ? `translateY(${o.dragOffset.value}px)` : void 0,
|
|
79
81
|
transition: o.isDragging.value ? "none" : "transform 0.2s ease-out",
|
|
80
82
|
animation: i.value ? "none" : void 0
|
|
81
83
|
}));
|
|
82
|
-
return (t, a) => (
|
|
83
|
-
t.$slots.trigger ? (
|
|
84
|
+
return (t, a) => (m(), w(q, null, [
|
|
85
|
+
t.$slots.trigger ? (m(), w("span", u({
|
|
84
86
|
key: 0,
|
|
85
87
|
ref_key: "triggerRef",
|
|
86
88
|
ref: S,
|
|
@@ -90,20 +92,20 @@ const le = ["data-state"], se = ["aria-label", "aria-labelledby", "data-state"],
|
|
|
90
92
|
}), [
|
|
91
93
|
T(t.$slots, "trigger", { props: x.value }, void 0, !0)
|
|
92
94
|
], 16)) : D("", !0),
|
|
93
|
-
e(A) ? (
|
|
95
|
+
e(A) ? (m(), H(ee, { key: 1 }, {
|
|
94
96
|
default: Y(() => [
|
|
95
|
-
|
|
97
|
+
f("div", {
|
|
96
98
|
class: "sheet-layer",
|
|
97
99
|
style: j({ zIndex: P.value })
|
|
98
100
|
}, [
|
|
99
|
-
|
|
101
|
+
f("div", u({
|
|
100
102
|
class: ["overlay dialog-overlay", { "sheet-overlay--drag-closing": i.value }],
|
|
101
103
|
"data-state": e(C)
|
|
102
104
|
}, e(r)("overlay")), null, 16, le),
|
|
103
|
-
|
|
104
|
-
id:
|
|
105
|
+
f("div", u({
|
|
106
|
+
id: p,
|
|
105
107
|
ref_key: "contentRef",
|
|
106
|
-
ref:
|
|
108
|
+
ref: v,
|
|
107
109
|
role: "dialog",
|
|
108
110
|
"aria-modal": "true",
|
|
109
111
|
"aria-label": l.labelledBy ? void 0 : l.label,
|
|
@@ -112,7 +114,7 @@ const le = ["data-state"], se = ["aria-label", "aria-labelledby", "data-state"],
|
|
|
112
114
|
"data-state": e(C),
|
|
113
115
|
style: N.value
|
|
114
116
|
}, { ...t.$attrs, ...e(r)("content") }), [
|
|
115
|
-
l.disableSwipeToClose ? D("", !0) : (
|
|
117
|
+
l.disableSwipeToClose ? D("", !0) : (m(), w("div", u({
|
|
116
118
|
key: 0,
|
|
117
119
|
class: "sheet-content__handle",
|
|
118
120
|
"aria-hidden": "true",
|
|
@@ -130,9 +132,9 @@ const le = ["data-state"], se = ["aria-label", "aria-labelledby", "data-state"],
|
|
|
130
132
|
onMousedown: a[4] || (a[4] = //@ts-ignore
|
|
131
133
|
(...n) => e(o).handleMouseDown && e(o).handleMouseDown(...n))
|
|
132
134
|
}), [...a[5] || (a[5] = [
|
|
133
|
-
|
|
135
|
+
f("div", { class: "sheet-content__handle-dot" }, null, -1)
|
|
134
136
|
])], 16)),
|
|
135
|
-
|
|
137
|
+
f("div", u({ class: "sheet-content__body" }, e(r)("body")), [
|
|
136
138
|
T(t.$slots, "default", {}, void 0, !0)
|
|
137
139
|
], 16)
|
|
138
140
|
], 16, se)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.button[data-v-
|
|
1
|
+
.button[data-v-e970cf04]{--button-height:2.5rem;--button-padding-x:1.25rem;--button-radius:.5rem;--button-font-size:1rem;--button-line-height:1.25rem;--button-icon-size:1.125rem;--button-gap:.25rem;--button-shadow:none;--button-background:transparent;--button-color:var(--theme-neutral-text-body);--button-border-color:transparent;--button-background-hover:var(--button-background);--button-color-hover:var(--button-color);--button-background-active:var(--button-background-hover);--button-color-active:var(--button-color-hover);--button-background-focus:var(--button-background-hover);--button-color-focus:var(--button-color-hover);--button-outline-color:var(--theme-primary-300);--button-outline-width:.1875rem;--button-outline-offset:0;--button-background-disabled:transparent;--button-border-color-disabled:transparent;--button-color-disabled:var(--theme-neutral-300);justify-content:center;align-items:center;gap:var(--button-gap);box-sizing:border-box;width:max-content;height:var(--button-height);padding:0 var(--button-padding-x);font-family:inherit;font-weight:500;font-size:var(--button-font-size);line-height:var(--button-line-height);color:var(--button-color);background-color:var(--button-background);border:.0625rem solid var(--button-border-color);border-radius:var(--button-radius);box-shadow:var(--button-shadow);cursor:pointer;transition:background-color var(--animation-duration-fast) ease-in-out, border-color var(--animation-duration-fast) ease-in-out, color var(--animation-duration-fast) ease-in-out;display:inline-flex}.button[data-v-e970cf04]:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-background-hover)}.button[data-v-e970cf04]:active:not(:disabled){color:var(--button-color-active);background-color:var(--button-background-active)}.button[data-v-e970cf04]:focus-visible{color:var(--button-color-focus);background-color:var(--button-background-focus);outline:var(--button-outline-width) solid var(--button-outline-color);outline-offset:var(--button-outline-offset)}.button[data-v-e970cf04]:disabled{color:var(--button-color-disabled);background-color:var(--button-background-disabled);border-color:var(--button-border-color-disabled);box-shadow:none;cursor:not-allowed}.button--extrasmall[data-v-e970cf04]{--button-height:1.5rem;--button-padding-x:.75rem;--button-font-size:.75rem;--button-line-height:1rem;--button-icon-size:.75rem;--button-shadow:var(--theme-shadow-button)}.button--small[data-v-e970cf04]{--button-height:2.25rem;--button-padding-x:1rem;--button-font-size:.875rem;--button-line-height:1rem;--button-icon-size:1rem}.button--large[data-v-e970cf04]{--button-height:2.75rem;--button-padding-x:1.5rem;--button-radius:.75rem;--button-font-size:1.125rem;--button-line-height:1.5rem;--button-icon-size:1.25rem;--button-gap:.5rem}.button--extralarge[data-v-e970cf04]{--button-height:3.5rem;--button-padding-x:1.5rem;--button-radius:.75rem;--button-font-size:1.25rem;--button-line-height:1.5rem;--button-icon-size:1.5rem;--button-gap:.5rem}.button--success[data-v-e970cf04]{--button-background:var(--theme-primary-500);--button-color:var(--theme-neutral-0);--button-background-hover:var(--theme-primary-400);--button-background-active:var(--theme-primary-600);--button-background-disabled:var(--theme-neutral-surface-disabled)}.button--success.button--contrast[data-v-e970cf04]{--button-background:var(--theme-primary-75);--button-color:var(--theme-primary-500);--button-background-hover:var(--theme-primary-200);--button-background-active:var(--theme-primary-300)}.button--success.button--outlined[data-v-e970cf04]{--button-background:var(--theme-neutral-0);--button-color:var(--theme-neutral-text-body);--button-border-color:var(--theme-primary-500);--button-background-hover:var(--theme-primary-50);--button-color-hover:var(--theme-primary-500);--button-background-active:var(--theme-primary-75);--button-background-disabled:transparent;--button-border-color-disabled:var(--theme-neutral-border-disabled)}.button--success.button--text[data-v-e970cf04]{--button-background:transparent;--button-color:var(--theme-primary-500);--button-background-hover:var(--theme-primary-75);--button-background-active:var(--theme-primary-75);--button-background-disabled:transparent}.button--success.button--text-plain[data-v-e970cf04]{--button-background:transparent;--button-color:var(--theme-neutral-text-body);--button-background-hover:transparent;--button-background-active:transparent;--button-color-hover:var(--theme-primary-500);--button-color-active:var(--theme-primary-600);--button-background-disabled:transparent}.button--danger[data-v-e970cf04]{--button-background:var(--theme-error-500);--button-color:var(--theme-neutral-0);--button-background-hover:var(--theme-error-400);--button-background-active:var(--theme-error-600);--button-outline-color:var(--theme-error-300);--button-background-disabled:var(--theme-neutral-surface-disabled)}.button--danger.button--contrast[data-v-e970cf04]{--button-background:var(--theme-error-50);--button-color:var(--theme-error-700);--button-background-hover:var(--theme-error-100);--button-background-active:var(--theme-error-200)}.button--danger.button--outlined[data-v-e970cf04]{--button-background:var(--theme-neutral-0);--button-color:var(--theme-error-500);--button-border-color:var(--theme-error-500);--button-background-hover:var(--theme-error-50);--button-background-active:var(--theme-error-200);--button-background-disabled:transparent;--button-border-color-disabled:var(--theme-neutral-border-disabled)}.button--danger.button--text[data-v-e970cf04]{--button-background:transparent;--button-color:var(--theme-error-500);--button-background-hover:var(--theme-error-50);--button-background-active:var(--theme-error-200);--button-background-disabled:transparent}.button--danger.button--text-plain[data-v-e970cf04]{--button-background:transparent;--button-color:var(--theme-neutral-text-body);--button-background-hover:transparent;--button-background-active:transparent;--button-color-hover:var(--theme-error-500);--button-color-active:var(--theme-error-600);--button-background-disabled:transparent}.button--secondary.button--outlined[data-v-e970cf04]{--button-background:var(--theme-neutral-0);--button-color:var(--theme-neutral-text-body);--button-border-color:var(--theme-neutral-border-default);--button-background-hover:var(--theme-neutral-200);--button-background-active:var(--theme-neutral-400_40);--button-border-color-disabled:var(--theme-neutral-border-default)}.button--secondary.button--text[data-v-e970cf04]{--button-background-hover:var(--theme-neutral-200);--button-background-active:var(--theme-neutral-250);--button-outline-color:var(--theme-neutral-500);--button-background-focus:var(--theme-neutral-250)}.button--secondary-blue[data-v-e970cf04]{--button-background:var(--theme-secondary-200);--button-color:var(--theme-neutral-text-body);--button-background-hover:var(--theme-secondary-300);--button-background-active:var(--theme-secondary-350);--button-background-disabled:var(--theme-neutral-surface-disabled)}.button--link[data-v-e970cf04]{--button-color:var(--theme-info-400)}.button--link[data-v-e970cf04],.button--text-plain[data-v-e970cf04]{--button-height:auto;--button-padding-x:0;--button-radius:.25rem;--button-shadow:none;--button-outline-offset:.25rem}.button--link[data-v-e970cf04]:hover:not(:disabled){text-underline-offset:.125rem;text-decoration:underline}.button--icon-end[data-v-e970cf04]{flex-direction:row-reverse}.button--icon-only[data-v-e970cf04]{width:var(--button-height);padding:0}.button--rounded[data-v-e970cf04]{--button-radius:6.1875rem}.button--full[data-v-e970cf04]{width:100%}.button--loading[data-v-e970cf04]{cursor:wait}.button__icon[data-v-e970cf04]{width:var(--button-icon-size);height:var(--button-icon-size);color:currentColor;flex-shrink:0}.button__label[data-v-e970cf04]{white-space:nowrap}.button__spinner[data-v-e970cf04]{box-sizing:border-box;width:var(--button-icon-size);height:var(--button-icon-size);border:.125rem solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;animation:.6s linear infinite button-spin-e970cf04}@keyframes button-spin-e970cf04{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button__spinner[data-v-e970cf04]{animation:none}}
|
|
@@ -2,7 +2,7 @@ import './Button.css';
|
|
|
2
2
|
import o from "./Button.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e970cf04"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
p as default
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.combobox[data-v-
|
|
1
|
+
.combobox[data-v-461ad782]{--combobox-field-height:2.5rem;--combobox-field-radius:.5rem;--combobox-font-size:.875rem;--combobox-line-height:1.25rem;--combobox-label-font-size:.875rem;--combobox-label-line-height:1rem;--combobox-border-color:var(--theme-neutral-border-default);flex-direction:column;display:flex}.combobox--small[data-v-461ad782]{--combobox-field-height:2.25rem;--combobox-label-font-size:.75rem}.combobox--large[data-v-461ad782]{--combobox-field-height:2.75rem;--combobox-field-radius:.75rem;--combobox-font-size:1rem;--combobox-line-height:1.5rem;--combobox-label-font-size:1rem;--combobox-label-line-height:1.25rem}.combobox__label[data-v-461ad782]{font-weight:400;font-size:var(--combobox-label-font-size);line-height:var(--combobox-label-line-height);color:var(--theme-neutral-text-title);cursor:pointer;align-items:center;gap:.125rem;padding:.375rem .5rem;display:flex}.combobox__required[data-v-461ad782]{color:var(--theme-error-500);flex-shrink:0}.combobox__field[data-v-461ad782]{min-height:var(--combobox-field-height);background-color:var(--theme-neutral-0);border:.0625rem solid var(--combobox-border-color);border-radius:var(--combobox-field-radius);cursor:text;transition:border-color var(--animation-duration-fast) ease;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.combobox__content[data-v-461ad782]{flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex}.combobox__input[data-v-461ad782]{min-width:2rem;font-family:inherit;font-weight:400;font-size:var(--combobox-font-size);line-height:var(--combobox-line-height);color:var(--theme-neutral-text-body);text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:4rem;order:3;padding:0}@media (max-width:1009.98px){.combobox__input[data-v-461ad782]{font-size:1rem}}.combobox__input[data-v-461ad782]::placeholder{color:var(--theme-neutral-550)}.combobox__input[data-v-461ad782]:disabled{color:var(--theme-neutral-text-disabled);cursor:not-allowed}.combobox__input[data-v-461ad782]:disabled::placeholder{color:var(--theme-neutral-text-disabled)}.combobox__input[data-v-461ad782]:read-only{cursor:pointer}.combobox__chips[data-v-461ad782]{flex:0 auto;order:1;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.combobox__chip[data-v-461ad782]{max-width:100%;height:1.125rem;color:var(--theme-neutral-text-subtitle);background-color:var(--theme-neutral-surface-icon);border-radius:.375rem;flex-shrink:0;align-items:center;gap:.5rem;padding:0 .375rem;font-size:.75rem;font-weight:400;line-height:1rem;display:flex}.combobox__chip-label[data-v-461ad782]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.combobox__chip-remove[data-v-461ad782]{color:var(--theme-neutral-icon-caption);cursor:pointer;transition:color var(--animation-duration-fast) ease;background:0 0;border:none;align-items:center;margin:0;padding:0;display:flex}.combobox__chip-remove[data-v-461ad782]:hover:not(:disabled){color:var(--theme-neutral-text-body)}.combobox__chip-remove[data-v-461ad782]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.combobox__chip-remove[data-v-461ad782]:disabled{cursor:not-allowed}.combobox__chip-icon[data-v-461ad782],.combobox__chip-avatar[data-v-461ad782]{flex-shrink:0;width:.75rem;height:.75rem}.combobox__chip-avatar[data-v-461ad782]{object-fit:cover;border-radius:50%}.combobox__chip--measured[data-v-461ad782]{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-9999px}.combobox__chip--counter[data-v-461ad782]{color:var(--theme-neutral-text-caption);flex-shrink:0;order:2}.combobox__clear-button[data-v-461ad782]{color:var(--theme-neutral-icon-caption);cursor:pointer;transition:color var(--animation-duration-fast) ease;background:0 0;border:none;flex-shrink:0;align-items:center;margin:0;padding:0;display:flex}.combobox__clear-button[data-v-461ad782]:hover{color:var(--theme-neutral-text-body)}.combobox__clear-button[data-v-461ad782]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.combobox__clear[data-v-461ad782]{width:1rem;height:1rem}.combobox__arrow-button[data-v-461ad782]{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;margin:0;padding:0;display:flex}.combobox__arrow-button[data-v-461ad782]:disabled{cursor:not-allowed}.combobox__arrow[data-v-461ad782]{width:1.125rem;height:1.125rem;color:var(--theme-neutral-text-body);transition:transform var(--animation-duration-fast) ease}.combobox__message[data-v-461ad782]{color:var(--theme-neutral-text-body);margin:0;padding:.25rem .5rem;font-size:.625rem;font-weight:400;line-height:1.2}.combobox[data-v-461ad782]:hover:not(.combobox--disabled){--combobox-border-color:var(--theme-primary-300)}.combobox--open[data-v-461ad782],.combobox--open[data-v-461ad782]:hover{--combobox-border-color:var(--theme-primary-500)}.combobox--open .combobox__arrow[data-v-461ad782]{transform:rotate(180deg)}.combobox--invalid[data-v-461ad782]{--combobox-border-color:var(--theme-error-500)}.combobox--invalid .combobox__label[data-v-461ad782],.combobox--invalid .combobox__message[data-v-461ad782]{color:var(--theme-error-500)}.combobox--invalid[data-v-461ad782]:hover:not(.combobox--disabled){--combobox-border-color:var(--theme-error-500)}.combobox--disabled[data-v-461ad782]{--combobox-border-color:var(--theme-neutral-border-disabled)}.combobox--disabled .combobox__field[data-v-461ad782]{cursor:not-allowed}.combobox--disabled .combobox__label[data-v-461ad782],.combobox--disabled .combobox__message[data-v-461ad782],.combobox--disabled .combobox__arrow[data-v-461ad782]{color:var(--theme-neutral-text-disabled)}.combobox--disabled .combobox__label[data-v-461ad782]{cursor:not-allowed}.combobox__field[data-v-461ad782]:has(.combobox__input:focus-visible){outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.combobox-list[data-v-461ad782]{flex-direction:column;display:flex}.combobox-list__search[data-v-461ad782]{padding:.5rem .5rem 0}.combobox-list__scroll[data-v-461ad782]{max-height:15rem;overflow-y:auto}.combobox-list__options[data-v-461ad782]{flex-direction:column;gap:.5rem;height:max-content;padding:.5rem;display:flex}.combobox-list__option[data-v-461ad782]{width:100%;min-height:2rem;color:var(--theme-neutral-text-title);text-align:left;cursor:pointer;transition:background-color var(--animation-duration-fast) ease;background-color:#0000;border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex}.combobox-list__option[data-v-461ad782]:hover:not(.combobox-list__option--disabled),.combobox-list__option--active[data-v-461ad782]{background-color:var(--theme-secondary-50)}.combobox-list__option--disabled[data-v-461ad782]{cursor:not-allowed;opacity:.5}.combobox-list__label[data-v-461ad782]{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.combobox-list__status[data-v-461ad782]{color:var(--theme-neutral-text-caption);margin:0;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}
|
|
@@ -51,6 +51,10 @@ export interface ComboboxSlots<T extends ComboboxOptionData = ComboboxOptionData
|
|
|
51
51
|
/**
|
|
52
52
|
* Пустой список. `notFound` разделяет два случая: вариантов нет вовсе
|
|
53
53
|
* (`false`) или ни один не подошёл под запрос (`true`).
|
|
54
|
+
*
|
|
55
|
+
* Различает по непустому запросу, поэтому работает и при `filter: false`,
|
|
56
|
+
* где фильтрует сервер и «не нашли» приходит таким же пустым `options`,
|
|
57
|
+
* как и «вариантов нет».
|
|
54
58
|
*/
|
|
55
59
|
empty?: (props: {
|
|
56
60
|
notFound: boolean;
|
|
@@ -111,9 +115,13 @@ export interface ComboboxProps<T extends ComboboxOptionData = ComboboxOptionData
|
|
|
111
115
|
* её, запрос было бы негде набрать.
|
|
112
116
|
*/
|
|
113
117
|
hideEmptyList?: boolean;
|
|
114
|
-
/** Текст пустого списка, когда
|
|
118
|
+
/** Текст пустого списка, когда запроса ещё не было, а показывать нечего. */
|
|
115
119
|
emptyText?: string;
|
|
116
|
-
/**
|
|
120
|
+
/**
|
|
121
|
+
* Текст пустого списка, когда под запрос ничего не подошло. Показывается,
|
|
122
|
+
* как только в поле есть непустой запрос, — в том числе при
|
|
123
|
+
* `filter: false`, где пустой ответ приходит с сервера.
|
|
124
|
+
*/
|
|
117
125
|
notFoundText?: string;
|
|
118
126
|
/** Текст строки загрузки при `loading`. */
|
|
119
127
|
loadingText?: string;
|
|
@@ -2,7 +2,7 @@ import './Combobox.css';
|
|
|
2
2
|
import o from "./Combobox.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
5
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-461ad782"]]);
|
|
6
6
|
export {
|
|
7
7
|
p as default
|
|
8
8
|
};
|