@hotelinking/ui 5.35.7 → 5.37.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.
- package/CHANGELOG.md +8 -1
- package/dist/style.css +1 -0
- package/dist/ui.css +1 -1
- package/dist/ui.es.js +663 -658
- package/dist/ui.umd.cjs +1 -1
- package/package.json +4 -2
package/dist/ui.es.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as n, createElementBlock as a, createVNode as o, renderSlot as r, createElementVNode as i, ref as s, computed as u, unref as d, shallowRef as c, watch as p, triggerRef as g, onScopeDispose as
|
|
1
|
+
import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as n, createElementBlock as a, createVNode as o, renderSlot as r, createElementVNode as i, ref as s, computed as u, unref as d, shallowRef as c, watch as p, triggerRef as g, onScopeDispose as m, inject as f, nextTick as v, watchEffect as h, onMounted as b, cloneVNode as y, h as x, Fragment as w, defineComponent as k, provide as S, reactive as C, onUnmounted as O, toRaw as M, getCurrentInstance as D, Teleport as T, withCtx as E, createTextVNode as I, toDisplayString as _, Transition as P, renderList as j, createCommentVNode as R, withDirectives as B, vModelDynamic as A, vShow as L, withModifiers as F, vModelText as N, createStaticVNode as z, resolveComponent as $, vModelCheckbox as V, isRef as H } from "vue";
|
|
2
2
|
import Y from "dayjs";
|
|
3
3
|
import U from "vue3-apexcharts";
|
|
4
4
|
import q from "vue3-draggable";
|
|
5
|
-
|
|
6
|
-
} },
|
|
5
|
+
import W from "@vueform/slider";
|
|
6
|
+
const K = { name: "uiIcon" }, J = Object.assign(K, { props: { icon: { type: Function, required: true }, size: { type: String, default: "normal" }, color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (o2) => (r2, i2) => o2.loading ? (e(), a("div", { key: 1, class: n([{ "h-4 w-4": "normal" === o2.size, "h-6 w-6": "big" === o2.size, "h-12 w-12": "huge" === o2.size, "h-20 w-20": "massive" === o2.size }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"]) }, null, 2)) : (e(), t(l(o2.icon), { key: 0, class: n({ "h-4 w-4": "normal" === o2.size, "h-6 w-6": "big" === o2.size, "h-12 w-12": "huge" === o2.size, "h-20 w-20": "massive" === o2.size, "text-indigo-600": "primary" === o2.color, "text-cyan-300": "secondary" === o2.color, "text-red-400": "red" === o2.color, "text-yellow-400": "yellow" === o2.color, "text-green-400": "green" === o2.color, "text-white": "white" === o2.color, "text-gray-300": "gray" === o2.color, "text-black": "black" === o2.color }) }, null, 8, ["class"])) }), G = ["disabled"], Z = { key: 1, class: "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200" }, X = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), Q = { name: "uiButton" }, ee = Object.assign(Q, { props: { color: { type: String, default: "primary" }, size: { type: String, default: "normal" }, icon: { type: Function, default: () => {
|
|
7
|
+
} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), a("button", Z, [o(J, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), X])) : (e(), a("button", { key: 0, disabled: t2.disabled, class: n([{ "bg-indigo-600 hover:bg-indigo-800 text-white shadow-sm": "primary" === t2.color, "bg-cyan-300 hover:bg-cyan-500 text-white shadow-sme": "secondary" === t2.color, "bg-red-400 hover:bg-red-600 text-white shadow-sm": "red" === t2.color, "bg-yellow-400 hover:bg-yellow-600 text-white shadow-sm": "yellow" === t2.color, "bg-green-400 hover:bg-green-600 text-white shadow-sm": "green" === t2.color, "bg-transparent hover:bg-indigo-800 text-indigo-800 hover:text-white": "transparent" === t2.color, "px-4 py-2 text-sm rounded-md": "normal" === t2.size, "px-2.5 py-1.5 text-xs rounded leading-none": "small" === t2.size, "px-6 py-3 text-base rounded-md": "large" === t2.size }, "inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]), type: "button" }, [o(J, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), r(l2.$slots, "default")], 10, G)) }), te = { key: 0, class: "relative flex items-start" }, le = { class: "flex items-center h-5" }, ne = ["checked", "value", "disabled"], ae = { class: "ml-3 text-sm" }, oe = { class: "text-gray-500" }, re = { key: 1, class: "flex items-center animate-pulse" }, ie = [i("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1), i("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)], se = { name: "uiCheckbox" }, ue = Object.assign(se, { props: { disabled: { type: Boolean, default: false }, value: { type: String }, check: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, emits: ["checkboxChanged"], setup(t2, { emit: l2 }) {
|
|
7
8
|
const n2 = l2, o2 = t2, u2 = s(o2.check);
|
|
8
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
9
|
+
return (l3, s2) => t2.loading ? (e(), a("div", re, ie)) : (e(), a("div", te, [i("div", le, [i("input", { checked: t2.check, value: t2.value, disabled: t2.disabled, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25", type: "checkbox", onChange: s2[0] || (s2[0] = (e2) => {
|
|
9
10
|
o2.disabled || (u2.value = !u2.value, n2("checkboxChanged", { checked: u2.value, value: o2.value }));
|
|
10
|
-
}) }, null, 40,
|
|
11
|
+
}) }, null, 40, ne)]), i("div", ae, [i("span", oe, [r(l3.$slots, "default")])])]));
|
|
11
12
|
} });
|
|
12
|
-
function
|
|
13
|
+
function de(e2, t2, l2) {
|
|
13
14
|
let n2, a2 = l2.initialDeps ?? [];
|
|
14
15
|
return () => {
|
|
15
16
|
var o2, r2, i2, s2;
|
|
@@ -33,17 +34,17 @@ function ue(e2, t2, l2) {
|
|
|
33
34
|
return null == (s2 = null == l2 ? void 0 : l2.onChange) || s2.call(l2, n2), n2;
|
|
34
35
|
};
|
|
35
36
|
}
|
|
36
|
-
function
|
|
37
|
+
function ce(e2, t2) {
|
|
37
38
|
if (void 0 === e2)
|
|
38
39
|
throw new Error("Unexpected undefined" + (t2 ? `: ${t2}` : ""));
|
|
39
40
|
return e2;
|
|
40
41
|
}
|
|
41
|
-
const
|
|
42
|
+
const pe = (e2) => e2, ge = (e2) => {
|
|
42
43
|
const t2 = Math.max(e2.startIndex - e2.overscan, 0), l2 = Math.min(e2.endIndex + e2.overscan, e2.count - 1), n2 = [];
|
|
43
44
|
for (let e3 = t2; e3 <= l2; e3++)
|
|
44
45
|
n2.push(e3);
|
|
45
46
|
return n2;
|
|
46
|
-
},
|
|
47
|
+
}, me = (e2, t2) => {
|
|
47
48
|
const l2 = e2.scrollElement;
|
|
48
49
|
if (!l2)
|
|
49
50
|
return;
|
|
@@ -76,7 +77,7 @@ const ce = (e2) => e2, pe = (e2) => {
|
|
|
76
77
|
return n2(), l2.addEventListener("scroll", n2, { passive: true }), () => {
|
|
77
78
|
l2.removeEventListener("scroll", n2);
|
|
78
79
|
};
|
|
79
|
-
},
|
|
80
|
+
}, ve = (e2, t2, l2) => {
|
|
80
81
|
if (null == t2 ? void 0 : t2.borderBoxSize) {
|
|
81
82
|
const e3 = t2.borderBoxSize[0];
|
|
82
83
|
if (e3) {
|
|
@@ -84,12 +85,12 @@ const ce = (e2) => e2, pe = (e2) => {
|
|
|
84
85
|
}
|
|
85
86
|
}
|
|
86
87
|
return Math.round(e2.getBoundingClientRect()[l2.options.horizontal ? "width" : "height"]);
|
|
87
|
-
},
|
|
88
|
+
}, he = (e2, { adjustments: t2 = 0, behavior: l2 }, n2) => {
|
|
88
89
|
var a2, o2;
|
|
89
90
|
const r2 = e2 + t2;
|
|
90
91
|
null == (o2 = null == (a2 = n2.scrollElement) ? void 0 : a2.scrollTo) || o2.call(a2, { [n2.options.horizontal ? "left" : "top"]: r2, behavior: l2 });
|
|
91
92
|
};
|
|
92
|
-
class
|
|
93
|
+
class be {
|
|
93
94
|
constructor(e2) {
|
|
94
95
|
this.unsubs = [], this.scrollElement = null, this.isScrolling = false, this.isScrollingTimeoutId = null, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollDirection = null, this.scrollAdjustments = 0, this.measureElementCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
|
|
95
96
|
let e3 = null;
|
|
@@ -111,12 +112,12 @@ class he {
|
|
|
111
112
|
})(), this.range = null, this.setOptions = (e3) => {
|
|
112
113
|
Object.entries(e3).forEach(([t2, l2]) => {
|
|
113
114
|
void 0 === l2 && delete e3[t2];
|
|
114
|
-
}), this.options = { debug: false, initialOffset: 0, overscan: 1, paddingStart: 0, paddingEnd: 0, scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: false, getItemKey:
|
|
115
|
-
}, measureElement:
|
|
115
|
+
}), this.options = { debug: false, initialOffset: 0, overscan: 1, paddingStart: 0, paddingEnd: 0, scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: false, getItemKey: pe, rangeExtractor: ge, onChange: () => {
|
|
116
|
+
}, measureElement: ve, initialRect: { width: 0, height: 0 }, scrollMargin: 0, gap: 0, scrollingDelay: 150, indexAttribute: "data-index", initialMeasurementsCache: [], lanes: 1, ...e3 };
|
|
116
117
|
}, this.notify = (e3) => {
|
|
117
118
|
var t2, l2;
|
|
118
119
|
null == (l2 = (t2 = this.options).onChange) || l2.call(t2, this, e3);
|
|
119
|
-
}, this.maybeNotify =
|
|
120
|
+
}, this.maybeNotify = de(() => (this.calculateRange(), [this.isScrolling, this.range ? this.range.startIndex : null, this.range ? this.range.endIndex : null]), (e3) => {
|
|
120
121
|
this.notify(e3);
|
|
121
122
|
}, { key: "production" !== process.env.NODE_ENV && "maybeNotify", debug: () => this.options.debug, initialDeps: [this.isScrolling, this.range ? this.range.startIndex : null, this.range ? this.range.endIndex : null] }), this.cleanup = () => {
|
|
122
123
|
this.unsubs.filter(Boolean).forEach((e3) => e3()), this.unsubs = [], this.scrollElement = null;
|
|
@@ -131,7 +132,7 @@ class he {
|
|
|
131
132
|
this.isScrollingTimeoutId = null, this.isScrolling = false, this.scrollDirection = null, this.maybeNotify();
|
|
132
133
|
}, this.options.scrollingDelay));
|
|
133
134
|
})));
|
|
134
|
-
}, this.getSize = () => this.scrollRect[this.options.horizontal ? "width" : "height"], this.memoOptions =
|
|
135
|
+
}, this.getSize = () => this.scrollRect[this.options.horizontal ? "width" : "height"], this.memoOptions = de(() => [this.options.count, this.options.paddingStart, this.options.scrollMargin, this.options.getItemKey], (e3, t2, l2, n2) => (this.pendingMeasuredCacheIndexes = [], { count: e3, paddingStart: t2, scrollMargin: l2, getItemKey: n2 }), { key: false }), this.getFurthestMeasurement = (e3, t2) => {
|
|
135
136
|
const l2 = /* @__PURE__ */ new Map(), n2 = /* @__PURE__ */ new Map();
|
|
136
137
|
for (let a2 = t2 - 1; a2 >= 0; a2--) {
|
|
137
138
|
const t3 = e3[a2];
|
|
@@ -142,7 +143,7 @@ class he {
|
|
|
142
143
|
break;
|
|
143
144
|
}
|
|
144
145
|
return n2.size === this.options.lanes ? Array.from(n2.values()).sort((e4, t3) => e4.end === t3.end ? e4.index - t3.index : e4.end - t3.end)[0] : void 0;
|
|
145
|
-
}, this.getMeasurements =
|
|
146
|
+
}, this.getMeasurements = de(() => [this.memoOptions(), this.itemSizeCache], ({ count: e3, paddingStart: t2, scrollMargin: l2, getItemKey: n2 }, a2) => {
|
|
146
147
|
const o2 = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
|
|
147
148
|
this.pendingMeasuredCacheIndexes = [];
|
|
148
149
|
const r2 = this.measurementsCache.slice(0, o2);
|
|
@@ -151,13 +152,13 @@ class he {
|
|
|
151
152
|
r2[i2] = { index: i2, start: s2, size: d2, end: c2, key: e4, lane: p2 };
|
|
152
153
|
}
|
|
153
154
|
return this.measurementsCache = r2, r2;
|
|
154
|
-
}, { key: "production" !== process.env.NODE_ENV && "getMeasurements", debug: () => this.options.debug }), this.calculateRange =
|
|
155
|
+
}, { key: "production" !== process.env.NODE_ENV && "getMeasurements", debug: () => this.options.debug }), this.calculateRange = de(() => [this.getMeasurements(), this.getSize(), this.scrollOffset], (e3, t2, l2) => this.range = e3.length > 0 && t2 > 0 ? function({ measurements: e4, outerSize: t3, scrollOffset: l3 }) {
|
|
155
156
|
const n2 = e4.length - 1, a2 = (t4) => e4[t4].start, o2 = ye(0, n2, a2, l3);
|
|
156
157
|
let r2 = o2;
|
|
157
158
|
for (; r2 < n2 && e4[r2].end < l3 + t3; )
|
|
158
159
|
r2++;
|
|
159
160
|
return { startIndex: o2, endIndex: r2 };
|
|
160
|
-
}({ measurements: e3, outerSize: t2, scrollOffset: l2 }) : null, { key: "production" !== process.env.NODE_ENV && "calculateRange", debug: () => this.options.debug }), this.getIndexes =
|
|
161
|
+
}({ measurements: e3, outerSize: t2, scrollOffset: l2 }) : null, { key: "production" !== process.env.NODE_ENV && "calculateRange", debug: () => this.options.debug }), this.getIndexes = de(() => [this.options.rangeExtractor, this.calculateRange(), this.options.overscan, this.options.count], (e3, t2, l2, n2) => null === t2 ? [] : e3({ ...t2, overscan: l2, count: n2 }), { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: () => this.options.debug }), this.indexFromElement = (e3) => {
|
|
161
162
|
const t2 = this.options.indexAttribute, l2 = e3.getAttribute(t2);
|
|
162
163
|
return l2 ? parseInt(l2, 10) : (console.warn(`Missing attribute name '${t2}={index}' on measured element.`), -1);
|
|
163
164
|
}, this._measureElement = (e3, t2) => {
|
|
@@ -175,7 +176,7 @@ class he {
|
|
|
175
176
|
0 !== l2 && ((void 0 !== this.shouldAdjustScrollPositionOnItemSizeChange ? this.shouldAdjustScrollPositionOnItemSizeChange(e3, l2, this) : e3.start < this.scrollOffset + this.scrollAdjustments) && ("production" !== process.env.NODE_ENV && this.options.debug && console.info("correction", l2), this._scrollToOffset(this.scrollOffset, { adjustments: this.scrollAdjustments += l2, behavior: void 0 })), this.pendingMeasuredCacheIndexes.push(e3.index), this.itemSizeCache = new Map(this.itemSizeCache.set(e3.key, t2)), this.notify(false));
|
|
176
177
|
}, this.measureElement = (e3) => {
|
|
177
178
|
e3 && this._measureElement(e3, void 0);
|
|
178
|
-
}, this.getVirtualItems =
|
|
179
|
+
}, this.getVirtualItems = de(() => [this.getIndexes(), this.getMeasurements()], (e3, t2) => {
|
|
179
180
|
const l2 = [];
|
|
180
181
|
for (let n2 = 0, a2 = e3.length; n2 < a2; n2++) {
|
|
181
182
|
const a3 = t2[e3[n2]];
|
|
@@ -184,7 +185,7 @@ class he {
|
|
|
184
185
|
return l2;
|
|
185
186
|
}, { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: () => this.options.debug }), this.getVirtualItemForOffset = (e3) => {
|
|
186
187
|
const t2 = this.getMeasurements();
|
|
187
|
-
return
|
|
188
|
+
return ce(t2[ye(0, t2.length - 1, (e4) => ce(t2[e4]).start, e3)]);
|
|
188
189
|
}, this.getOffsetForAlignment = (e3, t2) => {
|
|
189
190
|
const l2 = this.getSize();
|
|
190
191
|
"auto" === t2 && (t2 = e3 <= this.scrollOffset ? "start" : e3 >= this.scrollOffset + l2 ? "end" : "start"), "start" === t2 || ("end" === t2 ? e3 -= l2 : "center" === t2 && (e3 -= l2 / 2));
|
|
@@ -192,7 +193,7 @@ class he {
|
|
|
192
193
|
return Math.max(Math.min(a2, e3), 0);
|
|
193
194
|
}, this.getOffsetForIndex = (e3, t2 = "auto") => {
|
|
194
195
|
e3 = Math.max(0, Math.min(e3, this.options.count - 1));
|
|
195
|
-
const l2 =
|
|
196
|
+
const l2 = ce(this.getMeasurements()[e3]);
|
|
196
197
|
if ("auto" === t2)
|
|
197
198
|
if (l2.end >= this.scrollOffset + this.getSize() - this.options.scrollPaddingEnd)
|
|
198
199
|
t2 = "end";
|
|
@@ -247,9 +248,9 @@ const ye = (e2, t2, l2, n2) => {
|
|
|
247
248
|
}
|
|
248
249
|
return e2 > 0 ? e2 - 1 : 0;
|
|
249
250
|
};
|
|
250
|
-
function
|
|
251
|
+
function xe(e2) {
|
|
251
252
|
return function(e3) {
|
|
252
|
-
const t2 = new
|
|
253
|
+
const t2 = new be(d(e3)), l2 = c(t2), n2 = t2._didMount();
|
|
253
254
|
return p(() => d(e3).getScrollElement(), (e4) => {
|
|
254
255
|
e4 && t2._willUpdate();
|
|
255
256
|
}, { immediate: true }), p(() => d(e3), (e4) => {
|
|
@@ -257,40 +258,40 @@ function be(e2) {
|
|
|
257
258
|
var a2;
|
|
258
259
|
g(l2), null == (a2 = e4.onChange) || a2.call(e4, t3, n3);
|
|
259
260
|
} }), t2._willUpdate(), g(l2);
|
|
260
|
-
}, { immediate: true }),
|
|
261
|
-
}(u(() => ({ observeElementRect:
|
|
261
|
+
}, { immediate: true }), m(n2), l2;
|
|
262
|
+
}(u(() => ({ observeElementRect: me, observeElementOffset: fe, scrollToFn: he, ...d(e2) })));
|
|
262
263
|
}
|
|
263
|
-
function
|
|
264
|
+
function we(e2, t2, l2) {
|
|
264
265
|
let n2 = s(null == l2 ? void 0 : l2.value), a2 = u(() => void 0 !== e2.value);
|
|
265
266
|
return [u(() => a2.value ? e2.value : n2.value), function(e3) {
|
|
266
267
|
return a2.value || (n2.value = e3), null == t2 ? void 0 : t2(e3);
|
|
267
268
|
}];
|
|
268
269
|
}
|
|
269
|
-
let
|
|
270
|
-
function
|
|
271
|
-
return
|
|
270
|
+
let ke = Symbol("headlessui.useid"), Se = 0;
|
|
271
|
+
function Ce() {
|
|
272
|
+
return f(ke, () => "" + ++Se)();
|
|
272
273
|
}
|
|
273
|
-
function
|
|
274
|
+
function Oe(e2) {
|
|
274
275
|
var t2;
|
|
275
276
|
if (null == e2 || null == e2.value)
|
|
276
277
|
return null;
|
|
277
278
|
let l2 = null != (t2 = e2.value.$el) ? t2 : e2.value;
|
|
278
279
|
return l2 instanceof Node ? l2 : null;
|
|
279
280
|
}
|
|
280
|
-
function
|
|
281
|
+
function Me(e2, t2, ...l2) {
|
|
281
282
|
if (e2 in t2) {
|
|
282
283
|
let n3 = t2[e2];
|
|
283
284
|
return "function" == typeof n3 ? n3(...l2) : n3;
|
|
284
285
|
}
|
|
285
286
|
let n2 = new Error(`Tried to handle "${e2}" but there is no handler defined. Only defined handlers are: ${Object.keys(t2).map((e3) => `"${e3}"`).join(", ")}.`);
|
|
286
|
-
throw Error.captureStackTrace && Error.captureStackTrace(n2,
|
|
287
|
+
throw Error.captureStackTrace && Error.captureStackTrace(n2, Me), n2;
|
|
287
288
|
}
|
|
288
|
-
var
|
|
289
|
-
t3 in e3 ?
|
|
289
|
+
var De = Object.defineProperty, Te = (e2, t2, l2) => (((e3, t3, l3) => {
|
|
290
|
+
t3 in e3 ? De(e3, t3, { enumerable: true, configurable: true, writable: true, value: l3 }) : e3[t3] = l3;
|
|
290
291
|
})(e2, "symbol" != typeof t2 ? t2 + "" : t2, l2), l2);
|
|
291
|
-
let
|
|
292
|
+
let Ee = new class {
|
|
292
293
|
constructor() {
|
|
293
|
-
|
|
294
|
+
Te(this, "current", this.detect()), Te(this, "currentId", 0);
|
|
294
295
|
}
|
|
295
296
|
set(e2) {
|
|
296
297
|
this.current !== e2 && (this.currentId = 0, this.current = e2);
|
|
@@ -311,44 +312,44 @@ let Te = new class {
|
|
|
311
312
|
return "undefined" == typeof window || "undefined" == typeof document ? "server" : "client";
|
|
312
313
|
}
|
|
313
314
|
}();
|
|
314
|
-
function
|
|
315
|
-
if (
|
|
315
|
+
function Ie(e2) {
|
|
316
|
+
if (Ee.isServer)
|
|
316
317
|
return null;
|
|
317
318
|
if (e2 instanceof Node)
|
|
318
319
|
return e2.ownerDocument;
|
|
319
320
|
if (null != e2 && e2.hasOwnProperty("value")) {
|
|
320
|
-
let t2 =
|
|
321
|
+
let t2 = Oe(e2);
|
|
321
322
|
if (t2)
|
|
322
323
|
return t2.ownerDocument;
|
|
323
324
|
}
|
|
324
325
|
return document;
|
|
325
326
|
}
|
|
326
|
-
let
|
|
327
|
-
var
|
|
328
|
-
function
|
|
329
|
-
return null == e2 ? [] : Array.from(e2.querySelectorAll(
|
|
327
|
+
let _e = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
|
|
328
|
+
var Pe = ((e2) => (e2[e2.First = 1] = "First", e2[e2.Previous = 2] = "Previous", e2[e2.Next = 4] = "Next", e2[e2.Last = 8] = "Last", e2[e2.WrapAround = 16] = "WrapAround", e2[e2.NoScroll = 32] = "NoScroll", e2))(Pe || {}), je = ((e2) => (e2[e2.Error = 0] = "Error", e2[e2.Overflow = 1] = "Overflow", e2[e2.Success = 2] = "Success", e2[e2.Underflow = 3] = "Underflow", e2))(je || {}), Re = ((e2) => (e2[e2.Previous = -1] = "Previous", e2[e2.Next = 1] = "Next", e2))(Re || {});
|
|
329
|
+
function Be(e2 = document.body) {
|
|
330
|
+
return null == e2 ? [] : Array.from(e2.querySelectorAll(_e)).sort((e3, t2) => Math.sign((e3.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
|
|
330
331
|
}
|
|
331
|
-
var
|
|
332
|
-
function
|
|
332
|
+
var Ae = ((e2) => (e2[e2.Strict = 0] = "Strict", e2[e2.Loose = 1] = "Loose", e2))(Ae || {});
|
|
333
|
+
function Le(e2, t2 = 0) {
|
|
333
334
|
var l2;
|
|
334
|
-
return e2 !== (null == (l2 =
|
|
335
|
+
return e2 !== (null == (l2 = Ie(e2)) ? void 0 : l2.body) && Me(t2, { 0: () => e2.matches(_e), 1() {
|
|
335
336
|
let t3 = e2;
|
|
336
337
|
for (; null !== t3; ) {
|
|
337
|
-
if (t3.matches(
|
|
338
|
+
if (t3.matches(_e))
|
|
338
339
|
return true;
|
|
339
340
|
t3 = t3.parentElement;
|
|
340
341
|
}
|
|
341
342
|
return false;
|
|
342
343
|
} });
|
|
343
344
|
}
|
|
344
|
-
function
|
|
345
|
-
let t2 =
|
|
345
|
+
function Fe(e2) {
|
|
346
|
+
let t2 = Ie(e2);
|
|
346
347
|
v(() => {
|
|
347
|
-
t2 && !
|
|
348
|
+
t2 && !Le(t2.activeElement, 0) && ze(e2);
|
|
348
349
|
});
|
|
349
350
|
}
|
|
350
|
-
var
|
|
351
|
-
function
|
|
351
|
+
var Ne = ((e2) => (e2[e2.Keyboard = 0] = "Keyboard", e2[e2.Mouse = 1] = "Mouse", e2))(Ne || {});
|
|
352
|
+
function ze(e2) {
|
|
352
353
|
null == e2 || e2.focus({ preventScroll: true });
|
|
353
354
|
}
|
|
354
355
|
"undefined" != typeof window && "undefined" != typeof document && (document.addEventListener("keydown", (e2) => {
|
|
@@ -356,8 +357,8 @@ function Ne(e2) {
|
|
|
356
357
|
}, true), document.addEventListener("click", (e2) => {
|
|
357
358
|
1 === e2.detail ? delete document.documentElement.dataset.headlessuiFocusVisible : 0 === e2.detail && (document.documentElement.dataset.headlessuiFocusVisible = "");
|
|
358
359
|
}, true));
|
|
359
|
-
let
|
|
360
|
-
function
|
|
360
|
+
let $e = ["textarea", "input"].join(",");
|
|
361
|
+
function Ve(e2, t2 = (e3) => e3) {
|
|
361
362
|
return e2.slice().sort((e3, l2) => {
|
|
362
363
|
let n2 = t2(e3), a2 = t2(l2);
|
|
363
364
|
if (null === n2 || null === a2)
|
|
@@ -368,7 +369,7 @@ function $e(e2, t2 = (e3) => e3) {
|
|
|
368
369
|
}
|
|
369
370
|
function He(e2, t2, { sorted: l2 = true, relativeTo: n2 = null, skipElements: a2 = [] } = {}) {
|
|
370
371
|
var o2;
|
|
371
|
-
let r2 = null != (o2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : null == e2 ? void 0 : e2.ownerDocument) ? o2 : document, i2 = Array.isArray(e2) ? l2 ?
|
|
372
|
+
let r2 = null != (o2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : null == e2 ? void 0 : e2.ownerDocument) ? o2 : document, i2 = Array.isArray(e2) ? l2 ? Ve(e2) : e2 : Be(e2);
|
|
372
373
|
a2.length > 0 && i2.length > 1 && (i2 = i2.filter((e3) => !a2.includes(e3))), n2 = null != n2 ? n2 : r2.activeElement;
|
|
373
374
|
let s2, u2 = (() => {
|
|
374
375
|
if (5 & t2)
|
|
@@ -403,26 +404,26 @@ function He(e2, t2, { sorted: l2 = true, relativeTo: n2 = null, skipElements: a2
|
|
|
403
404
|
} while (s2 !== r2.activeElement);
|
|
404
405
|
return 6 & t2 && function(e3) {
|
|
405
406
|
var t3, l3;
|
|
406
|
-
return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3,
|
|
407
|
+
return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3, $e)) && l3;
|
|
407
408
|
}(s2) && s2.select(), 2;
|
|
408
409
|
}
|
|
409
|
-
function
|
|
410
|
+
function Ye() {
|
|
410
411
|
return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
|
|
411
412
|
}
|
|
412
|
-
function
|
|
413
|
-
return
|
|
413
|
+
function Ue() {
|
|
414
|
+
return Ye() || /Android/gi.test(window.navigator.userAgent);
|
|
414
415
|
}
|
|
415
|
-
function
|
|
416
|
-
|
|
416
|
+
function qe(e2, t2, l2) {
|
|
417
|
+
Ee.isServer || h((n2) => {
|
|
417
418
|
document.addEventListener(e2, t2, l2), n2(() => document.removeEventListener(e2, t2, l2));
|
|
418
419
|
});
|
|
419
420
|
}
|
|
420
|
-
function
|
|
421
|
-
|
|
421
|
+
function We(e2, t2, l2) {
|
|
422
|
+
Ee.isServer || h((n2) => {
|
|
422
423
|
window.addEventListener(e2, t2, l2), n2(() => window.removeEventListener(e2, t2, l2));
|
|
423
424
|
});
|
|
424
425
|
}
|
|
425
|
-
function
|
|
426
|
+
function Ke(e2, t2, l2 = u(() => true)) {
|
|
426
427
|
function n2(n3, a3) {
|
|
427
428
|
if (!l2.value || n3.defaultPrevented)
|
|
428
429
|
return;
|
|
@@ -435,56 +436,56 @@ function We(e2, t2, l2 = u(() => true)) {
|
|
|
435
436
|
for (let e3 of r2) {
|
|
436
437
|
if (null === e3)
|
|
437
438
|
continue;
|
|
438
|
-
let t3 = e3 instanceof HTMLElement ? e3 :
|
|
439
|
+
let t3 = e3 instanceof HTMLElement ? e3 : Oe(e3);
|
|
439
440
|
if (null != t3 && t3.contains(o2) || n3.composed && n3.composedPath().includes(t3))
|
|
440
441
|
return;
|
|
441
442
|
}
|
|
442
|
-
return !
|
|
443
|
+
return !Le(o2, Ae.Loose) && -1 !== o2.tabIndex && n3.preventDefault(), t2(n3, o2);
|
|
443
444
|
}
|
|
444
445
|
let a2 = s(null);
|
|
445
|
-
|
|
446
|
+
qe("pointerdown", (e3) => {
|
|
446
447
|
var t3, n3;
|
|
447
448
|
l2.value && (a2.value = (null == (n3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : n3[0]) || e3.target);
|
|
448
|
-
}, true),
|
|
449
|
+
}, true), qe("mousedown", (e3) => {
|
|
449
450
|
var t3, n3;
|
|
450
451
|
l2.value && (a2.value = (null == (n3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : n3[0]) || e3.target);
|
|
451
|
-
}, true),
|
|
452
|
-
|
|
453
|
-
}, true),
|
|
452
|
+
}, true), qe("click", (e3) => {
|
|
453
|
+
Ue() || a2.value && (n2(e3, () => a2.value), a2.value = null);
|
|
454
|
+
}, true), qe("touchend", (e3) => n2(e3, () => e3.target instanceof HTMLElement ? e3.target : null), true), We("blur", (e3) => n2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
|
|
454
455
|
}
|
|
455
|
-
function
|
|
456
|
+
function Je(e2, t2) {
|
|
456
457
|
if (e2)
|
|
457
458
|
return e2;
|
|
458
459
|
let l2 = null != t2 ? t2 : "button";
|
|
459
460
|
return "string" == typeof l2 && "button" === l2.toLowerCase() ? "button" : void 0;
|
|
460
461
|
}
|
|
461
|
-
function
|
|
462
|
-
let l2 = s(
|
|
463
|
-
return
|
|
464
|
-
l2.value =
|
|
462
|
+
function Ge(e2, t2) {
|
|
463
|
+
let l2 = s(Je(e2.value.type, e2.value.as));
|
|
464
|
+
return b(() => {
|
|
465
|
+
l2.value = Je(e2.value.type, e2.value.as);
|
|
465
466
|
}), h(() => {
|
|
466
467
|
var e3;
|
|
467
|
-
l2.value ||
|
|
468
|
+
l2.value || Oe(t2) && Oe(t2) instanceof HTMLButtonElement && (null == (e3 = Oe(t2)) || !e3.hasAttribute("type")) && (l2.value = "button");
|
|
468
469
|
}), l2;
|
|
469
470
|
}
|
|
470
|
-
function
|
|
471
|
+
function Ze(e2) {
|
|
471
472
|
return [e2.screenX, e2.screenY];
|
|
472
473
|
}
|
|
473
|
-
function
|
|
474
|
+
function Xe() {
|
|
474
475
|
let e2 = s([-1, -1]);
|
|
475
476
|
return { wasMoved(t2) {
|
|
476
|
-
let l2 =
|
|
477
|
+
let l2 = Ze(t2);
|
|
477
478
|
return (e2.value[0] !== l2[0] || e2.value[1] !== l2[1]) && (e2.value = l2, true);
|
|
478
479
|
}, update(t2) {
|
|
479
|
-
e2.value =
|
|
480
|
+
e2.value = Ze(t2);
|
|
480
481
|
} };
|
|
481
482
|
}
|
|
482
|
-
function
|
|
483
|
+
function Qe({ container: e2, accept: t2, walk: l2, enabled: n2 }) {
|
|
483
484
|
h(() => {
|
|
484
485
|
let a2 = e2.value;
|
|
485
486
|
if (!a2 || void 0 !== n2 && !n2.value)
|
|
486
487
|
return;
|
|
487
|
-
let o2 =
|
|
488
|
+
let o2 = Ie(e2);
|
|
488
489
|
if (!o2)
|
|
489
490
|
return;
|
|
490
491
|
let r2 = Object.assign((e3) => t2(e3), { acceptNode: t2 }), i2 = o2.createTreeWalker(a2, NodeFilter.SHOW_ELEMENT, r2, false);
|
|
@@ -492,20 +493,20 @@ function Xe({ container: e2, accept: t2, walk: l2, enabled: n2 }) {
|
|
|
492
493
|
l2(i2.currentNode);
|
|
493
494
|
});
|
|
494
495
|
}
|
|
495
|
-
var
|
|
496
|
-
function
|
|
496
|
+
var et = ((e2) => (e2[e2.None = 0] = "None", e2[e2.RenderStrategy = 1] = "RenderStrategy", e2[e2.Static = 2] = "Static", e2))(et || {}), tt = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(tt || {});
|
|
497
|
+
function lt({ visible: e2 = true, features: t2 = 0, ourProps: l2, theirProps: n2, ...a2 }) {
|
|
497
498
|
var o2;
|
|
498
|
-
let r2 =
|
|
499
|
+
let r2 = ot(n2, l2), i2 = Object.assign(a2, { props: r2 });
|
|
499
500
|
if (e2 || 2 & t2 && r2.static)
|
|
500
|
-
return
|
|
501
|
+
return nt(i2);
|
|
501
502
|
if (1 & t2) {
|
|
502
|
-
return
|
|
503
|
+
return Me(null == (o2 = r2.unmount) || o2 ? 0 : 1, { 0: () => null, 1: () => nt({ ...a2, props: { ...r2, hidden: true, style: { display: "none" } } }) });
|
|
503
504
|
}
|
|
504
|
-
return
|
|
505
|
+
return nt(i2);
|
|
505
506
|
}
|
|
506
|
-
function
|
|
507
|
+
function nt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
507
508
|
var o2, r2;
|
|
508
|
-
let { as: i2, ...s2 } =
|
|
509
|
+
let { as: i2, ...s2 } = it(e2, ["unmount", "static"]), u2 = null == (o2 = l2.default) ? void 0 : o2.call(l2, n2), d2 = {};
|
|
509
510
|
if (n2) {
|
|
510
511
|
let e3 = false, t3 = [];
|
|
511
512
|
for (let [l3, a3] of Object.entries(n2))
|
|
@@ -513,13 +514,13 @@ function lt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
|
513
514
|
e3 && (d2["data-headlessui-state"] = t3.join(" "));
|
|
514
515
|
}
|
|
515
516
|
if ("template" === i2) {
|
|
516
|
-
if (u2 =
|
|
517
|
+
if (u2 = at(null != u2 ? u2 : []), Object.keys(s2).length > 0 || Object.keys(t2).length > 0) {
|
|
517
518
|
let [e3, ...l3] = null != u2 ? u2 : [];
|
|
518
519
|
if (!function(e4) {
|
|
519
520
|
return null != e4 && ("string" == typeof e4.type || "object" == typeof e4.type || "function" == typeof e4.type);
|
|
520
521
|
}(e3) || l3.length > 0)
|
|
521
522
|
throw new Error(['Passing props on "template"!', "", `The current component <${a2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s2).concat(Object.keys(t2)).map((e4) => e4.trim()).filter((e4, t3, l4) => l4.indexOf(e4) === t3).sort((e4, t3) => e4.localeCompare(t3)).map((e4) => ` - ${e4}`).join("\n"), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((e4) => ` - ${e4}`).join("\n")].join("\n"));
|
|
522
|
-
let n3 =
|
|
523
|
+
let n3 = ot(null != (r2 = e3.props) ? r2 : {}, s2, d2), o3 = y(e3, n3, true);
|
|
523
524
|
for (let e4 in n3)
|
|
524
525
|
e4.startsWith("on") && (o3.props || (o3.props = {}), o3.props[e4] = n3[e4]);
|
|
525
526
|
return o3;
|
|
@@ -528,10 +529,10 @@ function lt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
|
528
529
|
}
|
|
529
530
|
return x(i2, Object.assign({}, s2, d2), { default: () => u2 });
|
|
530
531
|
}
|
|
531
|
-
function
|
|
532
|
-
return e2.flatMap((e3) => e3.type === w ?
|
|
532
|
+
function at(e2) {
|
|
533
|
+
return e2.flatMap((e3) => e3.type === w ? at(e3.children) : [e3]);
|
|
533
534
|
}
|
|
534
|
-
function
|
|
535
|
+
function ot(...e2) {
|
|
535
536
|
if (0 === e2.length)
|
|
536
537
|
return {};
|
|
537
538
|
if (1 === e2.length)
|
|
@@ -553,32 +554,32 @@ function at(...e2) {
|
|
|
553
554
|
} });
|
|
554
555
|
return t2;
|
|
555
556
|
}
|
|
556
|
-
function
|
|
557
|
+
function rt(e2) {
|
|
557
558
|
let t2 = Object.assign({}, e2);
|
|
558
559
|
for (let e3 in t2)
|
|
559
560
|
void 0 === t2[e3] && delete t2[e3];
|
|
560
561
|
return t2;
|
|
561
562
|
}
|
|
562
|
-
function
|
|
563
|
+
function it(e2, t2 = []) {
|
|
563
564
|
let l2 = Object.assign({}, e2);
|
|
564
565
|
for (let e3 of t2)
|
|
565
566
|
e3 in l2 && delete l2[e3];
|
|
566
567
|
return l2;
|
|
567
568
|
}
|
|
568
|
-
var
|
|
569
|
-
let
|
|
569
|
+
var st = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(st || {});
|
|
570
|
+
let ut = k({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup: (e2, { slots: t2, attrs: l2 }) => () => {
|
|
570
571
|
var n2;
|
|
571
572
|
let { features: a2, ...o2 } = e2;
|
|
572
|
-
return
|
|
573
|
-
} }),
|
|
574
|
-
var
|
|
575
|
-
function
|
|
576
|
-
return
|
|
573
|
+
return lt({ ourProps: { "aria-hidden": !(2 & ~a2) || (null != (n2 = o2["aria-hidden"]) ? n2 : void 0), hidden: !(4 & ~a2) || void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...!(4 & ~a2) && !!(2 & ~a2) && { display: "none" } } }, theirProps: o2, slot: {}, attrs: l2, slots: t2, name: "Hidden" });
|
|
574
|
+
} }), dt = Symbol("Context");
|
|
575
|
+
var ct = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(ct || {});
|
|
576
|
+
function pt() {
|
|
577
|
+
return f(dt, null);
|
|
577
578
|
}
|
|
578
|
-
function
|
|
579
|
-
S(
|
|
579
|
+
function gt(e2) {
|
|
580
|
+
S(dt, e2);
|
|
580
581
|
}
|
|
581
|
-
var
|
|
582
|
+
var mt = ((e2) => (e2.Space = " ", e2.Enter = "Enter", e2.Escape = "Escape", e2.Backspace = "Backspace", e2.Delete = "Delete", e2.ArrowLeft = "ArrowLeft", e2.ArrowUp = "ArrowUp", e2.ArrowRight = "ArrowRight", e2.ArrowDown = "ArrowDown", e2.Home = "Home", e2.End = "End", e2.PageUp = "PageUp", e2.PageDown = "PageDown", e2.Tab = "Tab", e2))(mt || {});
|
|
582
583
|
let ft = [];
|
|
583
584
|
!function(e2) {
|
|
584
585
|
function t2() {
|
|
@@ -591,8 +592,8 @@ let ft = [];
|
|
|
591
592
|
}
|
|
592
593
|
window.addEventListener("click", e2, { capture: true }), window.addEventListener("mousedown", e2, { capture: true }), window.addEventListener("focus", e2, { capture: true }), document.body.addEventListener("click", e2, { capture: true }), document.body.addEventListener("mousedown", e2, { capture: true }), document.body.addEventListener("focus", e2, { capture: true });
|
|
593
594
|
});
|
|
594
|
-
var
|
|
595
|
-
function
|
|
595
|
+
var vt = ((e2) => (e2[e2.First = 0] = "First", e2[e2.Previous = 1] = "Previous", e2[e2.Next = 2] = "Next", e2[e2.Last = 3] = "Last", e2[e2.Specific = 4] = "Specific", e2[e2.Nothing = 5] = "Nothing", e2))(vt || {});
|
|
596
|
+
function ht(e2, t2) {
|
|
596
597
|
let l2 = t2.resolveItems();
|
|
597
598
|
if (l2.length <= 0)
|
|
598
599
|
return null;
|
|
@@ -632,7 +633,7 @@ function vt(e2, t2) {
|
|
|
632
633
|
}(e2);
|
|
633
634
|
}
|
|
634
635
|
}
|
|
635
|
-
function
|
|
636
|
+
function bt(e2) {
|
|
636
637
|
"function" == typeof queueMicrotask ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((e3) => setTimeout(() => {
|
|
637
638
|
throw e3;
|
|
638
639
|
}));
|
|
@@ -650,7 +651,7 @@ function yt() {
|
|
|
650
651
|
t2.add(() => clearTimeout(l2));
|
|
651
652
|
}, microTask(...e3) {
|
|
652
653
|
let l2 = { current: true };
|
|
653
|
-
return
|
|
654
|
+
return bt(() => {
|
|
654
655
|
l2.current && e3[0]();
|
|
655
656
|
}), t2.add(() => {
|
|
656
657
|
l2.current = false;
|
|
@@ -674,60 +675,60 @@ function yt() {
|
|
|
674
675
|
} };
|
|
675
676
|
return t2;
|
|
676
677
|
}
|
|
677
|
-
function
|
|
678
|
+
function xt(e2 = {}, t2 = null, l2 = []) {
|
|
678
679
|
for (let [n2, a2] of Object.entries(e2))
|
|
679
|
-
|
|
680
|
+
kt(l2, wt(t2, n2), a2);
|
|
680
681
|
return l2;
|
|
681
682
|
}
|
|
682
|
-
function
|
|
683
|
+
function wt(e2, t2) {
|
|
683
684
|
return e2 ? e2 + "[" + t2 + "]" : t2;
|
|
684
685
|
}
|
|
685
|
-
function
|
|
686
|
+
function kt(e2, t2, l2) {
|
|
686
687
|
if (Array.isArray(l2))
|
|
687
688
|
for (let [n2, a2] of l2.entries())
|
|
688
|
-
|
|
689
|
+
kt(e2, wt(t2, n2.toString()), a2);
|
|
689
690
|
else
|
|
690
|
-
l2 instanceof Date ? e2.push([t2, l2.toISOString()]) : "boolean" == typeof l2 ? e2.push([t2, l2 ? "1" : "0"]) : "string" == typeof l2 ? e2.push([t2, l2]) : "number" == typeof l2 ? e2.push([t2, `${l2}`]) : null == l2 ? e2.push([t2, ""]) :
|
|
691
|
+
l2 instanceof Date ? e2.push([t2, l2.toISOString()]) : "boolean" == typeof l2 ? e2.push([t2, l2 ? "1" : "0"]) : "string" == typeof l2 ? e2.push([t2, l2]) : "number" == typeof l2 ? e2.push([t2, `${l2}`]) : null == l2 ? e2.push([t2, ""]) : xt(l2, t2, e2);
|
|
691
692
|
}
|
|
692
|
-
var
|
|
693
|
-
let
|
|
694
|
-
function
|
|
695
|
-
let t2 =
|
|
693
|
+
var St = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(St || {}), Ct = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(Ct || {}), Ot = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Focus = 1] = "Focus", e2[e2.Other = 2] = "Other", e2))(Ot || {});
|
|
694
|
+
let Mt = Symbol("ComboboxContext");
|
|
695
|
+
function Dt(e2) {
|
|
696
|
+
let t2 = f(Mt, null);
|
|
696
697
|
if (null === t2) {
|
|
697
698
|
let t3 = new Error(`<${e2} /> is missing a parent <Combobox /> component.`);
|
|
698
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
699
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, Dt), t3;
|
|
699
700
|
}
|
|
700
701
|
return t2;
|
|
701
702
|
}
|
|
702
|
-
let
|
|
703
|
-
let l2 =
|
|
704
|
-
let e3 =
|
|
703
|
+
let Tt = Symbol("VirtualContext"), Et = k({ name: "VirtualProvider", setup(e2, { slots: t2 }) {
|
|
704
|
+
let l2 = Dt("VirtualProvider"), n2 = u(() => {
|
|
705
|
+
let e3 = Oe(l2.optionsRef);
|
|
705
706
|
if (!e3)
|
|
706
707
|
return { start: 0, end: 0 };
|
|
707
708
|
let t3 = window.getComputedStyle(e3);
|
|
708
709
|
return { start: parseFloat(t3.paddingBlockStart || t3.paddingTop), end: parseFloat(t3.paddingBlockEnd || t3.paddingBottom) };
|
|
709
|
-
}), a2 =
|
|
710
|
+
}), a2 = xe(u(() => ({ scrollPaddingStart: n2.value.start, scrollPaddingEnd: n2.value.end, count: l2.virtual.value.options.length, estimateSize: () => 40, getScrollElement: () => Oe(l2.optionsRef), overscan: 12 }))), o2 = u(() => {
|
|
710
711
|
var e3;
|
|
711
712
|
return null == (e3 = l2.virtual.value) ? void 0 : e3.options;
|
|
712
713
|
}), r2 = s(0);
|
|
713
714
|
return p([o2], () => {
|
|
714
715
|
r2.value += 1;
|
|
715
|
-
}), S(
|
|
716
|
+
}), S(Tt, l2.virtual.value ? a2 : null), () => [x("div", { style: { position: "relative", width: "100%", height: `${a2.value.getTotalSize()}px` }, ref: (e3) => {
|
|
716
717
|
if (e3) {
|
|
717
718
|
if ("undefined" != typeof process && void 0 !== process.env.JEST_WORKER_ID || 0 === l2.activationTrigger.value)
|
|
718
719
|
return;
|
|
719
720
|
null !== l2.activeOptionIndex.value && l2.virtual.value.options.length > l2.activeOptionIndex.value && a2.value.scrollToIndex(l2.activeOptionIndex.value);
|
|
720
721
|
}
|
|
721
|
-
} }, a2.value.getVirtualItems().map((e3) =>
|
|
722
|
-
} }),
|
|
723
|
-
let a2 = s(1), o2 = s(null), r2 = s(null), i2 = s(null), d2 = s(null), c2 = s({ static: false, hold: false }), g2 = s([]),
|
|
722
|
+
} }, a2.value.getVirtualItems().map((e3) => y(t2.default({ option: l2.virtual.value.options[e3.index], open: 0 === l2.comboboxState.value })[0], { key: `${r2.value}-${e3.index}`, "data-index": e3.index, "aria-setsize": l2.virtual.value.options.length, "aria-posinset": e3.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${e3.start}px)`, overflowAnchor: "none" } })))];
|
|
723
|
+
} }), It = k({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: false }, by: { type: [String, Function], nullable: true, default: null }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: true }, name: { type: String, optional: true }, nullable: { type: Boolean, default: false }, multiple: { type: [Boolean], default: false }, immediate: { type: [Boolean], default: false }, virtual: { type: Object, default: null } }, inheritAttrs: false, setup(e2, { slots: t2, attrs: l2, emit: n2 }) {
|
|
724
|
+
let a2 = s(1), o2 = s(null), r2 = s(null), i2 = s(null), d2 = s(null), c2 = s({ static: false, hold: false }), g2 = s([]), m2 = s(null), f2 = s(2), v2 = s(false);
|
|
724
725
|
function h2(e3 = (e4) => e4) {
|
|
725
|
-
let t3 = null !==
|
|
726
|
+
let t3 = null !== m2.value ? g2.value[m2.value] : null, l3 = e3(g2.value.slice()), n3 = l3.length > 0 && null !== l3[0].dataRef.order.value ? l3.sort((e4, t4) => e4.dataRef.order.value - t4.dataRef.order.value) : Ve(l3, (e4) => Oe(e4.dataRef.domRef)), a3 = t3 ? n3.indexOf(t3) : null;
|
|
726
727
|
return -1 === a3 && (a3 = null), { options: n3, activeOptionIndex: a3 };
|
|
727
728
|
}
|
|
728
|
-
let
|
|
729
|
+
let y2 = u(() => e2.multiple ? 1 : 0), k2 = u(() => e2.nullable), [O2, D2] = we(u(() => e2.modelValue), (e3) => n2("update:modelValue", e3), u(() => e2.defaultValue)), T2 = u(() => void 0 === O2.value ? Me(y2.value, { 1: [], 0: void 0 }) : O2.value), E2 = null, I2 = null;
|
|
729
730
|
function _2(e3) {
|
|
730
|
-
return
|
|
731
|
+
return Me(y2.value, { 0: () => null == D2 ? void 0 : D2(e3), 1: () => {
|
|
731
732
|
let t3 = M(j2.value.value).slice(), l3 = M(e3), n3 = t3.findIndex((e4) => j2.compare(l3, M(e4)));
|
|
732
733
|
return -1 === n3 ? t3.push(l3) : t3.splice(n3, 1), null == D2 ? void 0 : D2(t3);
|
|
733
734
|
} });
|
|
@@ -735,12 +736,12 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
735
736
|
let P2 = u(() => {
|
|
736
737
|
});
|
|
737
738
|
p([P2], ([e3], [t3]) => {
|
|
738
|
-
if (j2.virtual.value && e3 && t3 && null !==
|
|
739
|
-
let l3 = e3.indexOf(t3[
|
|
740
|
-
|
|
739
|
+
if (j2.virtual.value && e3 && t3 && null !== m2.value) {
|
|
740
|
+
let l3 = e3.indexOf(t3[m2.value]);
|
|
741
|
+
m2.value = -1 !== l3 ? l3 : null;
|
|
741
742
|
}
|
|
742
743
|
});
|
|
743
|
-
let j2 = { comboboxState: a2, value: T2, mode:
|
|
744
|
+
let j2 = { comboboxState: a2, value: T2, mode: y2, compare(t3, l3) {
|
|
744
745
|
if ("string" == typeof e2.by) {
|
|
745
746
|
let n3 = e2.by;
|
|
746
747
|
return (null == t3 ? void 0 : t3[n3]) === (null == l3 ? void 0 : l3[n3]);
|
|
@@ -751,7 +752,7 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
751
752
|
}, calculateIndex: (t3) => j2.virtual.value ? null === e2.by ? j2.virtual.value.options.indexOf(t3) : j2.virtual.value.options.findIndex((e3) => j2.compare(e3, t3)) : g2.value.findIndex((e3) => j2.compare(e3.dataRef.value, t3)), defaultValue: u(() => e2.defaultValue), nullable: k2, immediate: u(() => false), virtual: u(() => null), inputRef: r2, labelRef: o2, buttonRef: i2, optionsRef: d2, disabled: u(() => e2.disabled), options: g2, change(e3) {
|
|
752
753
|
D2(e3);
|
|
753
754
|
}, activeOptionIndex: u(() => {
|
|
754
|
-
if (v2.value && null ===
|
|
755
|
+
if (v2.value && null === m2.value && (j2.virtual.value ? j2.virtual.value.options.length > 0 : g2.value.length > 0)) {
|
|
755
756
|
if (j2.virtual.value) {
|
|
756
757
|
let e4 = j2.virtual.value.options.findIndex((e5) => {
|
|
757
758
|
var t3;
|
|
@@ -764,25 +765,25 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
764
765
|
if (-1 !== e3)
|
|
765
766
|
return e3;
|
|
766
767
|
}
|
|
767
|
-
return
|
|
768
|
-
}), activationTrigger:
|
|
769
|
-
v2.value = false, !e2.disabled && 1 !== a2.value && (a2.value = 1,
|
|
768
|
+
return m2.value;
|
|
769
|
+
}), activationTrigger: f2, optionsPropsRef: c2, closeCombobox() {
|
|
770
|
+
v2.value = false, !e2.disabled && 1 !== a2.value && (a2.value = 1, m2.value = null);
|
|
770
771
|
}, openCombobox() {
|
|
771
772
|
if (v2.value = true, !e2.disabled && 0 !== a2.value) {
|
|
772
773
|
if (j2.value.value) {
|
|
773
774
|
let e3 = j2.calculateIndex(j2.value.value);
|
|
774
|
-
-1 !== e3 && (
|
|
775
|
+
-1 !== e3 && (m2.value = e3);
|
|
775
776
|
}
|
|
776
777
|
a2.value = 0;
|
|
777
778
|
}
|
|
778
779
|
}, setActivationTrigger(e3) {
|
|
779
|
-
|
|
780
|
+
f2.value = e3;
|
|
780
781
|
}, goToOption(t3, l3, n3) {
|
|
781
782
|
v2.value = false, null !== E2 && cancelAnimationFrame(E2), E2 = requestAnimationFrame(() => {
|
|
782
783
|
if (e2.disabled || d2.value && !c2.value.static && 1 === a2.value)
|
|
783
784
|
return;
|
|
784
785
|
if (j2.virtual.value)
|
|
785
|
-
return
|
|
786
|
+
return m2.value = t3 === vt.Specific ? l3 : ht({ focus: t3 }, { resolveItems: () => j2.virtual.value.options, resolveActiveIndex: () => {
|
|
786
787
|
var e3, t4;
|
|
787
788
|
return null != (t4 = null != (e3 = j2.activeOptionIndex.value) ? e3 : j2.virtual.value.options.findIndex((e4) => {
|
|
788
789
|
var t5;
|
|
@@ -790,14 +791,14 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
790
791
|
})) ? t4 : null;
|
|
791
792
|
}, resolveDisabled: (e3) => j2.virtual.value.disabled(e3), resolveId() {
|
|
792
793
|
throw new Error("Function not implemented.");
|
|
793
|
-
} }), void (
|
|
794
|
+
} }), void (f2.value = null != n3 ? n3 : 2);
|
|
794
795
|
let o3 = h2();
|
|
795
796
|
if (null === o3.activeOptionIndex) {
|
|
796
797
|
let e3 = o3.options.findIndex((e4) => !e4.dataRef.disabled);
|
|
797
798
|
-1 !== e3 && (o3.activeOptionIndex = e3);
|
|
798
799
|
}
|
|
799
|
-
let r3 = t3 ===
|
|
800
|
-
|
|
800
|
+
let r3 = t3 === vt.Specific ? l3 : ht({ focus: t3 }, { resolveItems: () => o3.options, resolveActiveIndex: () => o3.activeOptionIndex, resolveId: (e3) => e3.id, resolveDisabled: (e3) => e3.dataRef.disabled });
|
|
801
|
+
m2.value = r3, f2.value = null != n3 ? n3 : 2, g2.value = o3.options;
|
|
801
802
|
});
|
|
802
803
|
}, selectOption(e3) {
|
|
803
804
|
let t3 = g2.value.find((t4) => t4.id === e3);
|
|
@@ -813,7 +814,7 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
813
814
|
let { dataRef: e3 } = g2.value[j2.activeOptionIndex.value];
|
|
814
815
|
_2(e3.value);
|
|
815
816
|
}
|
|
816
|
-
j2.goToOption(
|
|
817
|
+
j2.goToOption(vt.Specific, j2.activeOptionIndex.value);
|
|
817
818
|
}
|
|
818
819
|
}, registerOption(e3, t3) {
|
|
819
820
|
let l3 = C({ id: e3, dataRef: t3 });
|
|
@@ -821,9 +822,9 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
821
822
|
return void g2.value.push(l3);
|
|
822
823
|
I2 && cancelAnimationFrame(I2);
|
|
823
824
|
let n3 = h2((e4) => (e4.push(l3), e4));
|
|
824
|
-
null ===
|
|
825
|
+
null === m2.value && j2.isSelected(t3.value.value) && (n3.activeOptionIndex = n3.options.indexOf(l3)), g2.value = n3.options, m2.value = n3.activeOptionIndex, f2.value = 2, n3.options.some((e4) => !Oe(e4.dataRef.domRef)) && (I2 = requestAnimationFrame(() => {
|
|
825
826
|
let e4 = h2();
|
|
826
|
-
g2.value = e4.options,
|
|
827
|
+
g2.value = e4.options, m2.value = e4.activeOptionIndex;
|
|
827
828
|
}));
|
|
828
829
|
}, unregisterOption(e3, t3) {
|
|
829
830
|
if (null !== E2 && cancelAnimationFrame(E2), t3 && (v2.value = true), j2.virtual.value)
|
|
@@ -832,14 +833,14 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
832
833
|
let l4 = t4.findIndex((t5) => t5.id === e3);
|
|
833
834
|
return -1 !== l4 && t4.splice(l4, 1), t4;
|
|
834
835
|
});
|
|
835
|
-
g2.value = l3.options,
|
|
836
|
-
}, isSelected: (e3) =>
|
|
837
|
-
|
|
836
|
+
g2.value = l3.options, m2.value = l3.activeOptionIndex, f2.value = 2;
|
|
837
|
+
}, isSelected: (e3) => Me(y2.value, { 0: () => j2.compare(M(j2.value.value), M(e3)), 1: () => M(j2.value.value).some((t3) => j2.compare(M(t3), M(e3))) }), isActive: (e3) => m2.value === j2.calculateIndex(e3) };
|
|
838
|
+
Ke([r2, i2, d2], () => j2.closeCombobox(), u(() => 0 === a2.value)), S(Mt, j2), gt(u(() => Me(a2.value, { 0: ct.Open, 1: ct.Closed })));
|
|
838
839
|
let R2 = u(() => {
|
|
839
840
|
var e3;
|
|
840
|
-
return null == (e3 =
|
|
841
|
+
return null == (e3 = Oe(r2)) ? void 0 : e3.closest("form");
|
|
841
842
|
});
|
|
842
|
-
return
|
|
843
|
+
return b(() => {
|
|
843
844
|
p([R2], () => {
|
|
844
845
|
if (R2.value && void 0 !== e2.defaultValue)
|
|
845
846
|
return R2.value.addEventListener("reset", t3), () => {
|
|
@@ -853,43 +854,43 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
853
854
|
}), () => {
|
|
854
855
|
var n3, o3, r3;
|
|
855
856
|
let { name: i3, disabled: s2, form: u2, ...d3 } = e2, c3 = { open: 0 === a2.value, disabled: s2, activeIndex: j2.activeOptionIndex.value, activeOption: null === j2.activeOptionIndex.value ? null : j2.virtual.value ? j2.virtual.value.options[null != (n3 = j2.activeOptionIndex.value) ? n3 : 0] : null != (r3 = null == (o3 = j2.options.value[j2.activeOptionIndex.value]) ? void 0 : o3.dataRef.value) ? r3 : null, value: T2.value };
|
|
856
|
-
return x(w, [...null != i3 && null != T2.value ?
|
|
857
|
+
return x(w, [...null != i3 && null != T2.value ? xt({ [i3]: T2.value }).map(([e3, t3]) => x(ut, rt({ features: st.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: u2, disabled: s2, name: e3, value: t3 }))) : [], lt({ theirProps: { ...l2, ...it(d3, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: c3, slots: t2, attrs: l2, name: "Combobox" })]);
|
|
857
858
|
};
|
|
858
|
-
} }),
|
|
859
|
+
} }), _t = k({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
859
860
|
var n2;
|
|
860
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-combobox-label-${
|
|
861
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-combobox-label-${Ce()}`, o2 = Dt("ComboboxLabel");
|
|
861
862
|
function r2() {
|
|
862
863
|
var e3;
|
|
863
|
-
null == (e3 =
|
|
864
|
+
null == (e3 = Oe(o2.inputRef)) || e3.focus({ preventScroll: true });
|
|
864
865
|
}
|
|
865
866
|
return () => {
|
|
866
867
|
let n3 = { open: 0 === o2.comboboxState.value, disabled: o2.disabled.value }, { ...i2 } = e2;
|
|
867
|
-
return
|
|
868
|
+
return lt({ ourProps: { id: a2, ref: o2.labelRef, onClick: r2 }, theirProps: i2, slot: n3, attrs: t2, slots: l2, name: "ComboboxLabel" });
|
|
868
869
|
};
|
|
869
|
-
} }),
|
|
870
|
+
} }), Pt = k({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
870
871
|
var a2;
|
|
871
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-combobox-button-${
|
|
872
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-combobox-button-${Ce()}`, r2 = Dt("ComboboxButton");
|
|
872
873
|
function i2(e3) {
|
|
873
874
|
r2.disabled.value || (0 === r2.comboboxState.value ? r2.closeCombobox() : (e3.preventDefault(), r2.openCombobox()), v(() => {
|
|
874
875
|
var e4;
|
|
875
|
-
return null == (e4 =
|
|
876
|
+
return null == (e4 = Oe(r2.inputRef)) ? void 0 : e4.focus({ preventScroll: true });
|
|
876
877
|
}));
|
|
877
878
|
}
|
|
878
879
|
function s2(e3) {
|
|
879
880
|
switch (e3.key) {
|
|
880
|
-
case
|
|
881
|
+
case mt.ArrowDown:
|
|
881
882
|
return e3.preventDefault(), e3.stopPropagation(), 1 === r2.comboboxState.value && r2.openCombobox(), void v(() => {
|
|
882
883
|
var e4;
|
|
883
884
|
return null == (e4 = r2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
|
|
884
885
|
});
|
|
885
|
-
case
|
|
886
|
+
case mt.ArrowUp:
|
|
886
887
|
return e3.preventDefault(), e3.stopPropagation(), 1 === r2.comboboxState.value && (r2.openCombobox(), v(() => {
|
|
887
|
-
r2.value.value || r2.goToOption(
|
|
888
|
+
r2.value.value || r2.goToOption(vt.Last);
|
|
888
889
|
})), void v(() => {
|
|
889
890
|
var e4;
|
|
890
891
|
return null == (e4 = r2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
|
|
891
892
|
});
|
|
892
|
-
case
|
|
893
|
+
case mt.Escape:
|
|
893
894
|
if (0 !== r2.comboboxState.value)
|
|
894
895
|
return;
|
|
895
896
|
return e3.preventDefault(), r2.optionsRef.value && !r2.optionsPropsRef.value.static && e3.stopPropagation(), r2.closeCombobox(), void v(() => {
|
|
@@ -899,31 +900,31 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
899
900
|
}
|
|
900
901
|
}
|
|
901
902
|
n2({ el: r2.buttonRef, $el: r2.buttonRef });
|
|
902
|
-
let d2 =
|
|
903
|
+
let d2 = Ge(u(() => ({ as: e2.as, type: t2.type })), r2.buttonRef);
|
|
903
904
|
return () => {
|
|
904
905
|
var n3, a3;
|
|
905
906
|
let u2 = { open: 0 === r2.comboboxState.value, disabled: r2.disabled.value, value: r2.value.value }, { ...c2 } = e2;
|
|
906
|
-
return
|
|
907
|
+
return lt({ ourProps: { ref: r2.buttonRef, id: o2, type: d2.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": null == (n3 = Oe(r2.optionsRef)) ? void 0 : n3.id, "aria-expanded": 0 === r2.comboboxState.value, "aria-labelledby": r2.labelRef.value ? [null == (a3 = Oe(r2.labelRef)) ? void 0 : a3.id, o2].join(" ") : void 0, disabled: true === r2.disabled.value || void 0, onKeydown: s2, onClick: i2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "ComboboxButton" });
|
|
907
908
|
};
|
|
908
|
-
} }),
|
|
909
|
+
} }), jt = k({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
909
910
|
var o2;
|
|
910
|
-
let r2 = null != (o2 = e2.id) ? o2 : `headlessui-combobox-input-${
|
|
911
|
+
let r2 = null != (o2 = e2.id) ? o2 : `headlessui-combobox-input-${Ce()}`, i2 = Dt("ComboboxInput"), d2 = u(() => Ie(Oe(i2.inputRef))), c2 = { value: false };
|
|
911
912
|
function g2() {
|
|
912
913
|
i2.change(null);
|
|
913
|
-
let e3 =
|
|
914
|
-
e3 && (e3.scrollTop = 0), i2.goToOption(
|
|
914
|
+
let e3 = Oe(i2.optionsRef);
|
|
915
|
+
e3 && (e3.scrollTop = 0), i2.goToOption(vt.Nothing);
|
|
915
916
|
}
|
|
916
917
|
a2({ el: i2.inputRef, $el: i2.inputRef });
|
|
917
|
-
let
|
|
918
|
+
let m2 = u(() => {
|
|
918
919
|
var t3;
|
|
919
920
|
let l3 = i2.value.value;
|
|
920
|
-
return
|
|
921
|
+
return Oe(i2.inputRef) ? void 0 !== e2.displayValue && void 0 !== l3 ? null != (t3 = e2.displayValue(l3)) ? t3 : "" : "string" == typeof l3 ? l3 : "" : "";
|
|
921
922
|
});
|
|
922
|
-
|
|
923
|
-
p([
|
|
923
|
+
b(() => {
|
|
924
|
+
p([m2, i2.comboboxState, d2], ([e3, t3], [l3, n3]) => {
|
|
924
925
|
if (c2.value)
|
|
925
926
|
return;
|
|
926
|
-
let a3 =
|
|
927
|
+
let a3 = Oe(i2.inputRef);
|
|
927
928
|
a3 && ((0 === n3 && 1 === t3 || e3 !== l3) && (a3.value = e3), requestAnimationFrame(() => {
|
|
928
929
|
var e4;
|
|
929
930
|
if (c2.value || !a3 || (null == (e4 = d2.value) ? void 0 : e4.activeElement) !== a3)
|
|
@@ -935,7 +936,7 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
935
936
|
if (0 === e3 && 1 === t3) {
|
|
936
937
|
if (c2.value)
|
|
937
938
|
return;
|
|
938
|
-
let e4 =
|
|
939
|
+
let e4 = Oe(i2.inputRef);
|
|
939
940
|
if (!e4)
|
|
940
941
|
return;
|
|
941
942
|
let t4 = e4.value, { selectionStart: l3, selectionEnd: n3, selectionDirection: a3 } = e4;
|
|
@@ -943,50 +944,50 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
943
944
|
}
|
|
944
945
|
});
|
|
945
946
|
});
|
|
946
|
-
let
|
|
947
|
+
let f2 = s(false);
|
|
947
948
|
function h2() {
|
|
948
|
-
|
|
949
|
+
f2.value = true;
|
|
949
950
|
}
|
|
950
|
-
function
|
|
951
|
+
function y2() {
|
|
951
952
|
yt().nextFrame(() => {
|
|
952
|
-
|
|
953
|
+
f2.value = false;
|
|
953
954
|
});
|
|
954
955
|
}
|
|
955
956
|
function x2(e3) {
|
|
956
957
|
switch (c2.value = true, e3.key) {
|
|
957
|
-
case
|
|
958
|
-
if (c2.value = false, 0 !== i2.comboboxState.value ||
|
|
958
|
+
case mt.Enter:
|
|
959
|
+
if (c2.value = false, 0 !== i2.comboboxState.value || f2.value)
|
|
959
960
|
return;
|
|
960
961
|
if (e3.preventDefault(), e3.stopPropagation(), null === i2.activeOptionIndex.value)
|
|
961
962
|
return void i2.closeCombobox();
|
|
962
963
|
i2.selectActiveOption(), 0 === i2.mode.value && i2.closeCombobox();
|
|
963
964
|
break;
|
|
964
|
-
case
|
|
965
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(),
|
|
966
|
-
case
|
|
967
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(),
|
|
965
|
+
case mt.ArrowDown:
|
|
966
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), Me(i2.comboboxState.value, { 0: () => i2.goToOption(vt.Next), 1: () => i2.openCombobox() });
|
|
967
|
+
case mt.ArrowUp:
|
|
968
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), Me(i2.comboboxState.value, { 0: () => i2.goToOption(vt.Previous), 1: () => {
|
|
968
969
|
i2.openCombobox(), v(() => {
|
|
969
|
-
i2.value.value || i2.goToOption(
|
|
970
|
+
i2.value.value || i2.goToOption(vt.Last);
|
|
970
971
|
});
|
|
971
972
|
} });
|
|
972
|
-
case
|
|
973
|
+
case mt.Home:
|
|
973
974
|
if (e3.shiftKey)
|
|
974
975
|
break;
|
|
975
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(
|
|
976
|
-
case
|
|
977
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(
|
|
978
|
-
case
|
|
976
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(vt.First);
|
|
977
|
+
case mt.PageUp:
|
|
978
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(vt.First);
|
|
979
|
+
case mt.End:
|
|
979
980
|
if (e3.shiftKey)
|
|
980
981
|
break;
|
|
981
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(
|
|
982
|
-
case
|
|
983
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(
|
|
984
|
-
case
|
|
982
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(vt.Last);
|
|
983
|
+
case mt.PageDown:
|
|
984
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(vt.Last);
|
|
985
|
+
case mt.Escape:
|
|
985
986
|
if (c2.value = false, 0 !== i2.comboboxState.value)
|
|
986
987
|
return;
|
|
987
988
|
e3.preventDefault(), i2.optionsRef.value && !i2.optionsPropsRef.value.static && e3.stopPropagation(), i2.nullable.value && 0 === i2.mode.value && null === i2.value.value && g2(), i2.closeCombobox();
|
|
988
989
|
break;
|
|
989
|
-
case
|
|
990
|
+
case mt.Tab:
|
|
990
991
|
if (c2.value = false, 0 !== i2.comboboxState.value)
|
|
991
992
|
return;
|
|
992
993
|
0 === i2.mode.value && 1 !== i2.activationTrigger.value && i2.selectActiveOption(), i2.closeCombobox();
|
|
@@ -998,13 +999,13 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
998
999
|
function k2(e3) {
|
|
999
1000
|
var t3, l3, n3;
|
|
1000
1001
|
let a3 = null != (t3 = e3.relatedTarget) ? t3 : ft.find((t4) => t4 !== e3.currentTarget);
|
|
1001
|
-
if (c2.value = false, !(null != (l3 =
|
|
1002
|
+
if (c2.value = false, !(null != (l3 = Oe(i2.optionsRef)) && l3.contains(a3) || null != (n3 = Oe(i2.buttonRef)) && n3.contains(a3) || 0 !== i2.comboboxState.value))
|
|
1002
1003
|
return e3.preventDefault(), 0 === i2.mode.value && (i2.nullable.value && null === i2.value.value ? g2() : 1 !== i2.activationTrigger.value && i2.selectActiveOption()), i2.closeCombobox();
|
|
1003
1004
|
}
|
|
1004
1005
|
function S2(e3) {
|
|
1005
1006
|
var t3, l3, n3;
|
|
1006
1007
|
let a3 = null != (t3 = e3.relatedTarget) ? t3 : ft.find((t4) => t4 !== e3.currentTarget);
|
|
1007
|
-
null != (l3 =
|
|
1008
|
+
null != (l3 = Oe(i2.buttonRef)) && l3.contains(a3) || null != (n3 = Oe(i2.optionsRef)) && n3.contains(a3) || i2.disabled.value || i2.immediate.value && 0 !== i2.comboboxState.value && (i2.openCombobox(), yt().nextFrame(() => {
|
|
1008
1009
|
i2.setActivationTrigger(1);
|
|
1009
1010
|
}));
|
|
1010
1011
|
}
|
|
@@ -1014,104 +1015,104 @@ let Dt = Symbol("VirtualContext"), Tt = k({ name: "VirtualProvider", setup(e2, {
|
|
|
1014
1015
|
});
|
|
1015
1016
|
return () => {
|
|
1016
1017
|
var t3, a3, o3, s2, u2, d3, c3;
|
|
1017
|
-
let p2 = { open: 0 === i2.comboboxState.value }, { displayValue: g3, onChange:
|
|
1018
|
-
return
|
|
1018
|
+
let p2 = { open: 0 === i2.comboboxState.value }, { displayValue: g3, onChange: m3, ...f3 } = e2, v2 = { "aria-controls": null == (t3 = i2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": 0 === i2.comboboxState.value, "aria-activedescendant": null === i2.activeOptionIndex.value ? void 0 : i2.virtual.value ? null == (a3 = i2.options.value.find((e3) => !i2.virtual.value.disabled(e3.dataRef.value) && i2.compare(e3.dataRef.value, i2.virtual.value.options[i2.activeOptionIndex.value]))) ? void 0 : a3.id : null == (o3 = i2.options.value[i2.activeOptionIndex.value]) ? void 0 : o3.id, "aria-labelledby": null != (d3 = null == (s2 = Oe(i2.labelRef)) ? void 0 : s2.id) ? d3 : null == (u2 = Oe(i2.buttonRef)) ? void 0 : u2.id, "aria-autocomplete": "list", id: r2, onCompositionstart: h2, onCompositionend: y2, onKeydown: x2, onInput: w2, onFocus: S2, onBlur: k2, role: "combobox", type: null != (c3 = l2.type) ? c3 : "text", tabIndex: 0, ref: i2.inputRef, defaultValue: C2.value, disabled: true === i2.disabled.value || void 0 };
|
|
1019
|
+
return lt({ ourProps: v2, theirProps: f3, slot: p2, attrs: l2, slots: n2, features: et.RenderStrategy | et.Static, name: "ComboboxInput" });
|
|
1019
1020
|
};
|
|
1020
|
-
} }),
|
|
1021
|
-
let a2 =
|
|
1021
|
+
} }), Rt = k({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, hold: { type: [Boolean], default: false } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1022
|
+
let a2 = Dt("ComboboxOptions"), o2 = `headlessui-combobox-options-${Ce()}`;
|
|
1022
1023
|
n2({ el: a2.optionsRef, $el: a2.optionsRef }), h(() => {
|
|
1023
1024
|
a2.optionsPropsRef.value.static = e2.static;
|
|
1024
1025
|
}), h(() => {
|
|
1025
1026
|
a2.optionsPropsRef.value.hold = e2.hold;
|
|
1026
1027
|
});
|
|
1027
|
-
let r2 =
|
|
1028
|
-
return
|
|
1028
|
+
let r2 = pt(), i2 = u(() => null !== r2 ? (r2.value & ct.Open) === ct.Open : 0 === a2.comboboxState.value);
|
|
1029
|
+
return Qe({ container: u(() => Oe(a2.optionsRef)), enabled: u(() => 0 === a2.comboboxState.value), accept: (e3) => "option" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
|
|
1029
1030
|
e3.setAttribute("role", "none");
|
|
1030
1031
|
} }), () => {
|
|
1031
1032
|
var n3, r3, s2;
|
|
1032
1033
|
let u2 = { open: 0 === a2.comboboxState.value };
|
|
1033
|
-
return
|
|
1034
|
+
return lt({ ourProps: { "aria-labelledby": null != (s2 = null == (n3 = Oe(a2.labelRef)) ? void 0 : n3.id) ? s2 : null == (r3 = Oe(a2.buttonRef)) ? void 0 : r3.id, id: o2, ref: a2.optionsRef, role: "listbox", "aria-multiselectable": 1 === a2.mode.value || void 0 }, theirProps: it(e2, ["hold"]), slot: u2, attrs: t2, slots: a2.virtual.value && 0 === a2.comboboxState.value ? { ...l2, default: () => [x(Et, {}, l2.default)] } : l2, features: et.RenderStrategy | et.Static, visible: i2.value, name: "ComboboxOptions" });
|
|
1034
1035
|
};
|
|
1035
|
-
} }),
|
|
1036
|
-
let a2 =
|
|
1036
|
+
} }), Bt = k({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: false }, order: { type: [Number], default: null } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
|
|
1037
|
+
let a2 = Dt("ComboboxOption"), o2 = `headlessui-combobox-option-${Ce()}`, r2 = s(null);
|
|
1037
1038
|
n2({ el: r2, $el: r2 });
|
|
1038
1039
|
let i2 = u(() => {
|
|
1039
1040
|
var t3;
|
|
1040
1041
|
return a2.virtual.value ? a2.activeOptionIndex.value === a2.calculateIndex(e2.value) : null !== a2.activeOptionIndex.value && (null == (t3 = a2.options.value[a2.activeOptionIndex.value]) ? void 0 : t3.id) === o2;
|
|
1041
|
-
}), d2 = u(() => a2.isSelected(e2.value)), c2 =
|
|
1042
|
+
}), d2 = u(() => a2.isSelected(e2.value)), c2 = f(Tt, null), p2 = u(() => ({ disabled: e2.disabled, value: e2.value, domRef: r2, order: u(() => e2.order) }));
|
|
1042
1043
|
function g2(t3) {
|
|
1043
1044
|
var l3;
|
|
1044
1045
|
if (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value))
|
|
1045
1046
|
return t3.preventDefault();
|
|
1046
|
-
a2.selectOption(o2),
|
|
1047
|
+
a2.selectOption(o2), Ue() || requestAnimationFrame(() => {
|
|
1047
1048
|
var e3;
|
|
1048
|
-
return null == (e3 =
|
|
1049
|
+
return null == (e3 = Oe(a2.inputRef)) ? void 0 : e3.focus({ preventScroll: true });
|
|
1049
1050
|
}), 0 === a2.mode.value && requestAnimationFrame(() => a2.closeCombobox());
|
|
1050
1051
|
}
|
|
1051
|
-
function
|
|
1052
|
+
function m2() {
|
|
1052
1053
|
var t3;
|
|
1053
1054
|
if (e2.disabled || null != (t3 = a2.virtual.value) && t3.disabled(e2.value))
|
|
1054
|
-
return a2.goToOption(
|
|
1055
|
+
return a2.goToOption(vt.Nothing);
|
|
1055
1056
|
let l3 = a2.calculateIndex(e2.value);
|
|
1056
|
-
a2.goToOption(
|
|
1057
|
+
a2.goToOption(vt.Specific, l3);
|
|
1057
1058
|
}
|
|
1058
|
-
|
|
1059
|
-
let e3 =
|
|
1059
|
+
b(() => a2.registerOption(o2, p2)), O(() => a2.unregisterOption(o2, i2.value)), h(() => {
|
|
1060
|
+
let e3 = Oe(r2);
|
|
1060
1061
|
e3 && (null == c2 || c2.value.measureElement(e3));
|
|
1061
1062
|
}), h(() => {
|
|
1062
1063
|
0 === a2.comboboxState.value && i2.value && (a2.virtual.value || 0 !== a2.activationTrigger.value && v(() => {
|
|
1063
1064
|
var e3, t3;
|
|
1064
|
-
return null == (t3 = null == (e3 =
|
|
1065
|
+
return null == (t3 = null == (e3 = Oe(r2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
|
|
1065
1066
|
}));
|
|
1066
1067
|
});
|
|
1067
|
-
let
|
|
1068
|
+
let y2 = Xe();
|
|
1068
1069
|
function x2(e3) {
|
|
1069
|
-
|
|
1070
|
+
y2.update(e3);
|
|
1070
1071
|
}
|
|
1071
1072
|
function w2(t3) {
|
|
1072
1073
|
var l3;
|
|
1073
|
-
if (!
|
|
1074
|
+
if (!y2.wasMoved(t3) || e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || i2.value)
|
|
1074
1075
|
return;
|
|
1075
1076
|
let n3 = a2.calculateIndex(e2.value);
|
|
1076
|
-
a2.goToOption(
|
|
1077
|
+
a2.goToOption(vt.Specific, n3, 0);
|
|
1077
1078
|
}
|
|
1078
1079
|
function k2(t3) {
|
|
1079
1080
|
var l3;
|
|
1080
|
-
|
|
1081
|
+
y2.wasMoved(t3) && (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || i2.value && (a2.optionsPropsRef.value.hold || a2.goToOption(vt.Nothing)));
|
|
1081
1082
|
}
|
|
1082
1083
|
return () => {
|
|
1083
1084
|
let { disabled: n3 } = e2, a3 = { active: i2.value, selected: d2.value, disabled: n3 };
|
|
1084
|
-
return
|
|
1085
|
+
return lt({ ourProps: { id: o2, ref: r2, role: "option", tabIndex: true === n3 ? void 0 : -1, "aria-disabled": true === n3 || void 0, "aria-selected": d2.value, disabled: void 0, onClick: g2, onFocus: m2, onPointerenter: x2, onMouseenter: x2, onPointermove: w2, onMousemove: w2, onPointerleave: k2, onMouseleave: k2 }, theirProps: it(e2, ["order", "value"]), slot: a3, attrs: l2, slots: t2, name: "ComboboxOption" });
|
|
1085
1086
|
};
|
|
1086
1087
|
} });
|
|
1087
|
-
function
|
|
1088
|
-
|
|
1088
|
+
function At(e2, t2, l2, n2) {
|
|
1089
|
+
Ee.isServer || h((a2) => {
|
|
1089
1090
|
(e2 = null != e2 ? e2 : window).addEventListener(t2, l2, n2), a2(() => e2.removeEventListener(t2, l2, n2));
|
|
1090
1091
|
});
|
|
1091
1092
|
}
|
|
1092
|
-
var
|
|
1093
|
-
function
|
|
1093
|
+
var Lt = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(Lt || {});
|
|
1094
|
+
function Ft(e2) {
|
|
1094
1095
|
if (!e2)
|
|
1095
1096
|
return /* @__PURE__ */ new Set();
|
|
1096
1097
|
if ("function" == typeof e2)
|
|
1097
1098
|
return new Set(e2());
|
|
1098
1099
|
let t2 = /* @__PURE__ */ new Set();
|
|
1099
1100
|
for (let l2 of e2.value) {
|
|
1100
|
-
let e3 =
|
|
1101
|
+
let e3 = Oe(l2);
|
|
1101
1102
|
e3 instanceof HTMLElement && t2.add(e3);
|
|
1102
1103
|
}
|
|
1103
1104
|
return t2;
|
|
1104
1105
|
}
|
|
1105
|
-
var
|
|
1106
|
-
let
|
|
1106
|
+
var Nt = ((e2) => (e2[e2.None = 1] = "None", e2[e2.InitialFocus = 2] = "InitialFocus", e2[e2.TabLock = 4] = "TabLock", e2[e2.FocusLock = 8] = "FocusLock", e2[e2.RestoreFocus = 16] = "RestoreFocus", e2[e2.All = 30] = "All", e2))(Nt || {});
|
|
1107
|
+
let zt = Object.assign(k({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: s(/* @__PURE__ */ new Set()) } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1107
1108
|
let a2 = s(null);
|
|
1108
1109
|
n2({ el: a2, $el: a2 });
|
|
1109
|
-
let o2 = u(() =>
|
|
1110
|
-
|
|
1110
|
+
let o2 = u(() => Ie(a2)), r2 = s(false);
|
|
1111
|
+
b(() => r2.value = true), O(() => r2.value = false), function({ ownerDocument: e3 }, t3) {
|
|
1111
1112
|
let l3 = function(e4) {
|
|
1112
1113
|
let t4 = s(ft.slice());
|
|
1113
1114
|
return p([e4], ([e5], [l4]) => {
|
|
1114
|
-
true === l4 && false === e5 ?
|
|
1115
|
+
true === l4 && false === e5 ? bt(() => {
|
|
1115
1116
|
t4.value.splice(0);
|
|
1116
1117
|
}) : false === l4 && true === e5 && (t4.value = ft.slice());
|
|
1117
1118
|
}, { flush: "post" }), () => {
|
|
@@ -1119,91 +1120,91 @@ let Nt = Object.assign(k({ name: "FocusTrap", props: { as: { type: [Object, Stri
|
|
|
1119
1120
|
return null != (e5 = t4.value.find((e6) => null != e6 && e6.isConnected)) ? e5 : null;
|
|
1120
1121
|
};
|
|
1121
1122
|
}(t3);
|
|
1122
|
-
|
|
1123
|
+
b(() => {
|
|
1123
1124
|
h(() => {
|
|
1124
1125
|
var n3, a3;
|
|
1125
|
-
t3.value || (null == (n3 = e3.value) ? void 0 : n3.activeElement) === (null == (a3 = e3.value) ? void 0 : a3.body) &&
|
|
1126
|
+
t3.value || (null == (n3 = e3.value) ? void 0 : n3.activeElement) === (null == (a3 = e3.value) ? void 0 : a3.body) && ze(l3());
|
|
1126
1127
|
}, { flush: "post" });
|
|
1127
1128
|
}), O(() => {
|
|
1128
|
-
t3.value &&
|
|
1129
|
+
t3.value && ze(l3());
|
|
1129
1130
|
});
|
|
1130
1131
|
}({ ownerDocument: o2 }, u(() => r2.value && Boolean(16 & e2.features)));
|
|
1131
1132
|
let i2 = function({ ownerDocument: e3, container: t3, initialFocus: l3 }, n3) {
|
|
1132
1133
|
let a3 = s(null), o3 = s(false);
|
|
1133
|
-
return
|
|
1134
|
+
return b(() => o3.value = true), O(() => o3.value = false), b(() => {
|
|
1134
1135
|
p([t3, l3, n3], (r3, i3) => {
|
|
1135
1136
|
if (r3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !n3.value)
|
|
1136
1137
|
return;
|
|
1137
|
-
let s2 =
|
|
1138
|
-
s2 &&
|
|
1138
|
+
let s2 = Oe(t3);
|
|
1139
|
+
s2 && bt(() => {
|
|
1139
1140
|
var t4, n4;
|
|
1140
1141
|
if (!o3.value)
|
|
1141
1142
|
return;
|
|
1142
|
-
let r4 =
|
|
1143
|
+
let r4 = Oe(l3), i4 = null == (t4 = e3.value) ? void 0 : t4.activeElement;
|
|
1143
1144
|
if (r4) {
|
|
1144
1145
|
if (r4 === i4)
|
|
1145
1146
|
return void (a3.value = i4);
|
|
1146
1147
|
} else if (s2.contains(i4))
|
|
1147
1148
|
return void (a3.value = i4);
|
|
1148
|
-
r4 ?
|
|
1149
|
+
r4 ? ze(r4) : He(s2, Pe.First | Pe.NoScroll) === je.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), a3.value = null == (n4 = e3.value) ? void 0 : n4.activeElement;
|
|
1149
1150
|
});
|
|
1150
1151
|
}, { immediate: true, flush: "post" });
|
|
1151
1152
|
}), a3;
|
|
1152
1153
|
}({ ownerDocument: o2, container: a2, initialFocus: u(() => e2.initialFocus) }, u(() => r2.value && Boolean(2 & e2.features)));
|
|
1153
1154
|
!function({ ownerDocument: e3, container: t3, containers: l3, previousActiveElement: n3 }, a3) {
|
|
1154
1155
|
var o3;
|
|
1155
|
-
|
|
1156
|
+
At(null == (o3 = e3.value) ? void 0 : o3.defaultView, "focus", (e4) => {
|
|
1156
1157
|
if (!a3.value)
|
|
1157
1158
|
return;
|
|
1158
|
-
let o4 =
|
|
1159
|
-
|
|
1159
|
+
let o4 = Ft(l3);
|
|
1160
|
+
Oe(t3) instanceof HTMLElement && o4.add(Oe(t3));
|
|
1160
1161
|
let r3 = n3.value;
|
|
1161
1162
|
if (!r3)
|
|
1162
1163
|
return;
|
|
1163
1164
|
let i3 = e4.target;
|
|
1164
|
-
i3 && i3 instanceof HTMLElement ?
|
|
1165
|
+
i3 && i3 instanceof HTMLElement ? $t(o4, i3) ? (n3.value = i3, ze(i3)) : (e4.preventDefault(), e4.stopPropagation(), ze(r3)) : ze(n3.value);
|
|
1165
1166
|
}, true);
|
|
1166
1167
|
}({ ownerDocument: o2, container: a2, containers: e2.containers, previousActiveElement: i2 }, u(() => r2.value && Boolean(8 & e2.features)));
|
|
1167
1168
|
let d2 = function() {
|
|
1168
1169
|
let e3 = s(0);
|
|
1169
|
-
return
|
|
1170
|
+
return We("keydown", (t3) => {
|
|
1170
1171
|
"Tab" === t3.key && (e3.value = t3.shiftKey ? 1 : 0);
|
|
1171
1172
|
}), e3;
|
|
1172
1173
|
}();
|
|
1173
1174
|
function c2(e3) {
|
|
1174
|
-
let t3 =
|
|
1175
|
-
t3 &&
|
|
1176
|
-
He(t3,
|
|
1177
|
-
}, [
|
|
1178
|
-
He(t3,
|
|
1175
|
+
let t3 = Oe(a2);
|
|
1176
|
+
t3 && Me(d2.value, { [Lt.Forwards]: () => {
|
|
1177
|
+
He(t3, Pe.First, { skipElements: [e3.relatedTarget] });
|
|
1178
|
+
}, [Lt.Backwards]: () => {
|
|
1179
|
+
He(t3, Pe.Last, { skipElements: [e3.relatedTarget] });
|
|
1179
1180
|
} });
|
|
1180
1181
|
}
|
|
1181
1182
|
let g2 = s(false);
|
|
1182
|
-
function
|
|
1183
|
+
function m2(e3) {
|
|
1183
1184
|
"Tab" === e3.key && (g2.value = true, requestAnimationFrame(() => {
|
|
1184
1185
|
g2.value = false;
|
|
1185
1186
|
}));
|
|
1186
1187
|
}
|
|
1187
|
-
function
|
|
1188
|
+
function f2(t3) {
|
|
1188
1189
|
if (!r2.value)
|
|
1189
1190
|
return;
|
|
1190
|
-
let l3 =
|
|
1191
|
-
|
|
1191
|
+
let l3 = Ft(e2.containers);
|
|
1192
|
+
Oe(a2) instanceof HTMLElement && l3.add(Oe(a2));
|
|
1192
1193
|
let n3 = t3.relatedTarget;
|
|
1193
|
-
n3 instanceof HTMLElement && "true" !== n3.dataset.headlessuiFocusGuard && (
|
|
1194
|
+
n3 instanceof HTMLElement && "true" !== n3.dataset.headlessuiFocusGuard && ($t(l3, n3) || (g2.value ? He(Oe(a2), Me(d2.value, { [Lt.Forwards]: () => Pe.Next, [Lt.Backwards]: () => Pe.Previous }) | Pe.WrapAround, { relativeTo: t3.target }) : t3.target instanceof HTMLElement && ze(t3.target)));
|
|
1194
1195
|
}
|
|
1195
1196
|
return () => {
|
|
1196
|
-
let n3 = { ref: a2, onKeydown:
|
|
1197
|
-
return x(w, [Boolean(4 & o3) && x(
|
|
1197
|
+
let n3 = { ref: a2, onKeydown: m2, onFocusout: f2 }, { features: o3, initialFocus: r3, containers: i3, ...s2 } = e2;
|
|
1198
|
+
return x(w, [Boolean(4 & o3) && x(ut, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: c2, features: st.Focusable }), lt({ ourProps: n3, theirProps: { ...t2, ...s2 }, slot: {}, attrs: t2, slots: l2, name: "FocusTrap" }), Boolean(4 & o3) && x(ut, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: c2, features: st.Focusable })]);
|
|
1198
1199
|
};
|
|
1199
|
-
} }), { features:
|
|
1200
|
-
function
|
|
1200
|
+
} }), { features: Nt });
|
|
1201
|
+
function $t(e2, t2) {
|
|
1201
1202
|
for (let l2 of e2)
|
|
1202
1203
|
if (l2.contains(t2))
|
|
1203
1204
|
return true;
|
|
1204
1205
|
return false;
|
|
1205
1206
|
}
|
|
1206
|
-
function
|
|
1207
|
+
function Vt() {
|
|
1207
1208
|
let e2;
|
|
1208
1209
|
return { before({ doc: t2 }) {
|
|
1209
1210
|
var l2;
|
|
@@ -1220,7 +1221,7 @@ function Ht(e2) {
|
|
|
1220
1221
|
Object.assign(t2, l2(t2));
|
|
1221
1222
|
return t2;
|
|
1222
1223
|
}
|
|
1223
|
-
let
|
|
1224
|
+
let Yt = function(e2, t2) {
|
|
1224
1225
|
let l2 = e2(), n2 = /* @__PURE__ */ new Set();
|
|
1225
1226
|
return { getSnapshot: () => l2, subscribe: (e3) => (n2.add(e3), () => n2.delete(e3)), dispatch(e3, ...a2) {
|
|
1226
1227
|
let o2 = t2[e3].call(l2, ...a2);
|
|
@@ -1234,7 +1235,7 @@ let Vt = function(e2, t2) {
|
|
|
1234
1235
|
let l2 = this.get(e2);
|
|
1235
1236
|
return l2 && (l2.count--, l2.meta.delete(t2)), this;
|
|
1236
1237
|
}, SCROLL_PREVENT({ doc: e2, d: t2, meta: l2 }) {
|
|
1237
|
-
let n2 = { doc: e2, d: t2, meta: Ht(l2) }, a2 = [
|
|
1238
|
+
let n2 = { doc: e2, d: t2, meta: Ht(l2) }, a2 = [Ye() ? { before({ doc: e3, d: t3, meta: l3 }) {
|
|
1238
1239
|
function n3(e4) {
|
|
1239
1240
|
return l3.containers.flatMap((e5) => e5()).some((t4) => t4.contains(e4));
|
|
1240
1241
|
}
|
|
@@ -1279,7 +1280,7 @@ let Vt = function(e2, t2) {
|
|
|
1279
1280
|
a3 !== t4 && window.scrollTo(0, a3), o2 && o2.isConnected && (o2.scrollIntoView({ block: "nearest" }), o2 = null);
|
|
1280
1281
|
});
|
|
1281
1282
|
});
|
|
1282
|
-
} } : {},
|
|
1283
|
+
} } : {}, Vt(), { before({ doc: e3, d: t3 }) {
|
|
1283
1284
|
t3.style(e3.documentElement, "overflow", "hidden");
|
|
1284
1285
|
} }];
|
|
1285
1286
|
a2.forEach(({ before: e3 }) => null == e3 ? void 0 : e3(n2)), a2.forEach(({ after: e3 }) => null == e3 ? void 0 : e3(n2));
|
|
@@ -1288,85 +1289,85 @@ let Vt = function(e2, t2) {
|
|
|
1288
1289
|
}, TEARDOWN({ doc: e2 }) {
|
|
1289
1290
|
this.delete(e2);
|
|
1290
1291
|
} });
|
|
1291
|
-
function
|
|
1292
|
+
function Ut(e2, t2, l2) {
|
|
1292
1293
|
let n2 = function(e3) {
|
|
1293
1294
|
let t3 = c(e3.getSnapshot());
|
|
1294
1295
|
return O(e3.subscribe(() => {
|
|
1295
1296
|
t3.value = e3.getSnapshot();
|
|
1296
1297
|
})), t3;
|
|
1297
|
-
}(
|
|
1298
|
+
}(Yt), a2 = u(() => {
|
|
1298
1299
|
let t3 = e2.value ? n2.value.get(e2.value) : void 0;
|
|
1299
1300
|
return !!t3 && t3.count > 0;
|
|
1300
1301
|
});
|
|
1301
1302
|
return p([e2, t2], ([e3, t3], [n3], a3) => {
|
|
1302
1303
|
if (!e3 || !t3)
|
|
1303
1304
|
return;
|
|
1304
|
-
|
|
1305
|
+
Yt.dispatch("PUSH", e3, l2);
|
|
1305
1306
|
let o2 = false;
|
|
1306
1307
|
a3(() => {
|
|
1307
|
-
o2 || (
|
|
1308
|
+
o2 || (Yt.dispatch("POP", null != n3 ? n3 : e3, l2), o2 = true);
|
|
1308
1309
|
});
|
|
1309
1310
|
}, { immediate: true }), a2;
|
|
1310
1311
|
}
|
|
1311
|
-
|
|
1312
|
-
let e2 =
|
|
1312
|
+
Yt.subscribe(() => {
|
|
1313
|
+
let e2 = Yt.getSnapshot(), t2 = /* @__PURE__ */ new Map();
|
|
1313
1314
|
for (let [l2] of e2)
|
|
1314
1315
|
t2.set(l2, l2.documentElement.style.overflow);
|
|
1315
1316
|
for (let l2 of e2.values()) {
|
|
1316
1317
|
let e3 = "hidden" === t2.get(l2.doc), n2 = 0 !== l2.count;
|
|
1317
|
-
(n2 && !e3 || !n2 && e3) &&
|
|
1318
|
+
(n2 && !e3 || !n2 && e3) && Yt.dispatch(l2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l2), 0 === l2.count && Yt.dispatch("TEARDOWN", l2);
|
|
1318
1319
|
}
|
|
1319
1320
|
});
|
|
1320
|
-
let
|
|
1321
|
-
function
|
|
1321
|
+
let qt = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new Map();
|
|
1322
|
+
function Kt(e2, t2 = s(true)) {
|
|
1322
1323
|
h((l2) => {
|
|
1323
1324
|
var n2;
|
|
1324
1325
|
if (!t2.value)
|
|
1325
1326
|
return;
|
|
1326
|
-
let a2 =
|
|
1327
|
+
let a2 = Oe(e2);
|
|
1327
1328
|
if (!a2)
|
|
1328
1329
|
return;
|
|
1329
1330
|
l2(function() {
|
|
1330
1331
|
var e3;
|
|
1331
1332
|
if (!a2)
|
|
1332
1333
|
return;
|
|
1333
|
-
let t3 = null != (e3 =
|
|
1334
|
-
if (1 === t3 ?
|
|
1334
|
+
let t3 = null != (e3 = Wt.get(a2)) ? e3 : 1;
|
|
1335
|
+
if (1 === t3 ? Wt.delete(a2) : Wt.set(a2, t3 - 1), 1 !== t3)
|
|
1335
1336
|
return;
|
|
1336
|
-
let l3 =
|
|
1337
|
-
l3 && (null === l3["aria-hidden"] ? a2.removeAttribute("aria-hidden") : a2.setAttribute("aria-hidden", l3["aria-hidden"]), a2.inert = l3.inert,
|
|
1337
|
+
let l3 = qt.get(a2);
|
|
1338
|
+
l3 && (null === l3["aria-hidden"] ? a2.removeAttribute("aria-hidden") : a2.setAttribute("aria-hidden", l3["aria-hidden"]), a2.inert = l3.inert, qt.delete(a2));
|
|
1338
1339
|
});
|
|
1339
|
-
let o2 = null != (n2 =
|
|
1340
|
-
|
|
1340
|
+
let o2 = null != (n2 = Wt.get(a2)) ? n2 : 0;
|
|
1341
|
+
Wt.set(a2, o2 + 1), 0 === o2 && (qt.set(a2, { "aria-hidden": a2.getAttribute("aria-hidden"), inert: a2.inert }), a2.setAttribute("aria-hidden", "true"), a2.inert = true);
|
|
1341
1342
|
});
|
|
1342
1343
|
}
|
|
1343
|
-
let
|
|
1344
|
-
function
|
|
1345
|
-
return
|
|
1344
|
+
let Jt = Symbol("ForcePortalRootContext");
|
|
1345
|
+
function Gt() {
|
|
1346
|
+
return f(Jt, false);
|
|
1346
1347
|
}
|
|
1347
|
-
let
|
|
1348
|
+
let Zt = k({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: false } }, setup: (e2, { slots: t2, attrs: l2 }) => (S(Jt, e2.force), () => {
|
|
1348
1349
|
let { force: n2, ...a2 } = e2;
|
|
1349
|
-
return
|
|
1350
|
-
}) }),
|
|
1351
|
-
var
|
|
1352
|
-
function
|
|
1353
|
-
let a2 =
|
|
1350
|
+
return lt({ theirProps: a2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "ForcePortalRoot" });
|
|
1351
|
+
}) }), Xt = Symbol("StackContext");
|
|
1352
|
+
var Qt = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(Qt || {});
|
|
1353
|
+
function el({ type: e2, enabled: t2, element: l2, onUpdate: n2 }) {
|
|
1354
|
+
let a2 = f(Xt, () => {
|
|
1354
1355
|
});
|
|
1355
1356
|
function o2(...e3) {
|
|
1356
1357
|
null == n2 || n2(...e3), a2(...e3);
|
|
1357
1358
|
}
|
|
1358
|
-
|
|
1359
|
+
b(() => {
|
|
1359
1360
|
p(t2, (t3, n3) => {
|
|
1360
1361
|
t3 ? o2(0, e2, l2) : true === n3 && o2(1, e2, l2);
|
|
1361
1362
|
}, { immediate: true, flush: "sync" });
|
|
1362
1363
|
}), O(() => {
|
|
1363
1364
|
t2.value && o2(1, e2, l2);
|
|
1364
|
-
}), S(
|
|
1365
|
+
}), S(Xt, o2);
|
|
1365
1366
|
}
|
|
1366
|
-
let
|
|
1367
|
-
function
|
|
1367
|
+
let tl = Symbol("DescriptionContext");
|
|
1368
|
+
function ll({ slot: e2 = s({}), name: t2 = "Description", props: l2 = {} } = {}) {
|
|
1368
1369
|
let n2 = s([]);
|
|
1369
|
-
return S(
|
|
1370
|
+
return S(tl, { register: function(e3) {
|
|
1370
1371
|
return n2.value.push(e3), () => {
|
|
1371
1372
|
let t3 = n2.value.indexOf(e3);
|
|
1372
1373
|
-1 !== t3 && n2.value.splice(t3, 1);
|
|
@@ -1375,20 +1376,20 @@ function tl({ slot: e2 = s({}), name: t2 = "Description", props: l2 = {} } = {})
|
|
|
1375
1376
|
}
|
|
1376
1377
|
k({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1377
1378
|
var n2;
|
|
1378
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-description-${
|
|
1379
|
-
let e3 =
|
|
1379
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-description-${Ce()}`, o2 = function() {
|
|
1380
|
+
let e3 = f(tl, null);
|
|
1380
1381
|
if (null === e3)
|
|
1381
1382
|
throw new Error("Missing parent");
|
|
1382
1383
|
return e3;
|
|
1383
1384
|
}();
|
|
1384
|
-
return
|
|
1385
|
+
return b(() => O(o2.register(a2))), () => {
|
|
1385
1386
|
let { name: n3 = "Description", slot: r2 = s({}), props: i2 = {} } = o2, { ...u2 } = e2, c2 = { ...Object.entries(i2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: d(l3) }), {}), id: a2 };
|
|
1386
|
-
return
|
|
1387
|
+
return lt({ ourProps: c2, theirProps: u2, slot: r2.value, attrs: t2, slots: l2, name: n3 });
|
|
1387
1388
|
};
|
|
1388
1389
|
} });
|
|
1389
|
-
let
|
|
1390
|
-
let n2 = s(null), a2 = u(() =>
|
|
1391
|
-
let t3 =
|
|
1390
|
+
let nl = k({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1391
|
+
let n2 = s(null), a2 = u(() => Ie(n2)), o2 = Gt(), r2 = f(ol, null), i2 = s(true === o2 || null == r2 ? function(e3) {
|
|
1392
|
+
let t3 = Ie(e3);
|
|
1392
1393
|
if (!t3) {
|
|
1393
1394
|
if (null === e3)
|
|
1394
1395
|
return null;
|
|
@@ -1400,17 +1401,17 @@ let ll = k({ name: "Portal", props: { as: { type: [Object, String], default: "di
|
|
|
1400
1401
|
let n3 = t3.createElement("div");
|
|
1401
1402
|
return n3.setAttribute("id", "headlessui-portal-root"), t3.body.appendChild(n3);
|
|
1402
1403
|
}(n2.value) : r2.resolveTarget()), d2 = s(false);
|
|
1403
|
-
|
|
1404
|
+
b(() => {
|
|
1404
1405
|
d2.value = true;
|
|
1405
1406
|
}), h(() => {
|
|
1406
1407
|
o2 || null != r2 && (i2.value = r2.resolveTarget());
|
|
1407
1408
|
});
|
|
1408
|
-
let c2 =
|
|
1409
|
+
let c2 = f(al, null), g2 = false, m2 = D();
|
|
1409
1410
|
return p(n2, () => {
|
|
1410
1411
|
if (g2 || !c2)
|
|
1411
1412
|
return;
|
|
1412
|
-
let e3 =
|
|
1413
|
-
e3 && (O(c2.register(e3),
|
|
1413
|
+
let e3 = Oe(n2);
|
|
1414
|
+
e3 && (O(c2.register(e3), m2), g2 = true);
|
|
1414
1415
|
}), O(() => {
|
|
1415
1416
|
var e3, t3;
|
|
1416
1417
|
let l3 = null == (e3 = a2.value) ? void 0 : e3.getElementById("headlessui-portal-root");
|
|
@@ -1419,39 +1420,39 @@ let ll = k({ name: "Portal", props: { as: { type: [Object, String], default: "di
|
|
|
1419
1420
|
if (!d2.value || null === i2.value)
|
|
1420
1421
|
return null;
|
|
1421
1422
|
let a3 = { ref: n2, "data-headlessui-portal": "" };
|
|
1422
|
-
return x(T, { to: i2.value },
|
|
1423
|
+
return x(T, { to: i2.value }, lt({ ourProps: a3, theirProps: e2, slot: {}, attrs: l2, slots: t2, name: "Portal" }));
|
|
1423
1424
|
};
|
|
1424
|
-
} }),
|
|
1425
|
-
let
|
|
1425
|
+
} }), al = Symbol("PortalParentContext");
|
|
1426
|
+
let ol = Symbol("PortalGroupContext"), rl = k({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1426
1427
|
let n2 = C({ resolveTarget: () => e2.target });
|
|
1427
|
-
return S(
|
|
1428
|
+
return S(ol, n2), () => {
|
|
1428
1429
|
let { target: n3, ...a2 } = e2;
|
|
1429
|
-
return
|
|
1430
|
+
return lt({ theirProps: a2, ourProps: {}, slot: {}, attrs: t2, slots: l2, name: "PortalGroup" });
|
|
1430
1431
|
};
|
|
1431
1432
|
} });
|
|
1432
|
-
var
|
|
1433
|
-
let
|
|
1434
|
-
function
|
|
1435
|
-
let t2 =
|
|
1433
|
+
var il = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(il || {});
|
|
1434
|
+
let sl = Symbol("DialogContext");
|
|
1435
|
+
function ul(e2) {
|
|
1436
|
+
let t2 = f(sl, null);
|
|
1436
1437
|
if (null === t2) {
|
|
1437
1438
|
let t3 = new Error(`<${e2} /> is missing a parent <Dialog /> component.`);
|
|
1438
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1439
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, ul), t3;
|
|
1439
1440
|
}
|
|
1440
1441
|
return t2;
|
|
1441
1442
|
}
|
|
1442
|
-
let
|
|
1443
|
+
let dl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", cl = k({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: dl }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
1443
1444
|
var o2, r2;
|
|
1444
|
-
let i2 = null != (o2 = e2.id) ? o2 : `headlessui-dialog-${
|
|
1445
|
-
|
|
1445
|
+
let i2 = null != (o2 = e2.id) ? o2 : `headlessui-dialog-${Ce()}`, d2 = s(false);
|
|
1446
|
+
b(() => {
|
|
1446
1447
|
d2.value = true;
|
|
1447
1448
|
});
|
|
1448
|
-
let c2 = false, p2 = u(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (c2 || (c2 = true, console.warn(`Invalid role [${p2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), g2 = s(0),
|
|
1449
|
-
if (a2({ el: w2, $el: w2 }), e2.open ===
|
|
1449
|
+
let c2 = false, p2 = u(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (c2 || (c2 = true, console.warn(`Invalid role [${p2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), g2 = s(0), m2 = pt(), y2 = u(() => e2.open === dl && null !== m2 ? (m2.value & ct.Open) === ct.Open : e2.open), w2 = s(null), C2 = u(() => Ie(w2));
|
|
1450
|
+
if (a2({ el: w2, $el: w2 }), e2.open === dl && null === m2)
|
|
1450
1451
|
throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
|
|
1451
|
-
if ("boolean" != typeof
|
|
1452
|
-
throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${
|
|
1453
|
-
let O2 = u(() => d2.value &&
|
|
1454
|
-
let e3 =
|
|
1452
|
+
if ("boolean" != typeof y2.value)
|
|
1453
|
+
throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${y2.value === dl ? void 0 : e2.open}`);
|
|
1454
|
+
let O2 = u(() => d2.value && y2.value ? 0 : 1), M2 = u(() => 0 === O2.value), D2 = u(() => g2.value > 1), T2 = null !== f(sl, null), [E2, I2] = function() {
|
|
1455
|
+
let e3 = f(al, null), t3 = s([]);
|
|
1455
1456
|
function l3(l4) {
|
|
1456
1457
|
let n4 = t3.value.indexOf(l4);
|
|
1457
1458
|
-1 !== n4 && t3.value.splice(n4, 1), e3 && e3.unregister(l4);
|
|
@@ -1459,12 +1460,12 @@ let ul = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", dl = k({ name: "Dialog", inheri
|
|
|
1459
1460
|
let n3 = { register: function(n4) {
|
|
1460
1461
|
return t3.value.push(n4), e3 && e3.register(n4), () => l3(n4);
|
|
1461
1462
|
}, unregister: l3, portals: t3 };
|
|
1462
|
-
return [t3, k({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (S(
|
|
1463
|
+
return [t3, k({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (S(al, n3), () => {
|
|
1463
1464
|
var e5;
|
|
1464
1465
|
return null == (e5 = t4.default) ? void 0 : e5.call(t4);
|
|
1465
1466
|
}) })];
|
|
1466
1467
|
}(), { resolveContainers: _2, mainTreeNodeRef: P2, MainTreeNode: j2 } = function({ defaultContainers: e3 = [], portals: t3, mainTreeNodeRef: l3 } = {}) {
|
|
1467
|
-
let n3 = s(null), a3 =
|
|
1468
|
+
let n3 = s(null), a3 = Ie(n3);
|
|
1468
1469
|
function o3() {
|
|
1469
1470
|
var l4, o4, r3;
|
|
1470
1471
|
let i3 = [];
|
|
@@ -1474,131 +1475,131 @@ let ul = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", dl = k({ name: "Dialog", inheri
|
|
|
1474
1475
|
for (let e4 of t3.value)
|
|
1475
1476
|
i3.push(e4);
|
|
1476
1477
|
for (let e4 of null != (l4 = null == a3 ? void 0 : a3.querySelectorAll("html > *, body > *")) ? l4 : [])
|
|
1477
|
-
e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(
|
|
1478
|
+
e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(Oe(n3)) || e4.contains(null == (r3 = null == (o4 = Oe(n3)) ? void 0 : o4.getRootNode()) ? void 0 : r3.host) || i3.some((t4) => e4.contains(t4)) || i3.push(e4));
|
|
1478
1479
|
return i3;
|
|
1479
1480
|
}
|
|
1480
|
-
return { resolveContainers: o3, contains: (e4) => o3().some((t4) => t4.contains(e4)), mainTreeNodeRef: n3, MainTreeNode: () => null != l3 ? null : x(
|
|
1481
|
+
return { resolveContainers: o3, contains: (e4) => o3().some((t4) => t4.contains(e4)), mainTreeNodeRef: n3, MainTreeNode: () => null != l3 ? null : x(ut, { features: st.Hidden, ref: n3 }) };
|
|
1481
1482
|
}({ portals: E2, defaultContainers: [u(() => {
|
|
1482
1483
|
var e3;
|
|
1483
|
-
return null != (e3 =
|
|
1484
|
-
})] }), R2 = u(() => D2.value ? "parent" : "leaf"), B2 = u(() => null !==
|
|
1484
|
+
return null != (e3 = V2.panelRef.value) ? e3 : w2.value;
|
|
1485
|
+
})] }), R2 = u(() => D2.value ? "parent" : "leaf"), B2 = u(() => null !== m2 && (m2.value & ct.Closing) === ct.Closing), A2 = u(() => !T2 && !B2.value && M2.value), L2 = u(() => {
|
|
1485
1486
|
var e3, t3, l3;
|
|
1486
|
-
return null != (l3 = Array.from(null != (t3 = null == (e3 = C2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(
|
|
1487
|
+
return null != (l3 = Array.from(null != (t3 = null == (e3 = C2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(Oe(P2)) && e4 instanceof HTMLElement))) ? l3 : null;
|
|
1487
1488
|
});
|
|
1488
|
-
|
|
1489
|
+
Kt(L2, A2);
|
|
1489
1490
|
let F2 = u(() => !!D2.value || M2.value), N2 = u(() => {
|
|
1490
1491
|
var e3, t3, l3;
|
|
1491
|
-
return null != (l3 = Array.from(null != (t3 = null == (e3 = C2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(
|
|
1492
|
+
return null != (l3 = Array.from(null != (t3 = null == (e3 = C2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(Oe(P2)) && e4 instanceof HTMLElement)) ? l3 : null;
|
|
1492
1493
|
});
|
|
1493
|
-
|
|
1494
|
+
Kt(N2, F2), el({ type: "Dialog", enabled: u(() => 0 === O2.value), element: w2, onUpdate: (e3, t3) => {
|
|
1494
1495
|
if ("Dialog" === t3)
|
|
1495
|
-
return
|
|
1496
|
+
return Me(e3, { [Qt.Add]: () => g2.value += 1, [Qt.Remove]: () => g2.value -= 1 });
|
|
1496
1497
|
} });
|
|
1497
|
-
let z2 =
|
|
1498
|
+
let z2 = ll({ name: "DialogDescription", slot: u(() => ({ open: y2.value })) }), $2 = s(null), V2 = { titleId: $2, panelRef: s(null), dialogState: O2, setTitleId(e3) {
|
|
1498
1499
|
$2.value !== e3 && ($2.value = e3);
|
|
1499
1500
|
}, close() {
|
|
1500
1501
|
t2("close", false);
|
|
1501
1502
|
} };
|
|
1502
|
-
S(
|
|
1503
|
-
let
|
|
1504
|
-
|
|
1505
|
-
e3.preventDefault(),
|
|
1506
|
-
},
|
|
1503
|
+
S(sl, V2);
|
|
1504
|
+
let H2 = u(() => !(!M2.value || D2.value));
|
|
1505
|
+
Ke(_2, (e3, t3) => {
|
|
1506
|
+
e3.preventDefault(), V2.close(), v(() => null == t3 ? void 0 : t3.focus());
|
|
1507
|
+
}, H2);
|
|
1507
1508
|
let Y2 = u(() => !(D2.value || 0 !== O2.value));
|
|
1508
|
-
|
|
1509
|
-
Y2.value && (e3.defaultPrevented || e3.key ===
|
|
1509
|
+
At(null == (r2 = C2.value) ? void 0 : r2.defaultView, "keydown", (e3) => {
|
|
1510
|
+
Y2.value && (e3.defaultPrevented || e3.key === mt.Escape && (e3.preventDefault(), e3.stopPropagation(), V2.close()));
|
|
1510
1511
|
});
|
|
1511
1512
|
let U2 = u(() => !(B2.value || 0 !== O2.value || T2));
|
|
1512
|
-
return
|
|
1513
|
+
return Ut(C2, U2, (e3) => {
|
|
1513
1514
|
var t3;
|
|
1514
1515
|
return { containers: [...null != (t3 = e3.containers) ? t3 : [], _2] };
|
|
1515
1516
|
}), h((e3) => {
|
|
1516
1517
|
if (0 !== O2.value)
|
|
1517
1518
|
return;
|
|
1518
|
-
let t3 =
|
|
1519
|
+
let t3 = Oe(w2);
|
|
1519
1520
|
if (!t3)
|
|
1520
1521
|
return;
|
|
1521
1522
|
let l3 = new ResizeObserver((e4) => {
|
|
1522
1523
|
for (let t4 of e4) {
|
|
1523
1524
|
let e5 = t4.target.getBoundingClientRect();
|
|
1524
|
-
0 === e5.x && 0 === e5.y && 0 === e5.width && 0 === e5.height &&
|
|
1525
|
+
0 === e5.x && 0 === e5.y && 0 === e5.width && 0 === e5.height && V2.close();
|
|
1525
1526
|
}
|
|
1526
1527
|
});
|
|
1527
1528
|
l3.observe(t3), e3(() => l3.disconnect());
|
|
1528
1529
|
}), () => {
|
|
1529
1530
|
let { open: t3, initialFocus: a3, ...o3 } = e2, r3 = { ...l2, ref: w2, id: i2, role: p2.value, "aria-modal": 0 === O2.value || void 0, "aria-labelledby": $2.value, "aria-describedby": z2.value }, s2 = { open: 0 === O2.value };
|
|
1530
|
-
return x(
|
|
1531
|
+
return x(Zt, { force: true }, () => [x(nl, () => x(rl, { target: w2.value }, () => x(Zt, { force: false }, () => x(zt, { initialFocus: a3, containers: _2, features: M2.value ? Me(R2.value, { parent: zt.features.RestoreFocus, leaf: zt.features.All & ~zt.features.FocusLock }) : zt.features.None }, () => x(I2, {}, () => lt({ ourProps: r3, theirProps: { ...o3, ...l2 }, slot: s2, attrs: l2, slots: n2, visible: 0 === O2.value, features: et.RenderStrategy | et.Static, name: "Dialog" })))))), x(j2)]);
|
|
1531
1532
|
};
|
|
1532
1533
|
} });
|
|
1533
1534
|
k({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1534
1535
|
var n2;
|
|
1535
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-overlay-${
|
|
1536
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-overlay-${Ce()}`, o2 = ul("DialogOverlay");
|
|
1536
1537
|
function r2(e3) {
|
|
1537
1538
|
e3.target === e3.currentTarget && (e3.preventDefault(), e3.stopPropagation(), o2.close());
|
|
1538
1539
|
}
|
|
1539
1540
|
return () => {
|
|
1540
1541
|
let { ...n3 } = e2;
|
|
1541
|
-
return
|
|
1542
|
+
return lt({ ourProps: { id: a2, "aria-hidden": true, onClick: r2 }, theirProps: n3, slot: { open: 0 === o2.dialogState.value }, attrs: t2, slots: l2, name: "DialogOverlay" });
|
|
1542
1543
|
};
|
|
1543
1544
|
} }), k({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1544
1545
|
var a2;
|
|
1545
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-backdrop-${
|
|
1546
|
-
return n2({ el: i2, $el: i2 }),
|
|
1546
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-backdrop-${Ce()}`, r2 = ul("DialogBackdrop"), i2 = s(null);
|
|
1547
|
+
return n2({ el: i2, $el: i2 }), b(() => {
|
|
1547
1548
|
if (null === r2.panelRef.value)
|
|
1548
1549
|
throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
|
|
1549
1550
|
}), () => {
|
|
1550
1551
|
let { ...n3 } = e2, a3 = { id: o2, ref: i2, "aria-hidden": true };
|
|
1551
|
-
return x(
|
|
1552
|
+
return x(Zt, { force: true }, () => x(nl, () => lt({ ourProps: a3, theirProps: { ...t2, ...n3 }, slot: { open: 0 === r2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
|
|
1552
1553
|
};
|
|
1553
1554
|
} });
|
|
1554
|
-
let
|
|
1555
|
+
let pl = k({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1555
1556
|
var a2;
|
|
1556
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-panel-${
|
|
1557
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-panel-${Ce()}`, r2 = ul("DialogPanel");
|
|
1557
1558
|
function i2(e3) {
|
|
1558
1559
|
e3.stopPropagation();
|
|
1559
1560
|
}
|
|
1560
1561
|
return n2({ el: r2.panelRef, $el: r2.panelRef }), () => {
|
|
1561
1562
|
let { ...n3 } = e2;
|
|
1562
|
-
return
|
|
1563
|
+
return lt({ ourProps: { id: o2, ref: r2.panelRef, onClick: i2 }, theirProps: n3, slot: { open: 0 === r2.dialogState.value }, attrs: t2, slots: l2, name: "DialogPanel" });
|
|
1563
1564
|
};
|
|
1564
|
-
} }),
|
|
1565
|
+
} }), gl = k({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1565
1566
|
var n2;
|
|
1566
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-title-${
|
|
1567
|
-
return
|
|
1567
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-title-${Ce()}`, o2 = ul("DialogTitle");
|
|
1568
|
+
return b(() => {
|
|
1568
1569
|
o2.setTitleId(a2), O(() => o2.setTitleId(null));
|
|
1569
1570
|
}), () => {
|
|
1570
1571
|
let { ...n3 } = e2;
|
|
1571
|
-
return
|
|
1572
|
+
return lt({ ourProps: { id: a2 }, theirProps: n3, slot: { open: 0 === o2.dialogState.value }, attrs: t2, slots: l2, name: "DialogTitle" });
|
|
1572
1573
|
};
|
|
1573
1574
|
} });
|
|
1574
|
-
var
|
|
1575
|
+
var ml = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(ml || {});
|
|
1575
1576
|
let fl = Symbol("DisclosureContext");
|
|
1576
|
-
function
|
|
1577
|
-
let t2 =
|
|
1577
|
+
function vl(e2) {
|
|
1578
|
+
let t2 = f(fl, null);
|
|
1578
1579
|
if (null === t2) {
|
|
1579
1580
|
let t3 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
|
|
1580
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1581
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, vl), t3;
|
|
1581
1582
|
}
|
|
1582
1583
|
return t2;
|
|
1583
1584
|
}
|
|
1584
|
-
let
|
|
1585
|
-
let
|
|
1586
|
-
let n2 = s(e2.defaultOpen ? 0 : 1), a2 = s(null), o2 = s(null), r2 = { buttonId: s(`headlessui-disclosure-button-${
|
|
1587
|
-
n2.value =
|
|
1585
|
+
let hl = Symbol("DisclosurePanelContext");
|
|
1586
|
+
let bl = k({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1587
|
+
let n2 = s(e2.defaultOpen ? 0 : 1), a2 = s(null), o2 = s(null), r2 = { buttonId: s(`headlessui-disclosure-button-${Ce()}`), panelId: s(`headlessui-disclosure-panel-${Ce()}`), disclosureState: n2, panel: a2, button: o2, toggleDisclosure() {
|
|
1588
|
+
n2.value = Me(n2.value, { 0: 1, 1: 0 });
|
|
1588
1589
|
}, closeDisclosure() {
|
|
1589
1590
|
1 !== n2.value && (n2.value = 1);
|
|
1590
1591
|
}, close(e3) {
|
|
1591
1592
|
r2.closeDisclosure();
|
|
1592
|
-
let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ?
|
|
1593
|
+
let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ? Oe(e3) : Oe(r2.button) : Oe(r2.button);
|
|
1593
1594
|
null == t3 || t3.focus();
|
|
1594
1595
|
} };
|
|
1595
|
-
return S(fl, r2),
|
|
1596
|
+
return S(fl, r2), gt(u(() => Me(n2.value, { 0: ct.Open, 1: ct.Closed }))), () => {
|
|
1596
1597
|
let { defaultOpen: a3, ...o3 } = e2;
|
|
1597
|
-
return
|
|
1598
|
+
return lt({ theirProps: o3, ourProps: {}, slot: { open: 0 === n2.value, close: r2.close }, slots: t2, attrs: l2, name: "Disclosure" });
|
|
1598
1599
|
};
|
|
1599
1600
|
} }), yl = k({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1600
|
-
let a2 =
|
|
1601
|
-
|
|
1601
|
+
let a2 = vl("DisclosureButton"), o2 = f(hl, null), r2 = u(() => null !== o2 && o2.value === a2.panelId.value);
|
|
1602
|
+
b(() => {
|
|
1602
1603
|
r2.value || null !== e2.id && (a2.buttonId.value = e2.id);
|
|
1603
1604
|
}), O(() => {
|
|
1604
1605
|
r2.value || (a2.buttonId.value = null);
|
|
@@ -1607,51 +1608,51 @@ let hl = k({ name: "Disclosure", props: { as: { type: [Object, String], default:
|
|
|
1607
1608
|
n2({ el: i2, $el: i2 }), r2.value || h(() => {
|
|
1608
1609
|
a2.button.value = i2.value;
|
|
1609
1610
|
});
|
|
1610
|
-
let d2 =
|
|
1611
|
+
let d2 = Ge(u(() => ({ as: e2.as, type: t2.type })), i2);
|
|
1611
1612
|
function c2() {
|
|
1612
1613
|
var t3;
|
|
1613
|
-
e2.disabled || (r2.value ? (a2.toggleDisclosure(), null == (t3 =
|
|
1614
|
+
e2.disabled || (r2.value ? (a2.toggleDisclosure(), null == (t3 = Oe(a2.button)) || t3.focus()) : a2.toggleDisclosure());
|
|
1614
1615
|
}
|
|
1615
1616
|
function p2(t3) {
|
|
1616
1617
|
var l3;
|
|
1617
1618
|
if (!e2.disabled)
|
|
1618
1619
|
if (r2.value)
|
|
1619
1620
|
switch (t3.key) {
|
|
1620
|
-
case
|
|
1621
|
-
case
|
|
1622
|
-
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 =
|
|
1621
|
+
case mt.Space:
|
|
1622
|
+
case mt.Enter:
|
|
1623
|
+
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 = Oe(a2.button)) || l3.focus();
|
|
1623
1624
|
}
|
|
1624
1625
|
else
|
|
1625
1626
|
switch (t3.key) {
|
|
1626
|
-
case
|
|
1627
|
-
case
|
|
1627
|
+
case mt.Space:
|
|
1628
|
+
case mt.Enter:
|
|
1628
1629
|
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure();
|
|
1629
1630
|
}
|
|
1630
1631
|
}
|
|
1631
1632
|
function g2(e3) {
|
|
1632
|
-
if (e3.key ===
|
|
1633
|
+
if (e3.key === mt.Space)
|
|
1633
1634
|
e3.preventDefault();
|
|
1634
1635
|
}
|
|
1635
1636
|
return () => {
|
|
1636
1637
|
var n3;
|
|
1637
1638
|
let o3 = { open: 0 === a2.disclosureState.value }, { id: s2, ...u2 } = e2;
|
|
1638
|
-
return
|
|
1639
|
+
return lt({ ourProps: r2.value ? { ref: i2, type: d2.value, onClick: c2, onKeydown: p2 } : { id: null != (n3 = a2.buttonId.value) ? n3 : s2, ref: i2, type: d2.value, "aria-expanded": 0 === a2.disclosureState.value, "aria-controls": 0 === a2.disclosureState.value || Oe(a2.panel) ? a2.panelId.value : void 0, disabled: !!e2.disabled || void 0, onClick: c2, onKeydown: p2, onKeyup: g2 }, theirProps: u2, slot: o3, attrs: t2, slots: l2, name: "DisclosureButton" });
|
|
1639
1640
|
};
|
|
1640
|
-
} }),
|
|
1641
|
-
let a2 =
|
|
1642
|
-
|
|
1641
|
+
} }), xl = k({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1642
|
+
let a2 = vl("DisclosurePanel");
|
|
1643
|
+
b(() => {
|
|
1643
1644
|
null !== e2.id && (a2.panelId.value = e2.id);
|
|
1644
1645
|
}), O(() => {
|
|
1645
1646
|
a2.panelId.value = null;
|
|
1646
|
-
}), n2({ el: a2.panel, $el: a2.panel }), S(
|
|
1647
|
-
let o2 =
|
|
1647
|
+
}), n2({ el: a2.panel, $el: a2.panel }), S(hl, a2.panelId);
|
|
1648
|
+
let o2 = pt(), r2 = u(() => null !== o2 ? (o2.value & ct.Open) === ct.Open : 0 === a2.disclosureState.value);
|
|
1648
1649
|
return () => {
|
|
1649
1650
|
var n3;
|
|
1650
1651
|
let o3 = { open: 0 === a2.disclosureState.value, close: a2.close }, { id: i2, ...s2 } = e2;
|
|
1651
|
-
return
|
|
1652
|
+
return lt({ ourProps: { id: null != (n3 = a2.panelId.value) ? n3 : i2, ref: a2.panel }, theirProps: s2, slot: o3, attrs: t2, slots: l2, features: et.RenderStrategy | et.Static, visible: r2.value, name: "DisclosurePanel" });
|
|
1652
1653
|
};
|
|
1653
|
-
} }),
|
|
1654
|
-
function
|
|
1654
|
+
} }), wl = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
|
|
1655
|
+
function kl(e2) {
|
|
1655
1656
|
var t2, l2;
|
|
1656
1657
|
let n2 = null != (t2 = e2.innerText) ? t2 : "", a2 = e2.cloneNode(true);
|
|
1657
1658
|
if (!(a2 instanceof HTMLElement))
|
|
@@ -1660,12 +1661,12 @@ function wl(e2) {
|
|
|
1660
1661
|
for (let e3 of a2.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
|
|
1661
1662
|
e3.remove(), o2 = true;
|
|
1662
1663
|
let r2 = o2 ? null != (l2 = a2.innerText) ? l2 : "" : n2;
|
|
1663
|
-
return
|
|
1664
|
+
return wl.test(r2) && (r2 = r2.replace(wl, "")), r2;
|
|
1664
1665
|
}
|
|
1665
|
-
function
|
|
1666
|
+
function Sl(e2) {
|
|
1666
1667
|
let t2 = s(""), l2 = s("");
|
|
1667
1668
|
return () => {
|
|
1668
|
-
let n2 =
|
|
1669
|
+
let n2 = Oe(e2);
|
|
1669
1670
|
if (!n2)
|
|
1670
1671
|
return "";
|
|
1671
1672
|
let a2 = n2.innerText;
|
|
@@ -1681,38 +1682,38 @@ function kl(e2) {
|
|
|
1681
1682
|
let t4 = document.getElementById(e5);
|
|
1682
1683
|
if (t4) {
|
|
1683
1684
|
let e6 = t4.getAttribute("aria-label");
|
|
1684
|
-
return "string" == typeof e6 ? e6.trim() :
|
|
1685
|
+
return "string" == typeof e6 ? e6.trim() : kl(t4).trim();
|
|
1685
1686
|
}
|
|
1686
1687
|
return null;
|
|
1687
1688
|
}).filter(Boolean);
|
|
1688
1689
|
if (e4.length > 0)
|
|
1689
1690
|
return e4.join(", ");
|
|
1690
1691
|
}
|
|
1691
|
-
return
|
|
1692
|
+
return kl(e3).trim();
|
|
1692
1693
|
}(n2).trim().toLowerCase();
|
|
1693
1694
|
return t2.value = a2, l2.value = o2, o2;
|
|
1694
1695
|
};
|
|
1695
1696
|
}
|
|
1696
|
-
var
|
|
1697
|
-
let
|
|
1698
|
-
function
|
|
1699
|
-
let t2 =
|
|
1697
|
+
var Cl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Cl || {}), Ol = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(Ol || {});
|
|
1698
|
+
let Ml = Symbol("MenuContext");
|
|
1699
|
+
function Dl(e2) {
|
|
1700
|
+
let t2 = f(Ml, null);
|
|
1700
1701
|
if (null === t2) {
|
|
1701
1702
|
let t3 = new Error(`<${e2} /> is missing a parent <Menu /> component.`);
|
|
1702
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1703
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, Dl), t3;
|
|
1703
1704
|
}
|
|
1704
1705
|
return t2;
|
|
1705
1706
|
}
|
|
1706
|
-
let
|
|
1707
|
+
let Tl = k({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1707
1708
|
let n2 = s(1), a2 = s(null), o2 = s(null), r2 = s([]), i2 = s(""), d2 = s(null), c2 = s(1);
|
|
1708
1709
|
function p2(e3 = (e4) => e4) {
|
|
1709
|
-
let t3 = null !== d2.value ? r2.value[d2.value] : null, l3 =
|
|
1710
|
+
let t3 = null !== d2.value ? r2.value[d2.value] : null, l3 = Ve(e3(r2.value.slice()), (e4) => Oe(e4.dataRef.domRef)), n3 = t3 ? l3.indexOf(t3) : null;
|
|
1710
1711
|
return -1 === n3 && (n3 = null), { items: l3, activeItemIndex: n3 };
|
|
1711
1712
|
}
|
|
1712
1713
|
let g2 = { menuState: n2, buttonRef: a2, itemsRef: o2, items: r2, searchQuery: i2, activeItemIndex: d2, activationTrigger: c2, closeMenu: () => {
|
|
1713
1714
|
n2.value = 1, d2.value = null;
|
|
1714
1715
|
}, openMenu: () => n2.value = 0, goToItem(e3, t3, l3) {
|
|
1715
|
-
let n3 = p2(), a3 =
|
|
1716
|
+
let n3 = p2(), a3 = ht(e3 === vt.Specific ? { focus: vt.Specific, id: t3 } : { focus: e3 }, { resolveItems: () => n3.items, resolveActiveIndex: () => n3.activeItemIndex, resolveId: (e4) => e4.id, resolveDisabled: (e4) => e4.dataRef.disabled });
|
|
1716
1717
|
i2.value = "", d2.value = a3, c2.value = null != l3 ? l3 : 1, r2.value = n3.items;
|
|
1717
1718
|
}, search(e3) {
|
|
1718
1719
|
let t3 = "" !== i2.value ? 0 : 1;
|
|
@@ -1731,165 +1732,165 @@ let Dl = k({ name: "Menu", props: { as: { type: [Object, String], default: "temp
|
|
|
1731
1732
|
});
|
|
1732
1733
|
r2.value = t3.items, d2.value = t3.activeItemIndex, c2.value = 1;
|
|
1733
1734
|
} };
|
|
1734
|
-
return
|
|
1735
|
+
return Ke([a2, o2], (e3, t3) => {
|
|
1735
1736
|
var l3;
|
|
1736
|
-
g2.closeMenu(),
|
|
1737
|
-
}, u(() => 0 === n2.value)), S(
|
|
1737
|
+
g2.closeMenu(), Le(t3, Ae.Loose) || (e3.preventDefault(), null == (l3 = Oe(a2)) || l3.focus());
|
|
1738
|
+
}, u(() => 0 === n2.value)), S(Ml, g2), gt(u(() => Me(n2.value, { 0: ct.Open, 1: ct.Closed }))), () => {
|
|
1738
1739
|
let a3 = { open: 0 === n2.value, close: g2.closeMenu };
|
|
1739
|
-
return
|
|
1740
|
+
return lt({ ourProps: {}, theirProps: e2, slot: a3, slots: t2, attrs: l2, name: "Menu" });
|
|
1740
1741
|
};
|
|
1741
|
-
} }),
|
|
1742
|
+
} }), El = k({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1742
1743
|
var a2;
|
|
1743
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-button-${
|
|
1744
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-button-${Ce()}`, r2 = Dl("MenuButton");
|
|
1744
1745
|
function i2(e3) {
|
|
1745
1746
|
switch (e3.key) {
|
|
1746
|
-
case
|
|
1747
|
-
case
|
|
1748
|
-
case
|
|
1747
|
+
case mt.Space:
|
|
1748
|
+
case mt.Enter:
|
|
1749
|
+
case mt.ArrowDown:
|
|
1749
1750
|
e3.preventDefault(), e3.stopPropagation(), r2.openMenu(), v(() => {
|
|
1750
1751
|
var e4;
|
|
1751
|
-
null == (e4 =
|
|
1752
|
+
null == (e4 = Oe(r2.itemsRef)) || e4.focus({ preventScroll: true }), r2.goToItem(vt.First);
|
|
1752
1753
|
});
|
|
1753
1754
|
break;
|
|
1754
|
-
case
|
|
1755
|
+
case mt.ArrowUp:
|
|
1755
1756
|
e3.preventDefault(), e3.stopPropagation(), r2.openMenu(), v(() => {
|
|
1756
1757
|
var e4;
|
|
1757
|
-
null == (e4 =
|
|
1758
|
+
null == (e4 = Oe(r2.itemsRef)) || e4.focus({ preventScroll: true }), r2.goToItem(vt.Last);
|
|
1758
1759
|
});
|
|
1759
1760
|
}
|
|
1760
1761
|
}
|
|
1761
1762
|
function s2(e3) {
|
|
1762
|
-
if (e3.key ===
|
|
1763
|
+
if (e3.key === mt.Space)
|
|
1763
1764
|
e3.preventDefault();
|
|
1764
1765
|
}
|
|
1765
1766
|
function d2(t3) {
|
|
1766
1767
|
e2.disabled || (0 === r2.menuState.value ? (r2.closeMenu(), v(() => {
|
|
1767
1768
|
var e3;
|
|
1768
|
-
return null == (e3 =
|
|
1769
|
+
return null == (e3 = Oe(r2.buttonRef)) ? void 0 : e3.focus({ preventScroll: true });
|
|
1769
1770
|
})) : (t3.preventDefault(), r2.openMenu(), function(e3) {
|
|
1770
1771
|
requestAnimationFrame(() => requestAnimationFrame(e3));
|
|
1771
1772
|
}(() => {
|
|
1772
1773
|
var e3;
|
|
1773
|
-
return null == (e3 =
|
|
1774
|
+
return null == (e3 = Oe(r2.itemsRef)) ? void 0 : e3.focus({ preventScroll: true });
|
|
1774
1775
|
})));
|
|
1775
1776
|
}
|
|
1776
1777
|
n2({ el: r2.buttonRef, $el: r2.buttonRef });
|
|
1777
|
-
let c2 =
|
|
1778
|
+
let c2 = Ge(u(() => ({ as: e2.as, type: t2.type })), r2.buttonRef);
|
|
1778
1779
|
return () => {
|
|
1779
1780
|
var n3;
|
|
1780
1781
|
let a3 = { open: 0 === r2.menuState.value }, { ...u2 } = e2;
|
|
1781
|
-
return
|
|
1782
|
+
return lt({ ourProps: { ref: r2.buttonRef, id: o2, type: c2.value, "aria-haspopup": "menu", "aria-controls": null == (n3 = Oe(r2.itemsRef)) ? void 0 : n3.id, "aria-expanded": 0 === r2.menuState.value, onKeydown: i2, onKeyup: s2, onClick: d2 }, theirProps: u2, slot: a3, attrs: t2, slots: l2, name: "MenuButton" });
|
|
1782
1783
|
};
|
|
1783
|
-
} }),
|
|
1784
|
+
} }), Il = k({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1784
1785
|
var a2;
|
|
1785
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-items-${
|
|
1786
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-items-${Ce()}`, r2 = Dl("MenuItems"), i2 = s(null);
|
|
1786
1787
|
function d2(e3) {
|
|
1787
1788
|
var t3;
|
|
1788
1789
|
switch (i2.value && clearTimeout(i2.value), e3.key) {
|
|
1789
|
-
case
|
|
1790
|
+
case mt.Space:
|
|
1790
1791
|
if ("" !== r2.searchQuery.value)
|
|
1791
1792
|
return e3.preventDefault(), e3.stopPropagation(), r2.search(e3.key);
|
|
1792
|
-
case
|
|
1793
|
+
case mt.Enter:
|
|
1793
1794
|
if (e3.preventDefault(), e3.stopPropagation(), null !== r2.activeItemIndex.value) {
|
|
1794
|
-
null == (t3 =
|
|
1795
|
+
null == (t3 = Oe(r2.items.value[r2.activeItemIndex.value].dataRef.domRef)) || t3.click();
|
|
1795
1796
|
}
|
|
1796
|
-
r2.closeMenu(),
|
|
1797
|
+
r2.closeMenu(), Fe(Oe(r2.buttonRef));
|
|
1797
1798
|
break;
|
|
1798
|
-
case
|
|
1799
|
-
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(
|
|
1800
|
-
case
|
|
1801
|
-
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(
|
|
1802
|
-
case
|
|
1803
|
-
case
|
|
1804
|
-
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(
|
|
1805
|
-
case
|
|
1806
|
-
case
|
|
1807
|
-
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(
|
|
1808
|
-
case
|
|
1799
|
+
case mt.ArrowDown:
|
|
1800
|
+
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(vt.Next);
|
|
1801
|
+
case mt.ArrowUp:
|
|
1802
|
+
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(vt.Previous);
|
|
1803
|
+
case mt.Home:
|
|
1804
|
+
case mt.PageUp:
|
|
1805
|
+
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(vt.First);
|
|
1806
|
+
case mt.End:
|
|
1807
|
+
case mt.PageDown:
|
|
1808
|
+
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(vt.Last);
|
|
1809
|
+
case mt.Escape:
|
|
1809
1810
|
e3.preventDefault(), e3.stopPropagation(), r2.closeMenu(), v(() => {
|
|
1810
1811
|
var e4;
|
|
1811
|
-
return null == (e4 =
|
|
1812
|
+
return null == (e4 = Oe(r2.buttonRef)) ? void 0 : e4.focus({ preventScroll: true });
|
|
1812
1813
|
});
|
|
1813
1814
|
break;
|
|
1814
|
-
case
|
|
1815
|
+
case mt.Tab:
|
|
1815
1816
|
e3.preventDefault(), e3.stopPropagation(), r2.closeMenu(), v(() => function(e4, t4) {
|
|
1816
|
-
return He(
|
|
1817
|
-
}(
|
|
1817
|
+
return He(Be(), t4, { relativeTo: e4 });
|
|
1818
|
+
}(Oe(r2.buttonRef), e3.shiftKey ? Pe.Previous : Pe.Next));
|
|
1818
1819
|
break;
|
|
1819
1820
|
default:
|
|
1820
1821
|
1 === e3.key.length && (r2.search(e3.key), i2.value = setTimeout(() => r2.clearSearch(), 350));
|
|
1821
1822
|
}
|
|
1822
1823
|
}
|
|
1823
1824
|
function c2(e3) {
|
|
1824
|
-
if (e3.key ===
|
|
1825
|
+
if (e3.key === mt.Space)
|
|
1825
1826
|
e3.preventDefault();
|
|
1826
1827
|
}
|
|
1827
|
-
n2({ el: r2.itemsRef, $el: r2.itemsRef }),
|
|
1828
|
+
n2({ el: r2.itemsRef, $el: r2.itemsRef }), Qe({ container: u(() => Oe(r2.itemsRef)), enabled: u(() => 0 === r2.menuState.value), accept: (e3) => "menuitem" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
|
|
1828
1829
|
e3.setAttribute("role", "none");
|
|
1829
1830
|
} });
|
|
1830
|
-
let p2 =
|
|
1831
|
+
let p2 = pt(), g2 = u(() => null !== p2 ? (p2.value & ct.Open) === ct.Open : 0 === r2.menuState.value);
|
|
1831
1832
|
return () => {
|
|
1832
1833
|
var n3, a3;
|
|
1833
1834
|
let i3 = { open: 0 === r2.menuState.value }, { ...s2 } = e2;
|
|
1834
|
-
return
|
|
1835
|
+
return lt({ ourProps: { "aria-activedescendant": null === r2.activeItemIndex.value || null == (n3 = r2.items.value[r2.activeItemIndex.value]) ? void 0 : n3.id, "aria-labelledby": null == (a3 = Oe(r2.buttonRef)) ? void 0 : a3.id, id: o2, onKeydown: d2, onKeyup: c2, role: "menu", tabIndex: 0, ref: r2.itemsRef }, theirProps: s2, slot: i3, attrs: t2, slots: l2, features: et.RenderStrategy | et.Static, visible: g2.value, name: "MenuItems" });
|
|
1835
1836
|
};
|
|
1836
|
-
} }),
|
|
1837
|
+
} }), _l = k({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: null } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
|
|
1837
1838
|
var a2;
|
|
1838
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-item-${
|
|
1839
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-item-${Ce()}`, r2 = Dl("MenuItem"), i2 = s(null);
|
|
1839
1840
|
n2({ el: i2, $el: i2 });
|
|
1840
|
-
let d2 = u(() => null !== r2.activeItemIndex.value && r2.items.value[r2.activeItemIndex.value].id === o2), c2 =
|
|
1841
|
+
let d2 = u(() => null !== r2.activeItemIndex.value && r2.items.value[r2.activeItemIndex.value].id === o2), c2 = Sl(i2), p2 = u(() => ({ disabled: e2.disabled, get textValue() {
|
|
1841
1842
|
return c2();
|
|
1842
1843
|
}, domRef: i2 }));
|
|
1843
1844
|
function g2(t3) {
|
|
1844
1845
|
if (e2.disabled)
|
|
1845
1846
|
return t3.preventDefault();
|
|
1846
|
-
r2.closeMenu(),
|
|
1847
|
+
r2.closeMenu(), Fe(Oe(r2.buttonRef));
|
|
1847
1848
|
}
|
|
1848
|
-
function
|
|
1849
|
+
function m2() {
|
|
1849
1850
|
if (e2.disabled)
|
|
1850
|
-
return r2.goToItem(
|
|
1851
|
-
r2.goToItem(
|
|
1851
|
+
return r2.goToItem(vt.Nothing);
|
|
1852
|
+
r2.goToItem(vt.Specific, o2);
|
|
1852
1853
|
}
|
|
1853
|
-
|
|
1854
|
+
b(() => r2.registerItem(o2, p2)), O(() => r2.unregisterItem(o2)), h(() => {
|
|
1854
1855
|
0 === r2.menuState.value && d2.value && 0 !== r2.activationTrigger.value && v(() => {
|
|
1855
1856
|
var e3, t3;
|
|
1856
|
-
return null == (t3 = null == (e3 =
|
|
1857
|
+
return null == (t3 = null == (e3 = Oe(i2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
|
|
1857
1858
|
});
|
|
1858
1859
|
});
|
|
1859
|
-
let
|
|
1860
|
-
function
|
|
1861
|
-
|
|
1860
|
+
let f2 = Xe();
|
|
1861
|
+
function y2(e3) {
|
|
1862
|
+
f2.update(e3);
|
|
1862
1863
|
}
|
|
1863
1864
|
function x2(t3) {
|
|
1864
|
-
|
|
1865
|
+
f2.wasMoved(t3) && (e2.disabled || d2.value || r2.goToItem(vt.Specific, o2, 0));
|
|
1865
1866
|
}
|
|
1866
1867
|
function w2(t3) {
|
|
1867
|
-
|
|
1868
|
+
f2.wasMoved(t3) && (e2.disabled || d2.value && r2.goToItem(vt.Nothing));
|
|
1868
1869
|
}
|
|
1869
1870
|
return () => {
|
|
1870
1871
|
let { disabled: n3, ...a3 } = e2, s2 = { active: d2.value, disabled: n3, close: r2.closeMenu };
|
|
1871
|
-
return
|
|
1872
|
+
return lt({ ourProps: { id: o2, ref: i2, role: "menuitem", tabIndex: true === n3 ? void 0 : -1, "aria-disabled": true === n3 || void 0, onClick: g2, onFocus: m2, onPointerenter: y2, onMouseenter: y2, onPointermove: x2, onMousemove: x2, onPointerleave: w2, onMouseleave: w2 }, theirProps: { ...l2, ...a3 }, slot: s2, attrs: l2, slots: t2, name: "MenuItem" });
|
|
1872
1873
|
};
|
|
1873
|
-
} }),
|
|
1874
|
-
function
|
|
1875
|
-
let e2 =
|
|
1874
|
+
} }), Pl = Symbol("LabelContext");
|
|
1875
|
+
function jl() {
|
|
1876
|
+
let e2 = f(Pl, null);
|
|
1876
1877
|
if (null === e2) {
|
|
1877
1878
|
let e3 = new Error("You used a <Label /> component, but it is not inside a parent.");
|
|
1878
|
-
throw Error.captureStackTrace && Error.captureStackTrace(e3,
|
|
1879
|
+
throw Error.captureStackTrace && Error.captureStackTrace(e3, jl), e3;
|
|
1879
1880
|
}
|
|
1880
1881
|
return e2;
|
|
1881
1882
|
}
|
|
1882
|
-
let
|
|
1883
|
+
let Rl = k({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1883
1884
|
var n2;
|
|
1884
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-label-${
|
|
1885
|
-
return
|
|
1885
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-label-${Ce()}`, o2 = jl();
|
|
1886
|
+
return b(() => O(o2.register(a2))), () => {
|
|
1886
1887
|
let { name: n3 = "Label", slot: r2 = {}, props: i2 = {} } = o2, { passive: s2, ...u2 } = e2, c2 = { ...Object.entries(i2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: d(l3) }), {}), id: a2 };
|
|
1887
|
-
return s2 && (delete c2.onClick, delete c2.htmlFor, delete u2.onClick),
|
|
1888
|
+
return s2 && (delete c2.onClick, delete c2.htmlFor, delete u2.onClick), lt({ ourProps: c2, theirProps: u2, slot: r2, attrs: l2, slots: t2, name: n3 });
|
|
1888
1889
|
};
|
|
1889
|
-
} }),
|
|
1890
|
+
} }), Bl = Symbol("GroupContext"), Al = k({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1890
1891
|
let n2 = s(null), a2 = function({ slot: e3 = {}, name: t3 = "Label", props: l3 = {} } = {}) {
|
|
1891
1892
|
let n3 = s([]);
|
|
1892
|
-
return S(
|
|
1893
|
+
return S(Pl, { register: function(e4) {
|
|
1893
1894
|
return n3.value.push(e4), () => {
|
|
1894
1895
|
let t4 = n3.value.indexOf(e4);
|
|
1895
1896
|
-1 !== t4 && n3.value.splice(t4, 1);
|
|
@@ -1900,20 +1901,20 @@ let jl = k({ name: "Label", props: { as: { type: [Object, String], default: "lab
|
|
|
1900
1901
|
return null == (e3 = n2.value) ? void 0 : e3.id;
|
|
1901
1902
|
}), onClick(e3) {
|
|
1902
1903
|
n2.value && ("LABEL" === e3.currentTarget.tagName && e3.preventDefault(), n2.value.click(), n2.value.focus({ preventScroll: true }));
|
|
1903
|
-
} } }), o2 =
|
|
1904
|
-
return S(
|
|
1905
|
-
} }),
|
|
1904
|
+
} } }), o2 = ll({ name: "SwitchDescription" });
|
|
1905
|
+
return S(Bl, { switchRef: n2, labelledby: a2, describedby: o2 }), () => lt({ theirProps: e2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "SwitchGroup" });
|
|
1906
|
+
} }), Ll = k({ name: "Switch", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: true }, form: { type: String, optional: true }, name: { type: String, optional: true }, value: { type: String, optional: true }, id: { type: String, default: null }, disabled: { type: Boolean, default: false }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: false, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
1906
1907
|
var o2;
|
|
1907
|
-
let r2 = null != (o2 = e2.id) ? o2 : `headlessui-switch-${
|
|
1908
|
+
let r2 = null != (o2 = e2.id) ? o2 : `headlessui-switch-${Ce()}`, i2 = f(Bl, null), [d2, c2] = we(u(() => e2.modelValue), (e3) => t2("update:modelValue", e3), u(() => e2.defaultChecked));
|
|
1908
1909
|
function g2() {
|
|
1909
1910
|
c2(!d2.value);
|
|
1910
1911
|
}
|
|
1911
|
-
let
|
|
1912
|
-
function
|
|
1912
|
+
let m2 = s(null), v2 = null === i2 ? m2 : i2.switchRef, h2 = Ge(u(() => ({ as: e2.as, type: l2.type })), v2);
|
|
1913
|
+
function y2(e3) {
|
|
1913
1914
|
e3.preventDefault(), g2();
|
|
1914
1915
|
}
|
|
1915
1916
|
function k2(e3) {
|
|
1916
|
-
e3.key ===
|
|
1917
|
+
e3.key === mt.Space ? (e3.preventDefault(), g2()) : e3.key === mt.Enter && function(e4) {
|
|
1917
1918
|
var t3, l3;
|
|
1918
1919
|
let n3 = null != (t3 = null == e4 ? void 0 : e4.form) ? t3 : e4.closest("form");
|
|
1919
1920
|
if (n3) {
|
|
@@ -1930,9 +1931,9 @@ let jl = k({ name: "Label", props: { as: { type: [Object, String], default: "lab
|
|
|
1930
1931
|
a2({ el: v2, $el: v2 });
|
|
1931
1932
|
let C2 = u(() => {
|
|
1932
1933
|
var e3, t3;
|
|
1933
|
-
return null == (t3 = null == (e3 =
|
|
1934
|
+
return null == (t3 = null == (e3 = Oe(v2)) ? void 0 : e3.closest) ? void 0 : t3.call(e3, "form");
|
|
1934
1935
|
});
|
|
1935
|
-
return
|
|
1936
|
+
return b(() => {
|
|
1936
1937
|
p([C2], () => {
|
|
1937
1938
|
if (C2.value && void 0 !== e2.defaultChecked)
|
|
1938
1939
|
return C2.value.addEventListener("reset", t3), () => {
|
|
@@ -1944,18 +1945,18 @@ let jl = k({ name: "Label", props: { as: { type: [Object, String], default: "lab
|
|
|
1944
1945
|
}
|
|
1945
1946
|
}, { immediate: true });
|
|
1946
1947
|
}), () => {
|
|
1947
|
-
let { name: t3, value: a3, form: o3, tabIndex: s2, ...u2 } = e2, c3 = { checked: d2.value }, p2 = { id: r2, ref: v2, role: "switch", type: h2.value, tabIndex: -1 === s2 ? 0 : s2, "aria-checked": d2.value, "aria-labelledby": null == i2 ? void 0 : i2.labelledby.value, "aria-describedby": null == i2 ? void 0 : i2.describedby.value, onClick:
|
|
1948
|
-
return x(w, [null != t3 && null != d2.value ? x(
|
|
1948
|
+
let { name: t3, value: a3, form: o3, tabIndex: s2, ...u2 } = e2, c3 = { checked: d2.value }, p2 = { id: r2, ref: v2, role: "switch", type: h2.value, tabIndex: -1 === s2 ? 0 : s2, "aria-checked": d2.value, "aria-labelledby": null == i2 ? void 0 : i2.labelledby.value, "aria-describedby": null == i2 ? void 0 : i2.describedby.value, onClick: y2, onKeyup: k2, onKeypress: S2 };
|
|
1949
|
+
return x(w, [null != t3 && null != d2.value ? x(ut, rt({ features: st.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: d2.value, form: o3, disabled: u2.disabled, name: t3, value: a3 })) : null, lt({ ourProps: p2, theirProps: { ...l2, ...it(u2, ["modelValue", "defaultChecked"]) }, slot: c3, attrs: l2, slots: n2, name: "Switch" })]);
|
|
1949
1950
|
};
|
|
1950
|
-
} }),
|
|
1951
|
-
function
|
|
1951
|
+
} }), Fl = Rl;
|
|
1952
|
+
function Nl(e2, ...t2) {
|
|
1952
1953
|
e2 && t2.length > 0 && e2.classList.add(...t2);
|
|
1953
1954
|
}
|
|
1954
|
-
function
|
|
1955
|
+
function zl(e2, ...t2) {
|
|
1955
1956
|
e2 && t2.length > 0 && e2.classList.remove(...t2);
|
|
1956
1957
|
}
|
|
1957
|
-
var
|
|
1958
|
-
function
|
|
1958
|
+
var $l = ((e2) => (e2.Finished = "finished", e2.Cancelled = "cancelled", e2))($l || {});
|
|
1959
|
+
function Vl(e2, t2, l2, n2, a2, o2) {
|
|
1959
1960
|
let r2 = yt(), i2 = void 0 !== o2 ? /* @__PURE__ */ function(e3) {
|
|
1960
1961
|
let t3 = { called: false };
|
|
1961
1962
|
return (...l3) => {
|
|
@@ -1964,8 +1965,8 @@ function $l(e2, t2, l2, n2, a2, o2) {
|
|
|
1964
1965
|
};
|
|
1965
1966
|
}(o2) : () => {
|
|
1966
1967
|
};
|
|
1967
|
-
return
|
|
1968
|
-
|
|
1968
|
+
return zl(e2, ...a2), Nl(e2, ...t2, ...l2), r2.nextFrame(() => {
|
|
1969
|
+
zl(e2, ...l2), Nl(e2, ...n2), r2.add(function(e3, t3) {
|
|
1969
1970
|
let l3 = yt();
|
|
1970
1971
|
if (!e3)
|
|
1971
1972
|
return l3.dispose;
|
|
@@ -1974,187 +1975,185 @@ function $l(e2, t2, l2, n2, a2, o2) {
|
|
|
1974
1975
|
return t4;
|
|
1975
1976
|
});
|
|
1976
1977
|
return 0 !== o3 ? l3.setTimeout(() => t3("finished"), o3 + r3) : t3("finished"), l3.add(() => t3("cancelled")), l3.dispose;
|
|
1977
|
-
}(e2, (l3) => (
|
|
1978
|
-
}), r2.add(() =>
|
|
1978
|
+
}(e2, (l3) => (zl(e2, ...n2, ...t2), Nl(e2, ...a2), i2(l3))));
|
|
1979
|
+
}), r2.add(() => zl(e2, ...t2, ...l2, ...n2, ...a2)), r2.add(() => i2("cancelled")), r2.dispose;
|
|
1979
1980
|
}
|
|
1980
1981
|
function Hl(e2 = "") {
|
|
1981
1982
|
return e2.split(/\s+/).filter((e3) => e3.length > 1);
|
|
1982
1983
|
}
|
|
1983
|
-
let
|
|
1984
|
-
var
|
|
1985
|
-
let
|
|
1986
|
-
function ql(e2) {
|
|
1987
|
-
return "children" in e2 ? ql(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
|
|
1988
|
-
}
|
|
1984
|
+
let Yl = Symbol("TransitionContext");
|
|
1985
|
+
var Ul = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(Ul || {});
|
|
1986
|
+
let ql = Symbol("NestingContext");
|
|
1989
1987
|
function Wl(e2) {
|
|
1988
|
+
return "children" in e2 ? Wl(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
|
|
1989
|
+
}
|
|
1990
|
+
function Kl(e2) {
|
|
1990
1991
|
let t2 = s([]), l2 = s(false);
|
|
1991
|
-
function n2(n3, a2 =
|
|
1992
|
+
function n2(n3, a2 = tt.Hidden) {
|
|
1992
1993
|
let o2 = t2.value.findIndex(({ id: e3 }) => e3 === n3);
|
|
1993
|
-
-1 !== o2 && (
|
|
1994
|
+
-1 !== o2 && (Me(a2, { [tt.Unmount]() {
|
|
1994
1995
|
t2.value.splice(o2, 1);
|
|
1995
|
-
}, [
|
|
1996
|
+
}, [tt.Hidden]() {
|
|
1996
1997
|
t2.value[o2].state = "hidden";
|
|
1997
|
-
} }), !
|
|
1998
|
+
} }), !Wl(t2) && l2.value && (null == e2 || e2()));
|
|
1998
1999
|
}
|
|
1999
|
-
return
|
|
2000
|
+
return b(() => l2.value = true), O(() => l2.value = false), { children: t2, register: function(e3) {
|
|
2000
2001
|
let l3 = t2.value.find(({ id: t3 }) => t3 === e3);
|
|
2001
|
-
return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => n2(e3,
|
|
2002
|
+
return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => n2(e3, tt.Unmount);
|
|
2002
2003
|
}, unregister: n2 };
|
|
2003
2004
|
}
|
|
2004
|
-
let
|
|
2005
|
+
let Jl = et.RenderStrategy, Gl = k({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: o2 }) {
|
|
2005
2006
|
let r2 = s(0);
|
|
2006
2007
|
function i2() {
|
|
2007
|
-
r2.value |=
|
|
2008
|
+
r2.value |= ct.Opening, t2("beforeEnter");
|
|
2008
2009
|
}
|
|
2009
2010
|
function d2() {
|
|
2010
|
-
r2.value &= ~
|
|
2011
|
+
r2.value &= ~ct.Opening, t2("afterEnter");
|
|
2011
2012
|
}
|
|
2012
2013
|
function c2() {
|
|
2013
|
-
r2.value |=
|
|
2014
|
+
r2.value |= ct.Closing, t2("beforeLeave");
|
|
2014
2015
|
}
|
|
2015
2016
|
function g2() {
|
|
2016
|
-
r2.value &= ~
|
|
2017
|
-
}
|
|
2018
|
-
if (null ===
|
|
2019
|
-
return () => x(
|
|
2020
|
-
let
|
|
2021
|
-
o2({ el:
|
|
2022
|
-
let { show:
|
|
2023
|
-
let e3 =
|
|
2017
|
+
r2.value &= ~ct.Closing, t2("afterLeave");
|
|
2018
|
+
}
|
|
2019
|
+
if (null === f(Yl, null) && null !== pt())
|
|
2020
|
+
return () => x(Xl, { ...e2, onBeforeEnter: i2, onAfterEnter: d2, onBeforeLeave: c2, onAfterLeave: g2 }, a2);
|
|
2021
|
+
let m2 = s(null), v2 = u(() => e2.unmount ? tt.Unmount : tt.Hidden);
|
|
2022
|
+
o2({ el: m2, $el: m2 });
|
|
2023
|
+
let { show: y2, appear: w2 } = function() {
|
|
2024
|
+
let e3 = f(Yl, null);
|
|
2024
2025
|
if (null === e3)
|
|
2025
2026
|
throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
|
|
2026
2027
|
return e3;
|
|
2027
2028
|
}(), { register: k2, unregister: C2 } = function() {
|
|
2028
|
-
let e3 =
|
|
2029
|
+
let e3 = f(ql, null);
|
|
2029
2030
|
if (null === e3)
|
|
2030
2031
|
throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
|
|
2031
2032
|
return e3;
|
|
2032
|
-
}(), M2 = s(
|
|
2033
|
+
}(), M2 = s(y2.value ? "visible" : "hidden"), D2 = { value: true }, T2 = Ce(), E2 = { value: false }, I2 = Kl(() => {
|
|
2033
2034
|
!E2.value && "hidden" !== M2.value && (M2.value = "hidden", C2(T2), g2());
|
|
2034
2035
|
});
|
|
2035
|
-
|
|
2036
|
+
b(() => {
|
|
2036
2037
|
let e3 = k2(T2);
|
|
2037
2038
|
O(e3);
|
|
2038
2039
|
}), h(() => {
|
|
2039
|
-
if (v2.value ===
|
|
2040
|
-
if (
|
|
2040
|
+
if (v2.value === tt.Hidden && T2) {
|
|
2041
|
+
if (y2.value && "visible" !== M2.value)
|
|
2041
2042
|
return void (M2.value = "visible");
|
|
2042
|
-
|
|
2043
|
+
Me(M2.value, { hidden: () => C2(T2), visible: () => k2(T2) });
|
|
2043
2044
|
}
|
|
2044
2045
|
});
|
|
2045
2046
|
let _2 = Hl(e2.enter), P2 = Hl(e2.enterFrom), j2 = Hl(e2.enterTo), R2 = Hl(e2.entered), B2 = Hl(e2.leave), A2 = Hl(e2.leaveFrom), L2 = Hl(e2.leaveTo);
|
|
2046
|
-
return
|
|
2047
|
+
return b(() => {
|
|
2047
2048
|
h(() => {
|
|
2048
2049
|
if ("visible" === M2.value) {
|
|
2049
|
-
let e3 =
|
|
2050
|
+
let e3 = Oe(m2);
|
|
2050
2051
|
if (e3 instanceof Comment && "" === e3.data)
|
|
2051
2052
|
throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
|
|
2052
2053
|
}
|
|
2053
2054
|
});
|
|
2054
|
-
}),
|
|
2055
|
-
p([
|
|
2055
|
+
}), b(() => {
|
|
2056
|
+
p([y2], (e3, t3, l3) => {
|
|
2056
2057
|
(function(e4) {
|
|
2057
|
-
let t4 = D2.value && !w2.value, l4 =
|
|
2058
|
-
!l4 || !(l4 instanceof HTMLElement) || t4 || (E2.value = true,
|
|
2059
|
-
E2.value = false, e5 ===
|
|
2060
|
-
}) :
|
|
2061
|
-
E2.value = false, e5 ===
|
|
2058
|
+
let t4 = D2.value && !w2.value, l4 = Oe(m2);
|
|
2059
|
+
!l4 || !(l4 instanceof HTMLElement) || t4 || (E2.value = true, y2.value && i2(), y2.value || c2(), e4(y2.value ? Vl(l4, _2, P2, j2, R2, (e5) => {
|
|
2060
|
+
E2.value = false, e5 === $l.Finished && d2();
|
|
2061
|
+
}) : Vl(l4, B2, A2, L2, R2, (e5) => {
|
|
2062
|
+
E2.value = false, e5 === $l.Finished && (Wl(I2) || (M2.value = "hidden", C2(T2), g2()));
|
|
2062
2063
|
})));
|
|
2063
2064
|
})(l3), D2.value = false;
|
|
2064
2065
|
}, { immediate: true });
|
|
2065
|
-
}), S(
|
|
2066
|
-
let { appear: t3, show: o3, enter: r3, enterFrom: i3, enterTo: s2, entered: u2, leave: d3, leaveFrom: c3, leaveTo: p2, ...g3 } = e2,
|
|
2067
|
-
return
|
|
2066
|
+
}), S(ql, I2), gt(u(() => Me(M2.value, { visible: ct.Open, hidden: ct.Closed }) | r2.value)), () => {
|
|
2067
|
+
let { appear: t3, show: o3, enter: r3, enterFrom: i3, enterTo: s2, entered: u2, leave: d3, leaveFrom: c3, leaveTo: p2, ...g3 } = e2, f2 = { ref: m2 };
|
|
2068
|
+
return lt({ theirProps: { ...g3, ...w2.value && y2.value && Ee.isServer ? { class: n([l2.class, g3.class, ..._2, ...P2]) } : {} }, ourProps: f2, slot: {}, slots: a2, attrs: l2, features: Jl, visible: "visible" === M2.value, name: "TransitionChild" });
|
|
2068
2069
|
};
|
|
2069
|
-
} }),
|
|
2070
|
-
let a2 =
|
|
2070
|
+
} }), Zl = Gl, Xl = k({ inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: n2 }) {
|
|
2071
|
+
let a2 = pt(), o2 = u(() => null === e2.show && null !== a2 ? (a2.value & ct.Open) === ct.Open : e2.show);
|
|
2071
2072
|
h(() => {
|
|
2072
2073
|
if (![true, false].includes(o2.value))
|
|
2073
2074
|
throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
|
|
2074
2075
|
});
|
|
2075
|
-
let r2 = s(o2.value ? "visible" : "hidden"), i2 =
|
|
2076
|
+
let r2 = s(o2.value ? "visible" : "hidden"), i2 = Kl(() => {
|
|
2076
2077
|
r2.value = "hidden";
|
|
2077
2078
|
}), d2 = s(true), c2 = { show: o2, appear: u(() => e2.appear || !d2.value) };
|
|
2078
|
-
return
|
|
2079
|
+
return b(() => {
|
|
2079
2080
|
h(() => {
|
|
2080
|
-
d2.value = false, o2.value ? r2.value = "visible" :
|
|
2081
|
+
d2.value = false, o2.value ? r2.value = "visible" : Wl(i2) || (r2.value = "hidden");
|
|
2081
2082
|
});
|
|
2082
|
-
}), S(
|
|
2083
|
-
let a3 =
|
|
2084
|
-
return
|
|
2083
|
+
}), S(ql, i2), S(Yl, c2), () => {
|
|
2084
|
+
let a3 = it(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), o3 = { unmount: e2.unmount };
|
|
2085
|
+
return lt({ ourProps: { ...o3, as: "template" }, theirProps: {}, slot: {}, slots: { ...n2, default: () => [x(Zl, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...o3, ...a3 }, n2.default)] }, attrs: {}, features: Jl, visible: "visible" === r2.value, name: "Transition" });
|
|
2085
2086
|
};
|
|
2086
2087
|
} });
|
|
2087
|
-
function
|
|
2088
|
+
function Ql(t2, l2) {
|
|
2088
2089
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" })]);
|
|
2089
2090
|
}
|
|
2090
|
-
function
|
|
2091
|
+
function en(t2, l2) {
|
|
2091
2092
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" })]);
|
|
2092
2093
|
}
|
|
2093
|
-
function
|
|
2094
|
+
function tn(t2, l2) {
|
|
2094
2095
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5" })]);
|
|
2095
2096
|
}
|
|
2096
|
-
function
|
|
2097
|
+
function ln(t2, l2) {
|
|
2097
2098
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
|
|
2098
2099
|
}
|
|
2099
|
-
function
|
|
2100
|
+
function nn(t2, l2) {
|
|
2100
2101
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 12.75 6 6 9-13.5" })]);
|
|
2101
2102
|
}
|
|
2102
|
-
function
|
|
2103
|
+
function an(t2, l2) {
|
|
2103
2104
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" })]);
|
|
2104
2105
|
}
|
|
2105
|
-
function
|
|
2106
|
+
function on(t2, l2) {
|
|
2106
2107
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 19.5 8.25 12l7.5-7.5" })]);
|
|
2107
2108
|
}
|
|
2108
|
-
function
|
|
2109
|
+
function rn(t2, l2) {
|
|
2109
2110
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" })]);
|
|
2110
2111
|
}
|
|
2111
|
-
function
|
|
2112
|
+
function sn(t2, l2) {
|
|
2112
2113
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" })]);
|
|
2113
2114
|
}
|
|
2114
|
-
function
|
|
2115
|
+
function un(t2, l2) {
|
|
2115
2116
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })]);
|
|
2116
2117
|
}
|
|
2117
|
-
function
|
|
2118
|
+
function dn(t2, l2) {
|
|
2118
2119
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" })]);
|
|
2119
2120
|
}
|
|
2120
|
-
function
|
|
2121
|
+
function cn(t2, l2) {
|
|
2121
2122
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M10.05 4.575a1.575 1.575 0 1 0-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 0 1 3.15 0v1.5m-3.15 0 .075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 0 1 3.15 0V15M6.9 7.575a1.575 1.575 0 1 0-3.15 0v8.175a6.75 6.75 0 0 0 6.75 6.75h2.018a5.25 5.25 0 0 0 3.712-1.538l1.732-1.732a5.25 5.25 0 0 0 1.538-3.712l.003-2.024a.668.668 0 0 1 .198-.471 1.575 1.575 0 1 0-2.228-2.228 3.818 3.818 0 0 0-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0 1 16.35 15m.002 0h-.002" })]);
|
|
2122
2123
|
}
|
|
2123
|
-
function
|
|
2124
|
+
function pn(t2, l2) {
|
|
2124
2125
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" })]);
|
|
2125
2126
|
}
|
|
2126
|
-
function
|
|
2127
|
+
function gn(t2, l2) {
|
|
2127
2128
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" })]);
|
|
2128
2129
|
}
|
|
2129
|
-
function
|
|
2130
|
+
function mn(t2, l2) {
|
|
2130
2131
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" })]);
|
|
2131
2132
|
}
|
|
2132
2133
|
function fn(t2, l2) {
|
|
2133
2134
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" })]);
|
|
2134
2135
|
}
|
|
2135
|
-
function
|
|
2136
|
+
function vn(t2, l2) {
|
|
2136
2137
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
|
|
2137
2138
|
}
|
|
2138
|
-
function
|
|
2139
|
+
function hn(t2, l2) {
|
|
2139
2140
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6 18 18 6M6 6l12 12" })]);
|
|
2140
2141
|
}
|
|
2141
|
-
const
|
|
2142
|
+
const bn = { class: "py-1" }, yn = ["onClick"], xn = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, wn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), kn = { name: "uiDropdown" }, Sn = Object.assign(kn, { props: { items: { type: Array, required: true }, position: { type: String, default: "left" }, disabled: Boolean, label: String, loading: { type: Boolean, default: true } }, emits: ["optionSelected"], setup(l2, { emit: r2 }) {
|
|
2142
2143
|
const s2 = r2, c2 = l2, p2 = u(() => {
|
|
2143
2144
|
let e2 = c2.items.find((e3) => true === e3.active);
|
|
2144
2145
|
return e2 ? e2.name : c2.label;
|
|
2145
2146
|
});
|
|
2146
|
-
return (r3, u2) => l2.loading ? (e(), a("div",
|
|
2147
|
+
return (r3, u2) => l2.loading ? (e(), a("div", xn, [wn, o(d(an), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(d(Tl), { key: 0, as: "div", class: n(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: E(() => [i("div", null, [o(d(El), { class: "inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, { default: E(() => [I(_(p2.value) + " ", 1), o(d(an), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), o(P, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: E(() => [l2.disabled ? R("", true) : (e(), t(d(Il), { key: 0, class: n([{ "right-0": "right" === l2.position, "left-0": "left" === l2.position }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"]) }, { default: E(() => [i("div", bn, [(e(true), a(w, null, j(l2.items, (l3, a2) => (e(), t(d(_l), { key: a2 }, { default: E(() => [i("a", { onClick: (e2) => ((e3) => {
|
|
2147
2148
|
c2.disabled || s2("optionSelected", e3.value);
|
|
2148
2149
|
})(l3), class: n([l3.active ? "bg-gray-100 text-gray-900" : "text-gray-700", "block px-4 py-2 text-sm cursor-pointer"]) }, _(l3.name), 11, yn)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
|
|
2149
|
-
} }),
|
|
2150
|
+
} }), Cn = { key: 0 }, On = { class: "flex justify-between" }, Mn = { key: 0, class: "block text-sm font-medium text-gray-700" }, Dn = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, Tn = ["disabled", "name", "placeholder", "type"], En = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, In = { key: 1, class: "animate-pulse" }, _n = { key: 0, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, Pn = i("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left w-full" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })], -1), jn = { name: "uiInput" }, Rn = Object.assign(jn, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
|
|
2150
2151
|
} }, disabled: Boolean, color: { type: String, default: "gray" }, value: { type: String, default: "" }, error: String, optional: String, addOn: String, rightAddOn: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"], setup(t2, { emit: l2 }) {
|
|
2151
|
-
const r2 = l2, u2 = t2, c2 = (
|
|
2152
|
-
r2("inputChanged", { value: e2.target.value, name: e2.target.name });
|
|
2153
|
-
}, g2 = s(u2.value);
|
|
2152
|
+
const r2 = l2, u2 = t2, c2 = s(u2.value);
|
|
2154
2153
|
return p(() => u2.value, (e2) => {
|
|
2155
|
-
|
|
2156
|
-
}), (l3, r3) => t2.loading ? (e(), a("div",
|
|
2157
|
-
} }),
|
|
2154
|
+
c2.value = e2, r2("inputChanged", { name: u2.name, value: c2.value });
|
|
2155
|
+
}), (l3, r3) => t2.loading ? (e(), a("div", In, [void 0 !== t2.label ? (e(), a("div", _n)) : R("", true), Pn])) : (e(), a("div", Cn, [i("div", On, [t2.label ? (e(), a("label", Mn, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Dn, _(t2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), a("span", { key: 0, onClick: r3[0] || (r3[0] = (e2) => l3.$emit("addOnClicked")), class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.addOn), 1)) : R("", true), B(i("input", { "onUpdate:modelValue": r3[1] || (r3[1] = (e2) => c2.value = e2), class: n([{ "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-400": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color, "rounded-md": !t2.addOn || !t2.rightAddOn, "rounded-r-md": t2.addOn, "rounded-l-none": t2.addOn, "rounded-l-md": t2.rightAddOn, "rounded-r-none": t2.rightAddOn }, "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 placeholder-gray-300"]), disabled: t2.disabled, name: t2.name, placeholder: t2.placeholder, type: t2.type, onInput: r3[2] || (r3[2] = (e2) => l3.$emit("inputChanged", { value: e2.target.value, name: e2.target.name })) }, null, 42, Tn), [[A, c2.value]]), t2.rightAddOn ? (e(), a("span", { key: 1, onClick: r3[3] || (r3[3] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.rightAddOn), 1)) : R("", true), t2.icon ? (e(), a("div", En, [o(J, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), B(o(J, { icon: d(nn), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "success" === t2.color]]), B(o(J, { icon: d(dn), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "warning" === t2.color]]), B(o(J, { icon: d(hn), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "danger" === t2.color]])])) : R("", true)], 2), B(i("p", { class: n([{ "text-gray-400": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(t2.error), 3), [[L, t2.error]])]));
|
|
2156
|
+
} }), Bn = { key: 0 }, An = { class: "flex justify-between" }, Ln = { key: 0, class: "block text-sm font-medium text-gray-700" }, Fn = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, Nn = { class: "space-y-1 flex flex-col items-center justify-center" }, zn = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, $n = { for: "file-upload", class: "relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500" }, Vn = ["accept"], Hn = { class: "pl-1" }, Yn = { class: "text-xs text-gray-500 pb-4" }, Un = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, qn = { key: 1, class: "animate-pulse" }, Wn = [i("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [i("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/4 mb-3" })], -1)], Kn = { name: "uiInputFile" }, Jn = Object.assign(Kn, { props: { name: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
|
|
2158
2157
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m0-3-3-3m0 0-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75" })]);
|
|
2159
2158
|
} }, loading: { type: Boolean, default: true } }, emits: ["filesUploaded"], setup(t2, { emit: l2 }) {
|
|
2160
2159
|
const r2 = s(""), u2 = l2, c2 = t2, p2 = (e2) => {
|
|
@@ -2163,42 +2162,42 @@ const hn = { class: "py-1" }, yn = ["onClick"], bn = { key: 1, class: "animate-p
|
|
|
2163
2162
|
}, g2 = (e2) => {
|
|
2164
2163
|
u2("filesUploaded", e2.target.files), c2.filename = e2.target.files[0].name;
|
|
2165
2164
|
};
|
|
2166
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
2167
|
-
}, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div",
|
|
2168
|
-
} }),
|
|
2169
|
-
const c2 = s(""), p2 = r2, g2 = l2,
|
|
2170
|
-
return (r3, s2) => l2.loading ? (e(), a("div",
|
|
2171
|
-
} }),
|
|
2165
|
+
return (l3, s2) => t2.loading ? (e(), a("div", qn, Wn)) : (e(), a("div", Bn, [i("div", An, [t2.label ? (e(), a("label", Ln, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Fn, _(t2.optional), 1)) : R("", true)]), i("div", { class: n([[{ "mt-1": t2.label }, { "border-gray-300 hover:border-gray-400": !t2.error }, { "border-red-300 hover:border-red-400": t2.error }], "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"]), onDragover: s2[0] || (s2[0] = F(() => {
|
|
2166
|
+
}, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div", Nn, [o(J, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", zn, [i("label", $n, [i("span", null, _(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: g2 }, null, 40, Vn)]), i("p", Hn, _(t2.dragAndDrop), 1)]), i("p", Yn, _(t2.fileTypesAndSizes), 1), B(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(r2.value), 513), [[L, "" !== r2.value]])])], 34), B(i("p", Un, [o(J, { icon: d(vn), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), I(_(t2.error), 1)], 512), [[L, t2.error]])]));
|
|
2167
|
+
} }), Gn = { class: "relative mt-1" }, Zn = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, Xn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), Qn = { name: "uiSelect" }, ea = Object.assign(Qn, { props: { items: { type: Array, required: true }, label: String, error: String, color: String, select: Object, loading: { type: Boolean, default: true } }, emits: ["selectChanged"], setup(l2, { emit: r2 }) {
|
|
2168
|
+
const c2 = s(""), p2 = r2, g2 = l2, m2 = u(() => "" === c2.value ? g2.items : g2.items.filter((e2) => e2.name.toLowerCase().includes(c2.value.toLowerCase()))), f2 = u(() => g2.select);
|
|
2169
|
+
return (r3, s2) => l2.loading ? (e(), a("div", Zn, [Xn, o(d(sn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(d(It), { key: 0, modelValue: f2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => f2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], as: "div" }, { default: E(() => [o(d(_t), { class: "block text-sm font-medium" }, { default: E(() => [I(_(l2.label), 1)]), _: 1 }), i("div", Gn, [o(d(jt), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: n([{ "border-gray-300": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "border-red-400": "danger" === l2.color, "border-yellow-400": "warning" === l2.color, "border-green-400": "success" === l2.color, "bg-gray-100": r3.disabled, "text-black": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "w-full rounded-md border bg-white py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"]), onChange: s2[0] || (s2[0] = (e2) => c2.value = e2.target.value) }, null, 8, ["display-value", "class"]), o(d(Pt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: E(() => [o(d(sn), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), m2.value.length > 0 ? (e(), t(d(Rt), { key: 0, class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, { default: E(() => [(e(true), a(w, null, j(m2.value, (l3) => (e(), t(d(Bt), { key: l3.id, value: l3, as: "template" }, { default: E(({ active: t2, selected: r4 }) => [i("li", { class: n(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: n(["block truncate", r4 && "font-semibold"]) }, _(l3.name), 3), r4 ? (e(), a("span", { key: 0, class: n(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [o(d(nn), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : R("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : R("", true)]), B(i("p", { class: n([{ "text-gray-400": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(l2.error), 3), [[L, l2.error]])]), _: 1 }, 8, ["modelValue"]));
|
|
2170
|
+
} }), ta = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, la = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], na = { name: "uiTag" }, aa = Object.assign(na, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("div", ta, la)) : (e(), a("span", { key: 0, class: n([{ "bg-indigo-100 text-indigo-800 border border-indigo-200": "primary" === t2.color, "bg-red-100 text-red-800 border border-red-200": "danger" === t2.color, "bg-yellow-100 text-yellow-800 border border-yellow-200": "warning" === t2.color, "bg-green-100 text-green-800 border border-green-200": "success" === t2.color, "bg-black text-white border border-black": "black" === t2.color, "text-black border border-gray-200 bg-white": "white" === t2.color }, "inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"]) }, [r(l2.$slots, "default")], 2)) }), oa = { key: 0 }, ra = { key: 0, class: "block text-sm font-medium text-gray-700" }, ia = ["disabled", "placeholder"], sa = { key: 1, class: "animate-pulse" }, ua = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1), i("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)], da = { name: "uiTextArea" }, ca = Object.assign(da, { props: { label: String, placeholder: { type: String, default: "..." }, value: String, color: String, disabled: { type: Boolean, default: false }, error: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged"], setup(t2, { emit: l2 }) {
|
|
2172
2171
|
const r2 = l2, u2 = t2, c2 = (e2) => {
|
|
2173
2172
|
r2("inputChanged", e2.target.value);
|
|
2174
2173
|
}, g2 = s(u2.value);
|
|
2175
2174
|
return p(() => u2.value, (e2) => {
|
|
2176
2175
|
g2.value = e2, r2("inputChanged", e2);
|
|
2177
|
-
}), (l3, r3) => t2.loading ? (e(), a("div",
|
|
2178
|
-
} }),
|
|
2176
|
+
}), (l3, r3) => t2.loading ? (e(), a("div", sa, ua)) : (e(), a("div", oa, [t2.label ? (e(), a("label", ra, _(t2.label), 1)) : R("", true), i("div", { class: n({ "mt-1": t2.label }) }, [B(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": r3[0] || (r3[0] = (e2) => g2.value = e2), placeholder: t2.placeholder, class: n(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", { "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-300": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }]), onChange: c2 }, null, 42, ia), [[N, g2.value]])], 2), B(i("p", { class: n([{ "text-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, [o(J, { icon: d(vn), color: "red", class: "mr-2" }, null, 8, ["icon"]), I(_(t2.error), 1)], 2), [[L, t2.error]])]));
|
|
2177
|
+
} }), pa = { class: "text-sm font-medium text-gray-900" }, ga = { key: 0, class: "text-sm text-gray-500 ml-2" }, ma = { key: 1, class: "animate-pulse flex items-center" }, fa = [i("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [i("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })], -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16 ml-2" }, null, -1)], va = { name: "uiToggle" }, ha = Object.assign(va, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
|
|
2179
2178
|
const r2 = s(l2.checked);
|
|
2180
|
-
return (s2, u2) => l2.loading ? (e(), a("div",
|
|
2181
|
-
} }),
|
|
2179
|
+
return (s2, u2) => l2.loading ? (e(), a("div", ma, fa)) : (e(), t(d(Al), { key: 0, as: "div", class: "flex items-center relative" }, { default: E(() => [o(d(Ll), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !r2.value })), modelValue: r2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => r2.value = e2), class: n([r2.value ? "bg-indigo-600" : "bg-gray-200", "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"]) }, { default: E(() => [i("span", { "aria-hidden": "true", class: n([r2.value ? "translate-x-5" : "translate-x-0", l2.disabled ? "bg-gray-300" : "", "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"]) }, null, 2)]), _: 1 }, 8, ["disabled", "modelValue", "class"]), o(d(Fl), { as: "span", class: "ml-3" }, { default: E(() => [i("span", pa, _(l2.item.title), 1), l2.item.subtitle ? (e(), a("span", ga, _(l2.item.subtitle), 1)) : R("", true)]), _: 1 }), l2.item.action ? (e(), a("span", { key: 0, class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5", onClick: u2[2] || (u2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : R("", true)]), _: 1 }));
|
|
2180
|
+
} }), ba = { key: 0, class: "flex flex-col" }, ya = { class: "flex" }, xa = { class: "flex-shrink-0" }, wa = { class: "ml-3" }, ka = { class: "mt-4" }, Sa = { class: "-mx-2 -my-1.5 flex" }, Ca = ["onClick"], Oa = { key: 1, class: "flex flex-col animate-pulse" }, Ma = [z('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)], Da = { name: "uiAlert" }, Ta = Object.assign(Da, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (o2, s2) => l2.loading ? (e(), a("div", Oa, Ma)) : (e(), a("div", ba, [i("div", { class: n([{ "bg-indigo-50 border-indigo-400": "info" === l2.type, "bg-red-50 border-red-400": "danger" === l2.type, "bg-yellow-50 border-yellow-400": "warning" === l2.type, "bg-green-50 border-green-400": "success" === l2.type }, "p-4 border-l-4 rounded"]) }, [i("div", ya, [i("div", xa, ["info" === l2.type ? (e(), t(d(gn), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : R("", true), "danger" === l2.type ? (e(), t(d(vn), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : R("", true), "warning" === l2.type ? (e(), t(d(dn), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : R("", true), "success" === l2.type ? (e(), t(d(ln), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : R("", true)]), i("div", wa, [i("h3", { class: n([{ "text-red-800": "danger" === l2.type, "text-yellow-800": "warning" === l2.type, "text-green-800": "success" === l2.type }, "text-sm font-medium"]) }, _(l2.title), 3), i("div", { class: n([{ "text-red-700": "danger" === l2.type, "text-yellow-700": "warning" === l2.type, "text-green-700": "success" === l2.type }, "mt-2 text-sm"]) }, [r(o2.$slots, "default")], 2), i("div", ka, [i("div", Sa, [(e(true), a(w, null, j(l2.actions, (t2, r2) => (e(), a("button", { onClick: (e2) => o2.$emit("alertEvent", t2.event), type: "button", key: r2, class: n([{ "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": "success" === l2.type, "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": "info" === l2.type, "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": "danger" === l2.type, "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": "warning" === l2.type }, "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"]) }, _(t2.name), 11, Ca))), 128))])])])])], 2)])) }), Ea = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, Ia = { role: "list", class: "flex items-center space-x-4 text-xs" }, _a = { key: 0 }, Pa = ["onClick"], ja = { key: 1, class: "flex items-center" }, Ra = ["onClick", "aria-current"], Ba = { key: 1, class: "flex flex-row items-center animate-pulse" }, Aa = [i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1), i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)], La = { name: "uiBreadcrumbs" }, Fa = Object.assign(La, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), a("div", Ba, Aa)) : (e(), a("nav", Ea, [i("ol", Ia, [(e(true), a(w, null, j(t2.pages, (t3, r3) => (e(), a("li", { key: r3 }, [0 === r3 ? (e(), a("div", _a, [i("p", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer" }, [o(d(pn), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, Pa)])) : (e(), a("div", ja, [o(d(rn), { class: "flex-shrink-0 h-3 w-3 text-gray-400", "aria-hidden": "true" }), i("span", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: n(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !t3.current }]), "aria-current": t3.current ? "page" : "" }, _(t3.name), 11, Ra)]))]))), 128))])])) }), Na = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, za = ["src"], $a = { class: "font-bold text-center sm:text-left" }, Va = { class: "mt-1 text-xs text-center sm:text-left" }, Ha = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Ya = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, Ua = [z('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)], qa = { name: "uiCard" }, Wa = Object.assign(qa, { props: { id: { type: String, required: true }, name: { type: String, required: true }, type: String, tags: Array, logo: String, loading: { type: Boolean, default: true } }, setup: (l2) => (n2, o2) => {
|
|
2182
2181
|
var _a2;
|
|
2183
|
-
return l2.loading ? (e(), a("div",
|
|
2184
|
-
} }),
|
|
2182
|
+
return l2.loading ? (e(), a("div", Ya, Ua)) : (e(), a("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: o2[0] || (o2[0] = (e2) => n2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", Na, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, za), i("div", null, [i("h4", $a, _(l2.name), 1), i("p", Va, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), a("div", Ha, [(e(true), a(w, null, j(l2.tags, (n3) => (e(), t(aa, { class: "mb-1 mr-1", key: n3.name, color: n3.color, loading: l2.loading }, { default: E(() => [I(_(n3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : R("", true)]));
|
|
2183
|
+
} }), Ka = { name: "uiFilter" }, Ja = Object.assign(Ka, { props: { position: { type: String, default: "left" }, items: { type: Array, required: true }, label: { type: String, required: true }, loading: { type: Boolean, default: true } }, emits: ["filterSelected"], setup(l2, { emit: n2 }) {
|
|
2185
2184
|
const a2 = n2, o2 = s(l2.items);
|
|
2186
|
-
return (n3, r2) => (e(), t(
|
|
2185
|
+
return (n3, r2) => (e(), t(Sn, { loading: l2.loading, onOptionSelected: r2[0] || (r2[0] = (e2) => ((e3) => {
|
|
2187
2186
|
o2.value.forEach((t2) => {
|
|
2188
2187
|
t2.value !== e3 ? t2.active = false : t2.active = true;
|
|
2189
2188
|
}), a2("filterSelected", e3);
|
|
2190
2189
|
})(e2)), position: l2.position, items: o2.value, label: l2.label }, null, 8, ["loading", "position", "items", "label"]));
|
|
2191
|
-
} }),
|
|
2190
|
+
} }), Ga = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), Za = { class: "fixed inset-0 z-10 overflow-y-auto" }, Xa = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Qa = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, eo = i("span", { class: "sr-only" }, "X", -1), to = { class: "sm:flex sm:items-start" }, lo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, no = { class: "mt-4 text-gray-500 text-sm" }, ao = { key: 0, class: "mt-8" }, oo = ["onClick"], ro = { name: "uiModal" }, io = Object.assign(ro, { props: { title: String, actions: Object, modalName: String, open: { type: Boolean, default: false }, type: { type: String, default: "default" }, loading: { type: Boolean, default: false } }, emits: ["modalAction"], setup(l2, { emit: s2 }) {
|
|
2192
2191
|
const u2 = l2, c2 = s2, p2 = (e2) => {
|
|
2193
2192
|
c2("modalAction", { modal: u2.modalName, action: e2 });
|
|
2194
2193
|
};
|
|
2195
|
-
return (s3, u3) => (e(), t(d(
|
|
2196
|
-
} }),
|
|
2194
|
+
return (s3, u3) => (e(), t(d(Xl), { as: "template", show: l2.open }, { default: E(() => [o(d(cl), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => p2("close")) }, { default: E(() => [o(d(Gl), { as: "template", enter: "ease-out duration-300", "enter-from": "opacity-0", "enter-to": "opacity-100", leave: "ease-in duration-200", "leave-from": "opacity-100", "leave-to": "opacity-0" }, { default: E(() => [Ga]), _: 1 }), i("div", Za, [i("div", Xa, [o(d(Gl), { as: "template", enter: "ease-out duration-300", "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", "enter-to": "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", "leave-from": "opacity-100 translate-y-0 sm:scale-100", "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" }, { default: E(() => [o(d(pl), { class: "relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 w-9/12 sm:w-full sm:max-w-lg sm:p-6" }, { default: E(() => [i("div", Qa, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: u3[0] || (u3[0] = (e2) => p2("close")) }, [eo, o(J, { icon: d(hn), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", to, [i("div", { class: n(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", { "bg-red-100": "danger" === l2.type, "bg-green-100": "success" === l2.type, "bg-indigo-100": "default" === l2.type, "bg-yellow-100": "warning" === l2.type }]) }, [B(o(d(hn), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[L, "danger" === l2.type]]), B(o(d(nn), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[L, "success" === l2.type]]), B(o(d(dn), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[L, "warning" === l2.type]]), B(o(d(cn), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[L, "default" === l2.type]])], 2), i("div", lo, [o(d(gl), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: E(() => [I(_(l2.title), 1)]), _: 1 }), i("div", no, [r(s3.$slots, "default")]), l2.actions ? (e(), a("div", ao, [(e(true), a(w, null, j(l2.actions, (t2, l3) => (e(), a("button", { key: l3, type: "button", class: "inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm", onClick: (e2) => p2(t2.value) }, _(t2.name), 9, oo))), 128))])) : R("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
|
|
2195
|
+
} }), so = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, uo = { key: 0, class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden" }, co = { class: "p-4" }, po = { class: "flex items-start" }, go = { class: "flex-shrink-0 mt-0.5" }, mo = { class: "ml-3 w-0 flex-1 pt-0.5" }, fo = { class: "font-medium text-gray-900" }, vo = { class: "mt-1 text-sm text-gray-500" }, ho = { class: "ml-4 flex-shrink-0 flex" }, bo = i("span", { class: "sr-only" }, "Close", -1), yo = { name: "uiNotification" }, xo = Object.assign(yo, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
|
|
2197
2196
|
const l2 = t2, r2 = u(() => l2.show);
|
|
2198
|
-
return (l3, s2) => (e(), a("div", { "aria-live": "assertive", class: n([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div",
|
|
2199
|
-
} }),
|
|
2197
|
+
return (l3, s2) => (e(), a("div", { "aria-live": "assertive", class: n([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", so, [o(P, { "enter-active-class": "transform ease-out duration-300 transition", "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2", "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0", "leave-active-class": "transition ease-in duration-100", "leave-from-class": "opacity-100", "leave-to-class": "opacity-0" }, { default: E(() => [r2.value ? (e(), a("div", uo, [i("div", co, [i("div", po, [i("div", go, [B(o(d(ln), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[L, "success" === t2.type]]), B(o(d(vn), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[L, "danger" === t2.type]]), B(o(d(dn), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[L, "warning" === t2.type]]), B(o(d(gn), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[L, "info" === t2.type]])]), i("div", mo, [i("p", fo, _(t2.title), 1), i("p", vo, _(t2.message), 1)]), i("div", ho, [i("button", { class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", type: "button", onClick: s2[0] || (s2[0] = (e2) => l3.$emit("closeNotification")) }, [bo, o(d(hn), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : R("", true)]), _: 1 })])], 2));
|
|
2198
|
+
} }), wo = { key: 0, role: "list", class: "divide-y divide-gray-100" }, ko = { class: "min-w-0" }, So = { class: "flex items-start gap-x-3" }, Co = { class: "text-sm font-semibold leading-6 text-gray-900" }, Oo = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Mo = { class: "truncate" }, Do = { class: "flex flex-none items-center gap-x-4" }, To = ["href"], Eo = { class: "sr-only" }, Io = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, _o = [z('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)], Po = { name: "uiTaskList" }, jo = Object.assign(Po, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("ul", Io, [(e(true), a(w, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, _o))), 128))])) : (e(), a("ul", wo, [(e(true), a(w, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", ko, [i("div", So, [i("p", Co, _(t3.name), 1), i("p", { class: n([{ "text-green-700 bg-green-50 ring-green-600/20": "Complete" === t3.status, "text-gray-600 bg-gray-50 ring-gray-500/10": "In progress" === t3.status, "text-yellow-800 bg-yellow-50 ring-yellow-600/20": "Incomplete" === t3.status }, "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"]) }, _(t3.statusLiteral), 3)]), i("div", Oo, [i("p", Mo, _(t3.description), 1)])]), i("div", Do, [i("a", { href: t3.href, class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block" }, [I(_(t3.action), 1), i("span", Eo, ", " + _(t3.name), 1)], 8, To)])]))), 128))])) });
|
|
2200
2199
|
"undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self && self;
|
|
2201
|
-
function
|
|
2200
|
+
function Ro(e2) {
|
|
2202
2201
|
return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
|
|
2203
2202
|
}
|
|
2204
2203
|
!function(e2) {
|
|
@@ -2234,42 +2233,42 @@ function jo(e2) {
|
|
|
2234
2233
|
} };
|
|
2235
2234
|
l2.default.locale(n2, null, true);
|
|
2236
2235
|
}(Y);
|
|
2237
|
-
const
|
|
2236
|
+
const Bo = (e2, t2) => {
|
|
2238
2237
|
const l2 = e2.__vccOpts || e2;
|
|
2239
2238
|
for (const [e3, n2] of t2)
|
|
2240
2239
|
l2[e3] = n2;
|
|
2241
2240
|
return l2;
|
|
2242
|
-
},
|
|
2243
|
-
const
|
|
2241
|
+
}, Ao = { class: "dateSelector flex items-center text-white flex-row" }, Lo = { class: "pagination flex items-center my-1 md:my-0" }, Fo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, No = { class: "pagination flex items-center my-1 sm:my-0" };
|
|
2242
|
+
const zo = Bo({ name: "dateSelector", components: { ChevronLeftIcon: on, ChevronRightIcon: rn }, computed: { currentDate() {
|
|
2244
2243
|
return Y(this.selectedDate).locale("es").format("DD MMM. YYYY");
|
|
2245
2244
|
} }, props: { selectedDate: { type: Object, required: true } }, methods: { selectDate(e2, t2) {
|
|
2246
2245
|
let l2;
|
|
2247
2246
|
"previous" === t2 && ("day" === e2 && (l2 = Y(this.selectedDate).subtract(1, "day")), "month" === e2 && (l2 = Y(this.selectedDate).subtract(1, "month")), "year" === e2 && (l2 = Y(this.selectedDate).subtract(1, "year"))), "next" === t2 && ("day" === e2 && (l2 = Y(this.selectedDate).add(1, "day")), "month" === e2 && (l2 = Y(this.selectedDate).add(1, "month")), "year" === e2 && (l2 = Y(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l2);
|
|
2248
2247
|
} } }, [["render", function(t2, l2, n2, r2, s2, u2) {
|
|
2249
2248
|
const d2 = $("ChevronLeftIcon"), c2 = $("ChevronRightIcon");
|
|
2250
|
-
return e(), a("div",
|
|
2251
|
-
}]]),
|
|
2252
|
-
const
|
|
2253
|
-
return e(), a("div",
|
|
2249
|
+
return e(), a("div", Ao, [i("div", Lo, [i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[0] || (l2[0] = (e2) => u2.selectDate("year", "previous")) }, [o(d2, { class: "h-4" }), o(d2, { class: "h-4 -ml-3" }), o(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[1] || (l2[1] = (e2) => u2.selectDate("month", "previous")) }, [o(d2, { class: "h-4" }), o(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[2] || (l2[2] = (e2) => u2.selectDate("day", "previous")) }, [o(d2, { class: "h-4" })])]), i("div", Fo, _(u2.currentDate), 1), i("div", No, [i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[3] || (l2[3] = (e2) => u2.selectDate("day", "next")) }, [o(c2, { class: "h-4" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[4] || (l2[4] = (e2) => u2.selectDate("month", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" })]), i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[5] || (l2[5] = (e2) => u2.selectDate("year", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" }), o(c2, { class: "h-4 -ml-3" })])])]);
|
|
2250
|
+
}]]), $o = { name: "SkeletonTable" }, Vo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Ho = { class: "flow-root" }, Yo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Uo = { class: "inline-block min-w-full py-2 align-middle px-1" }, qo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Wo = { class: "min-w-full divide-y divide-gray-300" }, Ko = i("thead", { class: "bg-gray-50" }, [i("tr", null, [i("th", { scope: "col", class: "py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "relative py-3.5 pl-3 pr-4 sm:pr-6" }, [i("span", { class: "sr-only" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])])], -1), Jo = { class: "divide-y divide-gray-200 bg-white" }, Go = [i("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6" }, [i("a", { href: "#", class: "text-indigo-600 hover:text-indigo-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }), i("span", { class: "sr-only" }, [I(", {"), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])], -1)];
|
|
2251
|
+
const Zo = Bo($o, [["render", function(t2, l2, n2, o2, r2, s2) {
|
|
2252
|
+
return e(), a("div", Vo, [i("div", Ho, [i("div", Yo, [i("div", Uo, [i("div", qo, [i("table", Wo, [Ko, i("tbody", Jo, [(e(), a(w, null, j(10, (e2) => i("tr", { key: e2 }, Go)), 64))])])])])])])]);
|
|
2254
2253
|
}]]);
|
|
2255
|
-
var
|
|
2256
|
-
|
|
2254
|
+
var Xo = { exports: {} };
|
|
2255
|
+
Xo.exports = function(e2, t2, l2) {
|
|
2257
2256
|
t2.prototype.isToday = function() {
|
|
2258
2257
|
var e3 = "YYYY-MM-DD", t3 = l2();
|
|
2259
2258
|
return this.format(e3) === t3.format(e3);
|
|
2260
2259
|
};
|
|
2261
2260
|
};
|
|
2262
|
-
const
|
|
2263
|
-
const
|
|
2264
|
-
return Y.extend(
|
|
2261
|
+
const Qo = Ro(Xo.exports), er = { class: "text-xs" }, tr = { class: "font-bold text-lg" }, lr = { class: "text-xs font-medium" };
|
|
2262
|
+
const nr = Bo({ name: "calendarDay", props: { day: Object }, computed: { currentDay() {
|
|
2263
|
+
return Y.extend(Qo), { dayName: Y(this.day).locale("es").format("ddd"), day: Y(this.day).locale("es").format("DD"), month: Y(this.day).locale("es").format("MMM."), isWeekend: 6 == Y(this.day).format("d") || 0 == Y(this.day).format("d"), isToday: Y(this.day).isToday() };
|
|
2265
2264
|
} } }, [["render", function(t2, l2, o2, r2, s2, u2) {
|
|
2266
|
-
return e(), a("div", { class: n(["day select-none text-center", { "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-[#0ff] text-white": u2.currentDay.isToday }]) }, [i("p",
|
|
2267
|
-
}]]),
|
|
2265
|
+
return e(), a("div", { class: n(["day select-none text-center", { "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-[#0ff] text-white": u2.currentDay.isToday }]) }, [i("p", er, _(u2.currentDay.dayName), 1), i("p", tr, _(u2.currentDay.day), 1), i("p", lr, _(u2.currentDay.month), 1)], 2);
|
|
2266
|
+
}]]), ar = { name: "dayPrice", props: { currency: String, price: Object, basePrice: Number, isBasePrice: { type: Boolean, default: false } }, computed: { currentDay() {
|
|
2268
2267
|
return { isWeekend: 6 == Y(this.price.date).format("d") || 0 == Y(this.price.date).format("d"), price: this.price.price };
|
|
2269
|
-
} } },
|
|
2270
|
-
const
|
|
2271
|
-
return e(), a("div",
|
|
2272
|
-
}]]), uiButton:
|
|
2268
|
+
} } }, or = { class: "priceDay" };
|
|
2269
|
+
const rr = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new Date(), date: /* @__PURE__ */ new Date(), selectedRooms: [], showBasePricesModal: false, showDays: 14 }), props: { type: String, category: { type: Object, required: true }, rooms: { type: Array, required: true }, currency: Object, actions: Array, loading: { type: Boolean, default: true }, literals: { type: Object, required: true } }, components: { DateSelector: zo, Day: nr, Price: Bo(ar, [["render", function(t2, l2, o2, r2, s2, u2) {
|
|
2270
|
+
return e(), a("div", or, [i("div", { class: n([{ "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-green-300 text-white": o2.price.price > o2.basePrice, "bg-yellow-300 text-white": o2.price.price < o2.basePrice }, "select-none text-center rounded-lg p-1"]) }, _(u2.currentDay.price) + _(o2.currency), 3)]);
|
|
2271
|
+
}]]), uiButton: ee, SkeletonTable: Zo }, computed: { days() {
|
|
2273
2272
|
let e2 = [];
|
|
2274
2273
|
for (let t2 = 0; t2 < this.showDays; t2++)
|
|
2275
2274
|
e2.push(Y(this.date).add(t2, "day"));
|
|
@@ -2291,105 +2290,111 @@ const or = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
|
|
|
2291
2290
|
this.$emit("tableAction", e2);
|
|
2292
2291
|
}, changeRoomPrice(e2) {
|
|
2293
2292
|
this.$emit("changeRoomPrice", e2);
|
|
2294
|
-
} } },
|
|
2295
|
-
const
|
|
2293
|
+
} } }, ir = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, sr = { class: "flow-root" }, ur = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, dr = { class: "inline-block min-w-full align-middle" }, cr = { class: "min-w-full text-sm" }, pr = { class: "bg-white" }, gr = { colspan: "6", scope: "colgroup", class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3" }, mr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, fr = { key: 0 }, vr = { colspan: "6", class: "pl-4" }, hr = { key: 1 }, br = { colspan: "6", class: "pl-4" }, yr = { key: 2 }, xr = { colspan: "6", class: "pl-4" }, wr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, kr = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10" }, Sr = ["onClick"], Cr = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, Or = ["checked", "indeterminate"], Mr = { class: "pl-6" }, Dr = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Tr = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Er = i("th", { colspan: "14", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, null, -1), Ir = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, _r = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Pr = ["value"], jr = { class: "pl-6" }, Rr = { colspan: "2", class: "pl-4" }, Br = { colspan: "2", class: "pl-4" };
|
|
2294
|
+
const Ar = Bo(rr, [["render", function(l2, r2, s2, u2, d2, c2) {
|
|
2296
2295
|
var _a2, _b;
|
|
2297
|
-
const p2 = $("DateSelector"), g2 = $("Day"),
|
|
2298
|
-
return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div",
|
|
2299
|
-
}]]),
|
|
2296
|
+
const p2 = $("DateSelector"), g2 = $("Day"), m2 = $("uiButton"), f2 = $("Price"), v2 = $("SkeletonTable");
|
|
2297
|
+
return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div", ir, [i("div", sr, [i("div", ur, [i("div", dr, [i("table", cr, [i("tbody", pr, [i("tr", null, [i("th", gr, [o(p2, { selectedDate: l2.date, onDateSelected: r2[0] || (r2[0] = (e2) => c2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), a(w, null, j(c2.days, (t2, l3) => (e(), a("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [o(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", mr, [i("span", null, _(s2.literals.category) + " " + _(s2.category.name), 1), o(m2, { loading: s2.loading, class: "ml-4", size: "small", onClick: c2.changeCategoryBulkPrices }, { default: E(() => [I(_(s2.literals.changeInBulk), 1)]), _: 1 }, 8, ["loading", "onClick"])])]), "discounts" === s2.type ? (e(), a("tr", fr, [i("td", vr, _(s2.literals.pricesDiscount), 1), (e(true), a(w, null, j(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.changeCategorySelectionPrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer", price: t2, currency: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", hr, [i("td", br, _(s2.literals.pricesSelection), 1), (e(true), a(w, null, j(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.changeCategorySelectionPrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer", price: t2, currency: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", yr, [i("td", xr, _(s2.literals.pricesUpgrade), 1), (e(true), a(w, null, j(s2.category.upgradePrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.changeCategoryUpgradePrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer bg-gray-100", price: t2, currency: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), i("tr", null, [i("th", wr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = s2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", kr, [(e(true), a(w, null, j(s2.actions, (t2, n2) => (e(), a("button", { onClick: (e2) => c2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: n2, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, _(t2.name), 9, Sr))), 128))])) : R("", true), i("span", null, _(s2.literals.pricesSelection), 1)])]), i("tr", null, [i("th", Cr, [i("input", { type: "checkbox", class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600", checked: c2.indeterminate || l2.selectedRooms.length === s2.rooms.length, indeterminate: c2.indeterminate, onChange: r2[1] || (r2[1] = (e2) => l2.selectedRooms = e2.target.checked ? s2.rooms.map((e3) => e3.name) : []) }, null, 40, Or), i("span", Mr, _(s2.literals.room), 1)]), i("th", Dr, _(s2.literals.building), 1), i("th", Tr, _(s2.literals.floor), 1), Er]), (e(true), a(w, null, j(s2.rooms, (t2) => (e(), a("tr", { key: t2.name, class: n([{ "even:bg-gray-100": "prices" === s2.type, "odd:bg-gray-100": "discounts" === s2.type }]) }, [i("td", Ir, [l2.selectedRooms.includes(t2.name) ? (e(), a("div", _r)) : R("", true), B(i("input", { type: "checkbox", class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600", value: t2.name, "onUpdate:modelValue": r2[2] || (r2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, Pr), [[V, l2.selectedRooms]]), i("span", jr, _(t2.name), 1)]), i("td", Rr, _(t2.building), 1), i("td", Br, _(t2.floor), 1), (e(true), a(w, null, j(t2.selectionPrices, (t3, l3) => (e(), a("td", { class: "p-0", key: l3 }, [o(f2, { onClick: (e2) => c2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: s2.currency.symbol, basePrice: c2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))], 2))), 128))])])])])])]));
|
|
2298
|
+
}]]), Lr = { class: "chart-selector flex flex-row items-center justify-center" }, Fr = { name: "rangeSelector" }, Nr = Object.assign(Fr, { props: { range: { type: String } }, emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
|
|
2300
2299
|
const o2 = l2, r2 = t2;
|
|
2301
2300
|
let s2 = u(() => r2.range);
|
|
2302
2301
|
const c2 = (e2) => {
|
|
2303
2302
|
s2.value = e2, o2("rangeSelected", e2);
|
|
2304
2303
|
};
|
|
2305
|
-
return (t3, l3) => (e(), a("ul",
|
|
2306
|
-
} }),
|
|
2304
|
+
return (t3, l3) => (e(), a("ul", Lr, [i("li", { class: n({ selected: "24h" === d(s2) }), onClick: l3[0] || (l3[0] = (e2) => c2("24h")) }, " 24H ", 2), i("li", { class: n({ selected: "7d" === d(s2) }), onClick: l3[1] || (l3[1] = (e2) => c2("7d")) }, "7D", 2), i("li", { class: n({ selected: "1m" === d(s2) }), onClick: l3[2] || (l3[2] = (e2) => c2("1m")) }, "1M", 2), i("li", { class: n({ selected: "3m" === d(s2) }), onClick: l3[3] || (l3[3] = (e2) => c2("3m")) }, "3M", 2)]));
|
|
2305
|
+
} }), zr = { class: "chart-header flex flex-row justify-between" }, $r = { class: "text-sm font-medium text-gray-500 truncate" }, Vr = { class: "chart-content" }, Hr = { class: "h-full w-full flex items-center justify-center flex-col" }, Yr = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Ur = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, qr = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Wr = { name: "uiChart" }, Kr = Object.assign(Wr, { props: { title: String, id: { type: String, default: "noChartId" }, type: { type: String, default: "area" }, series: { type: Array, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, horizontal: { type: Boolean, default: false }, stacked: { type: Boolean, default: false }, height: { type: Number, default: 320 }, annotations: { type: Object } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
|
|
2307
2306
|
const r2 = l2, s2 = t2;
|
|
2308
2307
|
let c2 = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: true }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } } };
|
|
2309
2308
|
s2.annotations && (c2.annotations = { yaxis: [{ y: s2.annotations.high, borderColor: "#4f46e5", label: { borderColor: "#4f46e5", style: { color: "#fff", background: "#4f46e5" }, text: s2.annotations.text } }] }), "area" === s2.type && (c2.tooltip = { intersect: true, shared: false });
|
|
2310
|
-
const p2 = u(() => s2.series), g2 = u(() => (c2.chart.stacked = s2.stacked, { ...c2, ...s2.options, plotOptions: { bar: { horizontal: s2.horizontal } } })),
|
|
2309
|
+
const p2 = u(() => s2.series), g2 = u(() => (c2.chart.stacked = s2.stacked, { ...c2, ...s2.options, plotOptions: { bar: { horizontal: s2.horizontal } } })), m2 = () => r2("chartUpdated"), f2 = (e2, t3, l3) => {
|
|
2311
2310
|
r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
|
|
2312
2311
|
};
|
|
2313
|
-
return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div",
|
|
2314
|
-
} }),
|
|
2315
|
-
const
|
|
2316
|
-
return e(), a("footer",
|
|
2317
|
-
}]]),
|
|
2318
|
-
const c2 = l2, p2 = t2, g2 = s(3),
|
|
2312
|
+
return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", zr, [i("div", $r, _(t2.title), 1), o(Nr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Vr, [o(d(U), { type: t2.type, series: p2.value, width: "100%", height: t2.height, options: g2.value, onUpdated: m2, onMounted: m2, onDataPointSelection: f2 }, null, 8, ["type", "series", "height", "options"])], 512), [[L, !t2.empty]]), B(i("div", Hr, [o(J, { icon: d(dn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Yr], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Ur, qr, 512), [[L, t2.loading]])], 64));
|
|
2313
|
+
} }), Jr = { name: "uiFooter" }, Gr = { class: "bg-white" }, Zr = [i("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [i("div", { class: "mt-8 md:mt-0 md:order-1" }, [i("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")])], -1)];
|
|
2314
|
+
const Xr = Bo(Jr, [["render", function(t2, l2, n2, o2, r2, i2) {
|
|
2315
|
+
return e(), a("footer", Gr, Zr);
|
|
2316
|
+
}]]), Qr = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), ei = { name: "uiLoadScreen" }, ti = Object.assign(ei, { props: { title: String, message: String, fixed: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => (e(), a("div", { class: n([{ fixed: t2.fixed }, "load-screen h-full w-full top-0 left-0 z-50 flex flex-col items-center justify-center bg-gray-50"]) }, [Qr, B(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, _(t2.title), 513), [[L, t2.title]]), B(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, _(t2.message), 513), [[L, t2.message]])], 2)) }), li = { key: 0, class: "py-6 flex items-center justify-between" }, ni = { class: "flex-1 flex justify-between sm:hidden" }, ai = { href: "#", class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, oi = { href: "#", class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, ri = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, ii = { class: "text-sm text-gray-700" }, si = { class: "font-bold" }, ui = { class: "font-bold" }, di = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, ci = { class: "sr-only" }, pi = ["onClick"], gi = { class: "sr-only" }, mi = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, fi = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1), i("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)], vi = { name: "uiPagination" }, hi = Object.assign(vi, { props: { current: { type: Number, requires: true }, total: { type: Number, requires: true }, loading: { type: Boolean, default: true } }, emits: ["changePage"], setup(t2, { emit: l2 }) {
|
|
2317
|
+
const c2 = l2, p2 = t2, g2 = s(3), m2 = u(() => Math.max(1, Number(p2.current) - Number(g2.value))), f2 = u(() => Math.min(Number(p2.current) + Number(g2.value), Number(p2.total))), v2 = u(() => {
|
|
2319
2318
|
let e2 = [];
|
|
2320
|
-
for (let t3 = Number(
|
|
2319
|
+
for (let t3 = Number(m2.value); t3 <= Number(f2.value); t3++)
|
|
2321
2320
|
e2.push(t3);
|
|
2322
2321
|
return e2;
|
|
2323
2322
|
});
|
|
2324
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
2325
|
-
} }),
|
|
2323
|
+
return (l3, s2) => t2.loading ? (e(), a("div", mi, fi)) : (e(), a("div", li, [i("div", ni, [i("a", ai, [r(l3.$slots, "previous")]), i("a", oi, [r(l3.$slots, "next")])]), i("div", ri, [i("div", null, [i("p", ii, [r(l3.$slots, "showing"), I(), i("span", si, _(t2.current + " "), 1), r(l3.$slots, "of"), I(), i("span", ui, _(t2.total), 1)])]), i("div", null, [i("nav", di, [B(i("button", { onClick: s2[0] || (s2[0] = (e2) => c2("changePage", t2.current - 1)), class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", ci, [r(l3.$slots, "previous")]), o(d(on), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, 1 !== t2.current]]), (e(true), a(w, null, j(v2.value, (l4) => (e(), a("button", { onClick: (e2) => c2("changePage", l4), key: l4, "aria-current": "page", class: n([[l4 === t2.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"]) }, _(l4), 11, pi))), 128)), B(i("button", { onClick: s2[1] || (s2[1] = (e2) => c2("changePage", t2.current + 1)), class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", gi, [r(l3.$slots, "next")]), o(d(rn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, t2.current !== t2.total]])])])])]));
|
|
2324
|
+
} }), bi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, yi = { class: "flex flex-col flex-grow overflow-y-auto" }, xi = { class: "grow flex flex-col" }, wi = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, ki = { key: 0 }, Si = ["onClick"], Ci = { key: 0, class: "text-left" }, Oi = { key: 0, class: "flex-1 text-left" }, Mi = { key: 1, class: "flex-1" }, Di = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], Ti = { key: 0, class: "align-left" }, Ei = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, Ii = { class: "h-12 flex flex-row items-center" }, _i = [i("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1), i("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)], Pi = { name: "uiSidebar" }, ji = Object.assign(Pi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: r2 }) {
|
|
2326
2325
|
const s2 = r2;
|
|
2327
|
-
return (r3, u2) => (e(), a("div",
|
|
2328
|
-
} }),
|
|
2326
|
+
return (r3, u2) => (e(), a("div", bi, [i("div", yi, [i("div", xi, [i("nav", wi, [l2.loading ? (e(), a(w, { key: 1 }, j(5, (e2) => i("div", Ii, _i)), 64)) : (e(true), a(w, { key: 0 }, j(l2.navigation, (r4) => (e(), a(w, { key: r4.name }, [r4.children ? (e(), t(d(bl), { key: 1, as: "div", class: "space-y-1" }, { default: E(({ open: i2 }) => [o(d(yl), { class: n([r4.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"]) }, { default: E(() => [o(J, { loading: l2.loading, icon: r4.icon, class: n([r4.current ? "text-white" : "text-gray-400 group-hover:text-gray-500", "mr-3 flex-shrink-0 h-6 w-6"]), "aria-hidden": "true" }, null, 8, ["loading", "icon", "class"]), l2.loading ? (e(), a("div", Mi, Di)) : (e(), a("span", Oi, _(r4.name), 1)), o(d(rn), { class: n([i2 ? "text-gray-400 rotate-90" : "text-gray-400", "ml-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"]) }, null, 8, ["class"])]), _: 2 }, 1032, ["class"]), o(d(xl), { class: "space-y-1" }, { default: E(() => [(e(true), a(w, null, j(r4.children, (o2) => (e(), t(d(yl), { onClick: (e2) => s2("sideBarClick", o2.id), key: o2.name, class: n([o2.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"]) }, { default: E(() => [l2.loading ? (e(), a("div", Ei)) : (e(), a("span", Ti, _(o2.name), 1))]), _: 2 }, 1032, ["onClick", "class"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), a("div", ki, [i("button", { onClick: (e2) => s2("sideBarClick", r4.id), class: n([r4.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"]) }, [o(J, { loading: l2.loading, icon: r4.icon, class: n([r4.current ? "text-white" : "text-gray-400 group-hover:text-gray-500", "mr-3 flex-shrink-0 h-6 w-6"]), "aria-hidden": "true" }, null, 8, ["loading", "icon", "class"]), l2.loading ? R("", true) : (e(), a("span", Ci, _(r4.name), 1))], 10, Si)]))], 64))), 128))])])])]));
|
|
2327
|
+
} }), Ri = { key: 0 }, Bi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Ai = { class: "ml-16 flex items-baseline pb-5" }, Li = { class: "text-2xl font-semibold text-gray-900" }, Fi = { key: 0, class: "text-black ml-2 flex items-baseline text-sm font-semibold" }, Ni = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, zi = { class: "text-sm" }, $i = { key: 1 }, Vi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Hi = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Yi = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 mb-4 animate-pulse" })], -1), Ui = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 animate-pulse" })], -1), qi = { name: "uiStats" }, Wi = Object.assign(qi, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: r2 }) {
|
|
2329
2328
|
const s2 = r2;
|
|
2330
|
-
return (r3, u2) => l2.loading ? (e(), a("div",
|
|
2331
|
-
} }),
|
|
2329
|
+
return (r3, u2) => l2.loading ? (e(), a("div", $i, [i("div", Vi, [i("dt", null, [i("div", Hi, [o(J, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Yi, Ui])])])) : (e(), a("div", Ri, [i("div", { class: n(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": l2.item.showFooter }]) }, [i("dt", null, [i("div", { class: n(["absolute rounded-md p-3", { "bg-indigo-500": !l2.item.color, "bg-green-500": "success" === l2.item.color, "bg-red-500": "danger" === l2.item.color, "bg-yellow-500": "warning" === l2.item.color }]) }, [o(J, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", Bi, _(l2.item.name), 1)]), i("dd", Ai, [i("p", Li, _(l2.item.stat), 1), l2.item.explanation ? (e(), a("p", Fi, _(l2.item.explanation), 1)) : R("", true), l2.item.changeType ? (e(), a("p", { key: 1, class: n([{ "text-green-600": "increase" === l2.item.changeType, "text-red-600": "decrease" === l2.item.changeType, "text-black": "neutral" === l2.item.changeType }, "ml-2 flex items-baseline text-sm font-semibold"]) }, ["increase" === l2.item.changeType ? (e(), t(d(en), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : R("", true), "decrease" === l2.item.changeType ? (e(), t(d(Ql), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : R("", true), I(" " + _(l2.item.change), 1)], 2)) : R("", true), B(i("div", Ni, [i("div", zi, [i("span", { onClick: u2[0] || (u2[0] = (e2) => s2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, _(l2.item.actionText), 1)])], 512), [[L, l2.item.showFooter]])])], 2)]));
|
|
2330
|
+
} }), Ki = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Ji = { class: "px-4 py-5 sm:px-6" }, Gi = { class: "text-lg font-medium leading-6 text-gray-900" }, Zi = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Xi = { class: "border-t border-gray-200" }, Qi = { class: "text-sm font-medium text-gray-500" }, es = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, ts = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, ls = ["onClick"], ns = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, as = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, os = z('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6 text-gray-900"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><p class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></p></div>', 1), rs = { class: "border-t border-gray-200" }, is = [i("dt", { class: "text-sm font-medium text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1), i("dd", { class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1)], ss = { name: "uiStripedCard" }, us = Object.assign(ss, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: r2 }) => (r3, s2) => l2.loading ? (e(), a("div", as, [os, i("div", rs, [i("dl", null, [(e(), a(w, null, j(5, (e2) => i("div", { key: e2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, is, 2)), 64))])])])) : (e(), a("div", Ki, [i("div", Ji, [i("h3", Gi, _(l2.title), 1), i("p", Zi, _(l2.subtitle), 1)]), i("div", Xi, [i("dl", null, [(e(true), a(w, null, j(l2.items, (s3, u2) => (e(), a("div", { key: u2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [u2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", Qi, _(s3.title), 1), "tag" === s3.type ? (e(), a("dd", es, [o(aa, { color: s3.color }, { default: E(() => [I(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), a("dd", ts, [(e(true), a(w, null, j(s3.tags, (n2, a2) => (e(), t(aa, { loading: l2.loading, key: a2, color: n2.color, class: "mr-2 mb-2" }, { default: E(() => [I(_(n2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), a("dd", { key: 2, class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer", onClick: (e2) => r3.$emit("itemClicked", s3.emits) }, _(s3.text), 9, ls)) : (e(), a("dd", ns, _(s3.text), 1))], 2))), 128))])])])) }), ds = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, cs = i("svg", { class: "absolute -top-3 left-0", xmlns: "http://www.w3.org/2000/svg", width: "27.687", height: "26.954", viewBox: "0 0 27.687 26.954" }, [i("path", { id: "Polígono_1", "data-name": "Polígono 1", d: "M10.5,0,21,19H0Z", transform: "translate(0 10.5) rotate(-30)", fill: "#4f46e5" })], -1), ps = { class: "ml-2" }, gs = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, n2) => (e(), a("div", ds, [cs, i("div", null, [o(J, { icon: d(mn), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", ps, _(t2.tip), 1)])) }, ms = { key: 0 }, fs = { class: "flex flex-col" }, vs = { class: "-my-2 overflow-x-auto" }, hs = { class: "inline-block min-w-full py-2 align-middle px-1" }, bs = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, ys = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10" }, xs = ["onClick"], ws = { class: "min-w-full table-fixed divide-y divide-gray-300" }, ks = { class: "bg-gray-50" }, Ss = ["checked", "indeterminate"], Cs = ["onMouseover", "onMouseleave"], Os = ["onClick"], Ms = { key: 2, class: "group flex items-center uppercase text-xs" }, Ds = { class: "divide-y divide-gray-200 bg-white" }, Ts = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Es = ["value"], Is = ["onClick"], _s = ["href"], Ps = { key: 3 }, js = { name: "uiTable" }, Rs = Object.assign(js, { props: { header: { type: Array, required: true }, items: { type: Array, required: true }, orderedBy: String, orderDirection: { type: String, default: "asc" }, actions: Array, loading: { type: Boolean, default: true } }, emits: ["tableAction", "orderBy"], setup(l2, { emit: r2 }) {
|
|
2332
2331
|
let c2 = s([]);
|
|
2333
2332
|
s(false);
|
|
2334
2333
|
let p2 = s(void 0);
|
|
2335
|
-
const g2 = r2,
|
|
2334
|
+
const g2 = r2, m2 = l2, f2 = u(() => c2.value.length > 0 && c2.value.length < m2.items.length), v2 = (e2, t2) => {
|
|
2336
2335
|
p2 !== e2 && t2 && (p2.value = e2), t2 || (p2.value = void 0);
|
|
2337
2336
|
};
|
|
2338
2337
|
return (r3, s2) => {
|
|
2339
2338
|
var _a2, _b;
|
|
2340
|
-
return l2.loading ? (e(), t(
|
|
2339
|
+
return l2.loading ? (e(), t(Zo, { key: 1 })) : (e(), a("div", ms, [i("div", fs, [i("div", vs, [i("div", hs, [i("div", bs, [((_a2 = d(c2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", ys, [(e(true), a(w, null, j(l2.actions, (t2, l3) => (e(), a("button", { onClick: (e2) => g2("tableAction", { action: t2.id, items: d(c2) }), key: l3, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, _(t2.name), 9, xs))), 128))])) : R("", true), i("table", ws, [i("thead", ks, [i("tr", null, [i("th", { scope: "col", class: n([l2.actions ? "px-6 sm:px-8" : "px-3", "relative"]) }, [l2.actions ? (e(), a("input", { key: 0, checked: f2.value || d(c2).length === l2.items.length, indeterminate: f2.value, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500", type: "checkbox", onChange: s2[0] || (s2[0] = (e2) => H(c2) ? c2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : c2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, Ss)) : R("", true)], 2), (e(true), a(w, null, j(l2.header, (r4, s3) => (e(), a("th", { key: s3, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap relative", scope: "col", onMouseover: (e2) => v2(r4.name, true), onMouseleave: (e2) => v2(r4.name, false) }, [r4.tooltip ? B((e(), t(gs, { key: 0, tip: r4.tooltip }, null, 8, ["tip"])), [[L, d(p2) === r4.name]]) : R("", true), r4.value ? (e(), a("button", { key: 1, class: "group flex items-center uppercase text-xs relative", onClick: (e2) => g2("orderBy", { value: r4.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, _(r4.name), 1), i("span", { class: n([[r4.value === l2.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"]) }, [o(J, { icon: "asc" === l2.orderDirection ? d(an) : d(un), loading: l2.loading, color: r4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, Os)) : (e(), a("p", Ms, [i("span", null, _(r4.name), 1)]))], 40, Cs))), 128))])]), i("tbody", Ds, [(e(true), a(w, null, j(l2.items, (o2, r4) => {
|
|
2341
2340
|
var _a3, _b2;
|
|
2342
|
-
return e(), a("tr", { key: o2.id, class: n([d(c2).includes(o2.id) && "bg-gray-50", r4 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: n([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [d(c2).includes(o2.id) ? (e(), a("div",
|
|
2341
|
+
return e(), a("tr", { key: o2.id, class: n([d(c2).includes(o2.id) && "bg-gray-50", r4 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: n([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [d(c2).includes(o2.id) ? (e(), a("div", Ts)) : R("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? B((e(), a("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => H(c2) ? c2.value = e2 : c2 = e2), value: o2.id, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap", type: "checkbox" }, null, 8, Es)), [[V, d(c2)]]) : R("", true)], 2), (e(true), a(w, null, j(o2.row, (r5, i2) => (e(), a("td", { key: i2, class: n(["whitespace-nowrap py-4 pr-3 text-sm", d(c2).includes(o2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof r5 && "tag" === r5.type ? (e(), t(aa, { key: 0, loading: l2.loading, color: r5.color }, { default: E(() => [I(_(r5.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof r5 && "link" === r5.type ? (e(), a("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => g2(r5.emits, { id: o2.id, data: (o2 == null ? void 0 : o2.emitWith) || null }) }, _(r5.content), 9, Is)) : "object" == typeof r5 && "href" === r5.type ? (e(), a("a", { key: 2, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", href: r5.href, target: "_blank" }, _(r5.content), 9, _s)) : (e(), a("span", Ps, _(r5), 1))], 2))), 128))], 2);
|
|
2343
2342
|
}), 128))])])])])])])]));
|
|
2344
2343
|
};
|
|
2345
|
-
} }),
|
|
2344
|
+
} }), Bs = { class: "lg:hidden" }, As = ["value"], Ls = { class: "hidden lg:block" }, Fs = { class: "border-b border-gray-200" }, Ns = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, zs = ["onClick", "aria-current"], $s = { name: "uiTabs" }, Vs = Object.assign($s, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
|
|
2346
2345
|
const o2 = l2;
|
|
2347
|
-
return (l3, r2) => (e(), a("div", null, [i("div",
|
|
2346
|
+
return (l3, r2) => (e(), a("div", null, [i("div", Bs, [i("select", { onChange: r2[0] || (r2[0] = (e2) => {
|
|
2348
2347
|
o2("tabClicked", e2.target.value);
|
|
2349
|
-
}), id: "tabs", name: "tabs", class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm" }, [(e(true), a(w, null, j(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9,
|
|
2350
|
-
} }), Hs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" },
|
|
2348
|
+
}), id: "tabs", name: "tabs", class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm" }, [(e(true), a(w, null, j(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9, As))), 128))], 32)]), i("div", Ls, [i("div", Fs, [i("nav", Ns, [(e(true), a(w, null, j(t2.tabs, (t3) => (e(), a("a", { key: t3.name, onClick: (e2) => o2("tabClicked", t3.id), class: n([t3.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200", "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"]), "aria-current": t3.current ? "page" : void 0 }, [I(_(t3.name) + " ", 1), t3.count ? (e(), a("span", { key: 0, class: n([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, _(t3.count), 3)) : R("", true)], 10, zs))), 128))])])])]));
|
|
2349
|
+
} }), Hs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, Ys = { class: "px-4 py-5 sm:px-6" }, Us = { class: "text-xl font-bold" }, qs = { class: "px-4 py-5 sm:p-6" }, Ws = { class: "flow-root" }, Ks = { class: "-mb-8", role: "list" }, Js = { class: "relative pb-8" }, Gs = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Zs = { class: "relative flex space-x-3" }, Xs = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Qs = { class: "text-sm text-gray-500" }, eu = ["onClick"], tu = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, lu = ["datetime"], nu = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, au = { class: "text-sm" }, ou = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, ru = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), iu = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, su = i("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [i("h1", { class: "text-xl font-bold" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), uu = { class: "px-4 py-5 sm:p-6 animate-pulse" }, du = { class: "flow-root" }, cu = { class: "-mb-8", role: "list" }, pu = { class: "relative pb-8" }, gu = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, mu = z('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><p class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></p></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1), fu = i("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [i("div", { class: "text-sm" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), vu = { name: "uiTimeline" }, hu = Object.assign(vu, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, r2) => {
|
|
2351
2350
|
const s2 = $("uiIcon");
|
|
2352
|
-
return t2.loading ? (e(), a("div",
|
|
2353
|
-
} }),
|
|
2351
|
+
return t2.loading ? (e(), a("div", iu, [su, i("div", uu, [i("div", du, [i("ul", cu, [(e(), a(w, null, j(10, (t3) => i("li", { key: l2.index }, [i("div", pu, [10 !== t3 ? (e(), a("span", gu)) : R("", true), mu])])), 64))])])]), fu])) : (e(), a("div", Hs, [i("div", Ys, [i("h1", Us, _(t2.name), 1)]), B(i("div", qs, [i("div", Ws, [i("ul", Ks, [(e(true), a(w, null, j(t2.timeline.items, (r3, u2) => (e(), a("li", { key: u2 }, [i("div", Js, [u2 !== t2.timeline.items.length - 1 ? (e(), a("span", Gs)) : R("", true), i("div", Zs, [i("div", null, [i("span", { class: n([r3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(s2, { loading: t2.loading, icon: r3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", Xs, [i("div", null, [i("p", Qs, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", r3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(r3.target), 9, eu), I(" " + _(r3.content), 1)])]), i("div", tu, [i("time", { datetime: r3.datetime }, _(r3.date), 9, lu)])])])])]))), 128))])])], 512), [[L, !t2.empty]]), B(i("div", nu, [i("div", au, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])], 512), [[L, !t2.empty]]), B(i("div", ou, [o(J, { icon: d(dn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), ru], 512), [[L, t2.empty]])]));
|
|
2352
|
+
} }), bu = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: bl, DisclosureButton: yl, DisclosurePanel: xl, Menu: Tl, MenuButton: El, MenuItem: _l, MenuItems: Il, Bars3Icon: function(t2, l2) {
|
|
2354
2353
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" })]);
|
|
2355
|
-
}, XMarkIcon:
|
|
2356
|
-
const
|
|
2357
|
-
const p2 = $("Bars3Icon"), g2 = $("XMarkIcon"),
|
|
2358
|
-
return e(), t(x2, { as: "nav", class: "bg-white shadow z-10" }, { default: E(({ open: u3 }) => [i("div", yu, [i("div",
|
|
2354
|
+
}, XMarkIcon: hn } }, yu = { class: "mx-auto px-6 lg:px-8" }, xu = { class: "flex justify-between h-20" }, wu = { class: "flex" }, ku = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Su = i("span", { class: "sr-only" }, "Open main menu", -1), Cu = ["src"], Ou = { class: "flex items-center" }, Mu = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Du = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Tu = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], Eu = ["src"], Iu = ["onClick"], _u = { class: "pt-2 pb-3 space-y-1" }, Pu = ["onClick"], ju = { class: "pt-4 pb-3 border-t border-gray-200" }, Ru = { class: "flex items-center px-4 sm:px-6" }, Bu = { class: "flex-shrink-0" }, Au = ["src"], Lu = { key: 0, class: "ml-3" }, Fu = { class: "text-base font-medium text-gray-800" }, Nu = { class: "text-sm font-medium text-gray-500" }, zu = { class: "mt-3 space-y-1" }, $u = ["onClick"];
|
|
2355
|
+
const Vu = Bo(bu, [["render", function(l2, r2, s2, u2, d2, c2) {
|
|
2356
|
+
const p2 = $("Bars3Icon"), g2 = $("XMarkIcon"), m2 = $("DisclosureButton"), f2 = $("MenuButton"), v2 = $("MenuItem"), h2 = $("MenuItems"), b2 = $("Menu"), y2 = $("DisclosurePanel"), x2 = $("Disclosure");
|
|
2357
|
+
return e(), t(x2, { as: "nav", class: "bg-white shadow z-10" }, { default: E(({ open: u3 }) => [i("div", yu, [i("div", xu, [i("div", wu, [i("div", ku, [o(m2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: E(() => [Su, u3 ? (e(), t(g2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(p2, { key: 0, class: "block h-6 w-6", "aria-hidden": "true" }))]), _: 2 }, 1024)]), i("div", { class: "flex-shrink-0 flex items-center cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, Cu)])]), i("div", Ou, [i("div", Mu, [o(b2, { as: "div", class: "ml-3 relative" }, { default: E(() => [i("div", null, [B(o(f2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: E(() => [B(i("div", Du, Tu, 512), [[L, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Eu)]), _: 1 }, 512), [[L, s2.accountLogo]])]), o(P, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: E(() => [o(h2, { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, { default: E(() => [(e(true), a(w, null, j(s2.profileMenu, (a2) => (e(), t(v2, { key: a2.name }, { default: E(({ active: e2 }) => [i("p", { onClick: (e3) => l2.$emit("topBarClick", a2.id), class: n(["cursor-pointer", [e2 ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700"]]) }, _(a2.name), 11, Iu)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), o(y2, { class: "lg:hidden" }, { default: E(() => [i("div", _u, [(e(true), a(w, null, j(s2.navigation, (a2) => (e(), t(m2, { as: "template", key: a2.name, class: n(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", { "bg-indigo-50 border-indigo-500 text-indigo-700": a2.current && true === a2.current, "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !a2.current }]) }, { default: E(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, Pu)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", ju, [i("div", Ru, [i("div", Bu, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Au)]), s2.brand ? (e(), a("div", Lu, [i("div", Fu, _(s2.brand.title), 1), i("div", Nu, _(s2.brand.subtitle), 1)])) : R("", true)]), i("div", zu, [(e(true), a(w, null, j(s2.profileMenu, (n2) => (e(), t(m2, { as: "template", key: n2.name, class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6" }, { default: E(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, $u)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
|
|
2359
2358
|
}]]), Hu = { chart: { type: "bar", toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff"], dataLabels: { enabled: true, formatter: function(e2, t2) {
|
|
2360
2359
|
return t2.w.globals.labels[t2.dataPointIndex] + ": " + e2;
|
|
2361
|
-
} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } },
|
|
2362
|
-
const r2 = l2, s2 = t2, c2 = u(() => ({ ...s2.options, ...Hu })), p2 = u(() => s2.series), g2 = () => r2("chartUpdated"),
|
|
2360
|
+
} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } }, Yu = { class: "chart-header flex flex-row justify-between" }, Uu = { class: "text-sm font-medium text-gray-500 truncate" }, qu = { class: "chart-content" }, Wu = { class: "h-full w-full flex items-center justify-center flex-col" }, Ku = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Ju = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Gu = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Zu = { name: "uiChart" }, Xu = Object.assign(Zu, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Object, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
|
|
2361
|
+
const r2 = l2, s2 = t2, c2 = u(() => ({ ...s2.options, ...Hu })), p2 = u(() => s2.series), g2 = () => r2("chartUpdated"), m2 = (e2, t3, l3) => {
|
|
2363
2362
|
r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
|
|
2364
2363
|
};
|
|
2365
|
-
return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div",
|
|
2366
|
-
} }),
|
|
2364
|
+
return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", Yu, [i("div", Uu, _(t2.title), 1), o(Nr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", qu, [o(d(U), { type: l3.bar, series: p2.value, width: "100%", height: t2.height, options: c2.value, onUpdated: g2, onMounted: g2, onDataPointSelection: m2 }, null, 8, ["type", "series", "height", "options"])], 512), [[L, !t2.empty]]), B(i("div", Wu, [o(J, { icon: d(dn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Ku], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Ju, Gu, 512), [[L, t2.loading]])], 64));
|
|
2365
|
+
} }), Qu = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, ed = { class: "text-2xl mt-4 font-bold" }, td = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, ld = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: n2 }) => (n3, r2) => (e(), a("div", Qu, [o(J, { loading: false, icon: d(dn), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", ed, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", td, [(e(true), a(w, null, j(l2.actions, (l3, a2) => (e(), t(ee, { key: a2, loading: false, onClick: (e2) => n3.$emit("action", l3.action) }, { default: E(() => [I(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, nd = i("div", { class: "fixed inset-0" }, null, -1), ad = { class: "fixed inset-0 overflow-hidden" }, od = { class: "absolute inset-0 overflow-hidden" }, rd = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, id = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, sd = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, ud = { class: "flex items-center justify-between" }, dd = { class: "ml-3 flex h-7 items-center" }, cd = i("span", { class: "absolute -inset-2.5" }, null, -1), pd = i("span", { class: "sr-only" }, "Close panel", -1), gd = { class: "mt-1" }, md = { class: "text-sm text-indigo-300" }, fd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, vd = { name: "uiRightSidebar" }, hd = Object.assign(vd, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: n2 }) {
|
|
2367
2366
|
const a2 = n2;
|
|
2368
|
-
return (n3, s2) => (e(), t(d(
|
|
2369
|
-
} }),
|
|
2367
|
+
return (n3, s2) => (e(), t(d(Xl), { as: "template", show: l2.open }, { default: E(() => [o(d(cl), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: E(() => [nd, i("div", ad, [i("div", od, [i("div", rd, [o(d(Gl), { as: "template", enter: "transform transition ease-in-out duration-500 sm:duration-700", "enter-from": "translate-x-full", "enter-to": "translate-x-0", leave: "transform transition ease-in-out duration-500 sm:duration-700", "leave-from": "translate-x-0", "leave-to": "translate-x-full" }, { default: E(() => [o(d(pl), { class: "pointer-events-auto w-screen max-w-md" }, { default: E(() => [i("div", id, [i("div", sd, [i("div", ud, [o(d(gl), { class: "text-base font-semibold leading-6 text-white" }, { default: E(() => [I(_(l2.title), 1)]), _: 1 }), i("div", dd, [i("button", { type: "button", class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none", onClick: s2[0] || (s2[0] = (e2) => a2("closeRightBar")) }, [cd, pd, o(d(hn), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", gd, [i("p", md, _(l2.description), 1)])]), i("div", fd, [r(n3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
|
|
2368
|
+
} }), bd = { class: "uiGallery" }, yd = { key: 1, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, xd = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, wd = ["src"], kd = ["onClick"], Sd = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Cd = { class: "flex items-center justify-between" }, Od = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Md = { key: 2, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Dd = [i("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)], Td = { name: "uiGallery" }, Ed = Object.assign(Td, { props: { galleryId: String, gallery: Array, loading: Boolean, literals: Object }, setup(l2, { emit: n2 }) {
|
|
2370
2369
|
const r2 = n2, u2 = s(false);
|
|
2371
|
-
return (n3, s2) => (e(), a("div",
|
|
2370
|
+
return (n3, s2) => (e(), a("div", bd, [l2.loading ? R("", true) : (e(), t(io, { key: 0, open: u2.value, modalName: "deleteAllImagesModal", title: l2.literals.modalTitle, type: "warning", actions: [{ value: "close", name: l2.literals.closeAction }, { value: `deleteGallery_${l2.galleryId}`, name: l2.literals.deleteAction }], onModalAction: s2[0] || (s2[0] = (e2) => {
|
|
2372
2371
|
var t2;
|
|
2373
2372
|
"close" !== (t2 = e2).action ? r2("modalAction", t2) : u2.value = false;
|
|
2374
|
-
}) }, { default: E(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul",
|
|
2375
|
-
} }),
|
|
2373
|
+
}) }, { default: E(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul", Md, [(e(), a(w, null, j(4, (e2) => i("li", null, Dd)), 64))])) : (e(), a("ul", yd, [(e(true), a(w, null, j(l2.gallery, (t2) => (e(), a("li", { key: t2.source, class: "relative" }, [i("div", xd, [i("img", { src: t2.source, alt: "", class: "pointer-events-none object-cover group-hover:opacity-75" }, null, 8, wd), i("button", { type: "button", class: "absolute inset-0 focus:outline-none", onClick: (e2) => n3.$emit("imgClicked", t2) }, null, 8, kd)]), i("p", Sd, _(t2.title), 1), i("div", Cd, [i("p", Od, _(t2.size), 1), o(J, { class: "cursor-pointer", icon: d(fn), color: "red", loading: false, onClick: (e2) => r2("deleteImage", t2) }, null, 8, ["icon", "onClick"])])]))), 128))])), l2.gallery.length > 0 && !l2.loading ? (e(), t(ee, { key: 3, onClick: s2[1] || (s2[1] = (e2) => u2.value = true), class: "mt-8", loading: false, color: "red", size: "small" }, { default: E(() => [I(_(l2.literals.deleteAllImages), 1)]), _: 1 })) : R("", true)]));
|
|
2374
|
+
} }), Id = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, _d = { class: "flex flex-row items-center w-full" }, Pd = { class: "content text-sm grow" }, jd = { class: "font-bold" }, Rd = { key: 0 }, Bd = { class: "font-bold text-gray-400" }, Ad = { key: 1, class: "animate-pulse" }, Ld = [z('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)], Fd = { name: "uiDragAndDrop" }, Nd = Object.assign(Fd, { props: { elements: { type: Array, required: true }, loading: true }, setup(l2) {
|
|
2376
2375
|
const n2 = l2;
|
|
2377
2376
|
let r2 = s(n2.elements);
|
|
2378
2377
|
return p(() => n2.elements, (e2) => {
|
|
2379
2378
|
r2.value = e2;
|
|
2380
|
-
}), (n3, s2) => l2.loading ? (e(), a("div",
|
|
2381
|
-
} }),
|
|
2379
|
+
}), (n3, s2) => l2.loading ? (e(), a("div", Ad, Ld)) : (e(), t(d(q), { key: 0, modelValue: d(r2), "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => H(r2) ? r2.value = e2 : r2 = e2) }, { item: E(({ item: t2 }) => [i("div", Id, [i("div", _d, [o(J, { icon: d(tn), loading: false, color: "gray", class: "mr-4", size: "big" }, null, 8, ["icon"]), i("div", Pd, [i("p", jd, _(t2.name), 1), t2.description ? (e(), a("p", Rd, _(t2.description), 1)) : R("", true)]), i("div", Bd, _(d(r2).indexOf(t2) + 1), 1)])])]), _: 1 }, 8, ["modelValue"]));
|
|
2380
|
+
} }), zd = { class: "chart-header flex flex-row justify-between" }, $d = { class: "text-sm font-medium text-gray-500 truncate" }, Vd = { class: "chart-content" }, Hd = { class: "h-full w-full flex items-center justify-center flex-col" }, Yd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Ud = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, qd = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Wd = { name: "uiCircleChart" }, Kd = Object.assign(Wd, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Array, required: true }, labels: { type: Array, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
|
|
2382
2381
|
const r2 = l2, s2 = t2;
|
|
2383
2382
|
let c2 = { labels: s2.labels, chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: true, dropShadow: { enabled: false } } };
|
|
2384
|
-
const p2 = u(() => s2.series), g2 = u(() => ({ ...c2, ...s2.options })),
|
|
2383
|
+
const p2 = u(() => s2.series), g2 = u(() => ({ ...c2, ...s2.options })), m2 = () => r2("chartUpdated"), f2 = (e2, t3, l3) => {
|
|
2385
2384
|
r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
|
|
2386
2385
|
};
|
|
2387
|
-
return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div",
|
|
2388
|
-
} }),
|
|
2389
|
-
|
|
2390
|
-
|
|
2386
|
+
return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", zd, [i("div", $d, _(t2.title), 1), o(Nr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Vd, [o(d(U), { class: "flex items-center justify-center", type: "donut", series: p2.value, options: g2.value, height: t2.height, onUpdated: m2, onMounted: m2, onDataPointSelection: f2 }, null, 8, ["series", "options", "height"])], 512), [[L, !t2.empty]]), B(i("div", Hd, [o(J, { icon: d(dn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Yd], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Ud, qd, 512), [[L, t2.loading]])], 64));
|
|
2387
|
+
} }), Jd = { class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, Gd = { name: "uiDateRange" }, Zd = Object.assign(Gd, { props: { id: { type: String, required: true }, loading: { type: Boolean, default: true }, literals: { type: Object, required: true }, color: String, values: { type: Object, default: () => ({ from: "", to: "" }) }, error: String, disabled: Boolean, label: String }, setup(t2) {
|
|
2388
|
+
let l2 = C({ from: void 0, to: void 0 });
|
|
2389
|
+
return (r2, i2) => (e(), a("div", Jd, [o(Rn, { type: "date", loading: t2.loading, addOn: t2.literals.from, name: `dateFrom_${t2.id}`, color: t2.color, value: t2.values.from, error: t2.error, disabled: t2.disabled, label: t2.label, onInputChanged: i2[0] || (i2[0] = (e2) => d(l2).from = e2.value) }, null, 8, ["loading", "addOn", "name", "color", "value", "error", "disabled", "label"]), o(Rn, { class: n([{ "mt-6": t2.label && !t2.loading }, { "mt-4": t2.loading }]), type: "date", loading: t2.loading, addOn: t2.literals.to, name: `dateTo_${t2.id}`, color: t2.color, value: t2.values.to, error: t2.error, disabled: t2.disabled, onInputChanged: i2[1] || (i2[1] = (e2) => d(l2).to = e2.value) }, null, 8, ["class", "loading", "addOn", "name", "color", "value", "error", "disabled"]), o(ee, { disabled: t2.disabled, color: "primary", loading: t2.loading, class: n([{ "mt-6": t2.label && !t2.loading }, "h-10"]), onClick: i2[2] || (i2[2] = (e2) => r2.$emit("uiDateRangeButtonClicked", d(l2))) }, { default: E(() => [I(_(t2.literals.search), 1)]), _: 1 }, 8, ["disabled", "loading", "class"])]));
|
|
2390
|
+
} }), Xd = { class: "pt-12" }, Qd = { key: 1, class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full" }, ec = { name: "uiRangeSlider" }, tc = Object.assign(ec, { props: { loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, min: Number, max: Number, sliderValue: [Array, Number] }, emits: ["sliderUpdated"], setup(l2, { emit: n2 }) {
|
|
2391
|
+
const o2 = n2, r2 = s(l2.sliderValue);
|
|
2392
|
+
return (n3, i2) => (e(), a("div", Xd, [l2.loading ? (e(), a("p", Qd)) : (e(), t(d(W), { key: 0, modelValue: r2.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => r2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: i2[1] || (i2[1] = (e2) => o2("sliderUpdated", e2)), classes: { base: "w-full h-full relative z-1 bg-gray-300 rounded", tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-indigo-600 bg-indigo-600 transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 disabled:bg-gray-400 disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block" } }, null, 8, ["modelValue", "min", "max", "disabled"]))]));
|
|
2393
|
+
} }), lc = { uiButton: ee, uiIcon: J, uiCheckbox: ue, uiDropdown: Sn, uiInput: Rn, uiInputFile: Jn, uiSelect: ea, uiTag: aa, uiTextArea: ca, uiToggle: ha, uiAlert: Ta, uiBreadcrumbs: Fa, uiCard: Wa, uiFilter: Ja, uiModal: io, uiNotification: xo, uiTaskList: jo, uiPriceCalendar: Ar, uiChart: Kr, uiFooter: Xr, uiLoadingScreen: ti, uiPagination: hi, uiSidebar: ji, uiStats: Wi, uiStripedCard: us, uiTable: Rs, uiTabs: Vs, uiTimeline: hu, uiTopbar: Vu, uiFunnelChartV2: Xu, uiNoResults: ld, uiRightSidebar: hd, uiGallery: Ed, uiDragAndDrop: Nd, uiCircleChart: Kd, uiDateRange: Zd, uiRangeSlider: tc }, nc = { install(e2) {
|
|
2394
|
+
Object.keys(lc).forEach((t2) => {
|
|
2395
|
+
e2.component(t2, lc[t2]);
|
|
2391
2396
|
});
|
|
2392
2397
|
} };
|
|
2393
2398
|
export {
|
|
2394
|
-
|
|
2399
|
+
nc as default
|
|
2395
2400
|
};
|