@wirecore/wirelayer-vue 0.7.0 → 0.9.0

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.
Files changed (92) hide show
  1. package/dist/{Checkbox-D175nhKK.js → Checkbox-DS2qfQK1.js} +2 -8
  2. package/dist/ContextMenu-CBE9YnDW.js +2321 -0
  3. package/dist/{Field-B1EsNF84.js → Field-Cqe2BG_x.js} +1 -1
  4. package/dist/Input-C5dyvZfJ.js +183 -0
  5. package/dist/{InputStatus-D7kBGlew.js → InputStatus-Cgarj-yu.js} +16 -3
  6. package/dist/{Select-Bd2Vpr7G.js → Select-q8FUIWLi.js} +141 -124
  7. package/dist/Tree-B-0NXpUq.js +839 -0
  8. package/dist/components/Alert/Alert.vue.d.ts +5 -3
  9. package/dist/components/Alert/Alert.vue.d.ts.map +1 -1
  10. package/dist/components/Avatar/Avatar.vue.d.ts +2 -0
  11. package/dist/components/Avatar/Avatar.vue.d.ts.map +1 -1
  12. package/dist/components/Card/Card.vue.d.ts +2 -0
  13. package/dist/components/Card/Card.vue.d.ts.map +1 -1
  14. package/dist/components/Checkbox/Checkbox.vue.d.ts +26 -23
  15. package/dist/components/Checkbox/Checkbox.vue.d.ts.map +1 -1
  16. package/dist/components/Code/Code.vue.d.ts +21 -0
  17. package/dist/components/Code/Code.vue.d.ts.map +1 -0
  18. package/dist/components/Combobox/Combobox.vue.d.ts +9 -1
  19. package/dist/components/Combobox/Combobox.vue.d.ts.map +1 -1
  20. package/dist/components/CommandPalette/CommandPalette.vue.d.ts +1 -1
  21. package/dist/components/ContextMenu/ContextMenu.vue.d.ts +18 -2
  22. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  23. package/dist/components/Dialog/Dialog.vue.d.ts +1 -1
  24. package/dist/components/Dialog/Dialog.vue.d.ts.map +1 -1
  25. package/dist/components/Dialog/DialogContent.vue.d.ts +12 -1
  26. package/dist/components/Dialog/DialogContent.vue.d.ts.map +1 -1
  27. package/dist/components/Dialog/context.d.ts +3 -1
  28. package/dist/components/Dialog/context.d.ts.map +1 -1
  29. package/dist/components/Drawer/Drawer.vue.d.ts +1 -1
  30. package/dist/components/Fieldset/Fieldset.vue.d.ts +1 -1
  31. package/dist/components/FilterPanel/FilterPanel.vue.d.ts +1 -1
  32. package/dist/components/HoverCard/HoverCard.vue.d.ts +1 -1
  33. package/dist/components/Input/Input.vue.d.ts +3 -1
  34. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  35. package/dist/components/MaskInput/MaskInput.vue.d.ts +2 -1
  36. package/dist/components/MaskInput/MaskInput.vue.d.ts.map +1 -1
  37. package/dist/components/Menu/Menu.vue.d.ts +9 -1
  38. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  39. package/dist/components/Menu/state.d.ts +22 -0
  40. package/dist/components/Menu/state.d.ts.map +1 -1
  41. package/dist/components/NativeSelect/NativeSelect.vue.d.ts +31 -19
  42. package/dist/components/NativeSelect/NativeSelect.vue.d.ts.map +1 -1
  43. package/dist/components/NumberInput/NumberInput.vue.d.ts +27 -20
  44. package/dist/components/NumberInput/NumberInput.vue.d.ts.map +1 -1
  45. package/dist/components/Panel/Panel.vue.d.ts +1 -1
  46. package/dist/components/PasswordInput/PasswordInput.vue.d.ts +9 -3
  47. package/dist/components/PasswordInput/PasswordInput.vue.d.ts.map +1 -1
  48. package/dist/components/Popover/Popover.vue.d.ts +1 -1
  49. package/dist/components/Progress/Progress.vue.d.ts +14 -0
  50. package/dist/components/Progress/Progress.vue.d.ts.map +1 -1
  51. package/dist/components/RadioGroup/RadioGroup.vue.d.ts +32 -26
  52. package/dist/components/RadioGroup/RadioGroup.vue.d.ts.map +1 -1
  53. package/dist/components/RadioGroup/RadioGroupItem.vue.d.ts +2 -1
  54. package/dist/components/RadioGroup/RadioGroupItem.vue.d.ts.map +1 -1
  55. package/dist/components/RadioGroup/context.d.ts +4 -0
  56. package/dist/components/RadioGroup/context.d.ts.map +1 -0
  57. package/dist/components/SegmentedControl/SegmentedControl.vue.d.ts +31 -22
  58. package/dist/components/SegmentedControl/SegmentedControl.vue.d.ts.map +1 -1
  59. package/dist/components/Select/Select.vue.d.ts +21 -7
  60. package/dist/components/Select/Select.vue.d.ts.map +1 -1
  61. package/dist/components/Stepper/Stepper.vue.d.ts +2 -0
  62. package/dist/components/Stepper/Stepper.vue.d.ts.map +1 -1
  63. package/dist/components/Tabs/Tabs.vue.d.ts +6 -3
  64. package/dist/components/Tabs/Tabs.vue.d.ts.map +1 -1
  65. package/dist/components/Tabs/TabsTrigger.vue.d.ts +6 -0
  66. package/dist/components/Tabs/TabsTrigger.vue.d.ts.map +1 -1
  67. package/dist/components/Tabs/context.d.ts +4 -0
  68. package/dist/components/Tabs/context.d.ts.map +1 -0
  69. package/dist/components/Textarea/Textarea.vue.d.ts +3 -1
  70. package/dist/components/Textarea/Textarea.vue.d.ts.map +1 -1
  71. package/dist/components/Wizard/Wizard.vue.d.ts +10 -2
  72. package/dist/components/Wizard/Wizard.vue.d.ts.map +1 -1
  73. package/dist/composables/index.d.ts +1 -1
  74. package/dist/composables/index.d.ts.map +1 -1
  75. package/dist/composables/media.d.ts +8 -1
  76. package/dist/composables/media.d.ts.map +1 -1
  77. package/dist/data-table.js +4 -4
  78. package/dist/editor.js +1 -1
  79. package/dist/form.js +2 -2
  80. package/dist/index.d.ts +6 -3
  81. package/dist/index.d.ts.map +1 -1
  82. package/dist/index.js +2751 -2649
  83. package/dist/pdf.js +3 -3
  84. package/dist/sources/Code.css +2 -0
  85. package/dist/utils/text-field.d.ts +16 -0
  86. package/dist/utils/text-field.d.ts.map +1 -0
  87. package/llms-full.txt +117 -27
  88. package/llms.txt +6 -4
  89. package/package.json +3 -3
  90. package/dist/ContextMenu-BEOEyUa6.js +0 -2235
  91. package/dist/Input-Cn5q0yVE.js +0 -181
  92. package/dist/Tree-fd9LXqgZ.js +0 -792
