@quidgest/ui 0.16.3 → 0.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/manifest/components.json +6 -0
- package/dist/ui.css +809 -31
- package/dist/ui.esm.js +5247 -4805
- package/dist/ui.js +24 -24
- package/dist/ui.min.css +2 -1
- package/dist/ui.min.js +959 -933
- package/dist/ui.scss +462 -39
- package/esm/_virtual/_plugin-vue_export-helper.js +9 -0
- package/esm/components/QCombobox/QCombobox.d.ts +14 -0
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +9 -8
- package/esm/components/QCombobox/index.d.ts +7 -0
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.d.ts +4 -1
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +115 -95
- package/esm/components/QDialog/index.d.ts +12 -1
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +9 -0
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDivider/QDivider.d.ts +21 -0
- package/esm/components/QDivider/QDivider.d.ts.map +1 -0
- package/esm/components/QDivider/QDivider.vue.js +57 -0
- package/esm/components/QDivider/QDivider.vue2.js +4 -0
- package/esm/components/QDivider/index.d.ts +25 -0
- package/esm/components/QDivider/index.d.ts.map +1 -0
- package/esm/components/QDivider/index.js +6 -0
- package/esm/components/QDivider/types.d.ts +11 -0
- package/esm/components/QDivider/types.d.ts.map +1 -0
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +14 -0
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QGrid/QCol.d.ts +19 -0
- package/esm/components/QGrid/QCol.d.ts.map +1 -0
- package/esm/components/QGrid/QCol.vue.js +46 -0
- package/esm/components/QGrid/QCol.vue2.js +4 -0
- package/esm/components/QGrid/QContainer.d.ts +19 -0
- package/esm/components/QGrid/QContainer.d.ts.map +1 -0
- package/esm/components/QGrid/QContainer.vue.js +24 -0
- package/esm/components/QGrid/QContainer.vue2.js +4 -0
- package/esm/components/QGrid/QRow.d.ts +23 -0
- package/esm/components/QGrid/QRow.d.ts.map +1 -0
- package/esm/components/QGrid/QRow.vue.js +36 -0
- package/esm/components/QGrid/QRow.vue2.js +4 -0
- package/esm/components/QGrid/QSpacer.d.ts +3 -0
- package/esm/components/QGrid/QSpacer.d.ts.map +1 -0
- package/esm/components/QGrid/QSpacer.vue.js +10 -0
- package/esm/components/QGrid/index.d.ts +66 -0
- package/esm/components/QGrid/index.d.ts.map +1 -0
- package/esm/components/QGrid/index.js +12 -0
- package/esm/components/QGrid/types.d.ts +47 -0
- package/esm/components/QGrid/types.d.ts.map +1 -0
- package/esm/components/QList/QList.d.ts +1 -0
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +130 -120
- package/esm/components/QList/QListItem.d.ts.map +1 -1
- package/esm/components/QList/QListItem.vue.js +57 -43
- package/esm/components/QList/index.d.ts +7 -0
- package/esm/components/QList/index.d.ts.map +1 -1
- package/esm/components/QList/types.d.ts +8 -0
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +29 -27
- package/esm/components/QOverlay/index.d.ts +3 -0
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts +4 -0
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +8 -7
- package/esm/components/QSelect/QSelect.d.ts +14 -0
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +1 -0
- package/esm/components/QSelect/index.d.ts +7 -0
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebar.d.ts +39 -0
- package/esm/components/QSidebar/QSidebar.d.ts.map +1 -0
- package/esm/components/QSidebar/QSidebar.vue.js +155 -0
- package/esm/components/QSidebar/QSidebar.vue2.js +4 -0
- package/esm/components/QSidebar/QSidebarAnchor.d.ts +219 -0
- package/esm/components/QSidebar/QSidebarAnchor.d.ts.map +1 -0
- package/esm/components/QSidebar/QSidebarAnchor.vue.js +110 -0
- package/esm/components/QSidebar/QSidebarAnchor.vue2.js +4 -0
- package/esm/components/QSidebar/QSidebarPanel.d.ts +41 -0
- package/esm/components/QSidebar/QSidebarPanel.d.ts.map +1 -0
- package/esm/components/QSidebar/QSidebarPanel.vue.js +90 -0
- package/esm/components/QSidebar/QSidebarPanel.vue2.js +4 -0
- package/esm/components/QSidebar/index.d.ts +72 -0
- package/esm/components/QSidebar/index.d.ts.map +1 -0
- package/esm/components/QSidebar/index.js +6 -0
- package/esm/components/QSidebar/types.d.ts +63 -0
- package/esm/components/QSidebar/types.d.ts.map +1 -0
- package/esm/components/QToggleGroup/types.d.ts +1 -1
- package/esm/components/index.d.ts +3 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +71 -62
- package/esm/index.d.ts +6 -0
- package/package.json +1 -1
|
@@ -52,7 +52,7 @@ const xe = ["data-key"], we = {
|
|
|
52
52
|
setup(x, { expose: K, emit: W }) {
|
|
53
53
|
const l = x, w = W, d = T(x, "modelValue"), i = T(x, "open"), u = T(x, "search"), o = g(void 0), c = g(null), s = g(null), V = g(null), L = g(null);
|
|
54
54
|
ie(y);
|
|
55
|
-
const
|
|
55
|
+
const q = m(() => l.clearable && !l.readonly && !l.disabled), p = m(() => {
|
|
56
56
|
var e;
|
|
57
57
|
return l.filterMode === "manual" || !G.value ? l.items ?? [] : ((e = l.items) == null ? void 0 : e.filter(
|
|
58
58
|
(t) => t[l.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
|
|
@@ -60,7 +60,7 @@ const xe = ["data-key"], we = {
|
|
|
60
60
|
}), h = m(() => {
|
|
61
61
|
var e;
|
|
62
62
|
return (e = l.items) == null ? void 0 : e.find((t) => t[l.itemValue] === d.value);
|
|
63
|
-
}), Q = m(() => h.value === void 0),
|
|
63
|
+
}), Q = m(() => h.value === void 0), D = m(() => {
|
|
64
64
|
const e = o.value;
|
|
65
65
|
if (e !== void 0 && p.value[e])
|
|
66
66
|
return p.value[e];
|
|
@@ -92,7 +92,7 @@ const xe = ["data-key"], we = {
|
|
|
92
92
|
i.value ? F() : U();
|
|
93
93
|
}
|
|
94
94
|
function Y() {
|
|
95
|
-
|
|
95
|
+
q.value && (d.value = l.emptyValue, o.value = void 0, E());
|
|
96
96
|
}
|
|
97
97
|
function U() {
|
|
98
98
|
if (C(), h.value !== void 0) {
|
|
@@ -117,8 +117,8 @@ const xe = ["data-key"], we = {
|
|
|
117
117
|
e.key === "ArrowDown" ? $() : ee();
|
|
118
118
|
}));
|
|
119
119
|
else if (e.key === "Enter") {
|
|
120
|
-
if (
|
|
121
|
-
S(
|
|
120
|
+
if (D.value === void 0) return;
|
|
121
|
+
S(D.value[l.itemValue]);
|
|
122
122
|
} else e.key === "Home" ? o.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex() : e.key === "End" ? o.value = (a = s.value) == null ? void 0 : a.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && C();
|
|
123
123
|
}
|
|
124
124
|
function $() {
|
|
@@ -147,7 +147,7 @@ const xe = ["data-key"], we = {
|
|
|
147
147
|
e.preventDefault(), e.stopPropagation();
|
|
148
148
|
return;
|
|
149
149
|
}
|
|
150
|
-
F(),
|
|
150
|
+
F(), q.value && !u.value && (d.value = l.emptyValue), y();
|
|
151
151
|
}
|
|
152
152
|
function E() {
|
|
153
153
|
var e, t;
|
|
@@ -233,7 +233,7 @@ const xe = ["data-key"], we = {
|
|
|
233
233
|
]),
|
|
234
234
|
append: r(() => [
|
|
235
235
|
f(e.$slots, "append"),
|
|
236
|
-
|
|
236
|
+
q.value && u.value ? (b(), _(v(Ie), {
|
|
237
237
|
key: 0,
|
|
238
238
|
icons: l.icons,
|
|
239
239
|
texts: l.texts,
|
|
@@ -315,7 +315,8 @@ const xe = ["data-key"], we = {
|
|
|
315
315
|
"model-value": d.value,
|
|
316
316
|
class: "q-select__items",
|
|
317
317
|
selectable: "",
|
|
318
|
-
|
|
318
|
+
required: "",
|
|
319
|
+
highlighted: (n = D.value) == null ? void 0 : n[l.itemValue],
|
|
319
320
|
items: p.value,
|
|
320
321
|
groups: e.groups,
|
|
321
322
|
"item-label": l.itemLabel,
|
|
@@ -712,6 +712,8 @@ declare const QCombobox: {
|
|
|
712
712
|
readonly itemLabel?: string | undefined;
|
|
713
713
|
readonly disabled?: boolean | undefined;
|
|
714
714
|
readonly selectable?: boolean | undefined;
|
|
715
|
+
readonly multiple?: boolean | undefined;
|
|
716
|
+
readonly required?: boolean | undefined;
|
|
715
717
|
readonly onClick?: ((key: any) => any) | undefined;
|
|
716
718
|
readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
717
719
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
@@ -816,6 +818,8 @@ declare const QCombobox: {
|
|
|
816
818
|
itemLabel?: string;
|
|
817
819
|
disabled?: boolean;
|
|
818
820
|
selectable?: boolean;
|
|
821
|
+
multiple?: boolean;
|
|
822
|
+
required?: boolean;
|
|
819
823
|
}> & Readonly<{
|
|
820
824
|
onClick?: ((key: any) => any) | undefined;
|
|
821
825
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
@@ -866,6 +870,8 @@ declare const QCombobox: {
|
|
|
866
870
|
itemLabel?: string;
|
|
867
871
|
disabled?: boolean;
|
|
868
872
|
selectable?: boolean;
|
|
873
|
+
multiple?: boolean;
|
|
874
|
+
required?: boolean;
|
|
869
875
|
}> & Readonly<{
|
|
870
876
|
onClick?: ((key: any) => any) | undefined;
|
|
871
877
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
@@ -876,6 +882,7 @@ declare const QCombobox: {
|
|
|
876
882
|
getLastFocusableItemIndex: () => number;
|
|
877
883
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
878
884
|
$slots: {
|
|
885
|
+
default?(_: {}): any;
|
|
879
886
|
item?(_: {
|
|
880
887
|
item: import('../QList/types').Item;
|
|
881
888
|
element: HTMLLIElement | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAI2vzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,9 +6,11 @@ type __VLS_PublicProps = {
|
|
|
6
6
|
declare function __VLS_template(): {
|
|
7
7
|
attrs: Partial<{}>;
|
|
8
8
|
slots: {
|
|
9
|
-
|
|
9
|
+
header?(_: {}): any;
|
|
10
|
+
body?(_: {}): any;
|
|
10
11
|
'body.icon'?(_: {}): any;
|
|
11
12
|
'body.append'?(_: {}): any;
|
|
13
|
+
footer?(_: {}): any;
|
|
12
14
|
};
|
|
13
15
|
refs: {};
|
|
14
16
|
rootEl: any;
|
|
@@ -19,6 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
19
21
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
20
22
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
21
23
|
}>, {
|
|
24
|
+
size: import('./types').QDialogSize;
|
|
22
25
|
html: boolean;
|
|
23
26
|
icon: import('..').Icon;
|
|
24
27
|
icons: typeof DEFAULT_ICONS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAuEA;AAuHC,OAAO,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AA0CjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuLT,OAAO,IAA6B;;wBAdtB,GAAG;sBACL,GAAG;6BACI,GAAG;+BACA,GAAG;wBACV,GAAG;;;;EAe/B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,139 +1,159 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { DEFAULT_ICONS as
|
|
3
|
-
import { QButton as
|
|
4
|
-
import { QIcon as
|
|
5
|
-
import { QOverlay as
|
|
6
|
-
const
|
|
1
|
+
import { defineComponent as T, mergeModels as D, useModel as L, computed as y, createBlock as d, openBlock as l, unref as a, normalizeClass as v, withCtx as _, createElementVNode as c, createElementBlock as s, createCommentVNode as i, renderSlot as n, toDisplayString as k, createVNode as h, normalizeProps as g, guardReactiveProps as b, Fragment as N, renderList as z, mergeProps as B } from "vue";
|
|
2
|
+
import { DEFAULT_ICONS as E, DEFAULT_BUTTONS as M, DEFAULT_ICON as U } from "./types.js";
|
|
3
|
+
import { QButton as q } from "../QButton/index.js";
|
|
4
|
+
import { QIcon as f } from "../QIcon/index.js";
|
|
5
|
+
import { QOverlay as A } from "../QOverlay/index.js";
|
|
6
|
+
const F = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "q-dialog__header"
|
|
9
|
+
}, O = { class: "q-dialog__header-title" }, Q = {
|
|
10
|
+
key: 1,
|
|
11
|
+
class: "q-dialog__body"
|
|
12
|
+
}, S = {
|
|
7
13
|
key: 0,
|
|
8
14
|
class: "q-dialog__body-icon"
|
|
9
|
-
},
|
|
15
|
+
}, I = { class: "q-dialog__body-text" }, P = ["innerHTML"], H = { key: 1 }, w = {
|
|
16
|
+
key: 2,
|
|
17
|
+
class: "q-dialog__footer"
|
|
18
|
+
}, x = { class: "q-dialog__footer-buttons" }, W = /* @__PURE__ */ T({
|
|
10
19
|
__name: "QDialog",
|
|
11
|
-
props: /* @__PURE__ */
|
|
20
|
+
props: /* @__PURE__ */ D({
|
|
12
21
|
id: {},
|
|
13
22
|
class: {},
|
|
14
23
|
title: {},
|
|
15
24
|
text: {},
|
|
16
|
-
icon: { default: () =>
|
|
17
|
-
buttons: { default: () =>
|
|
25
|
+
icon: { default: () => U },
|
|
26
|
+
buttons: { default: () => M },
|
|
18
27
|
attach: { default: "body" },
|
|
19
28
|
inline: { type: Boolean },
|
|
20
29
|
backdropBlur: { type: Boolean, default: !0 },
|
|
21
30
|
dismissible: { type: Boolean },
|
|
22
31
|
html: { type: Boolean, default: !0 },
|
|
23
|
-
icons: { default: () =>
|
|
32
|
+
icons: { default: () => E },
|
|
33
|
+
size: { default: "small" },
|
|
34
|
+
centerVertically: { type: Boolean }
|
|
24
35
|
}, {
|
|
25
36
|
modelValue: { type: Boolean },
|
|
26
37
|
modelModifiers: {}
|
|
27
38
|
}),
|
|
28
39
|
emits: ["update:modelValue"],
|
|
29
40
|
setup(m) {
|
|
30
|
-
const e = m,
|
|
31
|
-
function
|
|
32
|
-
|
|
41
|
+
const e = m, u = L(m, "modelValue"), C = y(() => ["q-dialog", e.class]), V = y(() => `q-overlay--${e.size}`);
|
|
42
|
+
function p() {
|
|
43
|
+
u.value = !1;
|
|
33
44
|
}
|
|
34
|
-
function
|
|
35
|
-
var
|
|
36
|
-
(
|
|
45
|
+
function $(o) {
|
|
46
|
+
var r;
|
|
47
|
+
(r = o.action) == null || r.call(o), p();
|
|
37
48
|
}
|
|
38
|
-
return (
|
|
49
|
+
return (o, r) => (l(), d(a(A), {
|
|
39
50
|
id: e.id,
|
|
40
|
-
modelValue:
|
|
41
|
-
"onUpdate:modelValue":
|
|
51
|
+
modelValue: u.value,
|
|
52
|
+
"onUpdate:modelValue": r[0] || (r[0] = (t) => u.value = t),
|
|
42
53
|
"backdrop-class": "q-dialog__underlay",
|
|
43
54
|
"scroll-lock": "",
|
|
44
55
|
persistent: "",
|
|
45
56
|
inline: e.inline,
|
|
46
57
|
attach: e.attach,
|
|
47
|
-
"backdrop-blur": e.backdropBlur
|
|
58
|
+
"backdrop-blur": e.backdropBlur,
|
|
59
|
+
"center-vertically": e.centerVertically,
|
|
60
|
+
class: v(V.value)
|
|
48
61
|
}, {
|
|
49
|
-
default:
|
|
50
|
-
|
|
62
|
+
default: _(() => [
|
|
63
|
+
c(
|
|
51
64
|
"div",
|
|
52
65
|
{
|
|
53
|
-
class:
|
|
66
|
+
class: v(C.value)
|
|
54
67
|
},
|
|
55
68
|
[
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
},
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
16
|
|
75
|
-
/* FULL_PROPS */
|
|
76
|
-
)
|
|
77
|
-
]),
|
|
78
|
-
_: 1
|
|
79
|
-
/* STABLE */
|
|
80
|
-
})) : _("v-if", !0)
|
|
81
|
-
]),
|
|
82
|
-
u(l.$slots, "body.content", {}, () => [
|
|
83
|
-
i("div", F, [
|
|
84
|
-
u(l.$slots, "body.icon", {}, () => [
|
|
85
|
-
e.icon ? (o(), d("span", O, [
|
|
86
|
-
k(
|
|
87
|
-
a(p),
|
|
88
|
-
h(g(e.icon)),
|
|
69
|
+
e.title || o.$slots.header ? (l(), s("div", F, [
|
|
70
|
+
n(o.$slots, "header", {}, () => [
|
|
71
|
+
c(
|
|
72
|
+
"span",
|
|
73
|
+
O,
|
|
74
|
+
k(e.title),
|
|
75
|
+
1
|
|
76
|
+
/* TEXT */
|
|
77
|
+
)
|
|
78
|
+
])
|
|
79
|
+
])) : i("v-if", !0),
|
|
80
|
+
e.icon || e.text || o.$slots.body ? (l(), s("div", Q, [
|
|
81
|
+
n(o.$slots, "body", {}, () => [
|
|
82
|
+
n(o.$slots, "body.icon", {}, () => [
|
|
83
|
+
e.icon ? (l(), s("span", S, [
|
|
84
|
+
h(
|
|
85
|
+
a(f),
|
|
86
|
+
g(b(e.icon)),
|
|
89
87
|
null,
|
|
90
88
|
16
|
|
91
89
|
/* FULL_PROPS */
|
|
92
90
|
)
|
|
93
|
-
])) :
|
|
91
|
+
])) : i("v-if", !0)
|
|
94
92
|
]),
|
|
95
|
-
|
|
96
|
-
e.html ? (
|
|
93
|
+
c("div", I, [
|
|
94
|
+
e.html ? (l(), s("div", {
|
|
97
95
|
key: 0,
|
|
98
96
|
innerHTML: e.text
|
|
99
|
-
}, null, 8,
|
|
100
|
-
"
|
|
101
|
-
|
|
102
|
-
|
|
97
|
+
}, null, 8, P)) : (l(), s(
|
|
98
|
+
"div",
|
|
99
|
+
H,
|
|
100
|
+
k(e.text),
|
|
103
101
|
1
|
|
104
102
|
/* TEXT */
|
|
105
103
|
))
|
|
106
104
|
]),
|
|
107
|
-
|
|
105
|
+
n(o.$slots, "body.append")
|
|
108
106
|
])
|
|
109
|
-
]),
|
|
110
|
-
|
|
111
|
-
(o(
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
107
|
+
])) : i("v-if", !0),
|
|
108
|
+
e.buttons || o.$slots.footer ? (l(), s("div", w, [
|
|
109
|
+
n(o.$slots, "footer", {}, () => [
|
|
110
|
+
c("span", x, [
|
|
111
|
+
(l(!0), s(
|
|
112
|
+
N,
|
|
113
|
+
null,
|
|
114
|
+
z(e.buttons, (t) => (l(), d(a(q), B({ ref_for: !0 }, t.props, {
|
|
115
|
+
key: t.id,
|
|
116
|
+
onClick: () => $(t)
|
|
117
|
+
}), {
|
|
118
|
+
default: _(() => [
|
|
119
|
+
t.icon ? (l(), d(
|
|
120
|
+
a(f),
|
|
121
|
+
B({
|
|
122
|
+
key: 0,
|
|
123
|
+
ref_for: !0
|
|
124
|
+
}, t.icon),
|
|
125
|
+
null,
|
|
126
|
+
16
|
|
127
|
+
/* FULL_PROPS */
|
|
128
|
+
)) : i("v-if", !0)
|
|
129
|
+
]),
|
|
130
|
+
_: 2
|
|
131
|
+
/* DYNAMIC */
|
|
132
|
+
}, 1040, ["onClick"]))),
|
|
133
|
+
128
|
|
134
|
+
/* KEYED_FRAGMENT */
|
|
135
|
+
))
|
|
136
|
+
])
|
|
137
|
+
])
|
|
138
|
+
])) : i("v-if", !0),
|
|
139
|
+
e.dismissible ? (l(), d(a(q), {
|
|
140
|
+
key: 3,
|
|
141
|
+
class: "q-dialog__close",
|
|
142
|
+
variant: "text",
|
|
143
|
+
onClick: p
|
|
144
|
+
}, {
|
|
145
|
+
default: _(() => [
|
|
146
|
+
h(
|
|
147
|
+
a(f),
|
|
148
|
+
g(b(e.icons.close)),
|
|
149
|
+
null,
|
|
150
|
+
16
|
|
151
|
+
/* FULL_PROPS */
|
|
152
|
+
)
|
|
153
|
+
]),
|
|
154
|
+
_: 1
|
|
155
|
+
/* STABLE */
|
|
156
|
+
})) : i("v-if", !0)
|
|
137
157
|
],
|
|
138
158
|
2
|
|
139
159
|
/* CLASS */
|
|
@@ -141,9 +161,9 @@ const U = { class: "q-dialog__header" }, A = { class: "q-dialog__header-title" }
|
|
|
141
161
|
]),
|
|
142
162
|
_: 3
|
|
143
163
|
/* FORWARDED */
|
|
144
|
-
}, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur"]));
|
|
164
|
+
}, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "class"]));
|
|
145
165
|
}
|
|
146
166
|
});
|
|
147
167
|
export {
|
|
148
|
-
|
|
168
|
+
W as default
|
|
149
169
|
};
|
|
@@ -13,11 +13,14 @@ declare const QDialog: {
|
|
|
13
13
|
dismissible?: boolean;
|
|
14
14
|
html?: boolean;
|
|
15
15
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
16
|
+
size?: import('./types').QDialogSize;
|
|
17
|
+
centerVertically?: boolean;
|
|
16
18
|
}> & Readonly<{
|
|
17
19
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
18
20
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
21
|
"update:modelValue": (value: boolean) => any;
|
|
20
22
|
}, import('vue').PublicProps, {
|
|
23
|
+
size: import('./types').QDialogSize;
|
|
21
24
|
html: boolean;
|
|
22
25
|
icon: import('..').Icon;
|
|
23
26
|
icons: typeof import('./types').DEFAULT_ICONS;
|
|
@@ -44,9 +47,12 @@ declare const QDialog: {
|
|
|
44
47
|
dismissible?: boolean;
|
|
45
48
|
html?: boolean;
|
|
46
49
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
50
|
+
size?: import('./types').QDialogSize;
|
|
51
|
+
centerVertically?: boolean;
|
|
47
52
|
}> & Readonly<{
|
|
48
53
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
49
54
|
}>, {}, {}, {}, {}, {
|
|
55
|
+
size: import('./types').QDialogSize;
|
|
50
56
|
html: boolean;
|
|
51
57
|
icon: import('..').Icon;
|
|
52
58
|
icons: typeof import('./types').DEFAULT_ICONS;
|
|
@@ -70,11 +76,14 @@ declare const QDialog: {
|
|
|
70
76
|
dismissible?: boolean;
|
|
71
77
|
html?: boolean;
|
|
72
78
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
79
|
+
size?: import('./types').QDialogSize;
|
|
80
|
+
centerVertically?: boolean;
|
|
73
81
|
}> & Readonly<{
|
|
74
82
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
75
83
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
76
84
|
"update:modelValue": (value: boolean) => any;
|
|
77
85
|
}, string, {
|
|
86
|
+
size: import('./types').QDialogSize;
|
|
78
87
|
html: boolean;
|
|
79
88
|
icon: import('..').Icon;
|
|
80
89
|
icons: typeof import('./types').DEFAULT_ICONS;
|
|
@@ -83,9 +92,11 @@ declare const QDialog: {
|
|
|
83
92
|
buttons: DialogButton[];
|
|
84
93
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
85
94
|
$slots: {
|
|
86
|
-
|
|
95
|
+
header?(_: {}): any;
|
|
96
|
+
body?(_: {}): any;
|
|
87
97
|
'body.icon'?(_: {}): any;
|
|
88
98
|
'body.append'?(_: {}): any;
|
|
99
|
+
footer?(_: {}): any;
|
|
89
100
|
};
|
|
90
101
|
});
|
|
91
102
|
export { QDialog };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { QButtonProps } from '../QButton';
|
|
2
2
|
import { Icon } from '../QIcon';
|
|
3
3
|
import { QBaseComponentProps } from '../../types/component';
|
|
4
|
+
export type QDialogSize = 'small' | 'medium' | 'large' | 'xlarge';
|
|
4
5
|
export type QDialogProps = QBaseComponentProps & {
|
|
5
6
|
/**
|
|
6
7
|
* The title of the dialog window.
|
|
@@ -44,6 +45,14 @@ export type QDialogProps = QBaseComponentProps & {
|
|
|
44
45
|
* Custom icon configurations.
|
|
45
46
|
*/
|
|
46
47
|
icons?: typeof DEFAULT_ICONS;
|
|
48
|
+
/**
|
|
49
|
+
* The size category of the dialog.
|
|
50
|
+
*/
|
|
51
|
+
size?: QDialogSize;
|
|
52
|
+
/**
|
|
53
|
+
* Whether to vertically align the dialog to the center (true) or top (false)
|
|
54
|
+
*/
|
|
55
|
+
centerVertically?: boolean;
|
|
47
56
|
};
|
|
48
57
|
export type DialogButton = {
|
|
49
58
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,IAAI,CAAA;KAAE,CAAA;IAErB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,YAAY,CAW/C,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAE1B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { QDividerProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLDivElement;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<QDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QDividerProps> & Readonly<{}>, {
|
|
12
|
+
direction: "horizontal" | "vertical";
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=QDivider.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QDivider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/QDivider.vue"],"names":[],"mappings":"AAaA;AAuCC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA0B7C,iBAAS,cAAc;WAoCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { defineComponent as v, computed as s, useSlots as u, createElementBlock as d, openBlock as o, normalizeClass as p, createCommentVNode as c, Fragment as m, createElementVNode as i, renderSlot as _ } from "vue";
|
|
2
|
+
const f = { class: "q-divider__label" }, C = /* @__PURE__ */ v({
|
|
3
|
+
__name: "QDivider",
|
|
4
|
+
props: {
|
|
5
|
+
direction: { default: "horizontal" },
|
|
6
|
+
inset: { type: Boolean }
|
|
7
|
+
},
|
|
8
|
+
setup(r) {
|
|
9
|
+
const t = r, l = s(() => !!u().default), n = s(() => [
|
|
10
|
+
"q-divider",
|
|
11
|
+
`q-divider--${t.direction}`,
|
|
12
|
+
{
|
|
13
|
+
"q-divider--inset": t.inset,
|
|
14
|
+
"q-divider--labeled": l.value
|
|
15
|
+
}
|
|
16
|
+
]);
|
|
17
|
+
return (a, e) => (o(), d(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
class: p(n.value),
|
|
21
|
+
role: "separator"
|
|
22
|
+
},
|
|
23
|
+
[
|
|
24
|
+
l.value ? (o(), d(
|
|
25
|
+
m,
|
|
26
|
+
{ key: 0 },
|
|
27
|
+
[
|
|
28
|
+
e[0] || (e[0] = i(
|
|
29
|
+
"div",
|
|
30
|
+
{ class: "q-divider__line" },
|
|
31
|
+
null,
|
|
32
|
+
-1
|
|
33
|
+
/* HOISTED */
|
|
34
|
+
)),
|
|
35
|
+
i("span", f, [
|
|
36
|
+
_(a.$slots, "default")
|
|
37
|
+
]),
|
|
38
|
+
e[1] || (e[1] = i(
|
|
39
|
+
"div",
|
|
40
|
+
{ class: "q-divider__line" },
|
|
41
|
+
null,
|
|
42
|
+
-1
|
|
43
|
+
/* HOISTED */
|
|
44
|
+
))
|
|
45
|
+
],
|
|
46
|
+
64
|
|
47
|
+
/* STABLE_FRAGMENT */
|
|
48
|
+
)) : c("v-if", !0)
|
|
49
|
+
],
|
|
50
|
+
2
|
|
51
|
+
/* CLASS */
|
|
52
|
+
));
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
export {
|
|
56
|
+
C as default
|
|
57
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
declare const QDivider: {
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
3
|
+
direction: "horizontal" | "vertical";
|
|
4
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
5
|
+
P: {};
|
|
6
|
+
B: {};
|
|
7
|
+
D: {};
|
|
8
|
+
C: {};
|
|
9
|
+
M: {};
|
|
10
|
+
Defaults: {};
|
|
11
|
+
}, Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
12
|
+
direction: "horizontal" | "vertical";
|
|
13
|
+
}>;
|
|
14
|
+
__isFragment?: never;
|
|
15
|
+
__isTeleport?: never;
|
|
16
|
+
__isSuspense?: never;
|
|
17
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
18
|
+
direction: "horizontal" | "vertical";
|
|
19
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
20
|
+
$slots: {
|
|
21
|
+
default?(_: {}): any;
|
|
22
|
+
};
|
|
23
|
+
});
|
|
24
|
+
export { QDivider };
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAErC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}
|