@hotelinking/ui 4.33.22 → 4.34.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui.es.js +621 -611
- package/dist/ui.umd.cjs +1 -1
- package/package.json +6 -4
package/dist/ui.es.js
CHANGED
|
@@ -1,34 +1,35 @@
|
|
|
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 f, nextTick as m, watchEffect as v, onMounted as y, cloneVNode as b, h, Fragment as x, defineComponent as w, inject as k, provide as S, reactive as C, onUnmounted as O, toRaw as M, getCurrentInstance as T, Teleport 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 f, nextTick as m, watchEffect as v, onMounted as y, cloneVNode as b, h, Fragment as x, defineComponent as w, inject as k, provide as S, reactive as C, onUnmounted as O, toRaw as M, getCurrentInstance as T, Teleport as D, 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 H, isRef as V } from "vue";
|
|
2
2
|
import Y from "dayjs";
|
|
3
3
|
import U from "vue3-apexcharts";
|
|
4
|
-
|
|
5
|
-
} },
|
|
4
|
+
import q from "vue3-draggable";
|
|
5
|
+
const W = { name: "uiIcon" }, K = Object.assign(W, { 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"])) }), J = ["disabled"], G = { 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" }, Z = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), X = { name: "uiButton" }, Q = Object.assign(X, { props: { color: { type: String, default: "primary" }, size: { type: String, default: "normal" }, icon: { type: Function, default: () => {
|
|
6
|
+
} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), a("button", G, [o(K, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), Z])) : (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(K, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), r(l2.$slots, "default")], 10, J)) }), ee = { key: 0, class: "relative flex items-start" }, te = { class: "flex items-center h-5" }, le = ["checked", "value", "disabled"], ne = { class: "ml-3 text-sm" }, ae = { class: "text-gray-500" }, oe = { key: 1, class: "flex items-center animate-pulse" }, re = [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)], ie = { name: "uiCheckbox" }, se = Object.assign(ie, { 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 }) {
|
|
6
7
|
const n2 = l2, o2 = t2, u2 = s(o2.check);
|
|
7
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
8
|
+
return (l3, s2) => t2.loading ? (e(), a("div", oe, re)) : (e(), a("div", ee, [i("div", te, [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) => {
|
|
8
9
|
o2.disabled || (u2.value = !u2.value, n2("checkboxChanged", { checked: u2.value, value: o2.value }));
|
|
9
|
-
}) }, null, 40,
|
|
10
|
+
}) }, null, 40, le)]), i("div", ne, [i("span", ae, [r(l3.$slots, "default")])])]));
|
|
10
11
|
} });
|
|
11
|
-
function
|
|
12
|
-
return
|
|
12
|
+
function ue() {
|
|
13
|
+
return ue = Object.assign ? Object.assign.bind() : function(e2) {
|
|
13
14
|
for (var t2 = 1; t2 < arguments.length; t2++) {
|
|
14
15
|
var l2 = arguments[t2];
|
|
15
16
|
for (var n2 in l2)
|
|
16
17
|
Object.prototype.hasOwnProperty.call(l2, n2) && (e2[n2] = l2[n2]);
|
|
17
18
|
}
|
|
18
19
|
return e2;
|
|
19
|
-
},
|
|
20
|
+
}, ue.apply(this, arguments);
|
|
20
21
|
}
|
|
21
|
-
function
|
|
22
|
-
return
|
|
22
|
+
function de() {
|
|
23
|
+
return de = Object.assign ? Object.assign.bind() : function(e2) {
|
|
23
24
|
for (var t2 = 1; t2 < arguments.length; t2++) {
|
|
24
25
|
var l2 = arguments[t2];
|
|
25
26
|
for (var n2 in l2)
|
|
26
27
|
Object.prototype.hasOwnProperty.call(l2, n2) && (e2[n2] = l2[n2]);
|
|
27
28
|
}
|
|
28
29
|
return e2;
|
|
29
|
-
},
|
|
30
|
+
}, de.apply(this, arguments);
|
|
30
31
|
}
|
|
31
|
-
function
|
|
32
|
+
function ce(e2, t2, l2) {
|
|
32
33
|
var n2, a2, o2 = null != (n2 = l2.initialDeps) ? n2 : [];
|
|
33
34
|
return function() {
|
|
34
35
|
var n3;
|
|
@@ -49,18 +50,18 @@ function de(e2, t2, l2) {
|
|
|
49
50
|
return null == l2 || null == l2.onChange || l2.onChange(a2), a2;
|
|
50
51
|
};
|
|
51
52
|
}
|
|
52
|
-
function
|
|
53
|
+
function pe(e2, t2) {
|
|
53
54
|
if (void 0 === e2)
|
|
54
55
|
throw new Error("Unexpected undefined" + (t2 ? ": " + t2 : ""));
|
|
55
56
|
return e2;
|
|
56
57
|
}
|
|
57
|
-
var
|
|
58
|
+
var ge = function(e2) {
|
|
58
59
|
return e2;
|
|
59
|
-
},
|
|
60
|
+
}, fe = function(e2) {
|
|
60
61
|
for (var t2 = Math.max(e2.startIndex - e2.overscan, 0), l2 = Math.min(e2.endIndex + e2.overscan, e2.count - 1), n2 = [], a2 = t2; a2 <= l2; a2++)
|
|
61
62
|
n2.push(a2);
|
|
62
63
|
return n2;
|
|
63
|
-
},
|
|
64
|
+
}, me = function(e2, t2) {
|
|
64
65
|
var l2 = e2.scrollElement;
|
|
65
66
|
if (l2) {
|
|
66
67
|
var n2 = function(e3) {
|
|
@@ -81,7 +82,7 @@ var pe = function(e2) {
|
|
|
81
82
|
a2.unobserve(l2);
|
|
82
83
|
};
|
|
83
84
|
}
|
|
84
|
-
},
|
|
85
|
+
}, ve = function(e2, t2) {
|
|
85
86
|
var l2 = e2.scrollElement;
|
|
86
87
|
if (l2) {
|
|
87
88
|
var n2 = function() {
|
|
@@ -91,17 +92,17 @@ var pe = function(e2) {
|
|
|
91
92
|
l2.removeEventListener("scroll", n2);
|
|
92
93
|
};
|
|
93
94
|
}
|
|
94
|
-
},
|
|
95
|
+
}, ye = function(e2, t2, l2) {
|
|
95
96
|
if (null != t2 && t2.borderBoxSize) {
|
|
96
97
|
var n2 = t2.borderBoxSize[0];
|
|
97
98
|
if (n2)
|
|
98
99
|
return Math.round(n2[l2.options.horizontal ? "inlineSize" : "blockSize"]);
|
|
99
100
|
}
|
|
100
101
|
return Math.round(e2.getBoundingClientRect()[l2.options.horizontal ? "width" : "height"]);
|
|
101
|
-
},
|
|
102
|
+
}, be = function(e2, t2, l2) {
|
|
102
103
|
var n2, a2, o2 = t2.adjustments, r2 = void 0 === o2 ? 0 : o2, i2 = t2.behavior, s2 = e2 + r2;
|
|
103
104
|
null == (n2 = l2.scrollElement) || null == n2.scrollTo || n2.scrollTo(((a2 = {})[l2.options.horizontal ? "left" : "top"] = s2, a2.behavior = i2, a2));
|
|
104
|
-
},
|
|
105
|
+
}, he = function(e2) {
|
|
105
106
|
var t2, l2, n2 = this;
|
|
106
107
|
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 = (t2 = null, l2 = function() {
|
|
107
108
|
return t2 || ("undefined" != typeof ResizeObserver ? t2 = new ResizeObserver(function(e3) {
|
|
@@ -122,11 +123,11 @@ var pe = function(e2) {
|
|
|
122
123
|
Object.entries(e3).forEach(function(t3) {
|
|
123
124
|
var l3 = t3[0];
|
|
124
125
|
void 0 === t3[1] && delete e3[l3];
|
|
125
|
-
}), n2.options =
|
|
126
|
-
}, measureElement:
|
|
126
|
+
}), n2.options = de({ debug: false, initialOffset: 0, overscan: 1, paddingStart: 0, paddingEnd: 0, scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: false, getItemKey: ge, rangeExtractor: fe, onChange: function() {
|
|
127
|
+
}, measureElement: ye, initialRect: { width: 0, height: 0 }, scrollMargin: 0, scrollingDelay: 150, indexAttribute: "data-index", initialMeasurementsCache: [], lanes: 1 }, e3);
|
|
127
128
|
}, this.notify = function(e3) {
|
|
128
129
|
null == n2.options.onChange || n2.options.onChange(n2, e3);
|
|
129
|
-
}, this.maybeNotify =
|
|
130
|
+
}, this.maybeNotify = ce(function() {
|
|
130
131
|
return n2.calculateRange(), [n2.isScrolling, n2.range ? n2.range.startIndex : null, n2.range ? n2.range.endIndex : null];
|
|
131
132
|
}, function(e3) {
|
|
132
133
|
n2.notify(e3);
|
|
@@ -151,7 +152,7 @@ var pe = function(e2) {
|
|
|
151
152
|
})));
|
|
152
153
|
}, this.getSize = function() {
|
|
153
154
|
return n2.scrollRect[n2.options.horizontal ? "width" : "height"];
|
|
154
|
-
}, this.memoOptions =
|
|
155
|
+
}, this.memoOptions = ce(function() {
|
|
155
156
|
return [n2.options.count, n2.options.paddingStart, n2.options.scrollMargin, n2.options.getItemKey];
|
|
156
157
|
}, function(e3, t3, l3, a2) {
|
|
157
158
|
return n2.pendingMeasuredCacheIndexes = [], { count: e3, paddingStart: t3, scrollMargin: l3, getItemKey: a2 };
|
|
@@ -167,7 +168,7 @@ var pe = function(e2) {
|
|
|
167
168
|
return a2.size === n2.options.lanes ? Array.from(a2.values()).sort(function(e4, t4) {
|
|
168
169
|
return e4.end - t4.end;
|
|
169
170
|
})[0] : void 0;
|
|
170
|
-
}, this.getMeasurements =
|
|
171
|
+
}, this.getMeasurements = ce(function() {
|
|
171
172
|
return [n2.memoOptions(), n2.itemSizeCache];
|
|
172
173
|
}, function(e3, t3) {
|
|
173
174
|
var l3 = e3.count, a2 = e3.paddingStart, o2 = e3.scrollMargin, r2 = e3.getItemKey, i2 = n2.pendingMeasuredCacheIndexes.length > 0 ? Math.min.apply(Math, n2.pendingMeasuredCacheIndexes) : 0;
|
|
@@ -179,23 +180,23 @@ var pe = function(e2) {
|
|
|
179
180
|
return n2.measurementsCache = s2, s2;
|
|
180
181
|
}, { key: "production" !== process.env.NODE_ENV && "getMeasurements", debug: function() {
|
|
181
182
|
return n2.options.debug;
|
|
182
|
-
} }), this.calculateRange =
|
|
183
|
+
} }), this.calculateRange = ce(function() {
|
|
183
184
|
return [n2.getMeasurements(), n2.getSize(), n2.scrollOffset];
|
|
184
185
|
}, function(e3, t3, l3) {
|
|
185
186
|
return n2.range = e3.length > 0 && t3 > 0 ? function(e4) {
|
|
186
187
|
var t4 = e4.measurements, l4 = e4.outerSize, n3 = e4.scrollOffset, a2 = t4.length - 1, o2 = function(e5) {
|
|
187
188
|
return t4[e5].start;
|
|
188
|
-
}, r2 =
|
|
189
|
+
}, r2 = xe(0, a2, o2, n3), i2 = r2;
|
|
189
190
|
for (; i2 < a2 && t4[i2].end < n3 + l4; )
|
|
190
191
|
i2++;
|
|
191
192
|
return { startIndex: r2, endIndex: i2 };
|
|
192
193
|
}({ measurements: e3, outerSize: t3, scrollOffset: l3 }) : null;
|
|
193
194
|
}, { key: "production" !== process.env.NODE_ENV && "calculateRange", debug: function() {
|
|
194
195
|
return n2.options.debug;
|
|
195
|
-
} }), this.getIndexes =
|
|
196
|
+
} }), this.getIndexes = ce(function() {
|
|
196
197
|
return [n2.options.rangeExtractor, n2.calculateRange(), n2.options.overscan, n2.options.count];
|
|
197
198
|
}, function(e3, t3, l3, n3) {
|
|
198
|
-
return null === t3 ? [] : e3(
|
|
199
|
+
return null === t3 ? [] : e3(de({}, t3, { overscan: l3, count: n3 }));
|
|
199
200
|
}, { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: function() {
|
|
200
201
|
return n2.options.debug;
|
|
201
202
|
} }), this.indexFromElement = function(e3) {
|
|
@@ -217,7 +218,7 @@ var pe = function(e2) {
|
|
|
217
218
|
0 !== a2 && (e3.start < n2.scrollOffset && ("production" !== process.env.NODE_ENV && n2.options.debug && console.info("correction", a2), n2._scrollToOffset(n2.scrollOffset, { adjustments: n2.scrollAdjustments += a2, behavior: void 0 })), n2.pendingMeasuredCacheIndexes.push(e3.index), n2.itemSizeCache = new Map(n2.itemSizeCache.set(e3.key, t3)), n2.notify(false));
|
|
218
219
|
}, this.measureElement = function(e3) {
|
|
219
220
|
e3 && n2._measureElement(e3, void 0);
|
|
220
|
-
}, this.getVirtualItems =
|
|
221
|
+
}, this.getVirtualItems = ce(function() {
|
|
221
222
|
return [n2.getIndexes(), n2.getMeasurements()];
|
|
222
223
|
}, function(e3, t3) {
|
|
223
224
|
for (var l3 = [], n3 = 0, a2 = e3.length; n3 < a2; n3++) {
|
|
@@ -229,8 +230,8 @@ var pe = function(e2) {
|
|
|
229
230
|
return n2.options.debug;
|
|
230
231
|
} }), this.getVirtualItemForOffset = function(e3) {
|
|
231
232
|
var t3 = n2.getMeasurements();
|
|
232
|
-
return
|
|
233
|
-
return
|
|
233
|
+
return pe(t3[xe(0, t3.length - 1, function(e4) {
|
|
234
|
+
return pe(t3[e4]).start;
|
|
234
235
|
}, e3)]);
|
|
235
236
|
}, this.getOffsetForAlignment = function(e3, t3) {
|
|
236
237
|
var l3 = n2.getSize();
|
|
@@ -239,7 +240,7 @@ var pe = function(e2) {
|
|
|
239
240
|
return Math.max(Math.min(o2, e3), 0);
|
|
240
241
|
}, this.getOffsetForIndex = function(e3, t3) {
|
|
241
242
|
void 0 === t3 && (t3 = "auto"), e3 = Math.max(0, Math.min(e3, n2.options.count - 1));
|
|
242
|
-
var l3 =
|
|
243
|
+
var l3 = pe(n2.getMeasurements()[e3]);
|
|
243
244
|
if ("auto" === t3)
|
|
244
245
|
if (l3.end >= n2.scrollOffset + n2.getSize() - n2.options.scrollPaddingEnd)
|
|
245
246
|
t3 = "end";
|
|
@@ -280,7 +281,7 @@ var pe = function(e2) {
|
|
|
280
281
|
}, this.setOptions(e2), this.scrollRect = this.options.initialRect, this.scrollOffset = this.options.initialOffset, this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach(function(e3) {
|
|
281
282
|
n2.itemSizeCache.set(e3.key, e3.size);
|
|
282
283
|
}), this.maybeNotify();
|
|
283
|
-
},
|
|
284
|
+
}, xe = function(e2, t2, l2, n2) {
|
|
284
285
|
for (; e2 <= t2; ) {
|
|
285
286
|
var a2 = (e2 + t2) / 2 | 0, o2 = l2(a2);
|
|
286
287
|
if (o2 < n2)
|
|
@@ -293,9 +294,9 @@ var pe = function(e2) {
|
|
|
293
294
|
}
|
|
294
295
|
return e2 > 0 ? e2 - 1 : 0;
|
|
295
296
|
};
|
|
296
|
-
function
|
|
297
|
+
function we(e2) {
|
|
297
298
|
return function(e3) {
|
|
298
|
-
var t2 = new
|
|
299
|
+
var t2 = new he(d(e3)), l2 = c(t2), n2 = t2._didMount();
|
|
299
300
|
return p(function() {
|
|
300
301
|
return d(e3).getScrollElement();
|
|
301
302
|
}, function(e4) {
|
|
@@ -303,45 +304,45 @@ function xe(e2) {
|
|
|
303
304
|
}, { immediate: true }), p(function() {
|
|
304
305
|
return d(e3);
|
|
305
306
|
}, function(e4) {
|
|
306
|
-
t2.setOptions(
|
|
307
|
+
t2.setOptions(ue({}, e4, { onChange: function(t3, n3) {
|
|
307
308
|
g(l2), null == e4.onChange || e4.onChange(t3, n3);
|
|
308
309
|
} })), t2._willUpdate(), g(l2);
|
|
309
310
|
}, { immediate: true }), f(n2), l2;
|
|
310
311
|
}(u(function() {
|
|
311
|
-
return
|
|
312
|
+
return ue({ observeElementRect: me, observeElementOffset: ve, scrollToFn: be }, d(e2));
|
|
312
313
|
}));
|
|
313
314
|
}
|
|
314
|
-
function
|
|
315
|
+
function ke(e2, t2, l2) {
|
|
315
316
|
let n2 = s(null == l2 ? void 0 : l2.value), a2 = u(() => void 0 !== e2.value);
|
|
316
317
|
return [u(() => a2.value ? e2.value : n2.value), function(e3) {
|
|
317
318
|
return a2.value || (n2.value = e3), null == t2 ? void 0 : t2(e3);
|
|
318
319
|
}];
|
|
319
320
|
}
|
|
320
|
-
let
|
|
321
|
-
function
|
|
322
|
-
return ++
|
|
321
|
+
let Se = 0;
|
|
322
|
+
function Ce() {
|
|
323
|
+
return ++Se;
|
|
323
324
|
}
|
|
324
|
-
function
|
|
325
|
+
function Oe(e2) {
|
|
325
326
|
var t2;
|
|
326
327
|
if (null == e2 || null == e2.value)
|
|
327
328
|
return null;
|
|
328
329
|
let l2 = null != (t2 = e2.value.$el) ? t2 : e2.value;
|
|
329
330
|
return l2 instanceof Node ? l2 : null;
|
|
330
331
|
}
|
|
331
|
-
function
|
|
332
|
+
function Me(e2, t2, ...l2) {
|
|
332
333
|
if (e2 in t2) {
|
|
333
334
|
let n3 = t2[e2];
|
|
334
335
|
return "function" == typeof n3 ? n3(...l2) : n3;
|
|
335
336
|
}
|
|
336
337
|
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(", ")}.`);
|
|
337
|
-
throw Error.captureStackTrace && Error.captureStackTrace(n2,
|
|
338
|
+
throw Error.captureStackTrace && Error.captureStackTrace(n2, Me), n2;
|
|
338
339
|
}
|
|
339
|
-
var
|
|
340
|
-
t3 in e3 ?
|
|
340
|
+
var Te = Object.defineProperty, De = (e2, t2, l2) => (((e3, t3, l3) => {
|
|
341
|
+
t3 in e3 ? Te(e3, t3, { enumerable: true, configurable: true, writable: true, value: l3 }) : e3[t3] = l3;
|
|
341
342
|
})(e2, "symbol" != typeof t2 ? t2 + "" : t2, l2), l2);
|
|
342
343
|
let Ee = new class {
|
|
343
344
|
constructor() {
|
|
344
|
-
|
|
345
|
+
De(this, "current", this.detect()), De(this, "currentId", 0);
|
|
345
346
|
}
|
|
346
347
|
set(e2) {
|
|
347
348
|
this.current !== e2 && (this.currentId = 0, this.current = e2);
|
|
@@ -362,44 +363,44 @@ let Ee = new class {
|
|
|
362
363
|
return "undefined" == typeof window || "undefined" == typeof document ? "server" : "client";
|
|
363
364
|
}
|
|
364
365
|
}();
|
|
365
|
-
function
|
|
366
|
+
function Ie(e2) {
|
|
366
367
|
if (Ee.isServer)
|
|
367
368
|
return null;
|
|
368
369
|
if (e2 instanceof Node)
|
|
369
370
|
return e2.ownerDocument;
|
|
370
371
|
if (null != e2 && e2.hasOwnProperty("value")) {
|
|
371
|
-
let t2 =
|
|
372
|
+
let t2 = Oe(e2);
|
|
372
373
|
if (t2)
|
|
373
374
|
return t2.ownerDocument;
|
|
374
375
|
}
|
|
375
376
|
return document;
|
|
376
377
|
}
|
|
377
|
-
let
|
|
378
|
-
var
|
|
379
|
-
function
|
|
380
|
-
return null == e2 ? [] : Array.from(e2.querySelectorAll(
|
|
378
|
+
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(",");
|
|
379
|
+
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 || {});
|
|
380
|
+
function Be(e2 = document.body) {
|
|
381
|
+
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)));
|
|
381
382
|
}
|
|
382
|
-
var
|
|
383
|
-
function
|
|
383
|
+
var Ae = ((e2) => (e2[e2.Strict = 0] = "Strict", e2[e2.Loose = 1] = "Loose", e2))(Ae || {});
|
|
384
|
+
function Le(e2, t2 = 0) {
|
|
384
385
|
var l2;
|
|
385
|
-
return e2 !== (null == (l2 =
|
|
386
|
+
return e2 !== (null == (l2 = Ie(e2)) ? void 0 : l2.body) && Me(t2, { 0: () => e2.matches(_e), 1() {
|
|
386
387
|
let t3 = e2;
|
|
387
388
|
for (; null !== t3; ) {
|
|
388
|
-
if (t3.matches(
|
|
389
|
+
if (t3.matches(_e))
|
|
389
390
|
return true;
|
|
390
391
|
t3 = t3.parentElement;
|
|
391
392
|
}
|
|
392
393
|
return false;
|
|
393
394
|
} });
|
|
394
395
|
}
|
|
395
|
-
function
|
|
396
|
-
let t2 =
|
|
396
|
+
function Fe(e2) {
|
|
397
|
+
let t2 = Ie(e2);
|
|
397
398
|
m(() => {
|
|
398
|
-
t2 && !
|
|
399
|
+
t2 && !Le(t2.activeElement, 0) && ze(e2);
|
|
399
400
|
});
|
|
400
401
|
}
|
|
401
|
-
var
|
|
402
|
-
function
|
|
402
|
+
var Ne = ((e2) => (e2[e2.Keyboard = 0] = "Keyboard", e2[e2.Mouse = 1] = "Mouse", e2))(Ne || {});
|
|
403
|
+
function ze(e2) {
|
|
403
404
|
null == e2 || e2.focus({ preventScroll: true });
|
|
404
405
|
}
|
|
405
406
|
"undefined" != typeof window && "undefined" != typeof document && (document.addEventListener("keydown", (e2) => {
|
|
@@ -407,8 +408,8 @@ function Ne(e2) {
|
|
|
407
408
|
}, true), document.addEventListener("click", (e2) => {
|
|
408
409
|
1 === e2.detail ? delete document.documentElement.dataset.headlessuiFocusVisible : 0 === e2.detail && (document.documentElement.dataset.headlessuiFocusVisible = "");
|
|
409
410
|
}, true));
|
|
410
|
-
let
|
|
411
|
-
function
|
|
411
|
+
let $e = ["textarea", "input"].join(",");
|
|
412
|
+
function He(e2, t2 = (e3) => e3) {
|
|
412
413
|
return e2.slice().sort((e3, l2) => {
|
|
413
414
|
let n2 = t2(e3), a2 = t2(l2);
|
|
414
415
|
if (null === n2 || null === a2)
|
|
@@ -417,9 +418,9 @@ function $e(e2, t2 = (e3) => e3) {
|
|
|
417
418
|
return o2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : o2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
|
|
418
419
|
});
|
|
419
420
|
}
|
|
420
|
-
function
|
|
421
|
+
function Ve(e2, t2, { sorted: l2 = true, relativeTo: n2 = null, skipElements: a2 = [] } = {}) {
|
|
421
422
|
var o2;
|
|
422
|
-
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 ?
|
|
423
|
+
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 ? He(e2) : e2 : Be(e2);
|
|
423
424
|
a2.length > 0 && i2.length > 1 && (i2 = i2.filter((e3) => !a2.includes(e3))), n2 = null != n2 ? n2 : r2.activeElement;
|
|
424
425
|
let s2, u2 = (() => {
|
|
425
426
|
if (5 & t2)
|
|
@@ -454,26 +455,26 @@ function He(e2, t2, { sorted: l2 = true, relativeTo: n2 = null, skipElements: a2
|
|
|
454
455
|
} while (s2 !== r2.activeElement);
|
|
455
456
|
return 6 & t2 && function(e3) {
|
|
456
457
|
var t3, l3;
|
|
457
|
-
return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3,
|
|
458
|
+
return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3, $e)) && l3;
|
|
458
459
|
}(s2) && s2.select(), 2;
|
|
459
460
|
}
|
|
460
|
-
function
|
|
461
|
+
function Ye() {
|
|
461
462
|
return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
|
|
462
463
|
}
|
|
463
|
-
function
|
|
464
|
-
return
|
|
464
|
+
function Ue() {
|
|
465
|
+
return Ye() || /Android/gi.test(window.navigator.userAgent);
|
|
465
466
|
}
|
|
466
|
-
function
|
|
467
|
+
function qe(e2, t2, l2) {
|
|
467
468
|
Ee.isServer || v((n2) => {
|
|
468
469
|
document.addEventListener(e2, t2, l2), n2(() => document.removeEventListener(e2, t2, l2));
|
|
469
470
|
});
|
|
470
471
|
}
|
|
471
|
-
function
|
|
472
|
+
function We(e2, t2, l2) {
|
|
472
473
|
Ee.isServer || v((n2) => {
|
|
473
474
|
window.addEventListener(e2, t2, l2), n2(() => window.removeEventListener(e2, t2, l2));
|
|
474
475
|
});
|
|
475
476
|
}
|
|
476
|
-
function
|
|
477
|
+
function Ke(e2, t2, l2 = u(() => true)) {
|
|
477
478
|
function n2(n3, a3) {
|
|
478
479
|
if (!l2.value || n3.defaultPrevented)
|
|
479
480
|
return;
|
|
@@ -486,56 +487,56 @@ function We(e2, t2, l2 = u(() => true)) {
|
|
|
486
487
|
for (let e3 of r2) {
|
|
487
488
|
if (null === e3)
|
|
488
489
|
continue;
|
|
489
|
-
let t3 = e3 instanceof HTMLElement ? e3 :
|
|
490
|
+
let t3 = e3 instanceof HTMLElement ? e3 : Oe(e3);
|
|
490
491
|
if (null != t3 && t3.contains(o2) || n3.composed && n3.composedPath().includes(t3))
|
|
491
492
|
return;
|
|
492
493
|
}
|
|
493
|
-
return !
|
|
494
|
+
return !Le(o2, Ae.Loose) && -1 !== o2.tabIndex && n3.preventDefault(), t2(n3, o2);
|
|
494
495
|
}
|
|
495
496
|
let a2 = s(null);
|
|
496
|
-
|
|
497
|
+
qe("pointerdown", (e3) => {
|
|
497
498
|
var t3, n3;
|
|
498
499
|
l2.value && (a2.value = (null == (n3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : n3[0]) || e3.target);
|
|
499
|
-
}, true),
|
|
500
|
+
}, true), qe("mousedown", (e3) => {
|
|
500
501
|
var t3, n3;
|
|
501
502
|
l2.value && (a2.value = (null == (n3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : n3[0]) || e3.target);
|
|
502
|
-
}, true),
|
|
503
|
-
|
|
504
|
-
}, true),
|
|
503
|
+
}, true), qe("click", (e3) => {
|
|
504
|
+
Ue() || a2.value && (n2(e3, () => a2.value), a2.value = null);
|
|
505
|
+
}, 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);
|
|
505
506
|
}
|
|
506
|
-
function
|
|
507
|
+
function Je(e2, t2) {
|
|
507
508
|
if (e2)
|
|
508
509
|
return e2;
|
|
509
510
|
let l2 = null != t2 ? t2 : "button";
|
|
510
511
|
return "string" == typeof l2 && "button" === l2.toLowerCase() ? "button" : void 0;
|
|
511
512
|
}
|
|
512
|
-
function
|
|
513
|
-
let l2 = s(
|
|
513
|
+
function Ge(e2, t2) {
|
|
514
|
+
let l2 = s(Je(e2.value.type, e2.value.as));
|
|
514
515
|
return y(() => {
|
|
515
|
-
l2.value =
|
|
516
|
+
l2.value = Je(e2.value.type, e2.value.as);
|
|
516
517
|
}), v(() => {
|
|
517
518
|
var e3;
|
|
518
|
-
l2.value ||
|
|
519
|
+
l2.value || Oe(t2) && Oe(t2) instanceof HTMLButtonElement && (null == (e3 = Oe(t2)) || !e3.hasAttribute("type")) && (l2.value = "button");
|
|
519
520
|
}), l2;
|
|
520
521
|
}
|
|
521
|
-
function
|
|
522
|
+
function Ze(e2) {
|
|
522
523
|
return [e2.screenX, e2.screenY];
|
|
523
524
|
}
|
|
524
|
-
function
|
|
525
|
+
function Xe() {
|
|
525
526
|
let e2 = s([-1, -1]);
|
|
526
527
|
return { wasMoved(t2) {
|
|
527
|
-
let l2 =
|
|
528
|
+
let l2 = Ze(t2);
|
|
528
529
|
return (e2.value[0] !== l2[0] || e2.value[1] !== l2[1]) && (e2.value = l2, true);
|
|
529
530
|
}, update(t2) {
|
|
530
|
-
e2.value =
|
|
531
|
+
e2.value = Ze(t2);
|
|
531
532
|
} };
|
|
532
533
|
}
|
|
533
|
-
function
|
|
534
|
+
function Qe({ container: e2, accept: t2, walk: l2, enabled: n2 }) {
|
|
534
535
|
v(() => {
|
|
535
536
|
let a2 = e2.value;
|
|
536
537
|
if (!a2 || void 0 !== n2 && !n2.value)
|
|
537
538
|
return;
|
|
538
|
-
let o2 =
|
|
539
|
+
let o2 = Ie(e2);
|
|
539
540
|
if (!o2)
|
|
540
541
|
return;
|
|
541
542
|
let r2 = Object.assign((e3) => t2(e3), { acceptNode: t2 }), i2 = o2.createTreeWalker(a2, NodeFilter.SHOW_ELEMENT, r2, false);
|
|
@@ -543,20 +544,20 @@ function Xe({ container: e2, accept: t2, walk: l2, enabled: n2 }) {
|
|
|
543
544
|
l2(i2.currentNode);
|
|
544
545
|
});
|
|
545
546
|
}
|
|
546
|
-
var
|
|
547
|
-
function
|
|
547
|
+
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 || {});
|
|
548
|
+
function lt({ visible: e2 = true, features: t2 = 0, ourProps: l2, theirProps: n2, ...a2 }) {
|
|
548
549
|
var o2;
|
|
549
|
-
let r2 =
|
|
550
|
+
let r2 = ot(n2, l2), i2 = Object.assign(a2, { props: r2 });
|
|
550
551
|
if (e2 || 2 & t2 && r2.static)
|
|
551
|
-
return
|
|
552
|
+
return nt(i2);
|
|
552
553
|
if (1 & t2) {
|
|
553
|
-
return
|
|
554
|
+
return Me(null == (o2 = r2.unmount) || o2 ? 0 : 1, { 0: () => null, 1: () => nt({ ...a2, props: { ...r2, hidden: true, style: { display: "none" } } }) });
|
|
554
555
|
}
|
|
555
|
-
return
|
|
556
|
+
return nt(i2);
|
|
556
557
|
}
|
|
557
|
-
function
|
|
558
|
+
function nt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
558
559
|
var o2, r2;
|
|
559
|
-
let { as: i2, ...s2 } =
|
|
560
|
+
let { as: i2, ...s2 } = it(e2, ["unmount", "static"]), u2 = null == (o2 = l2.default) ? void 0 : o2.call(l2, n2), d2 = {};
|
|
560
561
|
if (n2) {
|
|
561
562
|
let e3 = false, t3 = [];
|
|
562
563
|
for (let [l3, a3] of Object.entries(n2))
|
|
@@ -564,13 +565,13 @@ function lt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
|
564
565
|
e3 && (d2["data-headlessui-state"] = t3.join(" "));
|
|
565
566
|
}
|
|
566
567
|
if ("template" === i2) {
|
|
567
|
-
if (u2 =
|
|
568
|
+
if (u2 = at(null != u2 ? u2 : []), Object.keys(s2).length > 0 || Object.keys(t2).length > 0) {
|
|
568
569
|
let [e3, ...l3] = null != u2 ? u2 : [];
|
|
569
570
|
if (!function(e4) {
|
|
570
571
|
return null != e4 && ("string" == typeof e4.type || "object" == typeof e4.type || "function" == typeof e4.type);
|
|
571
572
|
}(e3) || l3.length > 0)
|
|
572
573
|
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"));
|
|
573
|
-
let n3 =
|
|
574
|
+
let n3 = ot(null != (r2 = e3.props) ? r2 : {}, s2, d2), o3 = b(e3, n3, true);
|
|
574
575
|
for (let e4 in n3)
|
|
575
576
|
e4.startsWith("on") && (o3.props || (o3.props = {}), o3.props[e4] = n3[e4]);
|
|
576
577
|
return o3;
|
|
@@ -579,10 +580,10 @@ function lt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
|
579
580
|
}
|
|
580
581
|
return h(i2, Object.assign({}, s2, d2), { default: () => u2 });
|
|
581
582
|
}
|
|
582
|
-
function
|
|
583
|
-
return e2.flatMap((e3) => e3.type === x ?
|
|
583
|
+
function at(e2) {
|
|
584
|
+
return e2.flatMap((e3) => e3.type === x ? at(e3.children) : [e3]);
|
|
584
585
|
}
|
|
585
|
-
function
|
|
586
|
+
function ot(...e2) {
|
|
586
587
|
if (0 === e2.length)
|
|
587
588
|
return {};
|
|
588
589
|
if (1 === e2.length)
|
|
@@ -604,33 +605,33 @@ function at(...e2) {
|
|
|
604
605
|
} });
|
|
605
606
|
return t2;
|
|
606
607
|
}
|
|
607
|
-
function
|
|
608
|
+
function rt(e2) {
|
|
608
609
|
let t2 = Object.assign({}, e2);
|
|
609
610
|
for (let e3 in t2)
|
|
610
611
|
void 0 === t2[e3] && delete t2[e3];
|
|
611
612
|
return t2;
|
|
612
613
|
}
|
|
613
|
-
function
|
|
614
|
+
function it(e2, t2 = []) {
|
|
614
615
|
let l2 = Object.assign({}, e2);
|
|
615
616
|
for (let e3 of t2)
|
|
616
617
|
e3 in l2 && delete l2[e3];
|
|
617
618
|
return l2;
|
|
618
619
|
}
|
|
619
|
-
var
|
|
620
|
-
let
|
|
620
|
+
var st = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(st || {});
|
|
621
|
+
let ut = w({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup: (e2, { slots: t2, attrs: l2 }) => () => {
|
|
621
622
|
var n2;
|
|
622
623
|
let { features: a2, ...o2 } = e2;
|
|
623
|
-
return
|
|
624
|
-
} }),
|
|
625
|
-
var
|
|
626
|
-
function
|
|
627
|
-
return k(
|
|
624
|
+
return lt({ ourProps: { "aria-hidden": 2 == (2 & a2) || (null != (n2 = o2["aria-hidden"]) ? n2 : 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 == (4 & a2) && 2 != (2 & a2) && { display: "none" } } }, theirProps: o2, slot: {}, attrs: l2, slots: t2, name: "Hidden" });
|
|
625
|
+
} }), dt = Symbol("Context");
|
|
626
|
+
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 || {});
|
|
627
|
+
function pt() {
|
|
628
|
+
return k(dt, null);
|
|
628
629
|
}
|
|
629
|
-
function
|
|
630
|
-
S(
|
|
630
|
+
function gt(e2) {
|
|
631
|
+
S(dt, e2);
|
|
631
632
|
}
|
|
632
|
-
var
|
|
633
|
-
let
|
|
633
|
+
var ft = ((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))(ft || {});
|
|
634
|
+
let mt = [];
|
|
634
635
|
!function(e2) {
|
|
635
636
|
function t2() {
|
|
636
637
|
"loading" !== document.readyState && (e2(), document.removeEventListener("DOMContentLoaded", t2));
|
|
@@ -638,12 +639,12 @@ let ft = [];
|
|
|
638
639
|
"undefined" != typeof window && "undefined" != typeof document && (document.addEventListener("DOMContentLoaded", t2), t2());
|
|
639
640
|
}(() => {
|
|
640
641
|
function e2(e3) {
|
|
641
|
-
e3.target instanceof HTMLElement && e3.target !== document.body &&
|
|
642
|
+
e3.target instanceof HTMLElement && e3.target !== document.body && mt[0] !== e3.target && (mt.unshift(e3.target), mt = mt.filter((e4) => null != e4 && e4.isConnected), mt.splice(10));
|
|
642
643
|
}
|
|
643
644
|
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 });
|
|
644
645
|
});
|
|
645
|
-
var
|
|
646
|
-
function
|
|
646
|
+
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 || {});
|
|
647
|
+
function yt(e2, t2) {
|
|
647
648
|
let l2 = t2.resolveItems();
|
|
648
649
|
if (l2.length <= 0)
|
|
649
650
|
return null;
|
|
@@ -683,12 +684,12 @@ function vt(e2, t2) {
|
|
|
683
684
|
}(e2);
|
|
684
685
|
}
|
|
685
686
|
}
|
|
686
|
-
function
|
|
687
|
+
function bt(e2) {
|
|
687
688
|
"function" == typeof queueMicrotask ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((e3) => setTimeout(() => {
|
|
688
689
|
throw e3;
|
|
689
690
|
}));
|
|
690
691
|
}
|
|
691
|
-
function
|
|
692
|
+
function ht() {
|
|
692
693
|
let e2 = [], t2 = { addEventListener: (e3, l2, n2, a2) => (e3.addEventListener(l2, n2, a2), t2.add(() => e3.removeEventListener(l2, n2, a2))), requestAnimationFrame(...e3) {
|
|
693
694
|
let l2 = requestAnimationFrame(...e3);
|
|
694
695
|
t2.add(() => cancelAnimationFrame(l2));
|
|
@@ -701,7 +702,7 @@ function bt() {
|
|
|
701
702
|
t2.add(() => clearTimeout(l2));
|
|
702
703
|
}, microTask(...e3) {
|
|
703
704
|
let l2 = { current: true };
|
|
704
|
-
return
|
|
705
|
+
return bt(() => {
|
|
705
706
|
l2.current && e3[0]();
|
|
706
707
|
}), t2.add(() => {
|
|
707
708
|
l2.current = false;
|
|
@@ -712,7 +713,7 @@ function bt() {
|
|
|
712
713
|
Object.assign(e3.style, { [t3]: n2 });
|
|
713
714
|
});
|
|
714
715
|
}, group(e3) {
|
|
715
|
-
let t3 =
|
|
716
|
+
let t3 = ht();
|
|
716
717
|
return e3(t3), this.add(() => t3.dispose());
|
|
717
718
|
}, add: (t3) => (e2.push(t3), () => {
|
|
718
719
|
let l2 = e2.indexOf(t3);
|
|
@@ -725,60 +726,60 @@ function bt() {
|
|
|
725
726
|
} };
|
|
726
727
|
return t2;
|
|
727
728
|
}
|
|
728
|
-
function
|
|
729
|
+
function xt(e2 = {}, t2 = null, l2 = []) {
|
|
729
730
|
for (let [n2, a2] of Object.entries(e2))
|
|
730
|
-
|
|
731
|
+
kt(l2, wt(t2, n2), a2);
|
|
731
732
|
return l2;
|
|
732
733
|
}
|
|
733
|
-
function
|
|
734
|
+
function wt(e2, t2) {
|
|
734
735
|
return e2 ? e2 + "[" + t2 + "]" : t2;
|
|
735
736
|
}
|
|
736
|
-
function
|
|
737
|
+
function kt(e2, t2, l2) {
|
|
737
738
|
if (Array.isArray(l2))
|
|
738
739
|
for (let [n2, a2] of l2.entries())
|
|
739
|
-
|
|
740
|
+
kt(e2, wt(t2, n2.toString()), a2);
|
|
740
741
|
else
|
|
741
|
-
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, ""]) :
|
|
742
|
+
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);
|
|
742
743
|
}
|
|
743
|
-
var
|
|
744
|
-
let
|
|
745
|
-
function
|
|
746
|
-
let t2 = k(
|
|
744
|
+
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 || {});
|
|
745
|
+
let Mt = Symbol("ComboboxContext");
|
|
746
|
+
function Tt(e2) {
|
|
747
|
+
let t2 = k(Mt, null);
|
|
747
748
|
if (null === t2) {
|
|
748
749
|
let t3 = new Error(`<${e2} /> is missing a parent <Combobox /> component.`);
|
|
749
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
750
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, Tt), t3;
|
|
750
751
|
}
|
|
751
752
|
return t2;
|
|
752
753
|
}
|
|
753
|
-
let
|
|
754
|
-
let l2 =
|
|
755
|
-
let e3 =
|
|
754
|
+
let Dt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, { slots: t2 }) {
|
|
755
|
+
let l2 = Tt("VirtualProvider"), n2 = u(() => {
|
|
756
|
+
let e3 = Oe(l2.optionsRef);
|
|
756
757
|
if (!e3)
|
|
757
758
|
return { start: 0, end: 0 };
|
|
758
759
|
let t3 = window.getComputedStyle(e3);
|
|
759
760
|
return { start: parseFloat(t3.paddingBlockStart || t3.paddingTop), end: parseFloat(t3.paddingBlockEnd || t3.paddingBottom) };
|
|
760
|
-
}), a2 =
|
|
761
|
+
}), a2 = we(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(() => {
|
|
761
762
|
var e3;
|
|
762
763
|
return null == (e3 = l2.virtual.value) ? void 0 : e3.options;
|
|
763
764
|
}), r2 = s(0);
|
|
764
765
|
return p([o2], () => {
|
|
765
766
|
r2.value += 1;
|
|
766
|
-
}), S(
|
|
767
|
+
}), S(Dt, l2.virtual.value ? a2 : null), () => [h("div", { style: { position: "relative", width: "100%", height: `${a2.value.getTotalSize()}px` }, ref: (e3) => {
|
|
767
768
|
if (e3) {
|
|
768
769
|
if ("undefined" != typeof process && void 0 !== process.env.JEST_WORKER_ID || 0 === l2.activationTrigger.value)
|
|
769
770
|
return;
|
|
770
771
|
null !== l2.activeOptionIndex.value && l2.virtual.value.options.length > l2.activeOptionIndex.value && a2.value.scrollToIndex(l2.activeOptionIndex.value);
|
|
771
772
|
}
|
|
772
773
|
} }, a2.value.getVirtualItems().map((e3) => b(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" } })))];
|
|
773
|
-
} }),
|
|
774
|
+
} }), It = w({ 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 }) {
|
|
774
775
|
let a2 = s(1), o2 = s(null), r2 = s(null), i2 = s(null), d2 = s(null), c2 = s({ static: false, hold: false }), g2 = s([]), f2 = s(null), m2 = s(2), v2 = s(false);
|
|
775
776
|
function b2(e3 = (e4) => e4) {
|
|
776
|
-
let t3 = null !== f2.value ? g2.value[f2.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) :
|
|
777
|
+
let t3 = null !== f2.value ? g2.value[f2.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) : He(l3, (e4) => Oe(e4.dataRef.domRef)), a3 = t3 ? n3.indexOf(t3) : null;
|
|
777
778
|
return -1 === a3 && (a3 = null), { options: n3, activeOptionIndex: a3 };
|
|
778
779
|
}
|
|
779
|
-
let w2 = u(() => e2.multiple ? 1 : 0), k2 = u(() => e2.nullable), [O2, T2] =
|
|
780
|
+
let w2 = u(() => e2.multiple ? 1 : 0), k2 = u(() => e2.nullable), [O2, T2] = ke(u(() => e2.modelValue), (e3) => n2("update:modelValue", e3), u(() => e2.defaultValue)), D2 = u(() => void 0 === O2.value ? Me(w2.value, { 1: [], 0: void 0 }) : O2.value), E2 = null, I2 = null;
|
|
780
781
|
function _2(e3) {
|
|
781
|
-
return
|
|
782
|
+
return Me(w2.value, { 0: () => null == T2 ? void 0 : T2(e3), 1: () => {
|
|
782
783
|
let t3 = M(j2.value.value).slice(), l3 = M(e3), n3 = t3.findIndex((e4) => j2.compare(l3, M(e4)));
|
|
783
784
|
return -1 === n3 ? t3.push(l3) : t3.splice(n3, 1), null == T2 ? void 0 : T2(t3);
|
|
784
785
|
} });
|
|
@@ -791,7 +792,7 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
791
792
|
f2.value = -1 !== l3 ? l3 : null;
|
|
792
793
|
}
|
|
793
794
|
});
|
|
794
|
-
let j2 = { comboboxState: a2, value:
|
|
795
|
+
let j2 = { comboboxState: a2, value: D2, mode: w2, compare(t3, l3) {
|
|
795
796
|
if ("string" == typeof e2.by) {
|
|
796
797
|
let n3 = e2.by;
|
|
797
798
|
return (null == t3 ? void 0 : t3[n3]) === (null == l3 ? void 0 : l3[n3]);
|
|
@@ -829,11 +830,11 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
829
830
|
}, setActivationTrigger(e3) {
|
|
830
831
|
m2.value = e3;
|
|
831
832
|
}, goToOption(t3, l3, n3) {
|
|
832
|
-
v2.value = false, null !==
|
|
833
|
+
v2.value = false, null !== E2 && cancelAnimationFrame(E2), E2 = requestAnimationFrame(() => {
|
|
833
834
|
if (e2.disabled || d2.value && !c2.value.static && 1 === a2.value)
|
|
834
835
|
return;
|
|
835
836
|
if (j2.virtual.value)
|
|
836
|
-
return f2.value = t3 ===
|
|
837
|
+
return f2.value = t3 === vt.Specific ? l3 : yt({ focus: t3 }, { resolveItems: () => j2.virtual.value.options, resolveActiveIndex: () => {
|
|
837
838
|
var e3, t4;
|
|
838
839
|
return null != (t4 = null != (e3 = j2.activeOptionIndex.value) ? e3 : j2.virtual.value.options.findIndex((e4) => {
|
|
839
840
|
var t5;
|
|
@@ -847,7 +848,7 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
847
848
|
let e3 = o3.options.findIndex((e4) => !e4.dataRef.disabled);
|
|
848
849
|
-1 !== e3 && (o3.activeOptionIndex = e3);
|
|
849
850
|
}
|
|
850
|
-
let r3 = t3 ===
|
|
851
|
+
let r3 = t3 === vt.Specific ? l3 : yt({ focus: t3 }, { resolveItems: () => o3.options, resolveActiveIndex: () => o3.activeOptionIndex, resolveId: (e3) => e3.id, resolveDisabled: (e3) => e3.dataRef.disabled });
|
|
851
852
|
f2.value = r3, m2.value = null != n3 ? n3 : 2, g2.value = o3.options;
|
|
852
853
|
});
|
|
853
854
|
}, selectOption(e3) {
|
|
@@ -864,7 +865,7 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
864
865
|
let { dataRef: e3 } = g2.value[j2.activeOptionIndex.value];
|
|
865
866
|
_2(e3.value);
|
|
866
867
|
}
|
|
867
|
-
j2.goToOption(
|
|
868
|
+
j2.goToOption(vt.Specific, j2.activeOptionIndex.value);
|
|
868
869
|
}
|
|
869
870
|
}, registerOption(e3, t3) {
|
|
870
871
|
let l3 = C({ id: e3, dataRef: t3 });
|
|
@@ -872,23 +873,23 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
872
873
|
return void g2.value.push(l3);
|
|
873
874
|
I2 && cancelAnimationFrame(I2);
|
|
874
875
|
let n3 = b2((e4) => (e4.push(l3), e4));
|
|
875
|
-
null === f2.value && j2.isSelected(t3.value.value) && (n3.activeOptionIndex = n3.options.indexOf(l3)), g2.value = n3.options, f2.value = n3.activeOptionIndex, m2.value = 2, n3.options.some((e4) => !
|
|
876
|
+
null === f2.value && j2.isSelected(t3.value.value) && (n3.activeOptionIndex = n3.options.indexOf(l3)), g2.value = n3.options, f2.value = n3.activeOptionIndex, m2.value = 2, n3.options.some((e4) => !Oe(e4.dataRef.domRef)) && (I2 = requestAnimationFrame(() => {
|
|
876
877
|
let e4 = b2();
|
|
877
878
|
g2.value = e4.options, f2.value = e4.activeOptionIndex;
|
|
878
879
|
}));
|
|
879
880
|
}, unregisterOption(e3, t3) {
|
|
880
|
-
if (null !==
|
|
881
|
+
if (null !== E2 && cancelAnimationFrame(E2), t3 && (v2.value = true), j2.virtual.value)
|
|
881
882
|
return void (g2.value = g2.value.filter((t4) => t4.id !== e3));
|
|
882
883
|
let l3 = b2((t4) => {
|
|
883
884
|
let l4 = t4.findIndex((t5) => t5.id === e3);
|
|
884
885
|
return -1 !== l4 && t4.splice(l4, 1), t4;
|
|
885
886
|
});
|
|
886
887
|
g2.value = l3.options, f2.value = l3.activeOptionIndex, m2.value = 2;
|
|
887
|
-
}, isSelected: (e3) =>
|
|
888
|
-
|
|
888
|
+
}, isSelected: (e3) => Me(w2.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) => f2.value === j2.calculateIndex(e3) };
|
|
889
|
+
Ke([r2, i2, d2], () => j2.closeCombobox(), u(() => 0 === a2.value)), S(Mt, j2), gt(u(() => Me(a2.value, { 0: ct.Open, 1: ct.Closed })));
|
|
889
890
|
let R2 = u(() => {
|
|
890
891
|
var e3;
|
|
891
|
-
return null == (e3 =
|
|
892
|
+
return null == (e3 = Oe(r2)) ? void 0 : e3.closest("form");
|
|
892
893
|
});
|
|
893
894
|
return y(() => {
|
|
894
895
|
p([R2], () => {
|
|
@@ -903,42 +904,42 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
903
904
|
}, { immediate: true });
|
|
904
905
|
}), () => {
|
|
905
906
|
var n3, o3, r3;
|
|
906
|
-
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.value) ? r3 : null, value:
|
|
907
|
-
return h(x, [...null != i3 && null !=
|
|
907
|
+
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.value) ? r3 : null, value: D2.value };
|
|
908
|
+
return h(x, [...null != i3 && null != D2.value ? xt({ [i3]: D2.value }).map(([e3, t3]) => h(ut, rt({ features: st.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: u2, 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" })]);
|
|
908
909
|
};
|
|
909
|
-
} }),
|
|
910
|
-
let n2 =
|
|
910
|
+
} }), _t = w({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${Ce()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
911
|
+
let n2 = Tt("ComboboxLabel");
|
|
911
912
|
function a2() {
|
|
912
913
|
var e3;
|
|
913
|
-
null == (e3 =
|
|
914
|
+
null == (e3 = Oe(n2.inputRef)) || e3.focus({ preventScroll: true });
|
|
914
915
|
}
|
|
915
916
|
return () => {
|
|
916
917
|
let o2 = { open: 0 === n2.comboboxState.value, disabled: n2.disabled.value }, { id: r2, ...i2 } = e2;
|
|
917
|
-
return
|
|
918
|
+
return lt({ ourProps: { id: r2, ref: n2.labelRef, onClick: a2 }, theirProps: i2, slot: o2, attrs: t2, slots: l2, name: "ComboboxLabel" });
|
|
918
919
|
};
|
|
919
|
-
} }),
|
|
920
|
-
let a2 =
|
|
920
|
+
} }), Pt = w({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${Ce()}` } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
921
|
+
let a2 = Tt("ComboboxButton");
|
|
921
922
|
function o2(e3) {
|
|
922
923
|
a2.disabled.value || (0 === a2.comboboxState.value ? a2.closeCombobox() : (e3.preventDefault(), a2.openCombobox()), m(() => {
|
|
923
924
|
var e4;
|
|
924
|
-
return null == (e4 =
|
|
925
|
+
return null == (e4 = Oe(a2.inputRef)) ? void 0 : e4.focus({ preventScroll: true });
|
|
925
926
|
}));
|
|
926
927
|
}
|
|
927
928
|
function r2(e3) {
|
|
928
929
|
switch (e3.key) {
|
|
929
|
-
case
|
|
930
|
+
case ft.ArrowDown:
|
|
930
931
|
return e3.preventDefault(), e3.stopPropagation(), 1 === a2.comboboxState.value && a2.openCombobox(), void m(() => {
|
|
931
932
|
var e4;
|
|
932
933
|
return null == (e4 = a2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
|
|
933
934
|
});
|
|
934
|
-
case
|
|
935
|
+
case ft.ArrowUp:
|
|
935
936
|
return e3.preventDefault(), e3.stopPropagation(), 1 === a2.comboboxState.value && (a2.openCombobox(), m(() => {
|
|
936
|
-
a2.value.value || a2.goToOption(
|
|
937
|
+
a2.value.value || a2.goToOption(vt.Last);
|
|
937
938
|
})), void m(() => {
|
|
938
939
|
var e4;
|
|
939
940
|
return null == (e4 = a2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
|
|
940
941
|
});
|
|
941
|
-
case
|
|
942
|
+
case ft.Escape:
|
|
942
943
|
if (0 !== a2.comboboxState.value)
|
|
943
944
|
return;
|
|
944
945
|
return e3.preventDefault(), a2.optionsRef.value && !a2.optionsPropsRef.value.static && e3.stopPropagation(), a2.closeCombobox(), void m(() => {
|
|
@@ -948,30 +949,30 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
948
949
|
}
|
|
949
950
|
}
|
|
950
951
|
n2({ el: a2.buttonRef, $el: a2.buttonRef });
|
|
951
|
-
let i2 =
|
|
952
|
+
let i2 = Ge(u(() => ({ as: e2.as, type: t2.type })), a2.buttonRef);
|
|
952
953
|
return () => {
|
|
953
954
|
var n3, s2;
|
|
954
955
|
let u2 = { open: 0 === a2.comboboxState.value, disabled: a2.disabled.value, value: a2.value.value }, { id: d2, ...c2 } = e2;
|
|
955
|
-
return
|
|
956
|
+
return lt({ ourProps: { ref: a2.buttonRef, id: d2, type: i2.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": null == (n3 = Oe(a2.optionsRef)) ? void 0 : n3.id, "aria-expanded": 0 === a2.comboboxState.value, "aria-labelledby": a2.labelRef.value ? [null == (s2 = Oe(a2.labelRef)) ? void 0 : s2.id, d2].join(" ") : void 0, disabled: true === a2.disabled.value || void 0, onKeydown: r2, onClick: o2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "ComboboxButton" });
|
|
956
957
|
};
|
|
957
|
-
} }),
|
|
958
|
-
let o2 =
|
|
958
|
+
} }), jt = w({ 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: () => `headlessui-combobox-input-${Ce()}` } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
959
|
+
let o2 = Tt("ComboboxInput"), r2 = u(() => Ie(Oe(o2.inputRef))), i2 = { value: false };
|
|
959
960
|
function d2() {
|
|
960
961
|
o2.change(null);
|
|
961
|
-
let e3 =
|
|
962
|
-
e3 && (e3.scrollTop = 0), o2.goToOption(
|
|
962
|
+
let e3 = Oe(o2.optionsRef);
|
|
963
|
+
e3 && (e3.scrollTop = 0), o2.goToOption(vt.Nothing);
|
|
963
964
|
}
|
|
964
965
|
a2({ el: o2.inputRef, $el: o2.inputRef });
|
|
965
966
|
let c2 = u(() => {
|
|
966
967
|
var t3;
|
|
967
968
|
let l3 = o2.value.value;
|
|
968
|
-
return
|
|
969
|
+
return Oe(o2.inputRef) ? void 0 !== e2.displayValue && void 0 !== l3 ? null != (t3 = e2.displayValue(l3)) ? t3 : "" : "string" == typeof l3 ? l3 : "" : "";
|
|
969
970
|
});
|
|
970
971
|
y(() => {
|
|
971
972
|
p([c2, o2.comboboxState, r2], ([e3, t3], [l3, n3]) => {
|
|
972
973
|
if (i2.value)
|
|
973
974
|
return;
|
|
974
|
-
let a3 =
|
|
975
|
+
let a3 = Oe(o2.inputRef);
|
|
975
976
|
a3 && ((0 === n3 && 1 === t3 || e3 !== l3) && (a3.value = e3), requestAnimationFrame(() => {
|
|
976
977
|
var e4;
|
|
977
978
|
if (i2.value || !a3 || (null == (e4 = r2.value) ? void 0 : e4.activeElement) !== a3)
|
|
@@ -983,7 +984,7 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
983
984
|
if (0 === e3 && 1 === t3) {
|
|
984
985
|
if (i2.value)
|
|
985
986
|
return;
|
|
986
|
-
let e4 =
|
|
987
|
+
let e4 = Oe(o2.inputRef);
|
|
987
988
|
if (!e4)
|
|
988
989
|
return;
|
|
989
990
|
let t4 = e4.value, { selectionStart: l3, selectionEnd: n3, selectionDirection: a3 } = e4;
|
|
@@ -996,45 +997,45 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
996
997
|
g2.value = true;
|
|
997
998
|
}
|
|
998
999
|
function v2() {
|
|
999
|
-
|
|
1000
|
+
ht().nextFrame(() => {
|
|
1000
1001
|
g2.value = false;
|
|
1001
1002
|
});
|
|
1002
1003
|
}
|
|
1003
1004
|
function b2(e3) {
|
|
1004
1005
|
switch (i2.value = true, e3.key) {
|
|
1005
|
-
case
|
|
1006
|
+
case ft.Enter:
|
|
1006
1007
|
if (i2.value = false, 0 !== o2.comboboxState.value || g2.value)
|
|
1007
1008
|
return;
|
|
1008
1009
|
if (e3.preventDefault(), e3.stopPropagation(), null === o2.activeOptionIndex.value)
|
|
1009
1010
|
return void o2.closeCombobox();
|
|
1010
1011
|
o2.selectActiveOption(), 0 === o2.mode.value && o2.closeCombobox();
|
|
1011
1012
|
break;
|
|
1012
|
-
case
|
|
1013
|
-
return i2.value = false, e3.preventDefault(), e3.stopPropagation(),
|
|
1014
|
-
case
|
|
1015
|
-
return i2.value = false, e3.preventDefault(), e3.stopPropagation(),
|
|
1013
|
+
case ft.ArrowDown:
|
|
1014
|
+
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), Me(o2.comboboxState.value, { 0: () => o2.goToOption(vt.Next), 1: () => o2.openCombobox() });
|
|
1015
|
+
case ft.ArrowUp:
|
|
1016
|
+
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), Me(o2.comboboxState.value, { 0: () => o2.goToOption(vt.Previous), 1: () => {
|
|
1016
1017
|
o2.openCombobox(), m(() => {
|
|
1017
|
-
o2.value.value || o2.goToOption(
|
|
1018
|
+
o2.value.value || o2.goToOption(vt.Last);
|
|
1018
1019
|
});
|
|
1019
1020
|
} });
|
|
1020
|
-
case
|
|
1021
|
+
case ft.Home:
|
|
1021
1022
|
if (e3.shiftKey)
|
|
1022
1023
|
break;
|
|
1023
|
-
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(
|
|
1024
|
-
case
|
|
1025
|
-
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(
|
|
1026
|
-
case
|
|
1024
|
+
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(vt.First);
|
|
1025
|
+
case ft.PageUp:
|
|
1026
|
+
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(vt.First);
|
|
1027
|
+
case ft.End:
|
|
1027
1028
|
if (e3.shiftKey)
|
|
1028
1029
|
break;
|
|
1029
|
-
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(
|
|
1030
|
-
case
|
|
1031
|
-
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(
|
|
1032
|
-
case
|
|
1030
|
+
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(vt.Last);
|
|
1031
|
+
case ft.PageDown:
|
|
1032
|
+
return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(vt.Last);
|
|
1033
|
+
case ft.Escape:
|
|
1033
1034
|
if (i2.value = false, 0 !== o2.comboboxState.value)
|
|
1034
1035
|
return;
|
|
1035
1036
|
e3.preventDefault(), o2.optionsRef.value && !o2.optionsPropsRef.value.static && e3.stopPropagation(), o2.nullable.value && 0 === o2.mode.value && null === o2.value.value && d2(), o2.closeCombobox();
|
|
1036
1037
|
break;
|
|
1037
|
-
case
|
|
1038
|
+
case ft.Tab:
|
|
1038
1039
|
if (i2.value = false, 0 !== o2.comboboxState.value)
|
|
1039
1040
|
return;
|
|
1040
1041
|
0 === o2.mode.value && 1 !== o2.activationTrigger.value && o2.selectActiveOption(), o2.closeCombobox();
|
|
@@ -1045,14 +1046,14 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
1045
1046
|
}
|
|
1046
1047
|
function x2(e3) {
|
|
1047
1048
|
var t3, l3, n3;
|
|
1048
|
-
let a3 = null != (t3 = e3.relatedTarget) ? t3 :
|
|
1049
|
-
if (i2.value = false, !(null != (l3 =
|
|
1049
|
+
let a3 = null != (t3 = e3.relatedTarget) ? t3 : mt.find((t4) => t4 !== e3.currentTarget);
|
|
1050
|
+
if (i2.value = false, !(null != (l3 = Oe(o2.optionsRef)) && l3.contains(a3) || null != (n3 = Oe(o2.buttonRef)) && n3.contains(a3) || 0 !== o2.comboboxState.value))
|
|
1050
1051
|
return e3.preventDefault(), 0 === o2.mode.value && (o2.nullable.value && null === o2.value.value ? d2() : 1 !== o2.activationTrigger.value && o2.selectActiveOption()), o2.closeCombobox();
|
|
1051
1052
|
}
|
|
1052
1053
|
function w2(e3) {
|
|
1053
1054
|
var t3, l3, n3;
|
|
1054
|
-
let a3 = null != (t3 = e3.relatedTarget) ? t3 :
|
|
1055
|
-
null != (l3 =
|
|
1055
|
+
let a3 = null != (t3 = e3.relatedTarget) ? t3 : mt.find((t4) => t4 !== e3.currentTarget);
|
|
1056
|
+
null != (l3 = Oe(o2.buttonRef)) && l3.contains(a3) || null != (n3 = Oe(o2.optionsRef)) && n3.contains(a3) || o2.disabled.value || o2.immediate.value && 0 !== o2.comboboxState.value && (o2.openCombobox(), ht().nextFrame(() => {
|
|
1056
1057
|
o2.setActivationTrigger(1);
|
|
1057
1058
|
}));
|
|
1058
1059
|
}
|
|
@@ -1062,57 +1063,57 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
1062
1063
|
});
|
|
1063
1064
|
return () => {
|
|
1064
1065
|
var t3, a3, r3, i3, s2, u2, d3;
|
|
1065
|
-
let c3 = { open: 0 === o2.comboboxState.value }, { id: p2, displayValue: g3, onChange: m2, ...y2 } = e2, S2 = { "aria-controls": null == (t3 = o2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": 0 === o2.comboboxState.value, "aria-activedescendant": null === o2.activeOptionIndex.value ? void 0 : o2.virtual.value ? null == (a3 = o2.options.value.find((e3) => !o2.virtual.value.disabled(e3.dataRef.value) && o2.compare(e3.dataRef.value, o2.virtual.value.options[o2.activeOptionIndex.value]))) ? void 0 : a3.id : null == (r3 = o2.options.value[o2.activeOptionIndex.value]) ? void 0 : r3.id, "aria-labelledby": null != (u2 = null == (i3 =
|
|
1066
|
-
return
|
|
1066
|
+
let c3 = { open: 0 === o2.comboboxState.value }, { id: p2, displayValue: g3, onChange: m2, ...y2 } = e2, S2 = { "aria-controls": null == (t3 = o2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": 0 === o2.comboboxState.value, "aria-activedescendant": null === o2.activeOptionIndex.value ? void 0 : o2.virtual.value ? null == (a3 = o2.options.value.find((e3) => !o2.virtual.value.disabled(e3.dataRef.value) && o2.compare(e3.dataRef.value, o2.virtual.value.options[o2.activeOptionIndex.value]))) ? void 0 : a3.id : null == (r3 = o2.options.value[o2.activeOptionIndex.value]) ? void 0 : r3.id, "aria-labelledby": null != (u2 = null == (i3 = Oe(o2.labelRef)) ? void 0 : i3.id) ? u2 : null == (s2 = Oe(o2.buttonRef)) ? void 0 : s2.id, "aria-autocomplete": "list", id: p2, onCompositionstart: f2, onCompositionend: v2, onKeydown: b2, onInput: h2, onFocus: w2, onBlur: x2, role: "combobox", type: null != (d3 = l2.type) ? d3 : "text", tabIndex: 0, ref: o2.inputRef, defaultValue: k2.value, disabled: true === o2.disabled.value || void 0 };
|
|
1067
|
+
return lt({ ourProps: S2, theirProps: y2, slot: c3, attrs: l2, slots: n2, features: et.RenderStrategy | et.Static, name: "ComboboxInput" });
|
|
1067
1068
|
};
|
|
1068
|
-
} }),
|
|
1069
|
-
let a2 =
|
|
1069
|
+
} }), Rt = w({ 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 }) {
|
|
1070
|
+
let a2 = Tt("ComboboxOptions"), o2 = `headlessui-combobox-options-${Ce()}`;
|
|
1070
1071
|
n2({ el: a2.optionsRef, $el: a2.optionsRef }), v(() => {
|
|
1071
1072
|
a2.optionsPropsRef.value.static = e2.static;
|
|
1072
1073
|
}), v(() => {
|
|
1073
1074
|
a2.optionsPropsRef.value.hold = e2.hold;
|
|
1074
1075
|
});
|
|
1075
|
-
let r2 =
|
|
1076
|
-
return
|
|
1076
|
+
let r2 = pt(), i2 = u(() => null !== r2 ? (r2.value & ct.Open) === ct.Open : 0 === a2.comboboxState.value);
|
|
1077
|
+
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) {
|
|
1077
1078
|
e3.setAttribute("role", "none");
|
|
1078
1079
|
} }), () => {
|
|
1079
1080
|
var n3, r3, s2;
|
|
1080
1081
|
let u2 = { open: 0 === a2.comboboxState.value };
|
|
1081
|
-
return
|
|
1082
|
+
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: () => [h(Et, {}, l2.default)] } : l2, features: et.RenderStrategy | et.Static, visible: i2.value, name: "ComboboxOptions" });
|
|
1082
1083
|
};
|
|
1083
|
-
} }),
|
|
1084
|
-
let a2 =
|
|
1084
|
+
} }), Bt = w({ 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 }) {
|
|
1085
|
+
let a2 = Tt("ComboboxOption"), o2 = `headlessui-combobox-option-${Ce()}`, r2 = s(null);
|
|
1085
1086
|
n2({ el: r2, $el: r2 });
|
|
1086
1087
|
let i2 = u(() => {
|
|
1087
1088
|
var t3;
|
|
1088
1089
|
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;
|
|
1089
|
-
}), d2 = u(() => a2.isSelected(e2.value)), c2 = k(
|
|
1090
|
+
}), d2 = u(() => a2.isSelected(e2.value)), c2 = k(Dt, null), p2 = u(() => ({ disabled: e2.disabled, value: e2.value, domRef: r2, order: u(() => e2.order) }));
|
|
1090
1091
|
function g2(t3) {
|
|
1091
1092
|
var l3;
|
|
1092
1093
|
if (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value))
|
|
1093
1094
|
return t3.preventDefault();
|
|
1094
|
-
a2.selectOption(o2),
|
|
1095
|
+
a2.selectOption(o2), Ue() || requestAnimationFrame(() => {
|
|
1095
1096
|
var e3;
|
|
1096
|
-
return null == (e3 =
|
|
1097
|
+
return null == (e3 = Oe(a2.inputRef)) ? void 0 : e3.focus({ preventScroll: true });
|
|
1097
1098
|
}), 0 === a2.mode.value && requestAnimationFrame(() => a2.closeCombobox());
|
|
1098
1099
|
}
|
|
1099
1100
|
function f2() {
|
|
1100
1101
|
var t3;
|
|
1101
1102
|
if (e2.disabled || null != (t3 = a2.virtual.value) && t3.disabled(e2.value))
|
|
1102
|
-
return a2.goToOption(
|
|
1103
|
+
return a2.goToOption(vt.Nothing);
|
|
1103
1104
|
let l3 = a2.calculateIndex(e2.value);
|
|
1104
|
-
a2.goToOption(
|
|
1105
|
+
a2.goToOption(vt.Specific, l3);
|
|
1105
1106
|
}
|
|
1106
1107
|
y(() => a2.registerOption(o2, p2)), O(() => a2.unregisterOption(o2, i2.value)), v(() => {
|
|
1107
|
-
let e3 =
|
|
1108
|
+
let e3 = Oe(r2);
|
|
1108
1109
|
e3 && (null == c2 || c2.value.measureElement(e3));
|
|
1109
1110
|
}), v(() => {
|
|
1110
1111
|
0 === a2.comboboxState.value && i2.value && (a2.virtual.value || 0 !== a2.activationTrigger.value && m(() => {
|
|
1111
1112
|
var e3, t3;
|
|
1112
|
-
return null == (t3 = null == (e3 =
|
|
1113
|
+
return null == (t3 = null == (e3 = Oe(r2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
|
|
1113
1114
|
}));
|
|
1114
1115
|
});
|
|
1115
|
-
let b2 =
|
|
1116
|
+
let b2 = Xe();
|
|
1116
1117
|
function h2(e3) {
|
|
1117
1118
|
b2.update(e3);
|
|
1118
1119
|
}
|
|
@@ -1121,47 +1122,47 @@ let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, {
|
|
|
1121
1122
|
if (!b2.wasMoved(t3) || e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || i2.value)
|
|
1122
1123
|
return;
|
|
1123
1124
|
let n3 = a2.calculateIndex(e2.value);
|
|
1124
|
-
a2.goToOption(
|
|
1125
|
+
a2.goToOption(vt.Specific, n3, 0);
|
|
1125
1126
|
}
|
|
1126
1127
|
function w2(t3) {
|
|
1127
1128
|
var l3;
|
|
1128
|
-
b2.wasMoved(t3) && (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || i2.value && (a2.optionsPropsRef.value.hold || a2.goToOption(
|
|
1129
|
+
b2.wasMoved(t3) && (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || i2.value && (a2.optionsPropsRef.value.hold || a2.goToOption(vt.Nothing)));
|
|
1129
1130
|
}
|
|
1130
1131
|
return () => {
|
|
1131
1132
|
let { disabled: n3 } = e2, a3 = { active: i2.value, selected: d2.value, disabled: n3 };
|
|
1132
|
-
return
|
|
1133
|
+
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: f2, onPointerenter: h2, onMouseenter: h2, onPointermove: x2, onMousemove: x2, onPointerleave: w2, onMouseleave: w2 }, theirProps: it(e2, ["order", "value"]), slot: a3, attrs: l2, slots: t2, name: "ComboboxOption" });
|
|
1133
1134
|
};
|
|
1134
1135
|
} });
|
|
1135
|
-
function
|
|
1136
|
+
function At(e2, t2, l2, n2) {
|
|
1136
1137
|
Ee.isServer || v((a2) => {
|
|
1137
1138
|
(e2 = null != e2 ? e2 : window).addEventListener(t2, l2, n2), a2(() => e2.removeEventListener(t2, l2, n2));
|
|
1138
1139
|
});
|
|
1139
1140
|
}
|
|
1140
|
-
var
|
|
1141
|
-
function
|
|
1141
|
+
var Lt = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(Lt || {});
|
|
1142
|
+
function Ft(e2) {
|
|
1142
1143
|
if (!e2)
|
|
1143
1144
|
return /* @__PURE__ */ new Set();
|
|
1144
1145
|
if ("function" == typeof e2)
|
|
1145
1146
|
return new Set(e2());
|
|
1146
1147
|
let t2 = /* @__PURE__ */ new Set();
|
|
1147
1148
|
for (let l2 of e2.value) {
|
|
1148
|
-
let e3 =
|
|
1149
|
+
let e3 = Oe(l2);
|
|
1149
1150
|
e3 instanceof HTMLElement && t2.add(e3);
|
|
1150
1151
|
}
|
|
1151
1152
|
return t2;
|
|
1152
1153
|
}
|
|
1153
|
-
var
|
|
1154
|
-
let
|
|
1154
|
+
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 || {});
|
|
1155
|
+
let zt = Object.assign(w({ 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 }) {
|
|
1155
1156
|
let a2 = s(null);
|
|
1156
1157
|
n2({ el: a2, $el: a2 });
|
|
1157
|
-
let o2 = u(() =>
|
|
1158
|
+
let o2 = u(() => Ie(a2)), r2 = s(false);
|
|
1158
1159
|
y(() => r2.value = true), O(() => r2.value = false), function({ ownerDocument: e3 }, t3) {
|
|
1159
1160
|
let l3 = function(e4) {
|
|
1160
|
-
let t4 = s(
|
|
1161
|
+
let t4 = s(mt.slice());
|
|
1161
1162
|
return p([e4], ([e5], [l4]) => {
|
|
1162
|
-
true === l4 && false === e5 ?
|
|
1163
|
+
true === l4 && false === e5 ? bt(() => {
|
|
1163
1164
|
t4.value.splice(0);
|
|
1164
|
-
}) : false === l4 && true === e5 && (t4.value =
|
|
1165
|
+
}) : false === l4 && true === e5 && (t4.value = mt.slice());
|
|
1165
1166
|
}, { flush: "post" }), () => {
|
|
1166
1167
|
var e5;
|
|
1167
1168
|
return null != (e5 = t4.value.find((e6) => null != e6 && e6.isConnected)) ? e5 : null;
|
|
@@ -1170,10 +1171,10 @@ let Nt = Object.assign(w({ name: "FocusTrap", props: { as: { type: [Object, Stri
|
|
|
1170
1171
|
y(() => {
|
|
1171
1172
|
v(() => {
|
|
1172
1173
|
var n3, a3;
|
|
1173
|
-
t3.value || (null == (n3 = e3.value) ? void 0 : n3.activeElement) === (null == (a3 = e3.value) ? void 0 : a3.body) &&
|
|
1174
|
+
t3.value || (null == (n3 = e3.value) ? void 0 : n3.activeElement) === (null == (a3 = e3.value) ? void 0 : a3.body) && ze(l3());
|
|
1174
1175
|
}, { flush: "post" });
|
|
1175
1176
|
}), O(() => {
|
|
1176
|
-
t3.value &&
|
|
1177
|
+
t3.value && ze(l3());
|
|
1177
1178
|
});
|
|
1178
1179
|
}({ ownerDocument: o2 }, u(() => r2.value && Boolean(16 & e2.features)));
|
|
1179
1180
|
let i2 = function({ ownerDocument: e3, container: t3, initialFocus: l3 }, n3) {
|
|
@@ -1182,48 +1183,48 @@ let Nt = Object.assign(w({ name: "FocusTrap", props: { as: { type: [Object, Stri
|
|
|
1182
1183
|
p([t3, l3, n3], (r3, i3) => {
|
|
1183
1184
|
if (r3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !n3.value)
|
|
1184
1185
|
return;
|
|
1185
|
-
let s2 =
|
|
1186
|
-
s2 &&
|
|
1186
|
+
let s2 = Oe(t3);
|
|
1187
|
+
s2 && bt(() => {
|
|
1187
1188
|
var t4, n4;
|
|
1188
1189
|
if (!o3.value)
|
|
1189
1190
|
return;
|
|
1190
|
-
let r4 =
|
|
1191
|
+
let r4 = Oe(l3), i4 = null == (t4 = e3.value) ? void 0 : t4.activeElement;
|
|
1191
1192
|
if (r4) {
|
|
1192
1193
|
if (r4 === i4)
|
|
1193
1194
|
return void (a3.value = i4);
|
|
1194
1195
|
} else if (s2.contains(i4))
|
|
1195
1196
|
return void (a3.value = i4);
|
|
1196
|
-
r4 ?
|
|
1197
|
+
r4 ? ze(r4) : Ve(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;
|
|
1197
1198
|
});
|
|
1198
1199
|
}, { immediate: true, flush: "post" });
|
|
1199
1200
|
}), a3;
|
|
1200
1201
|
}({ ownerDocument: o2, container: a2, initialFocus: u(() => e2.initialFocus) }, u(() => r2.value && Boolean(2 & e2.features)));
|
|
1201
1202
|
!function({ ownerDocument: e3, container: t3, containers: l3, previousActiveElement: n3 }, a3) {
|
|
1202
1203
|
var o3;
|
|
1203
|
-
|
|
1204
|
+
At(null == (o3 = e3.value) ? void 0 : o3.defaultView, "focus", (e4) => {
|
|
1204
1205
|
if (!a3.value)
|
|
1205
1206
|
return;
|
|
1206
|
-
let o4 =
|
|
1207
|
-
|
|
1207
|
+
let o4 = Ft(l3);
|
|
1208
|
+
Oe(t3) instanceof HTMLElement && o4.add(Oe(t3));
|
|
1208
1209
|
let r3 = n3.value;
|
|
1209
1210
|
if (!r3)
|
|
1210
1211
|
return;
|
|
1211
1212
|
let i3 = e4.target;
|
|
1212
|
-
i3 && i3 instanceof HTMLElement ?
|
|
1213
|
+
i3 && i3 instanceof HTMLElement ? $t(o4, i3) ? (n3.value = i3, ze(i3)) : (e4.preventDefault(), e4.stopPropagation(), ze(r3)) : ze(n3.value);
|
|
1213
1214
|
}, true);
|
|
1214
1215
|
}({ ownerDocument: o2, container: a2, containers: e2.containers, previousActiveElement: i2 }, u(() => r2.value && Boolean(8 & e2.features)));
|
|
1215
1216
|
let d2 = function() {
|
|
1216
1217
|
let e3 = s(0);
|
|
1217
|
-
return
|
|
1218
|
+
return We("keydown", (t3) => {
|
|
1218
1219
|
"Tab" === t3.key && (e3.value = t3.shiftKey ? 1 : 0);
|
|
1219
1220
|
}), e3;
|
|
1220
1221
|
}();
|
|
1221
1222
|
function c2(e3) {
|
|
1222
|
-
let t3 =
|
|
1223
|
-
t3 &&
|
|
1224
|
-
|
|
1225
|
-
}, [
|
|
1226
|
-
|
|
1223
|
+
let t3 = Oe(a2);
|
|
1224
|
+
t3 && Me(d2.value, { [Lt.Forwards]: () => {
|
|
1225
|
+
Ve(t3, Pe.First, { skipElements: [e3.relatedTarget] });
|
|
1226
|
+
}, [Lt.Backwards]: () => {
|
|
1227
|
+
Ve(t3, Pe.Last, { skipElements: [e3.relatedTarget] });
|
|
1227
1228
|
} });
|
|
1228
1229
|
}
|
|
1229
1230
|
let g2 = s(false);
|
|
@@ -1235,23 +1236,23 @@ let Nt = Object.assign(w({ name: "FocusTrap", props: { as: { type: [Object, Stri
|
|
|
1235
1236
|
function m2(t3) {
|
|
1236
1237
|
if (!r2.value)
|
|
1237
1238
|
return;
|
|
1238
|
-
let l3 =
|
|
1239
|
-
|
|
1239
|
+
let l3 = Ft(e2.containers);
|
|
1240
|
+
Oe(a2) instanceof HTMLElement && l3.add(Oe(a2));
|
|
1240
1241
|
let n3 = t3.relatedTarget;
|
|
1241
|
-
n3 instanceof HTMLElement && "true" !== n3.dataset.headlessuiFocusGuard && (
|
|
1242
|
+
n3 instanceof HTMLElement && "true" !== n3.dataset.headlessuiFocusGuard && ($t(l3, n3) || (g2.value ? Ve(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)));
|
|
1242
1243
|
}
|
|
1243
1244
|
return () => {
|
|
1244
1245
|
let n3 = { ref: a2, onKeydown: f2, onFocusout: m2 }, { features: o3, initialFocus: r3, containers: i3, ...s2 } = e2;
|
|
1245
|
-
return h(x, [Boolean(4 & o3) && h(
|
|
1246
|
+
return h(x, [Boolean(4 & o3) && h(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) && h(ut, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: c2, features: st.Focusable })]);
|
|
1246
1247
|
};
|
|
1247
|
-
} }), { features:
|
|
1248
|
-
function
|
|
1248
|
+
} }), { features: Nt });
|
|
1249
|
+
function $t(e2, t2) {
|
|
1249
1250
|
for (let l2 of e2)
|
|
1250
1251
|
if (l2.contains(t2))
|
|
1251
1252
|
return true;
|
|
1252
1253
|
return false;
|
|
1253
1254
|
}
|
|
1254
|
-
function
|
|
1255
|
+
function Ht() {
|
|
1255
1256
|
let e2;
|
|
1256
1257
|
return { before({ doc: t2 }) {
|
|
1257
1258
|
var l2;
|
|
@@ -1262,13 +1263,13 @@ function $t() {
|
|
|
1262
1263
|
l2.style(n2, "paddingRight", `${o2}px`);
|
|
1263
1264
|
} };
|
|
1264
1265
|
}
|
|
1265
|
-
function
|
|
1266
|
+
function Vt(e2) {
|
|
1266
1267
|
let t2 = {};
|
|
1267
1268
|
for (let l2 of e2)
|
|
1268
1269
|
Object.assign(t2, l2(t2));
|
|
1269
1270
|
return t2;
|
|
1270
1271
|
}
|
|
1271
|
-
let
|
|
1272
|
+
let Yt = function(e2, t2) {
|
|
1272
1273
|
let l2 = e2(), n2 = /* @__PURE__ */ new Set();
|
|
1273
1274
|
return { getSnapshot: () => l2, subscribe: (e3) => (n2.add(e3), () => n2.delete(e3)), dispatch(e3, ...a2) {
|
|
1274
1275
|
let o2 = t2[e3].call(l2, ...a2);
|
|
@@ -1276,20 +1277,20 @@ let Vt = function(e2, t2) {
|
|
|
1276
1277
|
} };
|
|
1277
1278
|
}(() => /* @__PURE__ */ new Map(), { PUSH(e2, t2) {
|
|
1278
1279
|
var l2;
|
|
1279
|
-
let n2 = null != (l2 = this.get(e2)) ? l2 : { doc: e2, count: 0, d:
|
|
1280
|
+
let n2 = null != (l2 = this.get(e2)) ? l2 : { doc: e2, count: 0, d: ht(), meta: /* @__PURE__ */ new Set() };
|
|
1280
1281
|
return n2.count++, n2.meta.add(t2), this.set(e2, n2), this;
|
|
1281
1282
|
}, POP(e2, t2) {
|
|
1282
1283
|
let l2 = this.get(e2);
|
|
1283
1284
|
return l2 && (l2.count--, l2.meta.delete(t2)), this;
|
|
1284
1285
|
}, SCROLL_PREVENT({ doc: e2, d: t2, meta: l2 }) {
|
|
1285
|
-
let n2 = { doc: e2, d: t2, meta:
|
|
1286
|
+
let n2 = { doc: e2, d: t2, meta: Vt(l2) }, a2 = [Ye() ? { before({ doc: e3, d: t3, meta: l3 }) {
|
|
1286
1287
|
function n3(e4) {
|
|
1287
1288
|
return l3.containers.flatMap((e5) => e5()).some((t4) => t4.contains(e4));
|
|
1288
1289
|
}
|
|
1289
1290
|
t3.microTask(() => {
|
|
1290
1291
|
var l4;
|
|
1291
1292
|
if ("auto" !== window.getComputedStyle(e3.documentElement).scrollBehavior) {
|
|
1292
|
-
let l5 =
|
|
1293
|
+
let l5 = ht();
|
|
1293
1294
|
l5.style(e3.documentElement, "scrollBehavior", "auto"), t3.add(() => t3.microTask(() => l5.dispose()));
|
|
1294
1295
|
}
|
|
1295
1296
|
let a3 = null != (l4 = window.scrollY) ? l4 : window.pageYOffset, o2 = null;
|
|
@@ -1327,7 +1328,7 @@ let Vt = function(e2, t2) {
|
|
|
1327
1328
|
a3 !== t4 && window.scrollTo(0, a3), o2 && o2.isConnected && (o2.scrollIntoView({ block: "nearest" }), o2 = null);
|
|
1328
1329
|
});
|
|
1329
1330
|
});
|
|
1330
|
-
} } : {},
|
|
1331
|
+
} } : {}, Ht(), { before({ doc: e3, d: t3 }) {
|
|
1331
1332
|
t3.style(e3.documentElement, "overflow", "hidden");
|
|
1332
1333
|
} }];
|
|
1333
1334
|
a2.forEach(({ before: e3 }) => null == e3 ? void 0 : e3(n2)), a2.forEach(({ after: e3 }) => null == e3 ? void 0 : e3(n2));
|
|
@@ -1336,69 +1337,69 @@ let Vt = function(e2, t2) {
|
|
|
1336
1337
|
}, TEARDOWN({ doc: e2 }) {
|
|
1337
1338
|
this.delete(e2);
|
|
1338
1339
|
} });
|
|
1339
|
-
function
|
|
1340
|
+
function Ut(e2, t2, l2) {
|
|
1340
1341
|
let n2 = function(e3) {
|
|
1341
1342
|
let t3 = c(e3.getSnapshot());
|
|
1342
1343
|
return O(e3.subscribe(() => {
|
|
1343
1344
|
t3.value = e3.getSnapshot();
|
|
1344
1345
|
})), t3;
|
|
1345
|
-
}(
|
|
1346
|
+
}(Yt), a2 = u(() => {
|
|
1346
1347
|
let t3 = e2.value ? n2.value.get(e2.value) : void 0;
|
|
1347
1348
|
return !!t3 && t3.count > 0;
|
|
1348
1349
|
});
|
|
1349
1350
|
return p([e2, t2], ([e3, t3], [n3], a3) => {
|
|
1350
1351
|
if (!e3 || !t3)
|
|
1351
1352
|
return;
|
|
1352
|
-
|
|
1353
|
+
Yt.dispatch("PUSH", e3, l2);
|
|
1353
1354
|
let o2 = false;
|
|
1354
1355
|
a3(() => {
|
|
1355
|
-
o2 || (
|
|
1356
|
+
o2 || (Yt.dispatch("POP", null != n3 ? n3 : e3, l2), o2 = true);
|
|
1356
1357
|
});
|
|
1357
1358
|
}, { immediate: true }), a2;
|
|
1358
1359
|
}
|
|
1359
|
-
|
|
1360
|
-
let e2 =
|
|
1360
|
+
Yt.subscribe(() => {
|
|
1361
|
+
let e2 = Yt.getSnapshot(), t2 = /* @__PURE__ */ new Map();
|
|
1361
1362
|
for (let [l2] of e2)
|
|
1362
1363
|
t2.set(l2, l2.documentElement.style.overflow);
|
|
1363
1364
|
for (let l2 of e2.values()) {
|
|
1364
1365
|
let e3 = "hidden" === t2.get(l2.doc), n2 = 0 !== l2.count;
|
|
1365
|
-
(n2 && !e3 || !n2 && e3) &&
|
|
1366
|
+
(n2 && !e3 || !n2 && e3) && Yt.dispatch(l2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l2), 0 === l2.count && Yt.dispatch("TEARDOWN", l2);
|
|
1366
1367
|
}
|
|
1367
1368
|
});
|
|
1368
|
-
let
|
|
1369
|
-
function
|
|
1369
|
+
let qt = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new Map();
|
|
1370
|
+
function Kt(e2, t2 = s(true)) {
|
|
1370
1371
|
v((l2) => {
|
|
1371
1372
|
var n2;
|
|
1372
1373
|
if (!t2.value)
|
|
1373
1374
|
return;
|
|
1374
|
-
let a2 =
|
|
1375
|
+
let a2 = Oe(e2);
|
|
1375
1376
|
if (!a2)
|
|
1376
1377
|
return;
|
|
1377
1378
|
l2(function() {
|
|
1378
1379
|
var e3;
|
|
1379
1380
|
if (!a2)
|
|
1380
1381
|
return;
|
|
1381
|
-
let t3 = null != (e3 =
|
|
1382
|
-
if (1 === t3 ?
|
|
1382
|
+
let t3 = null != (e3 = Wt.get(a2)) ? e3 : 1;
|
|
1383
|
+
if (1 === t3 ? Wt.delete(a2) : Wt.set(a2, t3 - 1), 1 !== t3)
|
|
1383
1384
|
return;
|
|
1384
|
-
let l3 =
|
|
1385
|
-
l3 && (null === l3["aria-hidden"] ? a2.removeAttribute("aria-hidden") : a2.setAttribute("aria-hidden", l3["aria-hidden"]), a2.inert = l3.inert,
|
|
1385
|
+
let l3 = qt.get(a2);
|
|
1386
|
+
l3 && (null === l3["aria-hidden"] ? a2.removeAttribute("aria-hidden") : a2.setAttribute("aria-hidden", l3["aria-hidden"]), a2.inert = l3.inert, qt.delete(a2));
|
|
1386
1387
|
});
|
|
1387
|
-
let o2 = null != (n2 =
|
|
1388
|
-
|
|
1388
|
+
let o2 = null != (n2 = Wt.get(a2)) ? n2 : 0;
|
|
1389
|
+
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);
|
|
1389
1390
|
});
|
|
1390
1391
|
}
|
|
1391
|
-
let
|
|
1392
|
-
function
|
|
1393
|
-
return k(
|
|
1392
|
+
let Jt = Symbol("ForcePortalRootContext");
|
|
1393
|
+
function Gt() {
|
|
1394
|
+
return k(Jt, false);
|
|
1394
1395
|
}
|
|
1395
|
-
let
|
|
1396
|
+
let Zt = w({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: false } }, setup: (e2, { slots: t2, attrs: l2 }) => (S(Jt, e2.force), () => {
|
|
1396
1397
|
let { force: n2, ...a2 } = e2;
|
|
1397
|
-
return
|
|
1398
|
-
}) }),
|
|
1399
|
-
var
|
|
1400
|
-
function
|
|
1401
|
-
let a2 = k(
|
|
1398
|
+
return lt({ theirProps: a2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "ForcePortalRoot" });
|
|
1399
|
+
}) }), Xt = Symbol("StackContext");
|
|
1400
|
+
var Qt = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(Qt || {});
|
|
1401
|
+
function el({ type: e2, enabled: t2, element: l2, onUpdate: n2 }) {
|
|
1402
|
+
let a2 = k(Xt, () => {
|
|
1402
1403
|
});
|
|
1403
1404
|
function o2(...e3) {
|
|
1404
1405
|
null == n2 || n2(...e3), a2(...e3);
|
|
@@ -1409,33 +1410,33 @@ function Qt({ type: e2, enabled: t2, element: l2, onUpdate: n2 }) {
|
|
|
1409
1410
|
}, { immediate: true, flush: "sync" });
|
|
1410
1411
|
}), O(() => {
|
|
1411
1412
|
t2.value && o2(1, e2, l2);
|
|
1412
|
-
}), S(
|
|
1413
|
+
}), S(Xt, o2);
|
|
1413
1414
|
}
|
|
1414
|
-
let
|
|
1415
|
-
function
|
|
1415
|
+
let tl = Symbol("DescriptionContext");
|
|
1416
|
+
function ll({ slot: e2 = s({}), name: t2 = "Description", props: l2 = {} } = {}) {
|
|
1416
1417
|
let n2 = s([]);
|
|
1417
|
-
return S(
|
|
1418
|
+
return S(tl, { register: function(e3) {
|
|
1418
1419
|
return n2.value.push(e3), () => {
|
|
1419
1420
|
let t3 = n2.value.indexOf(e3);
|
|
1420
1421
|
-1 !== t3 && n2.value.splice(t3, 1);
|
|
1421
1422
|
};
|
|
1422
1423
|
}, slot: e2, name: t2, props: l2 }), u(() => n2.value.length > 0 ? n2.value.join(" ") : void 0);
|
|
1423
1424
|
}
|
|
1424
|
-
w({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${
|
|
1425
|
+
w({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Ce()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1425
1426
|
let n2 = function() {
|
|
1426
|
-
let e3 = k(
|
|
1427
|
+
let e3 = k(tl, null);
|
|
1427
1428
|
if (null === e3)
|
|
1428
1429
|
throw new Error("Missing parent");
|
|
1429
1430
|
return e3;
|
|
1430
1431
|
}();
|
|
1431
1432
|
return y(() => O(n2.register(e2.id))), () => {
|
|
1432
1433
|
let { name: a2 = "Description", slot: o2 = s({}), props: r2 = {} } = n2, { id: i2, ...u2 } = e2, c2 = { ...Object.entries(r2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: d(l3) }), {}), id: i2 };
|
|
1433
|
-
return
|
|
1434
|
+
return lt({ ourProps: c2, theirProps: u2, slot: o2.value, attrs: t2, slots: l2, name: a2 });
|
|
1434
1435
|
};
|
|
1435
1436
|
} });
|
|
1436
|
-
let
|
|
1437
|
-
let n2 = s(null), a2 = u(() =>
|
|
1438
|
-
let t3 =
|
|
1437
|
+
let nl = w({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1438
|
+
let n2 = s(null), a2 = u(() => Ie(n2)), o2 = Gt(), r2 = k(ol, null), i2 = s(true === o2 || null == r2 ? function(e3) {
|
|
1439
|
+
let t3 = Ie(e3);
|
|
1439
1440
|
if (!t3) {
|
|
1440
1441
|
if (null === e3)
|
|
1441
1442
|
return null;
|
|
@@ -1452,11 +1453,11 @@ let ll = w({ name: "Portal", props: { as: { type: [Object, String], default: "di
|
|
|
1452
1453
|
}), v(() => {
|
|
1453
1454
|
o2 || null != r2 && (i2.value = r2.resolveTarget());
|
|
1454
1455
|
});
|
|
1455
|
-
let c2 = k(
|
|
1456
|
+
let c2 = k(al, null), g2 = false, f2 = T();
|
|
1456
1457
|
return p(n2, () => {
|
|
1457
1458
|
if (g2 || !c2)
|
|
1458
1459
|
return;
|
|
1459
|
-
let e3 =
|
|
1460
|
+
let e3 = Oe(n2);
|
|
1460
1461
|
e3 && (O(c2.register(e3), f2), g2 = true);
|
|
1461
1462
|
}), O(() => {
|
|
1462
1463
|
var e3, t3;
|
|
@@ -1466,39 +1467,39 @@ let ll = w({ name: "Portal", props: { as: { type: [Object, String], default: "di
|
|
|
1466
1467
|
if (!d2.value || null === i2.value)
|
|
1467
1468
|
return null;
|
|
1468
1469
|
let a3 = { ref: n2, "data-headlessui-portal": "" };
|
|
1469
|
-
return h(
|
|
1470
|
+
return h(D, { to: i2.value }, lt({ ourProps: a3, theirProps: e2, slot: {}, attrs: l2, slots: t2, name: "Portal" }));
|
|
1470
1471
|
};
|
|
1471
|
-
} }),
|
|
1472
|
-
let
|
|
1472
|
+
} }), al = Symbol("PortalParentContext");
|
|
1473
|
+
let ol = Symbol("PortalGroupContext"), rl = w({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1473
1474
|
let n2 = C({ resolveTarget: () => e2.target });
|
|
1474
|
-
return S(
|
|
1475
|
+
return S(ol, n2), () => {
|
|
1475
1476
|
let { target: n3, ...a2 } = e2;
|
|
1476
|
-
return
|
|
1477
|
+
return lt({ theirProps: a2, ourProps: {}, slot: {}, attrs: t2, slots: l2, name: "PortalGroup" });
|
|
1477
1478
|
};
|
|
1478
1479
|
} });
|
|
1479
|
-
var
|
|
1480
|
-
let
|
|
1481
|
-
function
|
|
1482
|
-
let t2 = k(
|
|
1480
|
+
var il = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(il || {});
|
|
1481
|
+
let sl = Symbol("DialogContext");
|
|
1482
|
+
function ul(e2) {
|
|
1483
|
+
let t2 = k(sl, null);
|
|
1483
1484
|
if (null === t2) {
|
|
1484
1485
|
let t3 = new Error(`<${e2} /> is missing a parent <Dialog /> component.`);
|
|
1485
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1486
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, ul), t3;
|
|
1486
1487
|
}
|
|
1487
1488
|
return t2;
|
|
1488
1489
|
}
|
|
1489
|
-
let
|
|
1490
|
+
let dl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", cl = w({ 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: () => `headlessui-dialog-${Ce()}` }, role: { type: String, default: "dialog" } }, emits: { close: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
1490
1491
|
var o2;
|
|
1491
1492
|
let r2 = s(false);
|
|
1492
1493
|
y(() => {
|
|
1493
1494
|
r2.value = true;
|
|
1494
1495
|
});
|
|
1495
|
-
let i2 = false, d2 = u(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (i2 || (i2 = true, console.warn(`Invalid role [${d2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), c2 = s(0), p2 =
|
|
1496
|
-
if (a2({ el: f2, $el: f2 }), e2.open ===
|
|
1496
|
+
let i2 = false, d2 = u(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (i2 || (i2 = true, console.warn(`Invalid role [${d2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), c2 = s(0), p2 = pt(), g2 = u(() => e2.open === dl && null !== p2 ? (p2.value & ct.Open) === ct.Open : e2.open), f2 = s(null), b2 = u(() => Ie(f2));
|
|
1497
|
+
if (a2({ el: f2, $el: f2 }), e2.open === dl && null === p2)
|
|
1497
1498
|
throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
|
|
1498
1499
|
if ("boolean" != typeof g2.value)
|
|
1499
|
-
throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${g2.value ===
|
|
1500
|
-
let x2 = u(() => r2.value && g2.value ? 0 : 1), C2 = u(() => 0 === x2.value), O2 = u(() => c2.value > 1), M2 = null !== k(
|
|
1501
|
-
let e3 = k(
|
|
1500
|
+
throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${g2.value === dl ? void 0 : e2.open}`);
|
|
1501
|
+
let x2 = u(() => r2.value && g2.value ? 0 : 1), C2 = u(() => 0 === x2.value), O2 = u(() => c2.value > 1), M2 = null !== k(sl, null), [T2, D2] = function() {
|
|
1502
|
+
let e3 = k(al, null), t3 = s([]);
|
|
1502
1503
|
function l3(l4) {
|
|
1503
1504
|
let n4 = t3.value.indexOf(l4);
|
|
1504
1505
|
-1 !== n4 && t3.value.splice(n4, 1), e3 && e3.unregister(l4);
|
|
@@ -1506,12 +1507,12 @@ let ul = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", dl = w({ name: "Dialog", inheri
|
|
|
1506
1507
|
let n3 = { register: function(n4) {
|
|
1507
1508
|
return t3.value.push(n4), e3 && e3.register(n4), () => l3(n4);
|
|
1508
1509
|
}, unregister: l3, portals: t3 };
|
|
1509
|
-
return [t3, w({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (S(
|
|
1510
|
+
return [t3, w({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (S(al, n3), () => {
|
|
1510
1511
|
var e5;
|
|
1511
1512
|
return null == (e5 = t4.default) ? void 0 : e5.call(t4);
|
|
1512
1513
|
}) })];
|
|
1513
|
-
}(), { resolveContainers:
|
|
1514
|
-
let n3 = s(null), a3 =
|
|
1514
|
+
}(), { resolveContainers: E2, mainTreeNodeRef: I2, MainTreeNode: _2 } = function({ defaultContainers: e3 = [], portals: t3, mainTreeNodeRef: l3 } = {}) {
|
|
1515
|
+
let n3 = s(null), a3 = Ie(n3);
|
|
1515
1516
|
function o3() {
|
|
1516
1517
|
var l4, o4, r3;
|
|
1517
1518
|
let i3 = [];
|
|
@@ -1521,48 +1522,48 @@ let ul = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", dl = w({ name: "Dialog", inheri
|
|
|
1521
1522
|
for (let e4 of t3.value)
|
|
1522
1523
|
i3.push(e4);
|
|
1523
1524
|
for (let e4 of null != (l4 = null == a3 ? void 0 : a3.querySelectorAll("html > *, body > *")) ? l4 : [])
|
|
1524
|
-
e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(
|
|
1525
|
+
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));
|
|
1525
1526
|
return i3;
|
|
1526
1527
|
}
|
|
1527
|
-
return { resolveContainers: o3, contains: (e4) => o3().some((t4) => t4.contains(e4)), mainTreeNodeRef: n3, MainTreeNode: () => null != l3 ? null : h(
|
|
1528
|
+
return { resolveContainers: o3, contains: (e4) => o3().some((t4) => t4.contains(e4)), mainTreeNodeRef: n3, MainTreeNode: () => null != l3 ? null : h(ut, { features: st.Hidden, ref: n3 }) };
|
|
1528
1529
|
}({ portals: T2, defaultContainers: [u(() => {
|
|
1529
1530
|
var e3;
|
|
1530
1531
|
return null != (e3 = z2.panelRef.value) ? e3 : f2.value;
|
|
1531
|
-
})] }), P2 = u(() => O2.value ? "parent" : "leaf"), j2 = u(() => null !== p2 && (p2.value &
|
|
1532
|
+
})] }), P2 = u(() => O2.value ? "parent" : "leaf"), j2 = u(() => null !== p2 && (p2.value & ct.Closing) === ct.Closing), R2 = u(() => !M2 && !j2.value && C2.value), B2 = u(() => {
|
|
1532
1533
|
var e3, t3, l3;
|
|
1533
|
-
return null != (l3 = Array.from(null != (t3 = null == (e3 = b2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(
|
|
1534
|
+
return null != (l3 = Array.from(null != (t3 = null == (e3 = b2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(Oe(I2)) && e4 instanceof HTMLElement))) ? l3 : null;
|
|
1534
1535
|
});
|
|
1535
|
-
|
|
1536
|
+
Kt(B2, R2);
|
|
1536
1537
|
let A2 = u(() => !!O2.value || C2.value), L2 = u(() => {
|
|
1537
1538
|
var e3, t3, l3;
|
|
1538
|
-
return null != (l3 = Array.from(null != (t3 = null == (e3 = b2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(
|
|
1539
|
+
return null != (l3 = Array.from(null != (t3 = null == (e3 = b2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(Oe(I2)) && e4 instanceof HTMLElement)) ? l3 : null;
|
|
1539
1540
|
});
|
|
1540
|
-
|
|
1541
|
+
Kt(L2, A2), el({ type: "Dialog", enabled: u(() => 0 === x2.value), element: f2, onUpdate: (e3, t3) => {
|
|
1541
1542
|
if ("Dialog" === t3)
|
|
1542
|
-
return
|
|
1543
|
+
return Me(e3, { [Qt.Add]: () => c2.value += 1, [Qt.Remove]: () => c2.value -= 1 });
|
|
1543
1544
|
} });
|
|
1544
|
-
let F2 =
|
|
1545
|
+
let F2 = ll({ name: "DialogDescription", slot: u(() => ({ open: g2.value })) }), N2 = s(null), z2 = { titleId: N2, panelRef: s(null), dialogState: x2, setTitleId(e3) {
|
|
1545
1546
|
N2.value !== e3 && (N2.value = e3);
|
|
1546
1547
|
}, close() {
|
|
1547
1548
|
t2("close", false);
|
|
1548
1549
|
} };
|
|
1549
|
-
S(
|
|
1550
|
+
S(sl, z2);
|
|
1550
1551
|
let $2 = u(() => !(!C2.value || O2.value));
|
|
1551
|
-
|
|
1552
|
+
Ke(E2, (e3, t3) => {
|
|
1552
1553
|
z2.close(), m(() => null == t3 ? void 0 : t3.focus());
|
|
1553
1554
|
}, $2);
|
|
1554
1555
|
let H2 = u(() => !(O2.value || 0 !== x2.value));
|
|
1555
|
-
|
|
1556
|
-
H2.value && (e3.defaultPrevented || e3.key ===
|
|
1556
|
+
At(null == (o2 = b2.value) ? void 0 : o2.defaultView, "keydown", (e3) => {
|
|
1557
|
+
H2.value && (e3.defaultPrevented || e3.key === ft.Escape && (e3.preventDefault(), e3.stopPropagation(), z2.close()));
|
|
1557
1558
|
});
|
|
1558
1559
|
let V2 = u(() => !(j2.value || 0 !== x2.value || M2));
|
|
1559
|
-
return
|
|
1560
|
+
return Ut(b2, V2, (e3) => {
|
|
1560
1561
|
var t3;
|
|
1561
|
-
return { containers: [...null != (t3 = e3.containers) ? t3 : [],
|
|
1562
|
+
return { containers: [...null != (t3 = e3.containers) ? t3 : [], E2] };
|
|
1562
1563
|
}), v((e3) => {
|
|
1563
1564
|
if (0 !== x2.value)
|
|
1564
1565
|
return;
|
|
1565
|
-
let t3 =
|
|
1566
|
+
let t3 = Oe(f2);
|
|
1566
1567
|
if (!t3)
|
|
1567
1568
|
return;
|
|
1568
1569
|
let l3 = new ResizeObserver((e4) => {
|
|
@@ -1574,73 +1575,73 @@ let ul = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", dl = w({ name: "Dialog", inheri
|
|
|
1574
1575
|
l3.observe(t3), e3(() => l3.disconnect());
|
|
1575
1576
|
}), () => {
|
|
1576
1577
|
let { id: t3, open: a3, initialFocus: o3, ...r3 } = e2, i3 = { ...l2, ref: f2, id: t3, role: d2.value, "aria-modal": 0 === x2.value || void 0, "aria-labelledby": N2.value, "aria-describedby": F2.value }, s2 = { open: 0 === x2.value };
|
|
1577
|
-
return h(
|
|
1578
|
+
return h(Zt, { force: true }, () => [h(nl, () => h(rl, { target: f2.value }, () => h(Zt, { force: false }, () => h(zt, { initialFocus: o3, containers: E2, features: C2.value ? Me(P2.value, { parent: zt.features.RestoreFocus, leaf: zt.features.All & ~zt.features.FocusLock }) : zt.features.None }, () => h(D2, {}, () => lt({ ourProps: i3, theirProps: { ...r3, ...l2 }, slot: s2, attrs: l2, slots: n2, visible: 0 === x2.value, features: et.RenderStrategy | et.Static, name: "Dialog" })))))), h(_2)]);
|
|
1578
1579
|
};
|
|
1579
1580
|
} });
|
|
1580
|
-
w({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${
|
|
1581
|
-
let n2 =
|
|
1581
|
+
w({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${Ce()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1582
|
+
let n2 = ul("DialogOverlay");
|
|
1582
1583
|
function a2(e3) {
|
|
1583
1584
|
e3.target === e3.currentTarget && (e3.preventDefault(), e3.stopPropagation(), n2.close());
|
|
1584
1585
|
}
|
|
1585
1586
|
return () => {
|
|
1586
1587
|
let { id: o2, ...r2 } = e2;
|
|
1587
|
-
return
|
|
1588
|
+
return lt({ ourProps: { id: o2, "aria-hidden": true, onClick: a2 }, theirProps: r2, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogOverlay" });
|
|
1588
1589
|
};
|
|
1589
|
-
} }), w({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${
|
|
1590
|
-
let a2 =
|
|
1590
|
+
} }), w({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${Ce()}` } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1591
|
+
let a2 = ul("DialogBackdrop"), o2 = s(null);
|
|
1591
1592
|
return n2({ el: o2, $el: o2 }), y(() => {
|
|
1592
1593
|
if (null === a2.panelRef.value)
|
|
1593
1594
|
throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
|
|
1594
1595
|
}), () => {
|
|
1595
1596
|
let { id: n3, ...r2 } = e2, i2 = { id: n3, ref: o2, "aria-hidden": true };
|
|
1596
|
-
return h(
|
|
1597
|
+
return h(Zt, { force: true }, () => h(nl, () => lt({ ourProps: i2, theirProps: { ...t2, ...r2 }, slot: { open: 0 === a2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
|
|
1597
1598
|
};
|
|
1598
1599
|
} });
|
|
1599
|
-
let
|
|
1600
|
-
let a2 =
|
|
1600
|
+
let pl = w({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${Ce()}` } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1601
|
+
let a2 = ul("DialogPanel");
|
|
1601
1602
|
function o2(e3) {
|
|
1602
1603
|
e3.stopPropagation();
|
|
1603
1604
|
}
|
|
1604
1605
|
return n2({ el: a2.panelRef, $el: a2.panelRef }), () => {
|
|
1605
1606
|
let { id: n3, ...r2 } = e2;
|
|
1606
|
-
return
|
|
1607
|
+
return lt({ ourProps: { id: n3, ref: a2.panelRef, onClick: o2 }, theirProps: r2, slot: { open: 0 === a2.dialogState.value }, attrs: t2, slots: l2, name: "DialogPanel" });
|
|
1607
1608
|
};
|
|
1608
|
-
} }),
|
|
1609
|
-
let n2 =
|
|
1609
|
+
} }), gl = w({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${Ce()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1610
|
+
let n2 = ul("DialogTitle");
|
|
1610
1611
|
return y(() => {
|
|
1611
1612
|
n2.setTitleId(e2.id), O(() => n2.setTitleId(null));
|
|
1612
1613
|
}), () => {
|
|
1613
1614
|
let { id: a2, ...o2 } = e2;
|
|
1614
|
-
return
|
|
1615
|
+
return lt({ ourProps: { id: a2 }, theirProps: o2, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogTitle" });
|
|
1615
1616
|
};
|
|
1616
1617
|
} });
|
|
1617
|
-
var
|
|
1618
|
-
let
|
|
1619
|
-
function
|
|
1620
|
-
let t2 = k(
|
|
1618
|
+
var fl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(fl || {});
|
|
1619
|
+
let ml = Symbol("DisclosureContext");
|
|
1620
|
+
function vl(e2) {
|
|
1621
|
+
let t2 = k(ml, null);
|
|
1621
1622
|
if (null === t2) {
|
|
1622
1623
|
let t3 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
|
|
1623
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1624
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, vl), t3;
|
|
1624
1625
|
}
|
|
1625
1626
|
return t2;
|
|
1626
1627
|
}
|
|
1627
|
-
let
|
|
1628
|
-
let
|
|
1629
|
-
let n2 = s(e2.defaultOpen ? 0 : 1), a2 = s(null), o2 = s(null), r2 = { buttonId: s(`headlessui-disclosure-button-${
|
|
1630
|
-
n2.value =
|
|
1628
|
+
let yl = Symbol("DisclosurePanelContext");
|
|
1629
|
+
let bl = w({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1630
|
+
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() {
|
|
1631
|
+
n2.value = Me(n2.value, { 0: 1, 1: 0 });
|
|
1631
1632
|
}, closeDisclosure() {
|
|
1632
1633
|
1 !== n2.value && (n2.value = 1);
|
|
1633
1634
|
}, close(e3) {
|
|
1634
1635
|
r2.closeDisclosure();
|
|
1635
|
-
let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ?
|
|
1636
|
+
let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ? Oe(e3) : Oe(r2.button) : Oe(r2.button);
|
|
1636
1637
|
null == t3 || t3.focus();
|
|
1637
1638
|
} };
|
|
1638
|
-
return S(
|
|
1639
|
+
return S(ml, r2), gt(u(() => Me(n2.value, { 0: ct.Open, 1: ct.Closed }))), () => {
|
|
1639
1640
|
let { defaultOpen: a3, ...o3 } = e2;
|
|
1640
|
-
return
|
|
1641
|
+
return lt({ theirProps: o3, ourProps: {}, slot: { open: 0 === n2.value, close: r2.close }, slots: t2, attrs: l2, name: "Disclosure" });
|
|
1641
1642
|
};
|
|
1642
|
-
} }),
|
|
1643
|
-
let a2 =
|
|
1643
|
+
} }), hl = w({ 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 }) {
|
|
1644
|
+
let a2 = vl("DisclosureButton"), o2 = k(yl, null), r2 = u(() => null !== o2 && o2.value === a2.panelId.value);
|
|
1644
1645
|
y(() => {
|
|
1645
1646
|
r2.value || null !== e2.id && (a2.buttonId.value = e2.id);
|
|
1646
1647
|
}), O(() => {
|
|
@@ -1650,51 +1651,51 @@ let yl = w({ name: "Disclosure", props: { as: { type: [Object, String], default:
|
|
|
1650
1651
|
n2({ el: i2, $el: i2 }), r2.value || v(() => {
|
|
1651
1652
|
a2.button.value = i2.value;
|
|
1652
1653
|
});
|
|
1653
|
-
let d2 =
|
|
1654
|
+
let d2 = Ge(u(() => ({ as: e2.as, type: t2.type })), i2);
|
|
1654
1655
|
function c2() {
|
|
1655
1656
|
var t3;
|
|
1656
|
-
e2.disabled || (r2.value ? (a2.toggleDisclosure(), null == (t3 =
|
|
1657
|
+
e2.disabled || (r2.value ? (a2.toggleDisclosure(), null == (t3 = Oe(a2.button)) || t3.focus()) : a2.toggleDisclosure());
|
|
1657
1658
|
}
|
|
1658
1659
|
function p2(t3) {
|
|
1659
1660
|
var l3;
|
|
1660
1661
|
if (!e2.disabled)
|
|
1661
1662
|
if (r2.value)
|
|
1662
1663
|
switch (t3.key) {
|
|
1663
|
-
case
|
|
1664
|
-
case
|
|
1665
|
-
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 =
|
|
1664
|
+
case ft.Space:
|
|
1665
|
+
case ft.Enter:
|
|
1666
|
+
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 = Oe(a2.button)) || l3.focus();
|
|
1666
1667
|
}
|
|
1667
1668
|
else
|
|
1668
1669
|
switch (t3.key) {
|
|
1669
|
-
case
|
|
1670
|
-
case
|
|
1670
|
+
case ft.Space:
|
|
1671
|
+
case ft.Enter:
|
|
1671
1672
|
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure();
|
|
1672
1673
|
}
|
|
1673
1674
|
}
|
|
1674
1675
|
function g2(e3) {
|
|
1675
|
-
if (e3.key ===
|
|
1676
|
+
if (e3.key === ft.Space)
|
|
1676
1677
|
e3.preventDefault();
|
|
1677
1678
|
}
|
|
1678
1679
|
return () => {
|
|
1679
1680
|
var n3;
|
|
1680
1681
|
let o3 = { open: 0 === a2.disclosureState.value }, { id: s2, ...u2 } = e2;
|
|
1681
|
-
return
|
|
1682
|
+
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" });
|
|
1682
1683
|
};
|
|
1683
|
-
} }),
|
|
1684
|
-
let a2 =
|
|
1684
|
+
} }), xl = w({ 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 }) {
|
|
1685
|
+
let a2 = vl("DisclosurePanel");
|
|
1685
1686
|
y(() => {
|
|
1686
1687
|
null !== e2.id && (a2.panelId.value = e2.id);
|
|
1687
1688
|
}), O(() => {
|
|
1688
1689
|
a2.panelId.value = null;
|
|
1689
|
-
}), n2({ el: a2.panel, $el: a2.panel }), S(
|
|
1690
|
-
let o2 =
|
|
1690
|
+
}), n2({ el: a2.panel, $el: a2.panel }), S(yl, a2.panelId);
|
|
1691
|
+
let o2 = pt(), r2 = u(() => null !== o2 ? (o2.value & ct.Open) === ct.Open : 0 === a2.disclosureState.value);
|
|
1691
1692
|
return () => {
|
|
1692
1693
|
var n3;
|
|
1693
1694
|
let o3 = { open: 0 === a2.disclosureState.value, close: a2.close }, { id: i2, ...s2 } = e2;
|
|
1694
|
-
return
|
|
1695
|
+
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" });
|
|
1695
1696
|
};
|
|
1696
|
-
} }),
|
|
1697
|
-
function
|
|
1697
|
+
} }), wl = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
|
|
1698
|
+
function kl(e2) {
|
|
1698
1699
|
var t2, l2;
|
|
1699
1700
|
let n2 = null != (t2 = e2.innerText) ? t2 : "", a2 = e2.cloneNode(true);
|
|
1700
1701
|
if (!(a2 instanceof HTMLElement))
|
|
@@ -1703,12 +1704,12 @@ function wl(e2) {
|
|
|
1703
1704
|
for (let e3 of a2.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
|
|
1704
1705
|
e3.remove(), o2 = true;
|
|
1705
1706
|
let r2 = o2 ? null != (l2 = a2.innerText) ? l2 : "" : n2;
|
|
1706
|
-
return
|
|
1707
|
+
return wl.test(r2) && (r2 = r2.replace(wl, "")), r2;
|
|
1707
1708
|
}
|
|
1708
|
-
function
|
|
1709
|
+
function Sl(e2) {
|
|
1709
1710
|
let t2 = s(""), l2 = s("");
|
|
1710
1711
|
return () => {
|
|
1711
|
-
let n2 =
|
|
1712
|
+
let n2 = Oe(e2);
|
|
1712
1713
|
if (!n2)
|
|
1713
1714
|
return "";
|
|
1714
1715
|
let a2 = n2.innerText;
|
|
@@ -1724,38 +1725,38 @@ function kl(e2) {
|
|
|
1724
1725
|
let t4 = document.getElementById(e5);
|
|
1725
1726
|
if (t4) {
|
|
1726
1727
|
let e6 = t4.getAttribute("aria-label");
|
|
1727
|
-
return "string" == typeof e6 ? e6.trim() :
|
|
1728
|
+
return "string" == typeof e6 ? e6.trim() : kl(t4).trim();
|
|
1728
1729
|
}
|
|
1729
1730
|
return null;
|
|
1730
1731
|
}).filter(Boolean);
|
|
1731
1732
|
if (e4.length > 0)
|
|
1732
1733
|
return e4.join(", ");
|
|
1733
1734
|
}
|
|
1734
|
-
return
|
|
1735
|
+
return kl(e3).trim();
|
|
1735
1736
|
}(n2).trim().toLowerCase();
|
|
1736
1737
|
return t2.value = a2, l2.value = o2, o2;
|
|
1737
1738
|
};
|
|
1738
1739
|
}
|
|
1739
|
-
var
|
|
1740
|
-
let
|
|
1741
|
-
function
|
|
1742
|
-
let t2 = k(
|
|
1740
|
+
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 || {});
|
|
1741
|
+
let Ml = Symbol("MenuContext");
|
|
1742
|
+
function Tl(e2) {
|
|
1743
|
+
let t2 = k(Ml, null);
|
|
1743
1744
|
if (null === t2) {
|
|
1744
1745
|
let t3 = new Error(`<${e2} /> is missing a parent <Menu /> component.`);
|
|
1745
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1746
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, Tl), t3;
|
|
1746
1747
|
}
|
|
1747
1748
|
return t2;
|
|
1748
1749
|
}
|
|
1749
|
-
let
|
|
1750
|
+
let Dl = w({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1750
1751
|
let n2 = s(1), a2 = s(null), o2 = s(null), r2 = s([]), i2 = s(""), d2 = s(null), c2 = s(1);
|
|
1751
1752
|
function p2(e3 = (e4) => e4) {
|
|
1752
|
-
let t3 = null !== d2.value ? r2.value[d2.value] : null, l3 =
|
|
1753
|
+
let t3 = null !== d2.value ? r2.value[d2.value] : null, l3 = He(e3(r2.value.slice()), (e4) => Oe(e4.dataRef.domRef)), n3 = t3 ? l3.indexOf(t3) : null;
|
|
1753
1754
|
return -1 === n3 && (n3 = null), { items: l3, activeItemIndex: n3 };
|
|
1754
1755
|
}
|
|
1755
1756
|
let g2 = { menuState: n2, buttonRef: a2, itemsRef: o2, items: r2, searchQuery: i2, activeItemIndex: d2, activationTrigger: c2, closeMenu: () => {
|
|
1756
1757
|
n2.value = 1, d2.value = null;
|
|
1757
1758
|
}, openMenu: () => n2.value = 0, goToItem(e3, t3, l3) {
|
|
1758
|
-
let n3 = p2(), a3 =
|
|
1759
|
+
let n3 = p2(), a3 = yt(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 });
|
|
1759
1760
|
i2.value = "", d2.value = a3, c2.value = null != l3 ? l3 : 1, r2.value = n3.items;
|
|
1760
1761
|
}, search(e3) {
|
|
1761
1762
|
let t3 = "" !== i2.value ? 0 : 1;
|
|
@@ -1774,185 +1775,185 @@ let Tl = w({ name: "Menu", props: { as: { type: [Object, String], default: "temp
|
|
|
1774
1775
|
});
|
|
1775
1776
|
r2.value = t3.items, d2.value = t3.activeItemIndex, c2.value = 1;
|
|
1776
1777
|
} };
|
|
1777
|
-
return
|
|
1778
|
+
return Ke([a2, o2], (e3, t3) => {
|
|
1778
1779
|
var l3;
|
|
1779
|
-
g2.closeMenu(),
|
|
1780
|
-
}, u(() => 0 === n2.value)), S(
|
|
1780
|
+
g2.closeMenu(), Le(t3, Ae.Loose) || (e3.preventDefault(), null == (l3 = Oe(a2)) || l3.focus());
|
|
1781
|
+
}, u(() => 0 === n2.value)), S(Ml, g2), gt(u(() => Me(n2.value, { 0: ct.Open, 1: ct.Closed }))), () => {
|
|
1781
1782
|
let a3 = { open: 0 === n2.value, close: g2.closeMenu };
|
|
1782
|
-
return
|
|
1783
|
+
return lt({ ourProps: {}, theirProps: e2, slot: a3, slots: t2, attrs: l2, name: "Menu" });
|
|
1783
1784
|
};
|
|
1784
|
-
} }), El = w({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${
|
|
1785
|
-
let a2 =
|
|
1785
|
+
} }), El = w({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${Ce()}` } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1786
|
+
let a2 = Tl("MenuButton");
|
|
1786
1787
|
function o2(e3) {
|
|
1787
1788
|
switch (e3.key) {
|
|
1788
|
-
case
|
|
1789
|
-
case
|
|
1790
|
-
case
|
|
1789
|
+
case ft.Space:
|
|
1790
|
+
case ft.Enter:
|
|
1791
|
+
case ft.ArrowDown:
|
|
1791
1792
|
e3.preventDefault(), e3.stopPropagation(), a2.openMenu(), m(() => {
|
|
1792
1793
|
var e4;
|
|
1793
|
-
null == (e4 =
|
|
1794
|
+
null == (e4 = Oe(a2.itemsRef)) || e4.focus({ preventScroll: true }), a2.goToItem(vt.First);
|
|
1794
1795
|
});
|
|
1795
1796
|
break;
|
|
1796
|
-
case
|
|
1797
|
+
case ft.ArrowUp:
|
|
1797
1798
|
e3.preventDefault(), e3.stopPropagation(), a2.openMenu(), m(() => {
|
|
1798
1799
|
var e4;
|
|
1799
|
-
null == (e4 =
|
|
1800
|
+
null == (e4 = Oe(a2.itemsRef)) || e4.focus({ preventScroll: true }), a2.goToItem(vt.Last);
|
|
1800
1801
|
});
|
|
1801
1802
|
}
|
|
1802
1803
|
}
|
|
1803
1804
|
function r2(e3) {
|
|
1804
|
-
if (e3.key ===
|
|
1805
|
+
if (e3.key === ft.Space)
|
|
1805
1806
|
e3.preventDefault();
|
|
1806
1807
|
}
|
|
1807
1808
|
function i2(t3) {
|
|
1808
1809
|
e2.disabled || (0 === a2.menuState.value ? (a2.closeMenu(), m(() => {
|
|
1809
1810
|
var e3;
|
|
1810
|
-
return null == (e3 =
|
|
1811
|
+
return null == (e3 = Oe(a2.buttonRef)) ? void 0 : e3.focus({ preventScroll: true });
|
|
1811
1812
|
})) : (t3.preventDefault(), a2.openMenu(), function(e3) {
|
|
1812
1813
|
requestAnimationFrame(() => requestAnimationFrame(e3));
|
|
1813
1814
|
}(() => {
|
|
1814
1815
|
var e3;
|
|
1815
|
-
return null == (e3 =
|
|
1816
|
+
return null == (e3 = Oe(a2.itemsRef)) ? void 0 : e3.focus({ preventScroll: true });
|
|
1816
1817
|
})));
|
|
1817
1818
|
}
|
|
1818
1819
|
n2({ el: a2.buttonRef, $el: a2.buttonRef });
|
|
1819
|
-
let s2 =
|
|
1820
|
+
let s2 = Ge(u(() => ({ as: e2.as, type: t2.type })), a2.buttonRef);
|
|
1820
1821
|
return () => {
|
|
1821
1822
|
var n3;
|
|
1822
1823
|
let u2 = { open: 0 === a2.menuState.value }, { id: d2, ...c2 } = e2;
|
|
1823
|
-
return
|
|
1824
|
+
return lt({ ourProps: { ref: a2.buttonRef, id: d2, type: s2.value, "aria-haspopup": "menu", "aria-controls": null == (n3 = Oe(a2.itemsRef)) ? void 0 : n3.id, "aria-expanded": 0 === a2.menuState.value, onKeydown: o2, onKeyup: r2, onClick: i2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "MenuButton" });
|
|
1824
1825
|
};
|
|
1825
|
-
} }),
|
|
1826
|
-
let a2 =
|
|
1826
|
+
} }), Il = w({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-menu-items-${Ce()}` } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1827
|
+
let a2 = Tl("MenuItems"), o2 = s(null);
|
|
1827
1828
|
function r2(e3) {
|
|
1828
1829
|
var t3;
|
|
1829
1830
|
switch (o2.value && clearTimeout(o2.value), e3.key) {
|
|
1830
|
-
case
|
|
1831
|
+
case ft.Space:
|
|
1831
1832
|
if ("" !== a2.searchQuery.value)
|
|
1832
1833
|
return e3.preventDefault(), e3.stopPropagation(), a2.search(e3.key);
|
|
1833
|
-
case
|
|
1834
|
+
case ft.Enter:
|
|
1834
1835
|
if (e3.preventDefault(), e3.stopPropagation(), null !== a2.activeItemIndex.value) {
|
|
1835
|
-
null == (t3 =
|
|
1836
|
+
null == (t3 = Oe(a2.items.value[a2.activeItemIndex.value].dataRef.domRef)) || t3.click();
|
|
1836
1837
|
}
|
|
1837
|
-
a2.closeMenu(),
|
|
1838
|
+
a2.closeMenu(), Fe(Oe(a2.buttonRef));
|
|
1838
1839
|
break;
|
|
1839
|
-
case
|
|
1840
|
-
return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(
|
|
1841
|
-
case
|
|
1842
|
-
return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(
|
|
1843
|
-
case
|
|
1844
|
-
case
|
|
1845
|
-
return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(
|
|
1846
|
-
case
|
|
1847
|
-
case
|
|
1848
|
-
return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(
|
|
1849
|
-
case
|
|
1840
|
+
case ft.ArrowDown:
|
|
1841
|
+
return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(vt.Next);
|
|
1842
|
+
case ft.ArrowUp:
|
|
1843
|
+
return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(vt.Previous);
|
|
1844
|
+
case ft.Home:
|
|
1845
|
+
case ft.PageUp:
|
|
1846
|
+
return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(vt.First);
|
|
1847
|
+
case ft.End:
|
|
1848
|
+
case ft.PageDown:
|
|
1849
|
+
return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(vt.Last);
|
|
1850
|
+
case ft.Escape:
|
|
1850
1851
|
e3.preventDefault(), e3.stopPropagation(), a2.closeMenu(), m(() => {
|
|
1851
1852
|
var e4;
|
|
1852
|
-
return null == (e4 =
|
|
1853
|
+
return null == (e4 = Oe(a2.buttonRef)) ? void 0 : e4.focus({ preventScroll: true });
|
|
1853
1854
|
});
|
|
1854
1855
|
break;
|
|
1855
|
-
case
|
|
1856
|
+
case ft.Tab:
|
|
1856
1857
|
e3.preventDefault(), e3.stopPropagation(), a2.closeMenu(), m(() => function(e4, t4) {
|
|
1857
|
-
return
|
|
1858
|
-
}(
|
|
1858
|
+
return Ve(Be(), t4, { relativeTo: e4 });
|
|
1859
|
+
}(Oe(a2.buttonRef), e3.shiftKey ? Pe.Previous : Pe.Next));
|
|
1859
1860
|
break;
|
|
1860
1861
|
default:
|
|
1861
1862
|
1 === e3.key.length && (a2.search(e3.key), o2.value = setTimeout(() => a2.clearSearch(), 350));
|
|
1862
1863
|
}
|
|
1863
1864
|
}
|
|
1864
1865
|
function i2(e3) {
|
|
1865
|
-
if (e3.key ===
|
|
1866
|
+
if (e3.key === ft.Space)
|
|
1866
1867
|
e3.preventDefault();
|
|
1867
1868
|
}
|
|
1868
|
-
n2({ el: a2.itemsRef, $el: a2.itemsRef }),
|
|
1869
|
+
n2({ el: a2.itemsRef, $el: a2.itemsRef }), Qe({ container: u(() => Oe(a2.itemsRef)), enabled: u(() => 0 === a2.menuState.value), accept: (e3) => "menuitem" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
|
|
1869
1870
|
e3.setAttribute("role", "none");
|
|
1870
1871
|
} });
|
|
1871
|
-
let d2 =
|
|
1872
|
+
let d2 = pt(), c2 = u(() => null !== d2 ? (d2.value & ct.Open) === ct.Open : 0 === a2.menuState.value);
|
|
1872
1873
|
return () => {
|
|
1873
1874
|
var n3, o3;
|
|
1874
1875
|
let s2 = { open: 0 === a2.menuState.value }, { id: u2, ...d3 } = e2;
|
|
1875
|
-
return
|
|
1876
|
+
return lt({ ourProps: { "aria-activedescendant": null === a2.activeItemIndex.value || null == (n3 = a2.items.value[a2.activeItemIndex.value]) ? void 0 : n3.id, "aria-labelledby": null == (o3 = Oe(a2.buttonRef)) ? void 0 : o3.id, id: u2, onKeydown: r2, onKeyup: i2, role: "menu", tabIndex: 0, ref: a2.itemsRef }, theirProps: d3, slot: s2, attrs: t2, slots: l2, features: et.RenderStrategy | et.Static, visible: c2.value, name: "MenuItems" });
|
|
1876
1877
|
};
|
|
1877
|
-
} }),
|
|
1878
|
-
let a2 =
|
|
1878
|
+
} }), _l = w({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: () => `headlessui-menu-item-${Ce()}` } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
|
|
1879
|
+
let a2 = Tl("MenuItem"), o2 = s(null);
|
|
1879
1880
|
n2({ el: o2, $el: o2 });
|
|
1880
|
-
let r2 = u(() => null !== a2.activeItemIndex.value && a2.items.value[a2.activeItemIndex.value].id === e2.id), i2 =
|
|
1881
|
+
let r2 = u(() => null !== a2.activeItemIndex.value && a2.items.value[a2.activeItemIndex.value].id === e2.id), i2 = Sl(o2), d2 = u(() => ({ disabled: e2.disabled, get textValue() {
|
|
1881
1882
|
return i2();
|
|
1882
1883
|
}, domRef: o2 }));
|
|
1883
1884
|
function c2(t3) {
|
|
1884
1885
|
if (e2.disabled)
|
|
1885
1886
|
return t3.preventDefault();
|
|
1886
|
-
a2.closeMenu(),
|
|
1887
|
+
a2.closeMenu(), Fe(Oe(a2.buttonRef));
|
|
1887
1888
|
}
|
|
1888
1889
|
function p2() {
|
|
1889
1890
|
if (e2.disabled)
|
|
1890
|
-
return a2.goToItem(
|
|
1891
|
-
a2.goToItem(
|
|
1891
|
+
return a2.goToItem(vt.Nothing);
|
|
1892
|
+
a2.goToItem(vt.Specific, e2.id);
|
|
1892
1893
|
}
|
|
1893
1894
|
y(() => a2.registerItem(e2.id, d2)), O(() => a2.unregisterItem(e2.id)), v(() => {
|
|
1894
1895
|
0 === a2.menuState.value && r2.value && 0 !== a2.activationTrigger.value && m(() => {
|
|
1895
1896
|
var e3, t3;
|
|
1896
|
-
return null == (t3 = null == (e3 =
|
|
1897
|
+
return null == (t3 = null == (e3 = Oe(o2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
|
|
1897
1898
|
});
|
|
1898
1899
|
});
|
|
1899
|
-
let g2 =
|
|
1900
|
+
let g2 = Xe();
|
|
1900
1901
|
function f2(e3) {
|
|
1901
1902
|
g2.update(e3);
|
|
1902
1903
|
}
|
|
1903
1904
|
function b2(t3) {
|
|
1904
|
-
g2.wasMoved(t3) && (e2.disabled || r2.value || a2.goToItem(
|
|
1905
|
+
g2.wasMoved(t3) && (e2.disabled || r2.value || a2.goToItem(vt.Specific, e2.id, 0));
|
|
1905
1906
|
}
|
|
1906
1907
|
function h2(t3) {
|
|
1907
|
-
g2.wasMoved(t3) && (e2.disabled || r2.value && a2.goToItem(
|
|
1908
|
+
g2.wasMoved(t3) && (e2.disabled || r2.value && a2.goToItem(vt.Nothing));
|
|
1908
1909
|
}
|
|
1909
1910
|
return () => {
|
|
1910
1911
|
let { disabled: n3 } = e2, i3 = { active: r2.value, disabled: n3, close: a2.closeMenu }, { id: s2, ...u2 } = e2;
|
|
1911
|
-
return
|
|
1912
|
+
return lt({ ourProps: { id: s2, ref: o2, role: "menuitem", tabIndex: true === n3 ? void 0 : -1, "aria-disabled": true === n3 || void 0, disabled: void 0, onClick: c2, onFocus: p2, onPointerenter: f2, onMouseenter: f2, onPointermove: b2, onMousemove: b2, onPointerleave: h2, onMouseleave: h2 }, theirProps: { ...l2, ...u2 }, slot: i3, attrs: l2, slots: t2, name: "MenuItem" });
|
|
1912
1913
|
};
|
|
1913
|
-
} }),
|
|
1914
|
-
function
|
|
1915
|
-
let e2 = k(
|
|
1914
|
+
} }), Pl = Symbol("LabelContext");
|
|
1915
|
+
function jl() {
|
|
1916
|
+
let e2 = k(Pl, null);
|
|
1916
1917
|
if (null === e2) {
|
|
1917
1918
|
let e3 = new Error("You used a <Label /> component, but it is not inside a parent.");
|
|
1918
|
-
throw Error.captureStackTrace && Error.captureStackTrace(e3,
|
|
1919
|
+
throw Error.captureStackTrace && Error.captureStackTrace(e3, jl), e3;
|
|
1919
1920
|
}
|
|
1920
1921
|
return e2;
|
|
1921
1922
|
}
|
|
1922
|
-
function
|
|
1923
|
+
function Rl({ slot: e2 = {}, name: t2 = "Label", props: l2 = {} } = {}) {
|
|
1923
1924
|
let n2 = s([]);
|
|
1924
|
-
return S(
|
|
1925
|
+
return S(Pl, { register: function(e3) {
|
|
1925
1926
|
return n2.value.push(e3), () => {
|
|
1926
1927
|
let t3 = n2.value.indexOf(e3);
|
|
1927
1928
|
-1 !== t3 && n2.value.splice(t3, 1);
|
|
1928
1929
|
};
|
|
1929
1930
|
}, slot: e2, name: t2, props: l2 }), u(() => n2.value.length > 0 ? n2.value.join(" ") : void 0);
|
|
1930
1931
|
}
|
|
1931
|
-
let
|
|
1932
|
-
let n2 =
|
|
1932
|
+
let Bl = w({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-label-${Ce()}` } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1933
|
+
let n2 = jl();
|
|
1933
1934
|
return y(() => O(n2.register(e2.id))), () => {
|
|
1934
1935
|
let { name: a2 = "Label", slot: o2 = {}, props: r2 = {} } = n2, { id: i2, passive: s2, ...u2 } = e2, c2 = { ...Object.entries(r2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: d(l3) }), {}), id: i2 };
|
|
1935
|
-
return s2 && (delete c2.onClick, delete c2.htmlFor, delete u2.onClick),
|
|
1936
|
+
return s2 && (delete c2.onClick, delete c2.htmlFor, delete u2.onClick), lt({ ourProps: c2, theirProps: u2, slot: o2, attrs: l2, slots: t2, name: a2 });
|
|
1936
1937
|
};
|
|
1937
|
-
} }),
|
|
1938
|
-
let n2 = s(null), a2 =
|
|
1938
|
+
} }), Al = Symbol("GroupContext"), Ll = w({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1939
|
+
let n2 = s(null), a2 = Rl({ name: "SwitchLabel", props: { htmlFor: u(() => {
|
|
1939
1940
|
var e3;
|
|
1940
1941
|
return null == (e3 = n2.value) ? void 0 : e3.id;
|
|
1941
1942
|
}), onClick(e3) {
|
|
1942
1943
|
n2.value && ("LABEL" === e3.currentTarget.tagName && e3.preventDefault(), n2.value.click(), n2.value.focus({ preventScroll: true }));
|
|
1943
|
-
} } }), o2 =
|
|
1944
|
-
return S(
|
|
1945
|
-
} }),
|
|
1946
|
-
let o2 = k(
|
|
1944
|
+
} } }), o2 = ll({ name: "SwitchDescription" });
|
|
1945
|
+
return S(Al, { switchRef: n2, labelledby: a2, describedby: o2 }), () => lt({ theirProps: e2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "SwitchGroup" });
|
|
1946
|
+
} }), Fl = w({ 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: () => `headlessui-switch-${Ce()}` } }, inheritAttrs: false, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
1947
|
+
let o2 = k(Al, null), [r2, i2] = ke(u(() => e2.modelValue), (e3) => t2("update:modelValue", e3), u(() => e2.defaultChecked));
|
|
1947
1948
|
function d2() {
|
|
1948
1949
|
i2(!r2.value);
|
|
1949
1950
|
}
|
|
1950
|
-
let c2 = s(null), g2 = null === o2 ? c2 : o2.switchRef, f2 =
|
|
1951
|
+
let c2 = s(null), g2 = null === o2 ? c2 : o2.switchRef, f2 = Ge(u(() => ({ as: e2.as, type: l2.type })), g2);
|
|
1951
1952
|
function m2(e3) {
|
|
1952
1953
|
e3.preventDefault(), d2();
|
|
1953
1954
|
}
|
|
1954
1955
|
function v2(e3) {
|
|
1955
|
-
e3.key ===
|
|
1956
|
+
e3.key === ft.Space ? (e3.preventDefault(), d2()) : e3.key === ft.Enter && function(e4) {
|
|
1956
1957
|
var t3, l3;
|
|
1957
1958
|
let n3 = null != (t3 = null == e4 ? void 0 : e4.form) ? t3 : e4.closest("form");
|
|
1958
1959
|
if (n3) {
|
|
@@ -1969,7 +1970,7 @@ let Rl = w({ name: "Label", props: { as: { type: [Object, String], default: "lab
|
|
|
1969
1970
|
a2({ el: g2, $el: g2 });
|
|
1970
1971
|
let w2 = u(() => {
|
|
1971
1972
|
var e3, t3;
|
|
1972
|
-
return null == (t3 = null == (e3 =
|
|
1973
|
+
return null == (t3 = null == (e3 = Oe(g2)) ? void 0 : e3.closest) ? void 0 : t3.call(e3, "form");
|
|
1973
1974
|
});
|
|
1974
1975
|
return y(() => {
|
|
1975
1976
|
p([w2], () => {
|
|
@@ -1984,18 +1985,18 @@ let Rl = w({ name: "Label", props: { as: { type: [Object, String], default: "lab
|
|
|
1984
1985
|
}, { immediate: true });
|
|
1985
1986
|
}), () => {
|
|
1986
1987
|
let { id: t3, name: a3, value: i3, form: s2, ...u2 } = e2, d3 = { checked: r2.value }, c3 = { id: t3, ref: g2, role: "switch", type: f2.value, tabIndex: 0, "aria-checked": r2.value, "aria-labelledby": null == o2 ? void 0 : o2.labelledby.value, "aria-describedby": null == o2 ? void 0 : o2.describedby.value, onClick: m2, onKeyup: v2, onKeypress: b2 };
|
|
1987
|
-
return h(x, [null != a3 && null != r2.value ? h(
|
|
1988
|
+
return h(x, [null != a3 && null != r2.value ? h(ut, rt({ features: st.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: r2.value, form: s2, name: a3, value: i3 })) : null, lt({ ourProps: c3, theirProps: { ...l2, ...it(u2, ["modelValue", "defaultChecked"]) }, slot: d3, attrs: l2, slots: n2, name: "Switch" })]);
|
|
1988
1989
|
};
|
|
1989
|
-
} }),
|
|
1990
|
-
function
|
|
1990
|
+
} }), Nl = Bl;
|
|
1991
|
+
function zl(e2, ...t2) {
|
|
1991
1992
|
e2 && t2.length > 0 && e2.classList.add(...t2);
|
|
1992
1993
|
}
|
|
1993
|
-
function
|
|
1994
|
+
function $l(e2, ...t2) {
|
|
1994
1995
|
e2 && t2.length > 0 && e2.classList.remove(...t2);
|
|
1995
1996
|
}
|
|
1996
|
-
var
|
|
1997
|
-
function
|
|
1998
|
-
let r2 =
|
|
1997
|
+
var Hl = ((e2) => (e2.Finished = "finished", e2.Cancelled = "cancelled", e2))(Hl || {});
|
|
1998
|
+
function Vl(e2, t2, l2, n2, a2, o2) {
|
|
1999
|
+
let r2 = ht(), i2 = void 0 !== o2 ? function(e3) {
|
|
1999
2000
|
let t3 = { called: false };
|
|
2000
2001
|
return (...l3) => {
|
|
2001
2002
|
if (!t3.called)
|
|
@@ -2003,9 +2004,9 @@ function Hl(e2, t2, l2, n2, a2, o2) {
|
|
|
2003
2004
|
};
|
|
2004
2005
|
}(o2) : () => {
|
|
2005
2006
|
};
|
|
2006
|
-
return
|
|
2007
|
-
|
|
2008
|
-
let l3 =
|
|
2007
|
+
return $l(e2, ...a2), zl(e2, ...t2, ...l2), r2.nextFrame(() => {
|
|
2008
|
+
$l(e2, ...l2), zl(e2, ...n2), r2.add(function(e3, t3) {
|
|
2009
|
+
let l3 = ht();
|
|
2009
2010
|
if (!e3)
|
|
2010
2011
|
return l3.dispose;
|
|
2011
2012
|
let { transitionDuration: n3, transitionDelay: a3 } = getComputedStyle(e3), [o3, r3] = [n3, a3].map((e4) => {
|
|
@@ -2013,79 +2014,79 @@ function Hl(e2, t2, l2, n2, a2, o2) {
|
|
|
2013
2014
|
return t4;
|
|
2014
2015
|
});
|
|
2015
2016
|
return 0 !== o3 ? l3.setTimeout(() => t3("finished"), o3 + r3) : t3("finished"), l3.add(() => t3("cancelled")), l3.dispose;
|
|
2016
|
-
}(e2, (l3) => (
|
|
2017
|
-
}), r2.add(() =>
|
|
2017
|
+
}(e2, (l3) => ($l(e2, ...n2, ...t2), zl(e2, ...a2), i2(l3))));
|
|
2018
|
+
}), r2.add(() => $l(e2, ...t2, ...l2, ...n2, ...a2)), r2.add(() => i2("cancelled")), r2.dispose;
|
|
2018
2019
|
}
|
|
2019
|
-
function
|
|
2020
|
+
function Yl(e2 = "") {
|
|
2020
2021
|
return e2.split(/\s+/).filter((e3) => e3.length > 1);
|
|
2021
2022
|
}
|
|
2022
|
-
let
|
|
2023
|
-
var
|
|
2024
|
-
let
|
|
2025
|
-
function Wl(e2) {
|
|
2026
|
-
return "children" in e2 ? Wl(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
|
|
2027
|
-
}
|
|
2023
|
+
let Ul = Symbol("TransitionContext");
|
|
2024
|
+
var ql = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(ql || {});
|
|
2025
|
+
let Wl = Symbol("NestingContext");
|
|
2028
2026
|
function Kl(e2) {
|
|
2027
|
+
return "children" in e2 ? Kl(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
|
|
2028
|
+
}
|
|
2029
|
+
function Jl(e2) {
|
|
2029
2030
|
let t2 = s([]), l2 = s(false);
|
|
2030
|
-
function n2(n3, a2 =
|
|
2031
|
+
function n2(n3, a2 = tt.Hidden) {
|
|
2031
2032
|
let o2 = t2.value.findIndex(({ id: e3 }) => e3 === n3);
|
|
2032
|
-
-1 !== o2 && (
|
|
2033
|
+
-1 !== o2 && (Me(a2, { [tt.Unmount]() {
|
|
2033
2034
|
t2.value.splice(o2, 1);
|
|
2034
|
-
}, [
|
|
2035
|
+
}, [tt.Hidden]() {
|
|
2035
2036
|
t2.value[o2].state = "hidden";
|
|
2036
|
-
} }), !
|
|
2037
|
+
} }), !Kl(t2) && l2.value && (null == e2 || e2()));
|
|
2037
2038
|
}
|
|
2038
2039
|
return y(() => l2.value = true), O(() => l2.value = false), { children: t2, register: function(e3) {
|
|
2039
2040
|
let l3 = t2.value.find(({ id: t3 }) => t3 === e3);
|
|
2040
|
-
return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => n2(e3,
|
|
2041
|
+
return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => n2(e3, tt.Unmount);
|
|
2041
2042
|
}, unregister: n2 };
|
|
2042
2043
|
}
|
|
2043
|
-
let
|
|
2044
|
+
let Gl = et.RenderStrategy, Zl = w({ 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 }) {
|
|
2044
2045
|
let r2 = s(0);
|
|
2045
2046
|
function i2() {
|
|
2046
|
-
r2.value |=
|
|
2047
|
+
r2.value |= ct.Opening, t2("beforeEnter");
|
|
2047
2048
|
}
|
|
2048
2049
|
function d2() {
|
|
2049
|
-
r2.value &= ~
|
|
2050
|
+
r2.value &= ~ct.Opening, t2("afterEnter");
|
|
2050
2051
|
}
|
|
2051
2052
|
function c2() {
|
|
2052
|
-
r2.value |=
|
|
2053
|
+
r2.value |= ct.Closing, t2("beforeLeave");
|
|
2053
2054
|
}
|
|
2054
2055
|
function g2() {
|
|
2055
|
-
r2.value &= ~
|
|
2056
|
+
r2.value &= ~ct.Closing, t2("afterLeave");
|
|
2056
2057
|
}
|
|
2057
|
-
if (null === k(
|
|
2058
|
-
return () => h(
|
|
2059
|
-
let f2 = s(null), m2 = u(() => e2.unmount ?
|
|
2058
|
+
if (null === k(Ul, null) && null !== pt())
|
|
2059
|
+
return () => h(Ql, { ...e2, onBeforeEnter: i2, onAfterEnter: d2, onBeforeLeave: c2, onAfterLeave: g2 }, a2);
|
|
2060
|
+
let f2 = s(null), m2 = u(() => e2.unmount ? tt.Unmount : tt.Hidden);
|
|
2060
2061
|
o2({ el: f2, $el: f2 });
|
|
2061
2062
|
let { show: b2, appear: x2 } = function() {
|
|
2062
|
-
let e3 = k(
|
|
2063
|
+
let e3 = k(Ul, null);
|
|
2063
2064
|
if (null === e3)
|
|
2064
2065
|
throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
|
|
2065
2066
|
return e3;
|
|
2066
2067
|
}(), { register: w2, unregister: C2 } = function() {
|
|
2067
|
-
let e3 = k(
|
|
2068
|
+
let e3 = k(Wl, null);
|
|
2068
2069
|
if (null === e3)
|
|
2069
2070
|
throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
|
|
2070
2071
|
return e3;
|
|
2071
|
-
}(), M2 = s(b2.value ? "visible" : "hidden"), T2 = { value: true },
|
|
2072
|
-
!
|
|
2072
|
+
}(), M2 = s(b2.value ? "visible" : "hidden"), T2 = { value: true }, D2 = Ce(), E2 = { value: false }, I2 = Jl(() => {
|
|
2073
|
+
!E2.value && "hidden" !== M2.value && (M2.value = "hidden", C2(D2), g2());
|
|
2073
2074
|
});
|
|
2074
2075
|
y(() => {
|
|
2075
|
-
let e3 = w2(
|
|
2076
|
+
let e3 = w2(D2);
|
|
2076
2077
|
O(e3);
|
|
2077
2078
|
}), v(() => {
|
|
2078
|
-
if (m2.value ===
|
|
2079
|
+
if (m2.value === tt.Hidden && D2) {
|
|
2079
2080
|
if (b2.value && "visible" !== M2.value)
|
|
2080
2081
|
return void (M2.value = "visible");
|
|
2081
|
-
|
|
2082
|
+
Me(M2.value, { hidden: () => C2(D2), visible: () => w2(D2) });
|
|
2082
2083
|
}
|
|
2083
2084
|
});
|
|
2084
|
-
let _2 =
|
|
2085
|
+
let _2 = Yl(e2.enter), P2 = Yl(e2.enterFrom), j2 = Yl(e2.enterTo), R2 = Yl(e2.entered), B2 = Yl(e2.leave), A2 = Yl(e2.leaveFrom), L2 = Yl(e2.leaveTo);
|
|
2085
2086
|
return y(() => {
|
|
2086
2087
|
v(() => {
|
|
2087
2088
|
if ("visible" === M2.value) {
|
|
2088
|
-
let e3 =
|
|
2089
|
+
let e3 = Oe(f2);
|
|
2089
2090
|
if (e3 instanceof Comment && "" === e3.data)
|
|
2090
2091
|
throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
|
|
2091
2092
|
}
|
|
@@ -2093,104 +2094,107 @@ let Jl = Qe.RenderStrategy, Gl = w({ props: { as: { type: [Object, String], defa
|
|
|
2093
2094
|
}), y(() => {
|
|
2094
2095
|
p([b2], (e3, t3, l3) => {
|
|
2095
2096
|
(function(e4) {
|
|
2096
|
-
let t4 = T2.value && !x2.value, l4 =
|
|
2097
|
-
!l4 || !(l4 instanceof HTMLElement) || t4 || (
|
|
2098
|
-
|
|
2099
|
-
}) :
|
|
2100
|
-
|
|
2097
|
+
let t4 = T2.value && !x2.value, l4 = Oe(f2);
|
|
2098
|
+
!l4 || !(l4 instanceof HTMLElement) || t4 || (E2.value = true, b2.value && i2(), b2.value || c2(), e4(b2.value ? Vl(l4, _2, P2, j2, R2, (e5) => {
|
|
2099
|
+
E2.value = false, e5 === Hl.Finished && d2();
|
|
2100
|
+
}) : Vl(l4, B2, A2, L2, R2, (e5) => {
|
|
2101
|
+
E2.value = false, e5 === Hl.Finished && (Kl(I2) || (M2.value = "hidden", C2(D2), g2()));
|
|
2101
2102
|
})));
|
|
2102
2103
|
})(l3), T2.value = false;
|
|
2103
2104
|
}, { immediate: true });
|
|
2104
|
-
}), S(
|
|
2105
|
+
}), S(Wl, I2), gt(u(() => Me(M2.value, { visible: ct.Open, hidden: ct.Closed }) | r2.value)), () => {
|
|
2105
2106
|
let { appear: t3, show: o3, enter: r3, enterFrom: i3, enterTo: s2, entered: u2, leave: d3, leaveFrom: c3, leaveTo: p2, ...g3 } = e2, m3 = { ref: f2 };
|
|
2106
|
-
return
|
|
2107
|
+
return lt({ theirProps: { ...g3, ...x2.value && b2.value && Ee.isServer ? { class: n([l2.class, g3.class, ..._2, ...P2]) } : {} }, ourProps: m3, slot: {}, slots: a2, attrs: l2, features: Gl, visible: "visible" === M2.value, name: "TransitionChild" });
|
|
2107
2108
|
};
|
|
2108
|
-
} }),
|
|
2109
|
-
let a2 =
|
|
2109
|
+
} }), Xl = Zl, Ql = w({ 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 }) {
|
|
2110
|
+
let a2 = pt(), o2 = u(() => null === e2.show && null !== a2 ? (a2.value & ct.Open) === ct.Open : e2.show);
|
|
2110
2111
|
v(() => {
|
|
2111
2112
|
if (![true, false].includes(o2.value))
|
|
2112
2113
|
throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
|
|
2113
2114
|
});
|
|
2114
|
-
let r2 = s(o2.value ? "visible" : "hidden"), i2 =
|
|
2115
|
+
let r2 = s(o2.value ? "visible" : "hidden"), i2 = Jl(() => {
|
|
2115
2116
|
r2.value = "hidden";
|
|
2116
2117
|
}), d2 = s(true), c2 = { show: o2, appear: u(() => e2.appear || !d2.value) };
|
|
2117
2118
|
return y(() => {
|
|
2118
2119
|
v(() => {
|
|
2119
|
-
d2.value = false, o2.value ? r2.value = "visible" :
|
|
2120
|
+
d2.value = false, o2.value ? r2.value = "visible" : Kl(i2) || (r2.value = "hidden");
|
|
2120
2121
|
});
|
|
2121
|
-
}), S(
|
|
2122
|
-
let a3 =
|
|
2123
|
-
return
|
|
2122
|
+
}), S(Wl, i2), S(Ul, c2), () => {
|
|
2123
|
+
let a3 = it(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), o3 = { unmount: e2.unmount };
|
|
2124
|
+
return lt({ ourProps: { ...o3, as: "template" }, theirProps: {}, slot: {}, slots: { ...n2, default: () => [h(Xl, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...o3, ...a3 }, n2.default)] }, attrs: {}, features: Gl, visible: "visible" === r2.value, name: "Transition" });
|
|
2124
2125
|
};
|
|
2125
2126
|
} });
|
|
2126
|
-
function
|
|
2127
|
+
function en(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: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" })]);
|
|
2128
2129
|
}
|
|
2129
|
-
function
|
|
2130
|
+
function tn(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: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" })]);
|
|
2131
2132
|
}
|
|
2132
|
-
function
|
|
2133
|
+
function ln(t2, l2) {
|
|
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: "M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5" })]);
|
|
2135
|
+
}
|
|
2136
|
+
function nn(t2, l2) {
|
|
2133
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 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
|
|
2134
2138
|
}
|
|
2135
|
-
function
|
|
2139
|
+
function an(t2, l2) {
|
|
2136
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: "m4.5 12.75 6 6 9-13.5" })]);
|
|
2137
2141
|
}
|
|
2138
|
-
function
|
|
2142
|
+
function on(t2, l2) {
|
|
2139
2143
|
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" })]);
|
|
2140
2144
|
}
|
|
2141
|
-
function
|
|
2145
|
+
function rn(t2, l2) {
|
|
2142
2146
|
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" })]);
|
|
2143
2147
|
}
|
|
2144
|
-
function
|
|
2148
|
+
function sn(t2, l2) {
|
|
2145
2149
|
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" })]);
|
|
2146
2150
|
}
|
|
2147
|
-
function
|
|
2151
|
+
function un(t2, l2) {
|
|
2148
2152
|
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" })]);
|
|
2149
2153
|
}
|
|
2150
|
-
function
|
|
2154
|
+
function dn(t2, l2) {
|
|
2151
2155
|
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" })]);
|
|
2152
2156
|
}
|
|
2153
|
-
function
|
|
2157
|
+
function cn(t2, l2) {
|
|
2154
2158
|
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" })]);
|
|
2155
2159
|
}
|
|
2156
|
-
function
|
|
2160
|
+
function pn(t2, l2) {
|
|
2157
2161
|
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" })]);
|
|
2158
2162
|
}
|
|
2159
|
-
function
|
|
2163
|
+
function gn(t2, l2) {
|
|
2160
2164
|
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" })]);
|
|
2161
2165
|
}
|
|
2162
|
-
function
|
|
2166
|
+
function fn(t2, l2) {
|
|
2163
2167
|
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" })]);
|
|
2164
2168
|
}
|
|
2165
|
-
function
|
|
2169
|
+
function mn(t2, l2) {
|
|
2166
2170
|
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" })]);
|
|
2167
2171
|
}
|
|
2168
|
-
function
|
|
2172
|
+
function vn(t2, l2) {
|
|
2169
2173
|
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" })]);
|
|
2170
2174
|
}
|
|
2171
|
-
function
|
|
2175
|
+
function yn(t2, l2) {
|
|
2172
2176
|
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" })]);
|
|
2173
2177
|
}
|
|
2174
|
-
function
|
|
2178
|
+
function bn(t2, l2) {
|
|
2175
2179
|
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" })]);
|
|
2176
2180
|
}
|
|
2177
|
-
const
|
|
2181
|
+
const hn = { class: "py-1" }, xn = ["onClick"], wn = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, kn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), Sn = { name: "uiDropdown" }, Cn = Object.assign(Sn, { 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 }) {
|
|
2178
2182
|
const s2 = r2, c2 = l2, p2 = u(() => {
|
|
2179
2183
|
let e2 = c2.items.find((e3) => true === e3.active);
|
|
2180
2184
|
return e2 ? e2.name : c2.label;
|
|
2181
2185
|
});
|
|
2182
|
-
return (r3, u2) => l2.loading ? (e(), a("div",
|
|
2186
|
+
return (r3, u2) => l2.loading ? (e(), a("div", wn, [kn, o(d(on), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(d(Dl), { 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(on), { "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", hn, [(e(true), a(x, null, j(l2.items, (l3, a2) => (e(), t(d(_l), { key: a2 }, { default: E(() => [i("a", { onClick: (e2) => ((e3) => {
|
|
2183
2187
|
c2.disabled || s2("optionSelected", e3.value);
|
|
2184
|
-
})(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,
|
|
2185
|
-
} }),
|
|
2188
|
+
})(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, xn)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
|
|
2189
|
+
} }), On = { key: 0 }, Mn = { class: "flex justify-between" }, Tn = { key: 0, class: "block text-sm font-medium text-gray-700" }, Dn = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, En = ["disabled", "name", "placeholder", "type"], In = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, _n = { key: 1, class: "animate-pulse" }, Pn = { 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" }, jn = 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), Rn = { name: "uiInput" }, Bn = Object.assign(Rn, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
|
|
2186
2190
|
} }, 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 }) {
|
|
2187
2191
|
const r2 = l2, u2 = t2, c2 = (e2) => {
|
|
2188
2192
|
r2("inputChanged", { value: e2.target.value, name: e2.target.name });
|
|
2189
2193
|
}, g2 = s(u2.value);
|
|
2190
2194
|
return p(() => u2.value, (e2) => {
|
|
2191
2195
|
g2.value = e2, r2("inputChanged", { name: u2.name, value: g2.value });
|
|
2192
|
-
}), (l3, r3) => t2.loading ? (e(), a("div",
|
|
2193
|
-
} }),
|
|
2196
|
+
}), (l3, r3) => t2.loading ? (e(), a("div", _n, [void 0 !== t2.label ? (e(), a("div", Pn)) : R("", true), jn])) : (e(), a("div", On, [i("div", Mn, [t2.label ? (e(), a("label", Tn, _(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) => g2.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: c2 }, null, 42, En), [[A, g2.value]]), t2.rightAddOn ? (e(), a("span", { key: 1, onClick: r3[2] || (r3[2] = (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", In, [o(K, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), B(o(K, { icon: d(an), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "success" === t2.color]]), B(o(K, { icon: d(cn), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "warning" === t2.color]]), B(o(K, { icon: d(bn), 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]])]));
|
|
2197
|
+
} }), An = { key: 0 }, Ln = { class: "flex justify-between" }, Fn = { key: 0, class: "block text-sm font-medium text-gray-700" }, Nn = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, zn = { class: "space-y-1 flex flex-col items-center justify-center" }, $n = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Hn = { 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"], Yn = { class: "pl-1" }, Un = { class: "text-xs text-gray-500 pb-4" }, qn = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Wn = { key: 1, class: "animate-pulse" }, Kn = [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)], Jn = { name: "uiInputFile" }, Gn = Object.assign(Jn, { props: { name: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
|
|
2194
2198
|
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" })]);
|
|
2195
2199
|
} }, loading: { type: Boolean, default: true } }, emits: ["filesUploaded"], setup(t2, { emit: l2 }) {
|
|
2196
2200
|
const r2 = s(""), u2 = l2, c2 = t2, p2 = (e2) => {
|
|
@@ -2199,42 +2203,42 @@ const yn = { class: "py-1" }, bn = ["onClick"], hn = { key: 1, class: "animate-p
|
|
|
2199
2203
|
}, g2 = (e2) => {
|
|
2200
2204
|
u2("filesUploaded", e2.target.files), c2.filename = e2.target.files[0].name;
|
|
2201
2205
|
};
|
|
2202
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
2203
|
-
}, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div",
|
|
2204
|
-
} }),
|
|
2206
|
+
return (l3, s2) => t2.loading ? (e(), a("div", Wn, Kn)) : (e(), a("div", An, [i("div", Ln, [t2.label ? (e(), a("label", Fn, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Nn, _(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(() => {
|
|
2207
|
+
}, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div", zn, [o(K, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", $n, [i("label", Hn, [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", Yn, _(t2.dragAndDrop), 1)]), i("p", Un, _(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", qn, [o(K, { icon: d(yn), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), I(_(t2.error), 1)], 512), [[L, t2.error]])]));
|
|
2208
|
+
} }), Zn = { class: "relative mt-1" }, Xn = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, Qn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), ea = { name: "uiSelect" }, ta = Object.assign(ea, { 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 }) {
|
|
2205
2209
|
const c2 = s(""), p2 = r2, g2 = l2, f2 = u(() => "" === c2.value ? g2.items : g2.items.filter((e2) => e2.name.toLowerCase().includes(c2.value.toLowerCase()))), m2 = u(() => g2.select);
|
|
2206
|
-
return (r3, s2) => l2.loading ? (e(), a("div",
|
|
2207
|
-
} }),
|
|
2210
|
+
return (r3, s2) => l2.loading ? (e(), a("div", Xn, [Qn, o(d(un), { "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: m2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => m2.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", Zn, [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(un), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), f2.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(x, null, j(f2.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(an), { "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"]));
|
|
2211
|
+
} }), la = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, na = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], aa = { name: "uiTag" }, oa = Object.assign(aa, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("div", la, na)) : (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)) }), ra = { key: 0 }, ia = { key: 0, class: "block text-sm font-medium text-gray-700" }, sa = ["disabled", "placeholder"], ua = { key: 1, class: "animate-pulse" }, da = [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)], ca = { name: "uiTextArea" }, pa = Object.assign(ca, { 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 }) {
|
|
2208
2212
|
const r2 = l2, u2 = t2, c2 = (e2) => {
|
|
2209
2213
|
r2("inputChanged", e2.target.value);
|
|
2210
2214
|
}, g2 = s(u2.value);
|
|
2211
2215
|
return p(() => u2.value, (e2) => {
|
|
2212
2216
|
g2.value = e2, r2("inputChanged", e2);
|
|
2213
|
-
}), (l3, r3) => t2.loading ? (e(), a("div",
|
|
2214
|
-
} }),
|
|
2217
|
+
}), (l3, r3) => t2.loading ? (e(), a("div", ua, da)) : (e(), a("div", ra, [t2.label ? (e(), a("label", ia, _(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, sa), [[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(K, { icon: d(yn), color: "red", class: "mr-2" }, null, 8, ["icon"]), I(_(t2.error), 1)], 2), [[L, t2.error]])]));
|
|
2218
|
+
} }), ga = { class: "text-sm font-medium text-gray-900" }, fa = { key: 0, class: "text-sm text-gray-500 ml-2" }, ma = { key: 1, class: "animate-pulse flex items-center" }, va = [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)], ya = { name: "uiToggle" }, ba = Object.assign(ya, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
|
|
2215
2219
|
const r2 = s(l2.checked);
|
|
2216
|
-
return (s2, u2) => l2.loading ? (e(), a("div",
|
|
2217
|
-
} }),
|
|
2220
|
+
return (s2, u2) => l2.loading ? (e(), a("div", ma, va)) : (e(), t(d(Ll), { key: 0, as: "div", class: "flex items-center relative" }, { default: E(() => [o(d(Fl), { 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(Nl), { as: "span", class: "ml-3" }, { default: E(() => [i("span", ga, _(l2.item.title), 1), l2.item.subtitle ? (e(), a("span", fa, _(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 }));
|
|
2221
|
+
} }), ha = { key: 0, class: "flex flex-col" }, xa = { class: "flex" }, wa = { class: "flex-shrink-0" }, ka = { class: "ml-3" }, Sa = { class: "mt-4" }, Ca = { class: "-mx-2 -my-1.5 flex" }, Oa = ["onClick"], Ma = { key: 1, class: "flex flex-col animate-pulse" }, Ta = [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" }, Ea = 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", Ma, Ta)) : (e(), a("div", ha, [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", xa, [i("div", wa, ["info" === l2.type ? (e(), t(d(fn), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : R("", true), "danger" === l2.type ? (e(), t(d(yn), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : R("", true), "warning" === l2.type ? (e(), t(d(cn), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : R("", true), "success" === l2.type ? (e(), t(d(nn), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : R("", true)]), i("div", ka, [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", Sa, [i("div", Ca, [(e(true), a(x, 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, Oa))), 128))])])])])], 2)])) }), Ia = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, _a = { role: "list", class: "flex items-center space-x-4 text-xs" }, Pa = { key: 0 }, ja = ["onClick"], Ra = { key: 1, class: "flex items-center" }, Ba = ["onClick", "aria-current"], Aa = { key: 1, class: "flex flex-row items-center animate-pulse" }, La = [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)], Fa = { name: "uiBreadcrumbs" }, Na = Object.assign(Fa, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), a("div", Aa, La)) : (e(), a("nav", Ia, [i("ol", _a, [(e(true), a(x, null, j(t2.pages, (t3, r3) => (e(), a("li", { key: r3 }, [0 === r3 ? (e(), a("div", Pa, [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(gn), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, ja)])) : (e(), a("div", Ra, [o(d(sn), { 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, Ba)]))]))), 128))])])) }), za = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, $a = ["src"], Ha = { class: "font-bold text-center sm:text-left" }, Va = { class: "mt-1 text-xs text-center sm:text-left" }, Ya = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Ua = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, qa = [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)], Wa = { name: "uiCard" }, Ka = Object.assign(Wa, { 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) => {
|
|
2218
2222
|
var _a2;
|
|
2219
|
-
return l2.loading ? (e(), a("div",
|
|
2220
|
-
} }),
|
|
2223
|
+
return l2.loading ? (e(), a("div", Ua, qa)) : (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", za, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, $a), i("div", null, [i("h4", Ha, _(l2.name), 1), i("p", Va, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), a("div", Ya, [(e(true), a(x, null, j(l2.tags, (n3) => (e(), t(oa, { 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)]));
|
|
2224
|
+
} }), Ja = { name: "uiFilter" }, Ga = Object.assign(Ja, { 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 }) {
|
|
2221
2225
|
const a2 = n2, o2 = s(l2.items);
|
|
2222
|
-
return (n3, r2) => (e(), t(
|
|
2226
|
+
return (n3, r2) => (e(), t(Cn, { loading: l2.loading, onOptionSelected: r2[0] || (r2[0] = (e2) => ((e3) => {
|
|
2223
2227
|
o2.value.forEach((t2) => {
|
|
2224
2228
|
t2.value !== e3 ? t2.active = false : t2.active = true;
|
|
2225
2229
|
}), a2("filterSelected", e3);
|
|
2226
2230
|
})(e2)), position: l2.position, items: o2.value, label: l2.label }, null, 8, ["loading", "position", "items", "label"]));
|
|
2227
|
-
} }),
|
|
2231
|
+
} }), Za = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), Xa = { class: "fixed inset-0 z-10 overflow-y-auto" }, Qa = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, eo = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, to = i("span", { class: "sr-only" }, "X", -1), lo = { class: "sm:flex sm:items-start" }, no = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4" }, ao = { class: "mt-4 text-gray-500 text-sm" }, oo = { key: 0, class: "mt-8" }, ro = ["onClick"], io = { name: "uiModal" }, so = Object.assign(io, { 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 }) {
|
|
2228
2232
|
const u2 = l2, c2 = s2, p2 = (e2) => {
|
|
2229
2233
|
c2("modalAction", { modal: u2.modalName, action: e2 });
|
|
2230
2234
|
};
|
|
2231
|
-
return (s3, u3) => (e(), t(d(
|
|
2232
|
-
} }),
|
|
2235
|
+
return (s3, u3) => (e(), t(d(Ql), { 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(Zl), { 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(() => [Za]), _: 1 }), i("div", Xa, [i("div", Qa, [o(d(Zl), { 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", eo, [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")) }, [to, o(K, { icon: d(bn), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", lo, [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(bn), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[L, "danger" === l2.type]]), B(o(d(an), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[L, "success" === l2.type]]), B(o(d(cn), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[L, "warning" === l2.type]]), B(o(d(pn), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[L, "default" === l2.type]])], 2), i("div", no, [o(d(gl), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: E(() => [I(_(l2.title), 1)]), _: 1 }), i("div", ao, [r(s3.$slots, "default")]), l2.actions ? (e(), a("div", oo, [(e(true), a(x, 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, ro))), 128))])) : R("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
|
|
2236
|
+
} }), uo = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, co = { 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" }, po = { class: "p-4" }, go = { class: "flex items-start" }, fo = { class: "flex-shrink-0 mt-0.5" }, mo = { class: "ml-3 w-0 flex-1 pt-0.5" }, vo = { class: "font-medium text-gray-900" }, yo = { class: "mt-1 text-sm text-gray-500" }, bo = { class: "ml-4 flex-shrink-0 flex" }, ho = i("span", { class: "sr-only" }, "Close", -1), xo = { name: "uiNotification" }, wo = Object.assign(xo, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
|
|
2233
2237
|
const l2 = t2, r2 = u(() => l2.show);
|
|
2234
|
-
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",
|
|
2235
|
-
} }),
|
|
2238
|
+
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", uo, [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", co, [i("div", po, [i("div", go, [i("div", fo, [B(o(d(nn), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[L, "success" === t2.type]]), B(o(d(yn), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[L, "danger" === t2.type]]), B(o(d(cn), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[L, "warning" === t2.type]]), B(o(d(fn), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[L, "info" === t2.type]])]), i("div", mo, [i("p", vo, _(t2.title), 1), i("p", yo, _(t2.message), 1)]), i("div", bo, [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")) }, [ho, o(d(bn), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : R("", true)]), _: 1 })])], 2));
|
|
2239
|
+
} }), ko = { key: 0, role: "list", class: "divide-y divide-gray-100" }, So = { class: "min-w-0" }, Co = { class: "flex items-start gap-x-3" }, Oo = { class: "text-sm font-semibold leading-6 text-gray-900" }, Mo = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, To = { class: "truncate" }, Do = { class: "flex flex-none items-center gap-x-4" }, Eo = ["href"], Io = { class: "sr-only" }, _o = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, Po = [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)], jo = { name: "uiTaskList" }, Ro = Object.assign(jo, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("ul", _o, [(e(true), a(x, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, Po))), 128))])) : (e(), a("ul", ko, [(e(true), a(x, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", So, [i("div", Co, [i("p", Oo, _(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", Mo, [i("p", To, _(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", Io, ", " + _(t3.name), 1)], 8, Eo)])]))), 128))])) });
|
|
2236
2240
|
"undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self && self;
|
|
2237
|
-
function
|
|
2241
|
+
function Bo(e2) {
|
|
2238
2242
|
return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
|
|
2239
2243
|
}
|
|
2240
2244
|
!function(e2) {
|
|
@@ -2270,42 +2274,42 @@ function jo(e2) {
|
|
|
2270
2274
|
} };
|
|
2271
2275
|
l2.default.locale(n2, null, true);
|
|
2272
2276
|
}(Y);
|
|
2273
|
-
const
|
|
2277
|
+
const Ao = (e2, t2) => {
|
|
2274
2278
|
const l2 = e2.__vccOpts || e2;
|
|
2275
2279
|
for (const [e3, n2] of t2)
|
|
2276
2280
|
l2[e3] = n2;
|
|
2277
2281
|
return l2;
|
|
2278
|
-
},
|
|
2279
|
-
const
|
|
2282
|
+
}, Lo = { class: "dateSelector flex items-center text-white flex-row" }, Fo = { class: "pagination flex items-center my-1 md:my-0" }, No = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, zo = { class: "pagination flex items-center my-1 sm:my-0" };
|
|
2283
|
+
const $o = Ao({ name: "dateSelector", components: { ChevronLeftIcon: rn, ChevronRightIcon: sn }, computed: { currentDate() {
|
|
2280
2284
|
return Y(this.selectedDate).locale("es").format("DD MMM. YYYY");
|
|
2281
2285
|
} }, props: { selectedDate: { type: Object, required: true } }, methods: { selectDate(e2, t2) {
|
|
2282
2286
|
let l2;
|
|
2283
2287
|
"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);
|
|
2284
2288
|
} } }, [["render", function(t2, l2, n2, r2, s2, u2) {
|
|
2285
2289
|
const d2 = $("ChevronLeftIcon"), c2 = $("ChevronRightIcon");
|
|
2286
|
-
return e(), a("div",
|
|
2287
|
-
}]]),
|
|
2288
|
-
const
|
|
2289
|
-
return e(), a("div",
|
|
2290
|
+
return e(), a("div", Lo, [i("div", Fo, [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", No, _(u2.currentDate), 1), i("div", zo, [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" })])])]);
|
|
2291
|
+
}]]), Ho = { name: "SkeletonTable" }, Vo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Yo = { class: "flow-root" }, Uo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, qo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Wo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ko = { class: "min-w-full divide-y divide-gray-300" }, Jo = 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), Go = { class: "divide-y divide-gray-200 bg-white" }, Zo = [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)];
|
|
2292
|
+
const Xo = Ao(Ho, [["render", function(t2, l2, n2, o2, r2, s2) {
|
|
2293
|
+
return e(), a("div", Vo, [i("div", Yo, [i("div", Uo, [i("div", qo, [i("div", Wo, [i("table", Ko, [Jo, i("tbody", Go, [(e(), a(x, null, j(10, (e2) => i("tr", { key: e2 }, Zo)), 64))])])])])])])]);
|
|
2290
2294
|
}]]);
|
|
2291
|
-
var
|
|
2292
|
-
|
|
2295
|
+
var Qo = { exports: {} };
|
|
2296
|
+
Qo.exports = function(e2, t2, l2) {
|
|
2293
2297
|
t2.prototype.isToday = function() {
|
|
2294
2298
|
var e3 = "YYYY-MM-DD", t3 = l2();
|
|
2295
2299
|
return this.format(e3) === t3.format(e3);
|
|
2296
2300
|
};
|
|
2297
2301
|
};
|
|
2298
|
-
const
|
|
2299
|
-
const
|
|
2302
|
+
const er = Bo(Qo.exports), tr = { class: "text-xs" }, lr = { class: "font-bold text-lg" }, nr = { class: "text-xs font-medium" };
|
|
2303
|
+
const ar = { name: "dayPrice", props: { currency: String, price: Object, basePrice: Number, isBasePrice: { type: Boolean, default: false } }, computed: { currentDay() {
|
|
2300
2304
|
return { isWeekend: 6 == Y(this.price.date).format("d") || 0 == Y(this.price.date).format("d"), price: this.price.price };
|
|
2301
|
-
} } },
|
|
2302
|
-
const
|
|
2303
|
-
return Y.extend(
|
|
2305
|
+
} } }, or = { class: "priceDay" };
|
|
2306
|
+
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: $o, Day: Ao({ name: "calendarDay", props: { day: Object }, computed: { currentDay() {
|
|
2307
|
+
return Y.extend(er), { 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() };
|
|
2304
2308
|
} } }, [["render", function(t2, l2, o2, r2, s2, u2) {
|
|
2305
|
-
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",
|
|
2306
|
-
}]]), Price:
|
|
2307
|
-
return e(), a("div",
|
|
2308
|
-
}]]), uiButton:
|
|
2309
|
+
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", tr, _(u2.currentDay.dayName), 1), i("p", lr, _(u2.currentDay.day), 1), i("p", nr, _(u2.currentDay.month), 1)], 2);
|
|
2310
|
+
}]]), Price: Ao(ar, [["render", function(t2, l2, o2, r2, s2, u2) {
|
|
2311
|
+
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)]);
|
|
2312
|
+
}]]), uiButton: Q, SkeletonTable: Xo }, computed: { days() {
|
|
2309
2313
|
let e2 = [];
|
|
2310
2314
|
for (let t2 = 0; t2 < this.showDays; t2++)
|
|
2311
2315
|
e2.push(Y(this.date).add(t2, "day"));
|
|
@@ -2327,44 +2331,44 @@ const ar = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
|
|
|
2327
2331
|
this.$emit("tableAction", e2);
|
|
2328
2332
|
}, changeRoomPrice(e2) {
|
|
2329
2333
|
this.$emit("changeRoomPrice", e2);
|
|
2330
|
-
} } },
|
|
2331
|
-
const
|
|
2334
|
+
} } }, 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" }, fr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, mr = { key: 0 }, vr = { colspan: "6", class: "pl-4" }, yr = { key: 1 }, br = { colspan: "6", class: "pl-4" }, hr = { 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" }, Tr = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Dr = { 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" };
|
|
2335
|
+
const Ar = Ao(rr, [["render", function(l2, r2, s2, u2, d2, c2) {
|
|
2332
2336
|
var _a2, _b;
|
|
2333
2337
|
const p2 = $("DateSelector"), g2 = $("Day"), f2 = $("uiButton"), m2 = $("Price"), v2 = $("SkeletonTable");
|
|
2334
|
-
return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div",
|
|
2335
|
-
}]]),
|
|
2338
|
+
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(x, 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", fr, [i("span", null, _(s2.literals.category) + " " + _(s2.category.name), 1), o(f2, { 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", mr, [i("td", vr, _(s2.literals.pricesDiscount), 1), (e(true), a(x, null, j(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { 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", br, _(s2.literals.pricesSelection), 1), (e(true), a(x, null, j(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { 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", xr, _(s2.literals.pricesUpgrade), 1), (e(true), a(x, null, j(s2.category.upgradePrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { 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(x, 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", Tr, _(s2.literals.building), 1), i("th", Dr, _(s2.literals.floor), 1), Er]), (e(true), a(x, 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), [[H, l2.selectedRooms]]), i("span", jr, _(t2.name), 1)]), i("td", Rr, _(t2.building), 1), i("td", Br, _(t2.floor), 1), (e(true), a(x, null, j(t2.selectionPrices, (t3, l3) => (e(), a("td", { class: "p-0", key: l3 }, [o(m2, { 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))])])])])])]));
|
|
2339
|
+
}]]), 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 }) {
|
|
2336
2340
|
const o2 = l2, r2 = t2;
|
|
2337
2341
|
let s2 = u(() => r2.range);
|
|
2338
2342
|
const c2 = (e2) => {
|
|
2339
2343
|
s2.value = e2, o2("rangeSelected", e2);
|
|
2340
2344
|
};
|
|
2341
|
-
return (t3, l3) => (e(), a("ul",
|
|
2342
|
-
} }),
|
|
2345
|
+
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)]));
|
|
2346
|
+
} }), zr = { class: "chart-header flex flex-row justify-between" }, $r = { class: "text-sm font-medium text-gray-500 truncate" }, Hr = { class: "chart-content" }, Vr = { 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 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
|
|
2343
2347
|
const r2 = l2, s2 = t2;
|
|
2344
2348
|
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: false }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } } };
|
|
2345
2349
|
"area" === s2.type && (c2.tooltip = { intersect: true, shared: false });
|
|
2346
2350
|
const p2 = u(() => s2.series), g2 = u(() => (c2.chart.stacked = s2.stacked, { ...c2, ...s2.options, plotOptions: { bar: { horizontal: s2.horizontal } } })), f2 = () => r2("chartUpdated"), m2 = (e2, t3, l3) => {
|
|
2347
2351
|
r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
|
|
2348
2352
|
};
|
|
2349
|
-
return (l3, r3) => (e(), a(x, 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",
|
|
2350
|
-
} }),
|
|
2351
|
-
const
|
|
2352
|
-
return e(), a("footer",
|
|
2353
|
-
}]]),
|
|
2353
|
+
return (l3, r3) => (e(), a(x, 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", Hr, [o(d(U), { type: t2.type, series: p2.value, width: "100%", height: t2.height, options: g2.value, onUpdated: f2, onMounted: f2, onDataPointSelection: m2 }, null, 8, ["type", "series", "height", "options"])], 512), [[L, !t2.empty]]), B(i("div", Vr, [o(K, { icon: d(cn), 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));
|
|
2354
|
+
} }), 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)];
|
|
2355
|
+
const Xr = Ao(Jr, [["render", function(t2, l2, n2, o2, r2, i2) {
|
|
2356
|
+
return e(), a("footer", Gr, Zr);
|
|
2357
|
+
}]]), 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" }, fi = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, mi = [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" }, yi = 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 }) {
|
|
2354
2358
|
const c2 = l2, p2 = t2, g2 = s(3), f2 = u(() => Math.max(1, Number(p2.current) - Number(g2.value))), m2 = u(() => Math.min(Number(p2.current) + Number(g2.value), Number(p2.total))), v2 = u(() => {
|
|
2355
2359
|
let e2 = [];
|
|
2356
2360
|
for (let t3 = Number(f2.value); t3 <= Number(m2.value); t3++)
|
|
2357
2361
|
e2.push(t3);
|
|
2358
2362
|
return e2;
|
|
2359
2363
|
});
|
|
2360
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
2361
|
-
} }),
|
|
2364
|
+
return (l3, s2) => t2.loading ? (e(), a("div", fi, mi)) : (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(rn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, 1 !== t2.current]]), (e(true), a(x, 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(sn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, t2.current !== t2.total]])])])])]));
|
|
2365
|
+
} }), bi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, hi = { 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 }, Oi = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, Mi = { key: 0, class: "flex-1" }, Ti = { 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)], Ei = { key: 0 }, Ii = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, _i = { name: "uiSidebar" }, Pi = Object.assign(_i, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: r2 }) {
|
|
2362
2366
|
const s2 = r2;
|
|
2363
|
-
return (r3, u2) => (e(), a("div",
|
|
2364
|
-
} }),
|
|
2367
|
+
return (r3, u2) => (e(), a("div", bi, [i("div", hi, [i("div", xi, [i("nav", wi, [(e(true), a(x, null, j(l2.navigation, (r4) => (e(), a(x, { key: r4.name }, [r4.children ? (e(), t(d(bl), { key: 1, as: "div", class: "space-y-1" }, { default: E(({ open: i2 }) => [o(d(hl), { 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(K, { loading: l2.loading, icon: r4.icon, class: "mr-3 flex-shrink-0 h-6 w-6 text-gray-400 group-hover:text-gray-500", "aria-hidden": "true" }, null, 8, ["loading", "icon"]), l2.loading ? (e(), a("div", Ti, Di)) : (e(), a("span", Mi, _(r4.name), 1)), o(d(sn), { 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(x, null, j(r4.children, (n2) => (e(), t(d(hl), { onClick: (e2) => s2("sideBarClick", n2.id), key: n2.name, class: "group w-full flex items-center pl-11 pr-2 py-2 text-sm font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50" }, { default: E(() => [l2.loading ? (e(), a("div", Ii)) : (e(), a("span", Ei, _(n2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 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(K, { 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", Oi)) : (e(), a("span", Ci, _(r4.name), 1))], 10, Si)]))], 64))), 128))])])])]));
|
|
2368
|
+
} }), ji = { key: 0 }, Ri = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Bi = { class: "ml-16 flex items-baseline pb-5" }, Ai = { class: "text-2xl font-semibold text-gray-900" }, Li = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Fi = { class: "text-sm" }, Ni = { key: 1 }, zi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, $i = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Hi = 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), Vi = 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), Yi = { name: "uiStats" }, Ui = Object.assign(Yi, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: r2 }) {
|
|
2365
2369
|
const s2 = r2;
|
|
2366
|
-
return (r3, u2) => l2.loading ? (e(), a("div",
|
|
2367
|
-
} }),
|
|
2370
|
+
return (r3, u2) => l2.loading ? (e(), a("div", Ni, [i("div", zi, [i("dt", null, [i("div", $i, [o(K, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Hi, Vi])])])) : (e(), a("div", ji, [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(K, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", Ri, _(l2.item.name), 1)]), i("dd", Bi, [i("p", Ai, _(l2.item.stat), 1), l2.item.changeType ? (e(), a("p", { key: 0, 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(tn), { 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(en), { 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", Li, [i("div", Fi, [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)]));
|
|
2371
|
+
} }), qi = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Wi = { class: "px-4 py-5 sm:px-6" }, Ki = { class: "text-lg font-medium leading-6 text-gray-900" }, Ji = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Gi = { class: "border-t border-gray-200" }, Zi = { class: "text-sm font-medium text-gray-500" }, Xi = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Qi = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, es = ["onClick"], ts = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, ls = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, ns = 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), as = { class: "border-t border-gray-200" }, os = [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)], rs = { name: "uiStripedCard" }, is = Object.assign(rs, { 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", ls, [ns, i("div", as, [i("dl", null, [(e(), a(x, 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"]]) }, os, 2)), 64))])])])) : (e(), a("div", qi, [i("div", Wi, [i("h3", Ki, _(l2.title), 1), i("p", Ji, _(l2.subtitle), 1)]), i("div", Gi, [i("dl", null, [(e(true), a(x, 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", Zi, _(s3.title), 1), "tag" === s3.type ? (e(), a("dd", Xi, [o(oa, { color: s3.color }, { default: E(() => [I(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), a("dd", Qi, [(e(true), a(x, null, j(s3.tags, (n2, a2) => (e(), t(oa, { 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, es)) : (e(), a("dd", ts, _(s3.text), 1))], 2))), 128))])])])) }), ss = { 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" }, us = 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), ds = { class: "ml-2" }, cs = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, n2) => (e(), a("div", ss, [us, i("div", null, [o(K, { icon: d(mn), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", ds, _(t2.tip), 1)])) }, ps = { key: 0 }, gs = { class: "flex flex-col" }, fs = { class: "-my-2 overflow-x-auto" }, ms = { class: "inline-block min-w-full py-2 align-middle px-1" }, vs = { 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" }, bs = ["onClick"], hs = { class: "min-w-full table-fixed divide-y divide-gray-300" }, xs = { class: "bg-gray-50" }, ws = ["checked", "indeterminate"], ks = ["onMouseover", "onMouseleave"], Ss = ["onClick"], Cs = { key: 2, class: "group flex items-center uppercase text-xs" }, Os = { class: "divide-y divide-gray-200 bg-white" }, Ms = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Ts = ["value"], Ds = ["onClick"], Es = { key: 2 }, Is = { name: "uiTable" }, _s = Object.assign(Is, { 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 }) {
|
|
2368
2372
|
let c2 = s([]);
|
|
2369
2373
|
s(false);
|
|
2370
2374
|
let p2 = s(void 0);
|
|
@@ -2373,46 +2377,52 @@ const Gr = Ro(Wr, [["render", function(t2, l2, n2, o2, r2, i2) {
|
|
|
2373
2377
|
};
|
|
2374
2378
|
return (r3, s2) => {
|
|
2375
2379
|
var _a2, _b;
|
|
2376
|
-
return l2.loading ? (e(), t(
|
|
2380
|
+
return l2.loading ? (e(), t(Xo, { key: 1 })) : (e(), a("div", ps, [i("div", gs, [i("div", fs, [i("div", ms, [i("div", vs, [((_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(x, 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, bs))), 128))])) : R("", true), i("table", hs, [i("thead", xs, [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: m2.value || d(c2).length === l2.items.length, indeterminate: m2.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) => V(c2) ? c2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : c2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, ws)) : R("", true)], 2), (e(true), a(x, 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(cs, { 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(K, { icon: "asc" === l2.orderDirection ? d(on) : d(dn), loading: l2.loading, color: r4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, Ss)) : (e(), a("p", Cs, [i("span", null, _(r4.name), 1)]))], 40, ks))), 128))])]), i("tbody", Os, [(e(true), a(x, null, j(l2.items, (o2, r4) => {
|
|
2377
2381
|
var _a3, _b2;
|
|
2378
|
-
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",
|
|
2382
|
+
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", Ms)) : R("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? B((e(), a("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => V(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, Ts)), [[H, d(c2)]]) : R("", true)], 2), (e(true), a(x, 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(oa, { 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, Ds)) : (e(), a("span", Es, _(r5), 1))], 2))), 128))], 2);
|
|
2379
2383
|
}), 128))])])])])])])]));
|
|
2380
2384
|
};
|
|
2381
|
-
} }),
|
|
2385
|
+
} }), Ps = { class: "lg:hidden" }, js = ["value"], Rs = { class: "hidden lg:block" }, Bs = { class: "border-b border-gray-200" }, As = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, Ls = ["onClick", "aria-current"], Fs = { name: "uiTabs" }, Ns = Object.assign(Fs, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
|
|
2382
2386
|
const o2 = l2;
|
|
2383
|
-
return (l3, r2) => (e(), a("div", null, [i("div",
|
|
2387
|
+
return (l3, r2) => (e(), a("div", null, [i("div", Ps, [i("select", { onChange: r2[0] || (r2[0] = (e2) => {
|
|
2384
2388
|
o2("tabClicked", e2.target.value);
|
|
2385
|
-
}), 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(x, null, j(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9,
|
|
2386
|
-
} }),
|
|
2389
|
+
}), 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(x, null, j(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9, js))), 128))], 32)]), i("div", Rs, [i("div", Bs, [i("nav", As, [(e(true), a(x, 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, Ls))), 128))])])])]));
|
|
2390
|
+
} }), zs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, $s = { class: "px-4 py-5 sm:px-6" }, Hs = { class: "text-xl font-bold" }, Vs = { class: "px-4 py-5 sm:p-6" }, Ys = { class: "flow-root" }, Us = { class: "-mb-8", role: "list" }, qs = { class: "relative pb-8" }, Ws = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ks = { class: "relative flex space-x-3" }, Js = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Gs = { class: "text-sm text-gray-500" }, Zs = ["onClick"], Xs = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Qs = ["datetime"], eu = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, tu = { class: "text-sm" }, lu = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, nu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), au = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, ou = 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), ru = { class: "px-4 py-5 sm:p-6 animate-pulse" }, iu = { class: "flow-root" }, su = { class: "-mb-8", role: "list" }, uu = { class: "relative pb-8" }, du = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, cu = 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), pu = 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), gu = { name: "uiTimeline" }, fu = Object.assign(gu, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, r2) => {
|
|
2387
2391
|
const s2 = $("uiIcon");
|
|
2388
|
-
return t2.loading ? (e(), a("div",
|
|
2389
|
-
} }),
|
|
2392
|
+
return t2.loading ? (e(), a("div", au, [ou, i("div", ru, [i("div", iu, [i("ul", su, [(e(), a(x, null, j(10, (t3) => i("li", { key: l2.index }, [i("div", uu, [10 !== t3 ? (e(), a("span", du)) : R("", true), cu])])), 64))])])]), pu])) : (e(), a("div", zs, [i("div", $s, [i("h1", Hs, _(t2.name), 1)]), B(i("div", Vs, [i("div", Ys, [i("ul", Us, [(e(true), a(x, null, j(t2.timeline.items, (r3, u2) => (e(), a("li", { key: u2 }, [i("div", qs, [u2 !== t2.timeline.items.length - 1 ? (e(), a("span", Ws)) : R("", true), i("div", Ks, [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", Js, [i("div", null, [i("p", Gs, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", r3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(r3.target), 9, Zs), I(" " + _(r3.content), 1)])]), i("div", Xs, [i("time", { datetime: r3.datetime }, _(r3.date), 9, Qs)])])])])]))), 128))])])], 512), [[L, !t2.empty]]), B(i("div", eu, [i("div", tu, [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", lu, [o(K, { icon: d(cn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), nu], 512), [[L, t2.empty]])]));
|
|
2393
|
+
} }), mu = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: bl, DisclosureButton: hl, DisclosurePanel: xl, Menu: Dl, MenuButton: El, MenuItem: _l, MenuItems: Il, Bars3Icon: function(t2, l2) {
|
|
2390
2394
|
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" })]);
|
|
2391
|
-
}, XMarkIcon:
|
|
2392
|
-
const
|
|
2395
|
+
}, XMarkIcon: bn } }, vu = { class: "mx-auto px-6 lg:px-8" }, yu = { class: "flex justify-between h-20" }, bu = { class: "flex" }, hu = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, xu = i("span", { class: "sr-only" }, "Open main menu", -1), wu = ["src"], ku = { class: "flex items-center" }, Su = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Cu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Ou = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], Mu = ["src"], Tu = ["onClick"], Du = { class: "pt-2 pb-3 space-y-1" }, Eu = ["onClick"], Iu = { class: "pt-4 pb-3 border-t border-gray-200" }, _u = { class: "flex items-center px-4 sm:px-6" }, Pu = { class: "flex-shrink-0" }, ju = ["src"], Ru = { key: 0, class: "ml-3" }, Bu = { class: "text-base font-medium text-gray-800" }, Au = { class: "text-sm font-medium text-gray-500" }, Lu = { class: "mt-3 space-y-1" }, Fu = ["onClick"];
|
|
2396
|
+
const Nu = Ao(mu, [["render", function(l2, r2, s2, u2, d2, c2) {
|
|
2393
2397
|
const p2 = $("Bars3Icon"), g2 = $("XMarkIcon"), f2 = $("DisclosureButton"), m2 = $("MenuButton"), v2 = $("MenuItem"), y2 = $("MenuItems"), b2 = $("Menu"), h2 = $("DisclosurePanel"), w2 = $("Disclosure");
|
|
2394
|
-
return e(), t(w2, { as: "nav", class: "bg-white shadow z-10" }, { default:
|
|
2395
|
-
}]]),
|
|
2398
|
+
return e(), t(w2, { as: "nav", class: "bg-white shadow z-10" }, { default: E(({ open: u3 }) => [i("div", vu, [i("div", yu, [i("div", bu, [i("div", hu, [o(f2, { 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(() => [xu, 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, wu)])]), i("div", ku, [i("div", Su, [o(b2, { as: "div", class: "ml-3 relative" }, { default: E(() => [i("div", null, [B(o(m2, { 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", Cu, Ou, 512), [[L, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Mu)]), _: 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(y2, { 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(x, 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, Tu)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), o(h2, { class: "lg:hidden" }, { default: E(() => [i("div", Du, [(e(true), a(x, null, j(s2.navigation, (a2) => (e(), t(f2, { 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, Eu)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", Iu, [i("div", _u, [i("div", Pu, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, ju)]), s2.brand ? (e(), a("div", Ru, [i("div", Bu, _(s2.brand.title), 1), i("div", Au, _(s2.brand.subtitle), 1)])) : R("", true)]), i("div", Lu, [(e(true), a(x, null, j(s2.profileMenu, (n2) => (e(), t(f2, { 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, Fu)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
|
|
2399
|
+
}]]), zu = { chart: { type: "bar", toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff"], dataLabels: { enabled: true, formatter: function(e2, t2) {
|
|
2396
2400
|
return t2.w.globals.labels[t2.dataPointIndex] + ": " + e2;
|
|
2397
|
-
} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } },
|
|
2398
|
-
const r2 = l2, s2 = t2, c2 = u(() => ({ ...s2.options, ...
|
|
2401
|
+
} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } }, $u = { class: "chart-header flex flex-row justify-between" }, Hu = { class: "text-sm font-medium text-gray-500 truncate" }, Vu = { class: "chart-content" }, Yu = { class: "h-full w-full flex items-center justify-center flex-col" }, Uu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), qu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Wu = [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)], Ku = { name: "uiChart" }, Ju = Object.assign(Ku, { 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 }) {
|
|
2402
|
+
const r2 = l2, s2 = t2, c2 = u(() => ({ ...s2.options, ...zu })), p2 = u(() => s2.series), g2 = () => r2("chartUpdated"), f2 = (e2, t3, l3) => {
|
|
2399
2403
|
r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
|
|
2400
2404
|
};
|
|
2401
|
-
return (l3, r3) => (e(), a(x, 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",
|
|
2402
|
-
} }),
|
|
2405
|
+
return (l3, r3) => (e(), a(x, 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", $u, [i("div", Hu, _(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", Vu, [o(d(U), { type: l3.bar, series: p2.value, width: "100%", height: t2.height, options: c2.value, onUpdated: g2, onMounted: g2, onDataPointSelection: f2 }, null, 8, ["type", "series", "height", "options"])], 512), [[L, !t2.empty]]), B(i("div", Yu, [o(K, { icon: d(cn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Uu], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", qu, Wu, 512), [[L, t2.loading]])], 64));
|
|
2406
|
+
} }), Gu = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, Zu = { class: "text-2xl mt-4 font-bold" }, Xu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Qu = { __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", Gu, [o(K, { loading: false, icon: d(cn), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", Zu, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", Xu, [(e(true), a(x, null, j(l2.actions, (l3, a2) => (e(), t(Q, { key: a2, loading: false, onClick: (e2) => n3.$emit("action", l3.action) }, { default: E(() => [I(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, ed = i("div", { class: "fixed inset-0" }, null, -1), td = { class: "fixed inset-0 overflow-hidden" }, ld = { class: "absolute inset-0 overflow-hidden" }, nd = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, ad = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, od = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, rd = { class: "flex items-center justify-between" }, id = { class: "ml-3 flex h-7 items-center" }, sd = i("span", { class: "absolute -inset-2.5" }, null, -1), ud = i("span", { class: "sr-only" }, "Close panel", -1), dd = { class: "mt-1" }, cd = { class: "text-sm text-indigo-300" }, pd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, gd = { name: "uiRightSidebar" }, fd = Object.assign(gd, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: n2 }) {
|
|
2403
2407
|
const a2 = n2;
|
|
2404
|
-
return (n3, s2) => (e(), t(d(
|
|
2405
|
-
} }),
|
|
2408
|
+
return (n3, s2) => (e(), t(d(Ql), { 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(() => [ed, i("div", td, [i("div", ld, [i("div", nd, [o(d(Zl), { 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", ad, [i("div", od, [i("div", rd, [o(d(gl), { class: "text-base font-semibold leading-6 text-white" }, { default: E(() => [I(_(l2.title), 1)]), _: 1 }), i("div", id, [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")) }, [sd, ud, o(d(bn), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", dd, [i("p", cd, _(l2.description), 1)])]), i("div", pd, [r(n3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
|
|
2409
|
+
} }), md = { class: "uiGallery" }, vd = { 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" }, yd = { 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" }, bd = ["src"], hd = ["onClick"], xd = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, wd = { class: "flex items-center justify-between" }, kd = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Sd = { 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" }, Cd = [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)], Od = { name: "uiGallery" }, Md = Object.assign(Od, { props: { galleryId: String, gallery: Array, loading: Boolean, literals: Object }, setup(l2, { emit: n2 }) {
|
|
2406
2410
|
const r2 = n2, u2 = s(false);
|
|
2407
|
-
return (n3, s2) => (e(), a("div",
|
|
2411
|
+
return (n3, s2) => (e(), a("div", md, [l2.loading ? R("", true) : (e(), t(so, { 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) => {
|
|
2408
2412
|
var t2;
|
|
2409
2413
|
"close" !== (t2 = e2).action ? r2("modalAction", t2) : u2.value = false;
|
|
2410
|
-
}) }, { default:
|
|
2411
|
-
} }),
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
+
}) }, { default: E(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul", Sd, [(e(), a(x, null, j(4, (e2) => i("li", null, Cd)), 64))])) : (e(), a("ul", vd, [(e(true), a(x, null, j(l2.gallery, (t2) => (e(), a("li", { key: t2.source, class: "relative" }, [i("div", yd, [i("img", { src: t2.source, alt: "", class: "pointer-events-none object-cover group-hover:opacity-75" }, null, 8, bd), i("button", { type: "button", class: "absolute inset-0 focus:outline-none", onClick: (e2) => n3.$emit("imgClicked", t2) }, null, 8, hd)]), i("p", xd, _(t2.title), 1), i("div", wd, [i("p", kd, _(t2.size), 1), o(K, { class: "cursor-pointer", icon: d(vn), color: "red", loading: false, onClick: (e2) => r2("deleteImage", t2) }, null, 8, ["icon", "onClick"])])]))), 128))])), l2.gallery.length > 0 && !l2.loading ? (e(), t(Q, { 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)]));
|
|
2415
|
+
} }), Td = { 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" }, Dd = { class: "flex flex-row items-center w-full" }, Ed = { class: "content text-sm grow" }, Id = { class: "font-bold" }, _d = { key: 0 }, Pd = { class: "font-bold text-gray-400" }, jd = { key: 1, class: "animate-pulse" }, Rd = [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)], Bd = { name: "uiDragAndDrop" }, Ad = { uiButton: Q, uiIcon: K, uiCheckbox: se, uiDropdown: Cn, uiInput: Bn, uiInputFile: Gn, uiSelect: ta, uiTag: oa, uiTextArea: pa, uiToggle: ba, uiAlert: Ea, uiBreadcrumbs: Na, uiCard: Ka, uiFilter: Ga, uiModal: so, uiNotification: wo, uiTaskList: Ro, uiPriceCalendar: Ar, uiChart: Kr, uiFooter: Xr, uiLoadingScreen: ti, uiPagination: yi, uiSidebar: Pi, uiStats: Ui, uiStripedCard: is, uiTable: _s, uiTabs: Ns, uiTimeline: fu, uiTopbar: Nu, uiFunnelChartV2: Ju, uiNoResults: Qu, uiRightSidebar: fd, uiGallery: Md, uiDragAndDrop: Object.assign(Bd, { props: { elements: { type: Array, required: true }, loading: true }, setup(l2) {
|
|
2416
|
+
const n2 = l2;
|
|
2417
|
+
let r2 = s(n2.elements);
|
|
2418
|
+
return p(() => n2.elements, (e2) => {
|
|
2419
|
+
r2.value = e2;
|
|
2420
|
+
}), (n3, s2) => l2.loading ? (e(), a("div", jd, Rd)) : (e(), t(d(q), { key: 0, modelValue: d(r2), "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => V(r2) ? r2.value = e2 : r2 = e2) }, { item: E(({ item: t2 }) => [i("div", Td, [i("div", Dd, [o(K, { icon: d(ln), loading: false, color: "gray", class: "mr-4", size: "big" }, null, 8, ["icon"]), i("div", Ed, [i("p", Id, _(t2.name), 1), t2.description ? (e(), a("p", _d, _(t2.description), 1)) : R("", true)]), i("div", Pd, _(d(r2).indexOf(t2) + 1), 1)])])]), _: 1 }, 8, ["modelValue"]));
|
|
2421
|
+
} }) }, Ld = { install(e2) {
|
|
2422
|
+
Object.keys(Ad).forEach((t2) => {
|
|
2423
|
+
e2.component(t2, Ad[t2]);
|
|
2414
2424
|
});
|
|
2415
2425
|
} };
|
|
2416
2426
|
export {
|
|
2417
|
-
|
|
2427
|
+
Ld as default
|
|
2418
2428
|
};
|