@@ -1,792 +0,0 @@
1
- import { a as e, n as t } from "./recipes-BlM9aKyt.js";
2
- import { t as n } from "./attrs-KNjeRUCf.js";
3
- import { r, t as i } from "./InputStatus-D7kBGlew.js";
4
- import { a, i as o, n as s, r as c, t as l } from "./useTree-UhG1TMeM.js";
5
- import { Fragment as u, Teleport as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as v, createVNode as y, defineComponent as b, inject as x, mergeModels as S, mergeProps as C, normalizeClass as w, normalizeProps as T, onBeforeUnmount as E, onMounted as D, openBlock as O, provide as k, ref as A, renderList as j, renderSlot as M, resolveDynamicComponent as N, toDisplayString as P, toHandlers as F, toRef as I, unref as L, useAttrs as R, useId as z, useModel as ee, useSlots as B, useTemplateRef as V, watch as H, withCtx as U } from "vue";
6
- import { Check as W, ChevronLeft as G, ChevronRight as te, Circle as ne, Eye as re, EyeOff as ie, Maximize2 as ae, Minimize2 as oe, X as K } from "@lucide/vue";
7
- import { checkPasswordRequirements as se, clampDialogOffset as ce, closeTab as q, controlIds as le, dialog as ue, dialogMoveForKey as de, dialogMoveKeys as fe, passwordInput as pe, passwordStrength as me, scrollEdges as he, setTextControlValue as ge, tabs as J, tree as _e } from "@wirecore/wirelayer-recipes";
8
- import { useFieldContext as ve } from "@ark-ui/vue/field";
9
- import { Tabs as Y } from "@ark-ui/vue/tabs";
10
- import { Dialog as X, useDialogContext as ye } from "@ark-ui/vue/dialog";
11
- import { PasswordInput as Z } from "@ark-ui/vue/password-input";
12
- import { TreeView as Q } from "@ark-ui/vue/tree-view";
13
- //#endregion
14
- //#region src/components/Tabs/Tabs.vue
15
- var be = /* @__PURE__ */ b({
16
- inheritAttrs: !1,
17
- __name: "Tabs",
18
- props: {
19
- modelValue: { default: void 0 },
20
- defaultValue: { default: void 0 },
21
- label: {},
22
- orientation: { default: void 0 },
23
- activationMode: { default: void 0 },
24
- lazyMount: {
25
- type: Boolean,
26
- default: void 0
27
- },
28
- unmountOnExit: {
29
- type: Boolean,
30
- default: void 0
31
- },
32
- classes: {}
33
- },
34
- emits: ["update:modelValue"],
35
- setup(e, { emit: n }) {
36
- let r = e, i = t("tabs", J, () => r.classes), a = n, o = R(), s = i();
37
- return (t, n) => (O(), p(L(Y).Root, C({
38
- ...L(o),
39
- class: L(s).base({ class: w(L(o).class) })
40
- }, {
41
- "model-value": e.modelValue,
42
- "default-value": e.defaultValue,
43
- orientation: e.orientation,
44
- "activation-mode": e.activationMode,
45
- "lazy-mount": e.lazyMount,
46
- "unmount-on-exit": e.unmountOnExit,
47
- translations: e.label ? { listLabel: e.label } : void 0,
48
- "onUpdate:modelValue": n[0] ||= (e) => a("update:modelValue", e)
49
- }), {
50
- default: U(() => [M(t.$slots, "default")]),
51
- _: 3
52
- }, 16, [
53
- "model-value",
54
- "default-value",
55
- "orientation",
56
- "activation-mode",
57
- "lazy-mount",
58
- "unmount-on-exit",
59
- "translations"
60
- ]));
61
- }
62
- }), xe = /* @__PURE__ */ b({
63
- inheritAttrs: !1,
64
- __name: "TabsContent",
65
- props: {
66
- value: {},
67
- classes: {}
68
- },
69
- setup(e) {
70
- let n = e, r = t("tabs", J, () => n.classes), i = R(), a = r();
71
- return (t, n) => (O(), p(L(Y).Content, C({
72
- ...L(i),
73
- class: L(a).content({ class: w(L(i).class) })
74
- }, { value: e.value }), {
75
- default: U(() => [M(t.$slots, "default")]),
76
- _: 3
77
- }, 16, ["value"]));
78
- }
79
- }), Se = /* @__PURE__ */ b({
80
- inheritAttrs: !1,
81
- __name: "TabsList",
82
- props: { scrollable: { type: Boolean } },
83
- setup(e) {
84
- let n = e, r = t("tabs", J), i = R(), a = r(), o = V("list"), s = A({
85
- start: !1,
86
- end: !1
87
- }), c = () => {
88
- o.value?.$el && (s.value = he(o.value.$el));
89
- }, l;
90
- D(() => {
91
- n.scrollable && o.value?.$el && (c(), l = new ResizeObserver(c), l.observe(o.value.$el));
92
- }), E(() => l?.disconnect());
93
- function u(e) {
94
- let t = o.value?.$el;
95
- if (!t) return;
96
- let n = getComputedStyle(t).direction === "rtl", r = t.clientWidth * .8 * (e ? 1 : -1) * (n ? -1 : 1), i = !matchMedia("(prefers-reduced-motion: reduce)").matches;
97
- t.scrollBy({
98
- left: r,
99
- behavior: i ? "smooth" : "auto"
100
- });
101
- }
102
- return (t, n) => e.scrollable ? (O(), h("div", {
103
- key: 0,
104
- class: w(L(a).scroller())
105
- }, [
106
- s.value.start ? (O(), h("button", {
107
- key: 0,
108
- type: "button",
109
- tabindex: "-1",
110
- "aria-hidden": "true",
111
- "data-side": "start",
112
- class: w(L(a).scrollButton()),
113
- onClick: n[0] ||= (e) => u(!1)
114
- }, [y(L(G), { class: w(L(a).scrollIcon()) }, null, 8, ["class"])], 2)) : m("", !0),
115
- y(L(Y).List, C({
116
- ref_key: "list",
117
- ref: o
118
- }, {
119
- ...L(i),
120
- class: L(a).list({ class: [L(a).scrollList(), w(L(i).class)] })
121
- }, { onScroll: c }), {
122
- default: U(() => [M(t.$slots, "default")]),
123
- _: 3
124
- }, 16),
125
- s.value.end ? (O(), h("button", {
126
- key: 1,
127
- type: "button",
128
- tabindex: "-1",
129
- "aria-hidden": "true",
130
- "data-side": "end",
131
- class: w(L(a).scrollButton()),
132
- onClick: n[1] ||= (e) => u(!0)
133
- }, [y(L(te), { class: w(L(a).scrollIcon()) }, null, 8, ["class"])], 2)) : m("", !0)
134
- ], 2)) : (O(), p(L(Y).List, T(C({ key: 1 }, {
135
- ...L(i),
136
- class: L(a).list({ class: w(L(i).class) })
137
- })), {
138
- default: U(() => [M(t.$slots, "default")]),
139
- _: 3
140
- }, 16));
141
- }
142
- }), Ce = ["disabled"], we = /* @__PURE__ */ b({
143
- inheritAttrs: !1,
144
- __name: "TabsTrigger",
145
- props: {
146
- value: {},
147
- icon: {},
148
- disabled: {
149
- type: Boolean,
150
- default: void 0
151
- },
152
- closable: {
153
- type: Boolean,
154
- default: !1
155
- },
156
- classes: {}
157
- },
158
- emits: ["close"],
159
- setup(e, { emit: n }) {
160
- let r = e, i = n, a = t("tabs", J, () => r.classes), o = R(), s = f(() => a({ closable: r.closable }));
161
- function c(e) {
162
- !r.closable || e.key !== "Delete" || e.defaultPrevented || r.disabled || (e.preventDefault(), q(e.currentTarget, () => i("close", r.value)));
163
- }
164
- function l(e) {
165
- let t = e.currentTarget.parentElement?.querySelector("[role=tab]");
166
- t && q(t, () => i("close", r.value));
167
- }
168
- return (t, n) => e.closable ? (O(), h("span", {
169
- key: 0,
170
- role: "presentation",
171
- class: w(s.value.tab())
172
- }, [y(L(Y).Trigger, C({
173
- ...L(o),
174
- class: s.value.trigger({ class: w(L(o).class) })
175
- }, {
176
- value: e.value,
177
- disabled: e.disabled,
178
- "aria-keyshortcuts": "Delete",
179
- onKeydown: c
180
- }), {
181
- default: U(() => [e.icon ? (O(), p(N(e.icon), {
182
- key: 0,
183
- class: w(s.value.icon()),
184
- "aria-hidden": "true"
185
- }, null, 8, ["class"])) : m("", !0), M(t.$slots, "default")]),
186
- _: 3
187
- }, 16, ["value", "disabled"]), g("button", {
188
- type: "button",
189
- tabindex: "-1",
190
- "aria-hidden": "true",
191
- class: w(s.value.close()),
192
- disabled: e.disabled,
193
- onClick: l
194
- }, [y(L(K), { class: w(s.value.closeIcon()) }, null, 8, ["class"])], 10, Ce)], 2)) : (O(), p(L(Y).Trigger, C({ key: 1 }, {
195
- ...L(o),
196
- class: s.value.trigger({ class: w(L(o).class) })
197
- }, {
198
- value: e.value,
199
- disabled: e.disabled
200
- }), {
201
- default: U(() => [e.icon ? (O(), p(N(e.icon), {
202
- key: 0,
203
- class: w(s.value.icon()),
204
- "aria-hidden": "true"
205
- }, null, 8, ["class"])) : m("", !0), M(t.$slots, "default")]),
206
- _: 3
207
- }, 16, ["value", "disabled"]));
208
- }
209
- }), $ = Symbol("wirecore-dialog-root"), Te = /* @__PURE__ */ b({
210
- __name: "Dialog",
211
- props: {
212
- open: {
213
- type: Boolean,
214
- default: void 0
215
- },
216
- defaultOpen: {
217
- type: Boolean,
218
- default: void 0
219
- },
220
- role: { default: "dialog" },
221
- modal: {
222
- type: Boolean,
223
- default: !0
224
- },
225
- closeOnEscape: {
226
- type: Boolean,
227
- default: !0
228
- },
229
- closeOnInteractOutside: {
230
- type: Boolean,
231
- default: void 0
232
- }
233
- },
234
- emits: ["update:open"],
235
- setup(e, { emit: t }) {
236
- let n = e, r = t;
237
- return k($, f(() => ({ modal: n.modal }))), (t, n) => (O(), p(L(X).Root, {
238
- open: e.open,
239
- "default-open": e.defaultOpen,
240
- role: e.role,
241
- modal: e.modal,
242
- "close-on-escape": e.closeOnEscape,
243
- "close-on-interact-outside": e.closeOnInteractOutside,
244
- "lazy-mount": "",
245
- "unmount-on-exit": "",
246
- "onUpdate:open": n[0] ||= (e) => r("update:open", e)
247
- }, {
248
- default: U(() => [M(t.$slots, "default")]),
249
- _: 3
250
- }, 8, [
251
- "open",
252
- "default-open",
253
- "role",
254
- "modal",
255
- "close-on-escape",
256
- "close-on-interact-outside"
257
- ]));
258
- }
259
- });
260
- //#endregion
261
- //#region src/components/Dialog/drag.ts
262
- function Ee(e) {
263
- let t = A({
264
- x: 0,
265
- y: 0
266
- }), n = null, r = (e, n) => {
267
- let r = n.getBoundingClientRect(), i = {
268
- x: r.x - t.value.x,
269
- y: r.y - t.value.y,
270
- width: r.width,
271
- height: r.height
272
- };
273
- t.value = ce(e, i, {
274
- width: innerWidth,
275
- height: innerHeight
276
- });
277
- };
278
- function i(r) {
279
- let i = r.currentTarget;
280
- if (!e() || r.button !== 0 || r.target.closest("button, a, input")) return;
281
- let a = i.closest("[data-part=content]");
282
- a && (n = {
283
- id: r.pointerId,
284
- x: r.clientX,
285
- y: r.clientY,
286
- origin: { ...t.value },
287
- content: a
288
- }, i.setPointerCapture?.(r.pointerId), r.preventDefault());
289
- }
290
- function a(e) {
291
- n && e.pointerId === n.id && r({
292
- x: n.origin.x + e.clientX - n.x,
293
- y: n.origin.y + e.clientY - n.y
294
- }, n.content);
295
- }
296
- function o() {
297
- n = null;
298
- }
299
- function s(n) {
300
- if (!e()) return;
301
- let i = de(n);
302
- i && (n.preventDefault(), r({
303
- x: t.value.x + i.x,
304
- y: t.value.y + i.y
305
- }, n.currentTarget));
306
- }
307
- return {
308
- style: f(() => e() && (t.value.x || t.value.y) ? { translate: `${t.value.x}px ${t.value.y}px` } : void 0),
309
- reset: () => {
310
- t.value = {
311
- x: 0,
312
- y: 0
313
- };
314
- },
315
- header: {
316
- pointerdown: i,
317
- pointermove: a,
318
- pointerup: o,
319
- pointercancel: o
320
- },
321
- onKeyDown: s
322
- };
323
- }
324
- //#endregion
325
- //#region src/components/Dialog/DialogContent.vue?vue&type=script&setup=true&lang.ts
326
- var De = ["aria-label"], Oe = /* @__PURE__ */ b({
327
- inheritAttrs: !1,
328
- __name: "DialogContent",
329
- props: {
330
- title: {},
331
- hideTitle: { type: Boolean },
332
- description: {},
333
- icon: {},
334
- status: {},
335
- size: {},
336
- position: {},
337
- fullscreen: { type: Boolean },
338
- maximizable: { type: Boolean },
339
- maximized: {
340
- type: Boolean,
341
- default: void 0
342
- },
343
- defaultMaximized: { type: Boolean },
344
- draggable: { type: Boolean },
345
- closable: {
346
- type: Boolean,
347
- default: !0
348
- },
349
- scrollBehavior: {},
350
- responsive: {
351
- type: Boolean,
352
- default: !0
353
- },
354
- closeLabel: {},
355
- maximizeLabel: {},
356
- restoreLabel: {},
357
- portalTarget: {},
358
- classes: {}
359
- },
360
- emits: ["update:maximized"],
361
- setup(n, { emit: r }) {
362
- let i = e(), a = n, o = r, s = t("dialog", ue, () => a.classes), c = R(), l = x($, null), u = f(() => l?.value.modal ?? !0), _ = A(a.defaultMaximized ?? !1), b = f(() => a.maximized ?? _.value);
363
- function S() {
364
- let e = !b.value;
365
- _.value = e, o("update:maximized", e);
366
- }
367
- let T = Ee(() => a.draggable && !b.value && !a.fullscreen), E = ye();
368
- H(() => E.value.open, (e) => !e && T.reset());
369
- let D = f(() => s({
370
- status: a.status,
371
- size: a.size,
372
- position: a.position,
373
- scrollBehavior: a.scrollBehavior,
374
- fullscreen: a.fullscreen || b.value,
375
- responsive: a.responsive,
376
- draggable: a.draggable && !b.value,
377
- maximizable: a.maximizable,
378
- hideTitle: a.hideTitle
379
- }));
380
- return (e, t) => (O(), p(d, { to: n.portalTarget ?? "body" }, [u.value ? (O(), p(L(X).Backdrop, {
381
- key: 0,
382
- class: w(D.value.backdrop())
383
- }, null, 8, ["class"])) : m("", !0), y(L(X).Positioner, { class: w(D.value.positioner()) }, {
384
- default: U(() => [y(L(X).Content, C({
385
- ...L(c),
386
- class: D.value.content({ class: w(L(c).class) }),
387
- ...L(T).style.value ? { style: [L(c).style, L(T).style.value] } : {},
388
- ...n.draggable ? { "aria-keyshortcuts": L(fe) } : {}
389
- }, { onKeydown: t[0] ||= (e) => n.draggable && L(T).onKeyDown(e) }), {
390
- default: U(() => [
391
- g("div", C({ class: D.value.header() }, F(n.draggable ? L(T).header : {}, !0)), [
392
- n.icon ? (O(), h("span", {
393
- key: 0,
394
- class: w(D.value.iconBox())
395
- }, [(O(), p(N(n.icon), {
396
- class: w(D.value.icon()),
397
- "aria-hidden": "true"
398
- }, null, 8, ["class"]))], 2)) : m("", !0),
399
- n.maximizable ? (O(), h("button", {
400
- key: 1,
401
- type: "button",
402
- class: w(D.value.maximize()),
403
- "aria-label": b.value ? n.restoreLabel ?? L(i).dialog.restore : n.maximizeLabel ?? L(i).dialog.maximize,
404
- onClick: S
405
- }, [(O(), p(N(b.value ? L(oe) : L(ae)), {
406
- class: w(D.value.maximizeIcon()),
407
- "aria-hidden": "true"
408
- }, null, 8, ["class"]))], 10, De)) : m("", !0),
409
- n.closable ? (O(), p(L(X).CloseTrigger, {
410
- key: 2,
411
- class: w(D.value.close()),
412
- "aria-label": n.closeLabel ?? L(i).common.close
413
- }, {
414
- default: U(() => [y(L(K), {
415
- class: w(D.value.closeIcon()),
416
- "aria-hidden": "true"
417
- }, null, 8, ["class"])]),
418
- _: 1
419
- }, 8, ["class", "aria-label"])) : m("", !0)
420
- ], 16),
421
- g("div", { class: w(D.value.body()) }, [
422
- y(L(X).Title, { class: w(D.value.title()) }, {
423
- default: U(() => [v(P(n.title), 1)]),
424
- _: 1
425
- }, 8, ["class"]),
426
- n.description ? (O(), p(L(X).Description, {
427
- key: 0,
428
- class: w(D.value.description())
429
- }, {
430
- default: U(() => [v(P(n.description), 1)]),
431
- _: 1
432
- }, 8, ["class"])) : m("", !0),
433
- M(e.$slots, "default")
434
- ], 2),
435
- e.$slots.footer ? (O(), h("div", {
436
- key: 0,
437
- class: w(D.value.footer())
438
- }, [M(e.$slots, "footer")], 2)) : m("", !0)
439
- ]),
440
- _: 3
441
- }, 16)]),
442
- _: 3
443
- }, 8, ["class"])], 8, ["to"]));
444
- }
445
- }), ke = ["data-level", "data-filled"], Ae = ["id"], je = ["id", "aria-label"], Me = ["data-met"], Ne = /* @__PURE__ */ b({
446
- inheritAttrs: !1,
447
- __name: "PasswordInput",
448
- props: /*@__PURE__*/ S({
449
- size: {},
450
- invalid: {
451
- type: Boolean,
452
- default: void 0
453
- },
454
- success: {
455
- type: Boolean,
456
- default: void 0
457
- },
458
- disabled: {
459
- type: Boolean,
460
- default: void 0
461
- },
462
- readOnly: {
463
- type: Boolean,
464
- default: void 0
465
- },
466
- required: {
467
- type: Boolean,
468
- default: void 0
469
- },
470
- name: {},
471
- defaultVisible: {
472
- type: Boolean,
473
- default: void 0
474
- },
475
- visible: {
476
- type: Boolean,
477
- default: void 0
478
- },
479
- autocomplete: { default: "current-password" },
480
- strength: {
481
- type: Boolean,
482
- default: !1
483
- },
484
- requirements: { default: void 0 },
485
- loading: { type: Boolean },
486
- clearable: { type: Boolean },
487
- clearLabel: {},
488
- defaultValue: { default: void 0 },
489
- id: {},
490
- classes: {}
491
- }, {
492
- modelValue: {},
493
- modelModifiers: {}
494
- }),
495
- emits: /*@__PURE__*/ S(["update:visible"], ["update:modelValue"]),
496
- setup(a, { emit: o }) {
497
- let s = e(), c = a, l = o, d = t("passwordInput", pe, () => c.classes), _ = ee(a, "modelValue"), b = R(), x = f(() => n(b)), S = ve(), T = r(), E = f(() => !!c.invalid || !!S?.value.invalid), D = f(() => !E.value && (!!c.success || T.value.success)), k = f(() => d({
498
- size: c.size,
499
- success: D.value
500
- })), M = z(), N = A(c.defaultValue), F = f(() => _.value ?? N.value), I = f(() => me(F.value ?? "")), B = f(() => F.value ? s.passwordStrength.levels[I.value] : ""), H = f(() => se(F.value ?? "", c.requirements ?? []));
501
- function G(e) {
502
- N.value = e.target.value, _.value = N.value;
503
- }
504
- let te = f(() => c.strength || c.requirements?.length ? [
505
- S?.value.ariaDescribedby,
506
- c.strength && `${M}strength`,
507
- c.requirements?.length && `${M}requirements`
508
- ].filter(Boolean).join(" ") : void 0), ae = f(() => !!c.disabled || !!S?.value.disabled), oe = f(() => !!c.readOnly || !!S?.value.readOnly), K = V("control");
509
- function ce() {
510
- let e = K.value?.$el.querySelector("input");
511
- e && (ge(e), e.focus());
512
- }
513
- let q = f(() => le(c.id, "input", { input: S?.value.ids.control }));
514
- return (e, t) => (O(), p(L(Z).Root, C({
515
- class: k.value.base({ class: x.value.className }),
516
- style: x.value.style,
517
- invalid: a.invalid,
518
- disabled: a.disabled,
519
- "read-only": a.readOnly,
520
- required: a.required,
521
- name: a.name,
522
- "default-visible": a.defaultVisible,
523
- visible: a.visible,
524
- "auto-complete": a.autocomplete,
525
- translations: L(s).passwordInput
526
- }, q.value, { onVisibilityChange: t[0] ||= (e) => l("update:visible", e.visible) }), {
527
- default: U(() => [
528
- y(L(Z).Control, {
529
- ref_key: "control",
530
- ref: K,
531
- class: w(k.value.control())
532
- }, {
533
- default: U(() => [
534
- y(L(Z).Input, C(x.value.rest, {
535
- "aria-describedby": te.value,
536
- "aria-busy": a.loading || void 0,
537
- value: F.value,
538
- class: k.value.input(),
539
- onInput: G
540
- }), null, 16, [
541
- "aria-describedby",
542
- "aria-busy",
543
- "value",
544
- "class"
545
- ]),
546
- a.loading || a.clearable || D.value ? (O(), p(i, {
547
- key: 0,
548
- loading: a.loading,
549
- clear: a.clearable && !!F.value && !ae.value && !oe.value,
550
- "clear-label": a.clearLabel ?? L(s).field.clear,
551
- success: D.value,
552
- classes: {
553
- spinner: k.value.spinner(),
554
- clear: k.value.clear(),
555
- clearIcon: k.value.clearIcon(),
556
- statusIcon: k.value.statusIcon()
557
- },
558
- onClear: ce
559
- }, null, 8, [
560
- "loading",
561
- "clear",
562
- "clear-label",
563
- "success",
564
- "classes"
565
- ])) : m("", !0),
566
- y(L(Z).VisibilityTrigger, { class: w(k.value.toggle()) }, {
567
- default: U(() => [y(L(Z).Indicator, null, {
568
- fallback: U(() => [y(L(re), {
569
- class: w(k.value.toggleIcon()),
570
- "aria-hidden": "true"
571
- }, null, 8, ["class"])]),
572
- default: U(() => [y(L(ie), {
573
- class: w(k.value.toggleIcon()),
574
- "aria-hidden": "true"
575
- }, null, 8, ["class"])]),
576
- _: 1
577
- })]),
578
- _: 1
579
- }, 8, ["class"])
580
- ]),
581
- _: 1
582
- }, 8, ["class"]),
583
- a.strength ? (O(), h("div", {
584
- key: 0,
585
- class: w(k.value.strength())
586
- }, [g("div", {
587
- class: w(k.value.meter()),
588
- "aria-hidden": "true"
589
- }, [(O(), h(u, null, j(4, (e) => g("span", {
590
- key: e,
591
- class: w(k.value.bar()),
592
- "data-level": I.value,
593
- "data-filled": e <= I.value || void 0
594
- }, null, 10, ke)), 64))], 2), g("span", {
595
- id: `${L(M)}strength`,
596
- class: w(k.value.strengthText()),
597
- "aria-live": "polite"
598
- }, [B.value ? (O(), h(u, { key: 0 }, [v(P(L(s).passwordStrength.label(B.value)), 1)], 64)) : m("", !0)], 10, Ae)], 2)) : m("", !0),
599
- a.requirements?.length ? (O(), h("ul", {
600
- key: 1,
601
- id: `${L(M)}requirements`,
602
- class: w(k.value.requirements()),
603
- "aria-label": L(s).passwordRequirements.label
604
- }, [(O(!0), h(u, null, j(a.requirements, (e, t) => (O(), h("li", {
605
- key: e.label,
606
- class: w(k.value.requirement()),
607
- "data-met": H.value[t] || void 0
608
- }, [
609
- H.value[t] ? (O(), p(L(W), {
610
- key: 0,
611
- class: w(k.value.requirementIcon()),
612
- "aria-hidden": "true"
613
- }, null, 8, ["class"])) : (O(), p(L(ne), {
614
- key: 1,
615
- class: w(k.value.requirementIcon()),
616
- "aria-hidden": "true"
617
- }, null, 8, ["class"])),
618
- v(" " + P(e.label), 1),
619
- g("span", { class: w(k.value.requirementState()) }, P(`: ${H.value[t] ? L(s).passwordRequirements.met : L(s).passwordRequirements.unmet}`), 3)
620
- ], 10, Me))), 128))], 10, je)) : m("", !0)
621
- ]),
622
- _: 1
623
- }, 16, [
624
- "class",
625
- "style",
626
- "invalid",
627
- "disabled",
628
- "read-only",
629
- "required",
630
- "name",
631
- "default-visible",
632
- "visible",
633
- "auto-complete",
634
- "translations"
635
- ]));
636
- }
637
- }), Pe = /* @__PURE__ */ b({
638
- inheritAttrs: !1,
639
- __name: "Tree",
640
- props: {
641
- items: {},
642
- label: {},
643
- selectionMode: { default: "single" },
644
- selectedValue: { default: void 0 },
645
- defaultSelectedValue: { default: void 0 },
646
- expandedValue: { default: void 0 },
647
- defaultExpandedValue: { default: void 0 },
648
- checkable: {
649
- type: Boolean,
650
- default: !1
651
- },
652
- checkedValue: { default: void 0 },
653
- defaultCheckedValue: { default: void 0 },
654
- checkStrictly: {
655
- type: Boolean,
656
- default: !1
657
- },
658
- checkedStrategy: { default: void 0 },
659
- reorderable: {
660
- type: Boolean,
661
- default: !1
662
- },
663
- allowDrop: {},
664
- group: {},
665
- name: {},
666
- loadChildren: {},
667
- dataSource: {},
668
- filter: {
669
- type: Boolean,
670
- default: !1
671
- },
672
- filterValue: { default: void 0 },
673
- filterMode: { default: "filter" },
674
- expandControls: {
675
- type: Boolean,
676
- default: !1
677
- },
678
- showLines: {
679
- type: Boolean,
680
- default: !1
681
- },
682
- emptyText: {},
683
- classes: {}
684
- },
685
- emits: [
686
- "update:selectedValue",
687
- "update:expandedValue",
688
- "update:checkedValue",
689
- "update:filterValue",
690
- "move",
691
- "transfer",
692
- "loadChildren"
693
- ],
694
- setup(n, { expose: r, emit: i }) {
695
- let d = e(), g = n, b = t("tree", _e, () => g.classes), x = i, S = B(), T = R(), E = b(), D = d.tree, N = A(null), F = f(() => N.value?.$el ?? null), z = l(g, x, F);
696
- k(o, z.drag), k(a, {
697
- ...z,
698
- showLines: I(g, "showLines")
699
- });
700
- let ee = f(() => g.label ?? T["aria-label"] ?? d.tree.treeLabel), V = f(() => g.filter || g.filterValue !== void 0), H = f(() => !z.view.value.length && (W.value !== void 0 || !!S.empty || g.group !== void 0)), W = f(() => g.emptyText ?? (z.query.value.trim() ? D.noMatches : g.group === void 0 ? void 0 : d.common.empty)), G = f(() => g.reorderable || z.lazy.value || V.value || g.group !== void 0);
701
- return r({
702
- expandAll: z.expandAll,
703
- collapseAll: z.collapseAll,
704
- invalidate: z.invalidate,
705
- focusNode: z.focusNode
706
- }), (e, t) => (O(), p(L(Q).Root, C({
707
- ref_key: "root",
708
- ref: N,
709
- class: L(E).base({ class: w(L(T).class) }),
710
- style: L(T).style,
711
- collection: L(z).collection.value,
712
- "selection-mode": n.selectionMode,
713
- "selected-value": L(z).selected.value,
714
- "expanded-value": L(z).expanded.value
715
- }, L(z).ownChecks.value ? {} : {
716
- checkedValue: n.checkedValue,
717
- defaultCheckedValue: n.defaultCheckedValue
718
- }, {
719
- translations: { treeLabel: ee.value },
720
- onSelectionChange: t[2] ||= (e) => L(z).onSelectionChange(e.selectedValue),
721
- onExpandedChange: t[3] ||= (e) => L(z).setExpanded(e.expandedValue),
722
- onCheckedChange: t[4] ||= (e) => L(z).ownChecks.value || L(z).onArkCheckedChange(e.checkedValue),
723
- onKeydownCapture: L(z).onKeydown
724
- }), {
725
- default: U(() => [
726
- n.label ? (O(), p(L(Q).Label, {
727
- key: 0,
728
- class: w(L(E).label())
729
- }, {
730
- default: U(() => [v(P(n.label), 1)]),
731
- _: 1
732
- }, 8, ["class"])) : m("", !0),
733
- y(s, {
734
- model: L(z),
735
- filter: n.filter,
736
- "filter-mode": n.filterMode,
737
- "expand-controls": n.expandControls,
738
- classes: n.classes
739
- }, null, 8, [
740
- "model",
741
- "filter",
742
- "filter-mode",
743
- "expand-controls",
744
- "classes"
745
- ]),
746
- y(L(Q).Tree, {
747
- class: w(L(E).tree()),
748
- hidden: H.value || void 0
749
- }, {
750
- default: U(() => [(O(!0), h(u, null, j(L(z).view.value, (t, r) => (O(), p(c, {
751
- key: t.id,
752
- node: t,
753
- "index-path": [r],
754
- checkable: n.checkable
755
- }, _({ _: 2 }, [e.$slots.node ? {
756
- name: "node",
757
- fn: U((t) => [M(e.$slots, "node", C({ ref_for: !0 }, t))]),
758
- key: "0"
759
- } : void 0]), 1032, [
760
- "node",
761
- "index-path",
762
- "checkable"
763
- ]))), 128))]),
764
- _: 3
765
- }, 8, ["class", "hidden"]),
766
- H.value ? (O(), h("div", {
767
- key: 1,
768
- class: w(L(E).empty()),
769
- onDragover: t[0] ||= (...e) => L(z).onEmptyDragOver && L(z).onEmptyDragOver(...e),
770
- onDrop: t[1] ||= (...e) => L(z).onEmptyDrop && L(z).onEmptyDrop(...e)
771
- }, [M(e.$slots, "empty", {}, () => [v(P(W.value), 1)])], 34)) : m("", !0),
772
- G.value ? (O(), h("p", {
773
- key: 2,
774
- role: "status",
775
- class: w(L(E).status())
776
- }, P(L(z).status.value), 3)) : m("", !0)
777
- ]),
778
- _: 3
779
- }, 16, [
780
- "class",
781
- "style",
782
- "collection",
783
- "selection-mode",
784
- "selected-value",
785
- "expanded-value",
786
- "translations",
787
- "onKeydownCapture"
788
- ]));
789
- }
790
- });
791
- //#endregion
792
- export { $ as a, xe as c, Te as i, be as l, Ne as n, we as o, Oe as r, Se as s, Pe as t };