@hotelinking/ui 5.39.11 → 5.39.12
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/style.css +1 -0
- package/dist/ui.es.js +621 -621
- package/dist/ui.umd.cjs +1 -1
- package/package.json +14 -14
package/dist/ui.es.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as n, createElementBlock as a, createVNode as o, renderSlot as r, createElementVNode as i, ref as s, computed as d, unref as u, shallowRef as c, watch as p, triggerRef as g, onScopeDispose as f, onUnmounted as m, inject as v, nextTick as h, watchEffect as b, onMounted as y, cloneVNode as x, h as w, Fragment as k, defineComponent as S, provide as C, reactive as O, toRaw as M, getCurrentInstance as D, Teleport as E, withCtx as T, createTextVNode as I, toDisplayString as _, Transition as j, renderList as P, createCommentVNode as R, withDirectives as B, vModelDynamic as A, vShow as L, withModifiers as F, vModelText as N, createStaticVNode as z, resolveComponent as $, vModelCheckbox as V, isRef as H } from "vue";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), a("button",
|
|
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 d, unref as u, shallowRef as c, watch as p, triggerRef as g, onScopeDispose as f, onUnmounted as m, inject as v, nextTick as h, watchEffect as b, onMounted as y, cloneVNode as x, h as w, Fragment as k, defineComponent as S, provide as C, reactive as O, toRaw as M, getCurrentInstance as D, Teleport as E, withCtx as T, createTextVNode as I, toDisplayString as _, Transition as j, renderList as P, createCommentVNode as R, withDirectives as B, vModelDynamic as A, vShow as L, withModifiers as F, vModelText as N, createStaticVNode as z, resolveComponent as $, vModelCheckbox as V, isRef as H, TransitionGroup as Y } from "vue";
|
|
2
|
+
import q from "dayjs";
|
|
3
|
+
import U from "vue3-apexcharts";
|
|
4
|
+
import W from "vue3-draggable";
|
|
5
|
+
import K from "@vueform/slider";
|
|
6
|
+
const J = { name: "uiIcon" }, G = Object.assign(J, { 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"])) }), Z = ["disabled"], X = { 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" }, Q = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), ee = { name: "uiButton" }, te = Object.assign(ee, { props: { color: { type: String, default: "primary" }, size: { type: String, default: "normal" }, icon: { type: Function, default: () => {
|
|
7
|
+
} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), a("button", X, [o(G, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), Q])) : (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(G, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), r(l2.$slots, "default")], 10, Z)) }), le = { key: 0, class: "relative flex items-start" }, ne = { class: "flex items-center h-5" }, ae = ["checked", "value", "disabled"], oe = { class: "ml-3 text-sm" }, re = { class: "text-gray-500" }, ie = { key: 1, class: "flex items-center animate-pulse" }, se = [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)], de = { name: "uiCheckbox" }, ue = Object.assign(de, { 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 }) {
|
|
8
8
|
const n2 = l2, o2 = t2, d2 = s(o2.check);
|
|
9
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
9
|
+
return (l3, s2) => t2.loading ? (e(), a("div", ie, se)) : (e(), a("div", le, [i("div", ne, [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) => {
|
|
10
10
|
o2.disabled || (d2.value = !d2.value, n2("checkboxChanged", { checked: d2.value, value: o2.value }));
|
|
11
|
-
}) }, null, 40,
|
|
11
|
+
}) }, null, 40, ae)]), i("div", oe, [i("span", re, [r(l3.$slots, "default")])])]));
|
|
12
12
|
} });
|
|
13
|
-
function
|
|
13
|
+
function ce(e2, t2, l2) {
|
|
14
14
|
let n2, a2 = l2.initialDeps ?? [];
|
|
15
15
|
return () => {
|
|
16
16
|
var o2, r2, i2, s2;
|
|
@@ -34,22 +34,22 @@ function ue(e2, t2, l2) {
|
|
|
34
34
|
return null == (s2 = null == l2 ? void 0 : l2.onChange) || s2.call(l2, n2), n2;
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function pe(e2, t2) {
|
|
38
38
|
if (void 0 === e2)
|
|
39
39
|
throw new Error("Unexpected undefined");
|
|
40
40
|
return e2;
|
|
41
41
|
}
|
|
42
|
-
const
|
|
42
|
+
const ge = (e2, t2, l2) => {
|
|
43
43
|
let n2;
|
|
44
44
|
return function(...a2) {
|
|
45
45
|
e2.clearTimeout(n2), n2 = e2.setTimeout(() => t2.apply(this, a2), l2);
|
|
46
46
|
};
|
|
47
|
-
},
|
|
47
|
+
}, fe = (e2) => e2, me = (e2) => {
|
|
48
48
|
const t2 = Math.max(e2.startIndex - e2.overscan, 0), l2 = Math.min(e2.endIndex + e2.overscan, e2.count - 1), n2 = [];
|
|
49
49
|
for (let e3 = t2; e3 <= l2; e3++)
|
|
50
50
|
n2.push(e3);
|
|
51
51
|
return n2;
|
|
52
|
-
},
|
|
52
|
+
}, ve = (e2, t2) => {
|
|
53
53
|
const l2 = e2.scrollElement;
|
|
54
54
|
if (!l2)
|
|
55
55
|
return;
|
|
@@ -75,7 +75,7 @@ const pe = (e2, t2, l2) => {
|
|
|
75
75
|
return o2.observe(l2, { box: "border-box" }), () => {
|
|
76
76
|
o2.unobserve(l2);
|
|
77
77
|
};
|
|
78
|
-
},
|
|
78
|
+
}, he = { passive: true }, be = "undefined" == typeof window || "onscrollend" in window, ye = (e2, t2) => {
|
|
79
79
|
const l2 = e2.scrollElement;
|
|
80
80
|
if (!l2)
|
|
81
81
|
return;
|
|
@@ -83,16 +83,16 @@ const pe = (e2, t2, l2) => {
|
|
|
83
83
|
if (!n2)
|
|
84
84
|
return;
|
|
85
85
|
let a2 = 0;
|
|
86
|
-
const o2 =
|
|
87
|
-
} :
|
|
86
|
+
const o2 = be ? () => {
|
|
87
|
+
} : ge(n2, () => {
|
|
88
88
|
t2(a2, false);
|
|
89
89
|
}, e2.options.isScrollingResetDelay), r2 = (n3) => () => {
|
|
90
90
|
a2 = l2[e2.options.horizontal ? "scrollLeft" : "scrollTop"], o2(), t2(a2, n3);
|
|
91
91
|
}, i2 = r2(true), s2 = r2(false);
|
|
92
|
-
return s2(), l2.addEventListener("scroll", i2,
|
|
92
|
+
return s2(), l2.addEventListener("scroll", i2, he), l2.addEventListener("scrollend", s2, he), () => {
|
|
93
93
|
l2.removeEventListener("scroll", i2), l2.removeEventListener("scrollend", s2);
|
|
94
94
|
};
|
|
95
|
-
},
|
|
95
|
+
}, xe = (e2, t2, l2) => {
|
|
96
96
|
if (null == t2 ? void 0 : t2.borderBoxSize) {
|
|
97
97
|
const e3 = t2.borderBoxSize[0];
|
|
98
98
|
if (e3) {
|
|
@@ -100,12 +100,12 @@ const pe = (e2, t2, l2) => {
|
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
return Math.round(e2.getBoundingClientRect()[l2.options.horizontal ? "width" : "height"]);
|
|
103
|
-
},
|
|
103
|
+
}, we = (e2, { adjustments: t2 = 0, behavior: l2 }, n2) => {
|
|
104
104
|
var a2, o2;
|
|
105
105
|
const r2 = e2 + t2;
|
|
106
106
|
null == (o2 = null == (a2 = n2.scrollElement) ? void 0 : a2.scrollTo) || o2.call(a2, { [n2.options.horizontal ? "left" : "top"]: r2, behavior: l2 });
|
|
107
107
|
};
|
|
108
|
-
class
|
|
108
|
+
class ke {
|
|
109
109
|
constructor(e2) {
|
|
110
110
|
this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = false, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollDirection = null, this.scrollAdjustments = 0, this.measureElementCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
|
|
111
111
|
let e3 = null;
|
|
@@ -127,8 +127,8 @@ class we {
|
|
|
127
127
|
})(), this.range = null, this.setOptions = (e3) => {
|
|
128
128
|
Object.entries(e3).forEach(([t2, l2]) => {
|
|
129
129
|
void 0 === l2 && delete e3[t2];
|
|
130
|
-
}), this.options = { debug: false, initialOffset: 0, overscan: 1, paddingStart: 0, paddingEnd: 0, scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: false, getItemKey:
|
|
131
|
-
}, measureElement:
|
|
130
|
+
}), this.options = { debug: false, initialOffset: 0, overscan: 1, paddingStart: 0, paddingEnd: 0, scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: false, getItemKey: fe, rangeExtractor: me, onChange: () => {
|
|
131
|
+
}, measureElement: xe, initialRect: { width: 0, height: 0 }, scrollMargin: 0, gap: 0, indexAttribute: "data-index", initialMeasurementsCache: [], lanes: 1, isScrollingResetDelay: 150, ...e3 };
|
|
132
132
|
}, this.notify = (e3, t2) => {
|
|
133
133
|
var l2, n2;
|
|
134
134
|
const { startIndex: a2, endIndex: o2 } = this.range ?? { startIndex: void 0, endIndex: void 0 }, r2 = this.calculateRange();
|
|
@@ -147,7 +147,7 @@ class we {
|
|
|
147
147
|
const l2 = this.isScrolling;
|
|
148
148
|
this.isScrolling = t3, this.notify(l2 !== t3, t3);
|
|
149
149
|
})));
|
|
150
|
-
}, this.getSize = () => this.scrollRect[this.options.horizontal ? "width" : "height"], this.getMeasurementOptions =
|
|
150
|
+
}, this.getSize = () => this.scrollRect[this.options.horizontal ? "width" : "height"], this.getMeasurementOptions = ce(() => [this.options.count, this.options.paddingStart, this.options.scrollMargin, this.options.getItemKey], (e3, t2, l2, n2) => (this.pendingMeasuredCacheIndexes = [], { count: e3, paddingStart: t2, scrollMargin: l2, getItemKey: n2 }), { key: false }), this.getFurthestMeasurement = (e3, t2) => {
|
|
151
151
|
const l2 = /* @__PURE__ */ new Map(), n2 = /* @__PURE__ */ new Map();
|
|
152
152
|
for (let a2 = t2 - 1; a2 >= 0; a2--) {
|
|
153
153
|
const t3 = e3[a2];
|
|
@@ -158,7 +158,7 @@ class we {
|
|
|
158
158
|
break;
|
|
159
159
|
}
|
|
160
160
|
return n2.size === this.options.lanes ? Array.from(n2.values()).sort((e4, t3) => e4.end === t3.end ? e4.index - t3.index : e4.end - t3.end)[0] : void 0;
|
|
161
|
-
}, this.getMeasurements =
|
|
161
|
+
}, this.getMeasurements = ce(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e3, paddingStart: t2, scrollMargin: l2, getItemKey: n2 }, a2) => {
|
|
162
162
|
const o2 = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
|
|
163
163
|
this.pendingMeasuredCacheIndexes = [];
|
|
164
164
|
const r2 = this.measurementsCache.slice(0, o2);
|
|
@@ -167,13 +167,13 @@ class we {
|
|
|
167
167
|
r2[i2] = { index: i2, start: s2, size: u2, end: c2, key: e4, lane: p2 };
|
|
168
168
|
}
|
|
169
169
|
return this.measurementsCache = r2, r2;
|
|
170
|
-
}, { key: "production" !== process.env.NODE_ENV && "getMeasurements", debug: () => this.options.debug }), this.calculateRange =
|
|
171
|
-
const n2 = e4.length - 1, a2 = (t4) => e4[t4].start, o2 =
|
|
170
|
+
}, { key: "production" !== process.env.NODE_ENV && "getMeasurements", debug: () => this.options.debug }), this.calculateRange = ce(() => [this.getMeasurements(), this.getSize(), this.scrollOffset], (e3, t2, l2) => this.range = e3.length > 0 && t2 > 0 ? function({ measurements: e4, outerSize: t3, scrollOffset: l3 }) {
|
|
171
|
+
const n2 = e4.length - 1, a2 = (t4) => e4[t4].start, o2 = Se(0, n2, a2, l3);
|
|
172
172
|
let r2 = o2;
|
|
173
173
|
for (; r2 < n2 && e4[r2].end < l3 + t3; )
|
|
174
174
|
r2++;
|
|
175
175
|
return { startIndex: o2, endIndex: r2 };
|
|
176
|
-
}({ measurements: e3, outerSize: t2, scrollOffset: l2 }) : null, { key: "production" !== process.env.NODE_ENV && "calculateRange", debug: () => this.options.debug }), this.getIndexes =
|
|
176
|
+
}({ measurements: e3, outerSize: t2, scrollOffset: l2 }) : null, { key: "production" !== process.env.NODE_ENV && "calculateRange", debug: () => this.options.debug }), this.getIndexes = ce(() => [this.options.rangeExtractor, this.calculateRange(), this.options.overscan, this.options.count], (e3, t2, l2, n2) => null === t2 ? [] : e3({ startIndex: t2.startIndex, endIndex: t2.endIndex, overscan: l2, count: n2 }), { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: () => this.options.debug }), this.indexFromElement = (e3) => {
|
|
177
177
|
const t2 = this.options.indexAttribute, l2 = e3.getAttribute(t2);
|
|
178
178
|
return l2 ? parseInt(l2, 10) : (console.warn(`Missing attribute name '${t2}={index}' on measured element.`), -1);
|
|
179
179
|
}, this._measureElement = (e3, t2) => {
|
|
@@ -191,7 +191,7 @@ class we {
|
|
|
191
191
|
0 !== l2 && ((void 0 !== this.shouldAdjustScrollPositionOnItemSizeChange ? this.shouldAdjustScrollPositionOnItemSizeChange(e3, l2, this) : e3.start < this.scrollOffset + this.scrollAdjustments) && ("production" !== process.env.NODE_ENV && this.options.debug && console.info("correction", l2), this._scrollToOffset(this.scrollOffset, { adjustments: this.scrollAdjustments += l2, behavior: void 0 })), this.pendingMeasuredCacheIndexes.push(e3.index), this.itemSizeCache = new Map(this.itemSizeCache.set(e3.key, t2)), this.notify(true, false));
|
|
192
192
|
}, this.measureElement = (e3) => {
|
|
193
193
|
e3 && this._measureElement(e3, void 0);
|
|
194
|
-
}, this.getVirtualItems =
|
|
194
|
+
}, this.getVirtualItems = ce(() => [this.getIndexes(), this.getMeasurements()], (e3, t2) => {
|
|
195
195
|
const l2 = [];
|
|
196
196
|
for (let n2 = 0, a2 = e3.length; n2 < a2; n2++) {
|
|
197
197
|
const a3 = t2[e3[n2]];
|
|
@@ -200,7 +200,7 @@ class we {
|
|
|
200
200
|
return l2;
|
|
201
201
|
}, { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: () => this.options.debug }), this.getVirtualItemForOffset = (e3) => {
|
|
202
202
|
const t2 = this.getMeasurements();
|
|
203
|
-
return
|
|
203
|
+
return pe(t2[Se(0, t2.length - 1, (e4) => pe(t2[e4]).start, e3)]);
|
|
204
204
|
}, this.getOffsetForAlignment = (e3, t2) => {
|
|
205
205
|
const l2 = this.getSize();
|
|
206
206
|
"auto" === t2 && (t2 = e3 <= this.scrollOffset ? "start" : e3 >= this.scrollOffset + l2 ? "end" : "start"), "start" === t2 || ("end" === t2 ? e3 -= l2 : "center" === t2 && (e3 -= l2 / 2));
|
|
@@ -208,7 +208,7 @@ class we {
|
|
|
208
208
|
return Math.max(Math.min(a2, e3), 0);
|
|
209
209
|
}, this.getOffsetForIndex = (e3, t2 = "auto") => {
|
|
210
210
|
e3 = Math.max(0, Math.min(e3, this.options.count - 1));
|
|
211
|
-
const l2 =
|
|
211
|
+
const l2 = pe(this.getMeasurements()[e3]);
|
|
212
212
|
if ("auto" === t2)
|
|
213
213
|
if (l2.end >= this.scrollOffset + this.getSize() - this.options.scrollPaddingEnd)
|
|
214
214
|
t2 = "end";
|
|
@@ -251,7 +251,7 @@ class we {
|
|
|
251
251
|
}), this.notify(false, false);
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
const
|
|
254
|
+
const Se = (e2, t2, l2, n2) => {
|
|
255
255
|
for (; e2 <= t2; ) {
|
|
256
256
|
const a2 = (e2 + t2) / 2 | 0, o2 = l2(a2);
|
|
257
257
|
if (o2 < n2)
|
|
@@ -264,9 +264,9 @@ const ke = (e2, t2, l2, n2) => {
|
|
|
264
264
|
}
|
|
265
265
|
return e2 > 0 ? e2 - 1 : 0;
|
|
266
266
|
};
|
|
267
|
-
function
|
|
267
|
+
function Ce(e2) {
|
|
268
268
|
return function(e3) {
|
|
269
|
-
const t2 = new
|
|
269
|
+
const t2 = new ke(u(e3)), l2 = c(t2), n2 = t2._didMount();
|
|
270
270
|
return p(() => u(e3).getScrollElement(), (e4) => {
|
|
271
271
|
e4 && t2._willUpdate();
|
|
272
272
|
}, { immediate: true }), p(() => u(e3), (e4) => {
|
|
@@ -275,20 +275,20 @@ function Se(e2) {
|
|
|
275
275
|
g(l2), null == (a2 = e4.onChange) || a2.call(e4, t3, n3);
|
|
276
276
|
} }), t2._willUpdate(), g(l2);
|
|
277
277
|
}, { immediate: true }), f(n2), l2;
|
|
278
|
-
}(d(() => ({ observeElementRect:
|
|
278
|
+
}(d(() => ({ observeElementRect: ve, observeElementOffset: ye, scrollToFn: we, ...u(e2) })));
|
|
279
279
|
}
|
|
280
|
-
function
|
|
280
|
+
function Oe(e2, t2, l2) {
|
|
281
281
|
let n2 = s(null == l2 ? void 0 : l2.value), a2 = d(() => void 0 !== e2.value);
|
|
282
282
|
return [d(() => a2.value ? e2.value : n2.value), function(e3) {
|
|
283
283
|
return a2.value || (n2.value = e3), null == t2 ? void 0 : t2(e3);
|
|
284
284
|
}];
|
|
285
285
|
}
|
|
286
|
-
function
|
|
286
|
+
function Me(e2) {
|
|
287
287
|
"function" == typeof queueMicrotask ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((e3) => setTimeout(() => {
|
|
288
288
|
throw e3;
|
|
289
289
|
}));
|
|
290
290
|
}
|
|
291
|
-
function
|
|
291
|
+
function De() {
|
|
292
292
|
let e2 = [], t2 = { addEventListener: (e3, l2, n2, a2) => (e3.addEventListener(l2, n2, a2), t2.add(() => e3.removeEventListener(l2, n2, a2))), requestAnimationFrame(...e3) {
|
|
293
293
|
let l2 = requestAnimationFrame(...e3);
|
|
294
294
|
t2.add(() => cancelAnimationFrame(l2));
|
|
@@ -301,7 +301,7 @@ function Me() {
|
|
|
301
301
|
t2.add(() => clearTimeout(l2));
|
|
302
302
|
}, microTask(...e3) {
|
|
303
303
|
let l2 = { current: true };
|
|
304
|
-
return
|
|
304
|
+
return Me(() => {
|
|
305
305
|
l2.current && e3[0]();
|
|
306
306
|
}), t2.add(() => {
|
|
307
307
|
l2.current = false;
|
|
@@ -312,7 +312,7 @@ function Me() {
|
|
|
312
312
|
Object.assign(e3.style, { [t3]: n2 });
|
|
313
313
|
});
|
|
314
314
|
}, group(e3) {
|
|
315
|
-
let t3 =
|
|
315
|
+
let t3 = De();
|
|
316
316
|
return e3(t3), this.add(() => t3.dispose());
|
|
317
317
|
}, add: (t3) => (e2.push(t3), () => {
|
|
318
318
|
let l2 = e2.indexOf(t3);
|
|
@@ -325,40 +325,40 @@ function Me() {
|
|
|
325
325
|
} };
|
|
326
326
|
return t2;
|
|
327
327
|
}
|
|
328
|
-
function
|
|
328
|
+
function Ee() {
|
|
329
329
|
let e2 = function() {
|
|
330
|
-
let e3 =
|
|
330
|
+
let e3 = De();
|
|
331
331
|
return m(() => e3.dispose()), e3;
|
|
332
332
|
}();
|
|
333
333
|
return (t2) => {
|
|
334
334
|
e2.dispose(), e2.nextFrame(t2);
|
|
335
335
|
};
|
|
336
336
|
}
|
|
337
|
-
let
|
|
338
|
-
function
|
|
339
|
-
return v(
|
|
337
|
+
let Te = Symbol("headlessui.useid"), Ie = 0;
|
|
338
|
+
function _e() {
|
|
339
|
+
return v(Te, () => "" + ++Ie)();
|
|
340
340
|
}
|
|
341
|
-
function
|
|
341
|
+
function je(e2) {
|
|
342
342
|
var t2;
|
|
343
343
|
if (null == e2 || null == e2.value)
|
|
344
344
|
return null;
|
|
345
345
|
let l2 = null != (t2 = e2.value.$el) ? t2 : e2.value;
|
|
346
346
|
return l2 instanceof Node ? l2 : null;
|
|
347
347
|
}
|
|
348
|
-
function
|
|
348
|
+
function Pe(e2, t2, ...l2) {
|
|
349
349
|
if (e2 in t2) {
|
|
350
350
|
let n3 = t2[e2];
|
|
351
351
|
return "function" == typeof n3 ? n3(...l2) : n3;
|
|
352
352
|
}
|
|
353
353
|
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(", ")}.`);
|
|
354
|
-
throw Error.captureStackTrace && Error.captureStackTrace(n2,
|
|
354
|
+
throw Error.captureStackTrace && Error.captureStackTrace(n2, Pe), n2;
|
|
355
355
|
}
|
|
356
|
-
var
|
|
357
|
-
t3 in e3 ?
|
|
356
|
+
var Re = Object.defineProperty, Be = (e2, t2, l2) => (((e3, t3, l3) => {
|
|
357
|
+
t3 in e3 ? Re(e3, t3, { enumerable: true, configurable: true, writable: true, value: l3 }) : e3[t3] = l3;
|
|
358
358
|
})(e2, "symbol" != typeof t2 ? t2 + "" : t2, l2), l2);
|
|
359
|
-
let
|
|
359
|
+
let Ae = new class {
|
|
360
360
|
constructor() {
|
|
361
|
-
|
|
361
|
+
Be(this, "current", this.detect()), Be(this, "currentId", 0);
|
|
362
362
|
}
|
|
363
363
|
set(e2) {
|
|
364
364
|
this.current !== e2 && (this.currentId = 0, this.current = e2);
|
|
@@ -379,44 +379,44 @@ let Be = new class {
|
|
|
379
379
|
return "undefined" == typeof window || "undefined" == typeof document ? "server" : "client";
|
|
380
380
|
}
|
|
381
381
|
}();
|
|
382
|
-
function
|
|
383
|
-
if (
|
|
382
|
+
function Le(e2) {
|
|
383
|
+
if (Ae.isServer)
|
|
384
384
|
return null;
|
|
385
385
|
if (e2 instanceof Node)
|
|
386
386
|
return e2.ownerDocument;
|
|
387
387
|
if (null != e2 && e2.hasOwnProperty("value")) {
|
|
388
|
-
let t2 =
|
|
388
|
+
let t2 = je(e2);
|
|
389
389
|
if (t2)
|
|
390
390
|
return t2.ownerDocument;
|
|
391
391
|
}
|
|
392
392
|
return document;
|
|
393
393
|
}
|
|
394
|
-
let
|
|
395
|
-
var
|
|
396
|
-
function
|
|
397
|
-
return null == e2 ? [] : Array.from(e2.querySelectorAll(
|
|
394
|
+
let Fe = ["[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(",");
|
|
395
|
+
var Ne = ((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))(Ne || {}), ze = ((e2) => (e2[e2.Error = 0] = "Error", e2[e2.Overflow = 1] = "Overflow", e2[e2.Success = 2] = "Success", e2[e2.Underflow = 3] = "Underflow", e2))(ze || {}), $e = ((e2) => (e2[e2.Previous = -1] = "Previous", e2[e2.Next = 1] = "Next", e2))($e || {});
|
|
396
|
+
function Ve(e2 = document.body) {
|
|
397
|
+
return null == e2 ? [] : Array.from(e2.querySelectorAll(Fe)).sort((e3, t2) => Math.sign((e3.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
|
|
398
398
|
}
|
|
399
|
-
var
|
|
400
|
-
function
|
|
399
|
+
var He = ((e2) => (e2[e2.Strict = 0] = "Strict", e2[e2.Loose = 1] = "Loose", e2))(He || {});
|
|
400
|
+
function Ye(e2, t2 = 0) {
|
|
401
401
|
var l2;
|
|
402
|
-
return e2 !== (null == (l2 =
|
|
402
|
+
return e2 !== (null == (l2 = Le(e2)) ? void 0 : l2.body) && Pe(t2, { 0: () => e2.matches(Fe), 1() {
|
|
403
403
|
let t3 = e2;
|
|
404
404
|
for (; null !== t3; ) {
|
|
405
|
-
if (t3.matches(
|
|
405
|
+
if (t3.matches(Fe))
|
|
406
406
|
return true;
|
|
407
407
|
t3 = t3.parentElement;
|
|
408
408
|
}
|
|
409
409
|
return false;
|
|
410
410
|
} });
|
|
411
411
|
}
|
|
412
|
-
function
|
|
413
|
-
let t2 =
|
|
412
|
+
function qe(e2) {
|
|
413
|
+
let t2 = Le(e2);
|
|
414
414
|
h(() => {
|
|
415
|
-
t2 && !
|
|
415
|
+
t2 && !Ye(t2.activeElement, 0) && We(e2);
|
|
416
416
|
});
|
|
417
417
|
}
|
|
418
|
-
var
|
|
419
|
-
function
|
|
418
|
+
var Ue = ((e2) => (e2[e2.Keyboard = 0] = "Keyboard", e2[e2.Mouse = 1] = "Mouse", e2))(Ue || {});
|
|
419
|
+
function We(e2) {
|
|
420
420
|
null == e2 || e2.focus({ preventScroll: true });
|
|
421
421
|
}
|
|
422
422
|
"undefined" != typeof window && "undefined" != typeof document && (document.addEventListener("keydown", (e2) => {
|
|
@@ -424,8 +424,8 @@ function Ue(e2) {
|
|
|
424
424
|
}, true), document.addEventListener("click", (e2) => {
|
|
425
425
|
1 === e2.detail ? delete document.documentElement.dataset.headlessuiFocusVisible : 0 === e2.detail && (document.documentElement.dataset.headlessuiFocusVisible = "");
|
|
426
426
|
}, true));
|
|
427
|
-
let
|
|
428
|
-
function
|
|
427
|
+
let Ke = ["textarea", "input"].join(",");
|
|
428
|
+
function Je(e2, t2 = (e3) => e3) {
|
|
429
429
|
return e2.slice().sort((e3, l2) => {
|
|
430
430
|
let n2 = t2(e3), a2 = t2(l2);
|
|
431
431
|
if (null === n2 || null === a2)
|
|
@@ -434,9 +434,9 @@ function Ke(e2, t2 = (e3) => e3) {
|
|
|
434
434
|
return o2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : o2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
|
|
435
435
|
});
|
|
436
436
|
}
|
|
437
|
-
function
|
|
437
|
+
function Ge(e2, t2, { sorted: l2 = true, relativeTo: n2 = null, skipElements: a2 = [] } = {}) {
|
|
438
438
|
var o2;
|
|
439
|
-
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 ?
|
|
439
|
+
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 ? Je(e2) : e2 : Ve(e2);
|
|
440
440
|
a2.length > 0 && i2.length > 1 && (i2 = i2.filter((e3) => !a2.includes(e3))), n2 = null != n2 ? n2 : r2.activeElement;
|
|
441
441
|
let s2, d2 = (() => {
|
|
442
442
|
if (5 & t2)
|
|
@@ -471,26 +471,26 @@ function Je(e2, t2, { sorted: l2 = true, relativeTo: n2 = null, skipElements: a2
|
|
|
471
471
|
} while (s2 !== r2.activeElement);
|
|
472
472
|
return 6 & t2 && function(e3) {
|
|
473
473
|
var t3, l3;
|
|
474
|
-
return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3,
|
|
474
|
+
return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3, Ke)) && l3;
|
|
475
475
|
}(s2) && s2.select(), 2;
|
|
476
476
|
}
|
|
477
|
-
function
|
|
477
|
+
function Ze() {
|
|
478
478
|
return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
|
|
479
479
|
}
|
|
480
|
-
function
|
|
481
|
-
return
|
|
480
|
+
function Xe() {
|
|
481
|
+
return Ze() || /Android/gi.test(window.navigator.userAgent);
|
|
482
482
|
}
|
|
483
|
-
function
|
|
484
|
-
|
|
483
|
+
function Qe(e2, t2, l2) {
|
|
484
|
+
Ae.isServer || b((n2) => {
|
|
485
485
|
document.addEventListener(e2, t2, l2), n2(() => document.removeEventListener(e2, t2, l2));
|
|
486
486
|
});
|
|
487
487
|
}
|
|
488
|
-
function
|
|
489
|
-
|
|
488
|
+
function et(e2, t2, l2) {
|
|
489
|
+
Ae.isServer || b((n2) => {
|
|
490
490
|
window.addEventListener(e2, t2, l2), n2(() => window.removeEventListener(e2, t2, l2));
|
|
491
491
|
});
|
|
492
492
|
}
|
|
493
|
-
function
|
|
493
|
+
function tt(e2, t2, l2 = d(() => true)) {
|
|
494
494
|
function n2(n3, a3) {
|
|
495
495
|
if (!l2.value || n3.defaultPrevented)
|
|
496
496
|
return;
|
|
@@ -503,56 +503,56 @@ function et(e2, t2, l2 = d(() => true)) {
|
|
|
503
503
|
for (let e3 of r2) {
|
|
504
504
|
if (null === e3)
|
|
505
505
|
continue;
|
|
506
|
-
let t3 = e3 instanceof HTMLElement ? e3 :
|
|
506
|
+
let t3 = e3 instanceof HTMLElement ? e3 : je(e3);
|
|
507
507
|
if (null != t3 && t3.contains(o2) || n3.composed && n3.composedPath().includes(t3))
|
|
508
508
|
return;
|
|
509
509
|
}
|
|
510
|
-
return !
|
|
510
|
+
return !Ye(o2, He.Loose) && -1 !== o2.tabIndex && n3.preventDefault(), t2(n3, o2);
|
|
511
511
|
}
|
|
512
512
|
let a2 = s(null);
|
|
513
|
-
|
|
513
|
+
Qe("pointerdown", (e3) => {
|
|
514
514
|
var t3, n3;
|
|
515
515
|
l2.value && (a2.value = (null == (n3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : n3[0]) || e3.target);
|
|
516
|
-
}, true),
|
|
516
|
+
}, true), Qe("mousedown", (e3) => {
|
|
517
517
|
var t3, n3;
|
|
518
518
|
l2.value && (a2.value = (null == (n3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : n3[0]) || e3.target);
|
|
519
|
-
}, true),
|
|
520
|
-
|
|
521
|
-
}, true),
|
|
519
|
+
}, true), Qe("click", (e3) => {
|
|
520
|
+
Xe() || a2.value && (n2(e3, () => a2.value), a2.value = null);
|
|
521
|
+
}, true), Qe("touchend", (e3) => n2(e3, () => e3.target instanceof HTMLElement ? e3.target : null), true), et("blur", (e3) => n2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
|
|
522
522
|
}
|
|
523
|
-
function
|
|
523
|
+
function lt(e2, t2) {
|
|
524
524
|
if (e2)
|
|
525
525
|
return e2;
|
|
526
526
|
let l2 = null != t2 ? t2 : "button";
|
|
527
527
|
return "string" == typeof l2 && "button" === l2.toLowerCase() ? "button" : void 0;
|
|
528
528
|
}
|
|
529
|
-
function
|
|
530
|
-
let l2 = s(
|
|
529
|
+
function nt(e2, t2) {
|
|
530
|
+
let l2 = s(lt(e2.value.type, e2.value.as));
|
|
531
531
|
return y(() => {
|
|
532
|
-
l2.value =
|
|
532
|
+
l2.value = lt(e2.value.type, e2.value.as);
|
|
533
533
|
}), b(() => {
|
|
534
534
|
var e3;
|
|
535
|
-
l2.value ||
|
|
535
|
+
l2.value || je(t2) && je(t2) instanceof HTMLButtonElement && (null == (e3 = je(t2)) || !e3.hasAttribute("type")) && (l2.value = "button");
|
|
536
536
|
}), l2;
|
|
537
537
|
}
|
|
538
|
-
function
|
|
538
|
+
function at(e2) {
|
|
539
539
|
return [e2.screenX, e2.screenY];
|
|
540
540
|
}
|
|
541
|
-
function
|
|
541
|
+
function ot() {
|
|
542
542
|
let e2 = s([-1, -1]);
|
|
543
543
|
return { wasMoved(t2) {
|
|
544
|
-
let l2 =
|
|
544
|
+
let l2 = at(t2);
|
|
545
545
|
return (e2.value[0] !== l2[0] || e2.value[1] !== l2[1]) && (e2.value = l2, true);
|
|
546
546
|
}, update(t2) {
|
|
547
|
-
e2.value =
|
|
547
|
+
e2.value = at(t2);
|
|
548
548
|
} };
|
|
549
549
|
}
|
|
550
|
-
function
|
|
550
|
+
function rt({ container: e2, accept: t2, walk: l2, enabled: n2 }) {
|
|
551
551
|
b(() => {
|
|
552
552
|
let a2 = e2.value;
|
|
553
553
|
if (!a2 || void 0 !== n2 && !n2.value)
|
|
554
554
|
return;
|
|
555
|
-
let o2 =
|
|
555
|
+
let o2 = Le(e2);
|
|
556
556
|
if (!o2)
|
|
557
557
|
return;
|
|
558
558
|
let r2 = Object.assign((e3) => t2(e3), { acceptNode: t2 }), i2 = o2.createTreeWalker(a2, NodeFilter.SHOW_ELEMENT, r2, false);
|
|
@@ -560,20 +560,20 @@ function ot({ container: e2, accept: t2, walk: l2, enabled: n2 }) {
|
|
|
560
560
|
l2(i2.currentNode);
|
|
561
561
|
});
|
|
562
562
|
}
|
|
563
|
-
var
|
|
564
|
-
function
|
|
563
|
+
var it = ((e2) => (e2[e2.None = 0] = "None", e2[e2.RenderStrategy = 1] = "RenderStrategy", e2[e2.Static = 2] = "Static", e2))(it || {}), st = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(st || {});
|
|
564
|
+
function dt({ visible: e2 = true, features: t2 = 0, ourProps: l2, theirProps: n2, ...a2 }) {
|
|
565
565
|
var o2;
|
|
566
|
-
let r2 =
|
|
566
|
+
let r2 = pt(n2, l2), i2 = Object.assign(a2, { props: r2 });
|
|
567
567
|
if (e2 || 2 & t2 && r2.static)
|
|
568
|
-
return
|
|
568
|
+
return ut(i2);
|
|
569
569
|
if (1 & t2) {
|
|
570
|
-
return
|
|
570
|
+
return Pe(null == (o2 = r2.unmount) || o2 ? 0 : 1, { 0: () => null, 1: () => ut({ ...a2, props: { ...r2, hidden: true, style: { display: "none" } } }) });
|
|
571
571
|
}
|
|
572
|
-
return
|
|
572
|
+
return ut(i2);
|
|
573
573
|
}
|
|
574
|
-
function
|
|
574
|
+
function ut({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
575
575
|
var o2, r2;
|
|
576
|
-
let { as: i2, ...s2 } =
|
|
576
|
+
let { as: i2, ...s2 } = ft(e2, ["unmount", "static"]), d2 = null == (o2 = l2.default) ? void 0 : o2.call(l2, n2), u2 = {};
|
|
577
577
|
if (n2) {
|
|
578
578
|
let e3 = false, t3 = [];
|
|
579
579
|
for (let [l3, a3] of Object.entries(n2))
|
|
@@ -581,13 +581,13 @@ function dt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
|
581
581
|
e3 && (u2["data-headlessui-state"] = t3.join(" "));
|
|
582
582
|
}
|
|
583
583
|
if ("template" === i2) {
|
|
584
|
-
if (d2 =
|
|
584
|
+
if (d2 = ct(null != d2 ? d2 : []), Object.keys(s2).length > 0 || Object.keys(t2).length > 0) {
|
|
585
585
|
let [e3, ...l3] = null != d2 ? d2 : [];
|
|
586
586
|
if (!function(e4) {
|
|
587
587
|
return null != e4 && ("string" == typeof e4.type || "object" == typeof e4.type || "function" == typeof e4.type);
|
|
588
588
|
}(e3) || l3.length > 0)
|
|
589
589
|
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"));
|
|
590
|
-
let n3 =
|
|
590
|
+
let n3 = pt(null != (r2 = e3.props) ? r2 : {}, s2, u2), o3 = x(e3, n3, true);
|
|
591
591
|
for (let e4 in n3)
|
|
592
592
|
e4.startsWith("on") && (o3.props || (o3.props = {}), o3.props[e4] = n3[e4]);
|
|
593
593
|
return o3;
|
|
@@ -596,10 +596,10 @@ function dt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
|
|
|
596
596
|
}
|
|
597
597
|
return w(i2, Object.assign({}, s2, u2), { default: () => d2 });
|
|
598
598
|
}
|
|
599
|
-
function
|
|
600
|
-
return e2.flatMap((e3) => e3.type === k ?
|
|
599
|
+
function ct(e2) {
|
|
600
|
+
return e2.flatMap((e3) => e3.type === k ? ct(e3.children) : [e3]);
|
|
601
601
|
}
|
|
602
|
-
function
|
|
602
|
+
function pt(...e2) {
|
|
603
603
|
if (0 === e2.length)
|
|
604
604
|
return {};
|
|
605
605
|
if (1 === e2.length)
|
|
@@ -621,33 +621,33 @@ function ct(...e2) {
|
|
|
621
621
|
} });
|
|
622
622
|
return t2;
|
|
623
623
|
}
|
|
624
|
-
function
|
|
624
|
+
function gt(e2) {
|
|
625
625
|
let t2 = Object.assign({}, e2);
|
|
626
626
|
for (let e3 in t2)
|
|
627
627
|
void 0 === t2[e3] && delete t2[e3];
|
|
628
628
|
return t2;
|
|
629
629
|
}
|
|
630
|
-
function
|
|
630
|
+
function ft(e2, t2 = []) {
|
|
631
631
|
let l2 = Object.assign({}, e2);
|
|
632
632
|
for (let e3 of t2)
|
|
633
633
|
e3 in l2 && delete l2[e3];
|
|
634
634
|
return l2;
|
|
635
635
|
}
|
|
636
|
-
var
|
|
637
|
-
let
|
|
636
|
+
var mt = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(mt || {});
|
|
637
|
+
let vt = S({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup: (e2, { slots: t2, attrs: l2 }) => () => {
|
|
638
638
|
var n2;
|
|
639
639
|
let { features: a2, ...o2 } = e2;
|
|
640
|
-
return
|
|
641
|
-
} }),
|
|
642
|
-
var
|
|
643
|
-
function
|
|
644
|
-
return v(
|
|
640
|
+
return dt({ ourProps: { "aria-hidden": !(2 & ~a2) || (null != (n2 = o2["aria-hidden"]) ? n2 : void 0), hidden: !(4 & ~a2) || void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...!(4 & ~a2) && !!(2 & ~a2) && { display: "none" } } }, theirProps: o2, slot: {}, attrs: l2, slots: t2, name: "Hidden" });
|
|
641
|
+
} }), ht = Symbol("Context");
|
|
642
|
+
var bt = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(bt || {});
|
|
643
|
+
function yt() {
|
|
644
|
+
return v(ht, null);
|
|
645
645
|
}
|
|
646
|
-
function
|
|
647
|
-
C(
|
|
646
|
+
function xt(e2) {
|
|
647
|
+
C(ht, e2);
|
|
648
648
|
}
|
|
649
|
-
var
|
|
650
|
-
let
|
|
649
|
+
var wt = ((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))(wt || {}), kt = ((e2) => (e2[e2.Left = 0] = "Left", e2[e2.Right = 2] = "Right", e2))(kt || {});
|
|
650
|
+
let St = [];
|
|
651
651
|
!function(e2) {
|
|
652
652
|
function t2() {
|
|
653
653
|
"loading" !== document.readyState && (e2(), document.removeEventListener("DOMContentLoaded", t2));
|
|
@@ -655,12 +655,12 @@ let kt = [];
|
|
|
655
655
|
"undefined" != typeof window && "undefined" != typeof document && (document.addEventListener("DOMContentLoaded", t2), t2());
|
|
656
656
|
}(() => {
|
|
657
657
|
function e2(e3) {
|
|
658
|
-
e3.target instanceof HTMLElement && e3.target !== document.body &&
|
|
658
|
+
e3.target instanceof HTMLElement && e3.target !== document.body && St[0] !== e3.target && (St.unshift(e3.target), St = St.filter((e4) => null != e4 && e4.isConnected), St.splice(10));
|
|
659
659
|
}
|
|
660
660
|
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 });
|
|
661
661
|
});
|
|
662
|
-
var
|
|
663
|
-
function
|
|
662
|
+
var Ct = ((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))(Ct || {});
|
|
663
|
+
function Ot(e2, t2) {
|
|
664
664
|
let l2 = t2.resolveItems();
|
|
665
665
|
if (l2.length <= 0)
|
|
666
666
|
return null;
|
|
@@ -700,60 +700,60 @@ function Ct(e2, t2) {
|
|
|
700
700
|
}(e2);
|
|
701
701
|
}
|
|
702
702
|
}
|
|
703
|
-
function
|
|
703
|
+
function Mt(e2 = {}, t2 = null, l2 = []) {
|
|
704
704
|
for (let [n2, a2] of Object.entries(e2))
|
|
705
|
-
|
|
705
|
+
Et(l2, Dt(t2, n2), a2);
|
|
706
706
|
return l2;
|
|
707
707
|
}
|
|
708
|
-
function
|
|
708
|
+
function Dt(e2, t2) {
|
|
709
709
|
return e2 ? e2 + "[" + t2 + "]" : t2;
|
|
710
710
|
}
|
|
711
|
-
function
|
|
711
|
+
function Et(e2, t2, l2) {
|
|
712
712
|
if (Array.isArray(l2))
|
|
713
713
|
for (let [n2, a2] of l2.entries())
|
|
714
|
-
|
|
714
|
+
Et(e2, Dt(t2, n2.toString()), a2);
|
|
715
715
|
else
|
|
716
|
-
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, ""]) :
|
|
716
|
+
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, ""]) : Mt(l2, t2, e2);
|
|
717
717
|
}
|
|
718
|
-
var
|
|
719
|
-
let
|
|
720
|
-
function
|
|
721
|
-
let t2 = v(
|
|
718
|
+
var Tt = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Tt || {}), It = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(It || {}), _t = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Focus = 1] = "Focus", e2[e2.Other = 2] = "Other", e2))(_t || {});
|
|
719
|
+
let jt = Symbol("ComboboxContext");
|
|
720
|
+
function Pt(e2) {
|
|
721
|
+
let t2 = v(jt, null);
|
|
722
722
|
if (null === t2) {
|
|
723
723
|
let t3 = new Error(`<${e2} /> is missing a parent <Combobox /> component.`);
|
|
724
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
724
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, Pt), t3;
|
|
725
725
|
}
|
|
726
726
|
return t2;
|
|
727
727
|
}
|
|
728
|
-
let
|
|
729
|
-
let l2 =
|
|
730
|
-
let e3 =
|
|
728
|
+
let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, { slots: t2 }) {
|
|
729
|
+
let l2 = Pt("VirtualProvider"), n2 = d(() => {
|
|
730
|
+
let e3 = je(l2.optionsRef);
|
|
731
731
|
if (!e3)
|
|
732
732
|
return { start: 0, end: 0 };
|
|
733
733
|
let t3 = window.getComputedStyle(e3);
|
|
734
734
|
return { start: parseFloat(t3.paddingBlockStart || t3.paddingTop), end: parseFloat(t3.paddingBlockEnd || t3.paddingBottom) };
|
|
735
|
-
}), a2 =
|
|
735
|
+
}), a2 = Ce(d(() => ({ scrollPaddingStart: n2.value.start, scrollPaddingEnd: n2.value.end, count: l2.virtual.value.options.length, estimateSize: () => 40, getScrollElement: () => je(l2.optionsRef), overscan: 12 }))), o2 = d(() => {
|
|
736
736
|
var e3;
|
|
737
737
|
return null == (e3 = l2.virtual.value) ? void 0 : e3.options;
|
|
738
738
|
}), r2 = s(0);
|
|
739
739
|
return p([o2], () => {
|
|
740
740
|
r2.value += 1;
|
|
741
|
-
}), C(
|
|
741
|
+
}), C(Rt, l2.virtual.value ? a2 : null), () => [w("div", { style: { position: "relative", width: "100%", height: `${a2.value.getTotalSize()}px` }, ref: (e3) => {
|
|
742
742
|
if (e3) {
|
|
743
743
|
if ("undefined" != typeof process && void 0 !== process.env.JEST_WORKER_ID || 0 === l2.activationTrigger.value)
|
|
744
744
|
return;
|
|
745
745
|
null !== l2.activeOptionIndex.value && l2.virtual.value.options.length > l2.activeOptionIndex.value && a2.value.scrollToIndex(l2.activeOptionIndex.value);
|
|
746
746
|
}
|
|
747
747
|
} }, a2.value.getVirtualItems().map((e3) => x(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" } })))];
|
|
748
|
-
} }),
|
|
748
|
+
} }), At = S({ 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 }) {
|
|
749
749
|
let a2 = s(1), o2 = s(null), r2 = s(null), i2 = s(null), u2 = s(null), c2 = s({ static: false, hold: false }), g2 = s([]), f2 = s(null), m2 = s(2), v2 = s(false);
|
|
750
750
|
function h2(e3 = (e4) => e4) {
|
|
751
|
-
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) :
|
|
751
|
+
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) : Je(l3, (e4) => je(e4.dataRef.domRef)), a3 = t3 ? n3.indexOf(t3) : null;
|
|
752
752
|
return -1 === a3 && (a3 = null), { options: n3, activeOptionIndex: a3 };
|
|
753
753
|
}
|
|
754
|
-
let b2 = d(() => e2.multiple ? 1 : 0), x2 = d(() => e2.nullable), [S2, D2] =
|
|
754
|
+
let b2 = d(() => e2.multiple ? 1 : 0), x2 = d(() => e2.nullable), [S2, D2] = Oe(d(() => e2.modelValue), (e3) => n2("update:modelValue", e3), d(() => e2.defaultValue)), E2 = d(() => void 0 === S2.value ? Pe(b2.value, { 1: [], 0: void 0 }) : S2.value), T2 = null, I2 = null;
|
|
755
755
|
function _2(e3) {
|
|
756
|
-
return
|
|
756
|
+
return Pe(b2.value, { 0: () => null == D2 ? void 0 : D2(e3), 1: () => {
|
|
757
757
|
let t3 = M(P2.value.value).slice(), l3 = M(e3), n3 = t3.findIndex((e4) => P2.compare(l3, M(e4)));
|
|
758
758
|
return -1 === n3 ? t3.push(l3) : t3.splice(n3, 1), null == D2 ? void 0 : D2(t3);
|
|
759
759
|
} });
|
|
@@ -808,7 +808,7 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
808
808
|
if (e2.disabled || u2.value && !c2.value.static && 1 === a2.value)
|
|
809
809
|
return;
|
|
810
810
|
if (P2.virtual.value)
|
|
811
|
-
return f2.value = t3 ===
|
|
811
|
+
return f2.value = t3 === Ct.Specific ? l3 : Ot({ focus: t3 }, { resolveItems: () => P2.virtual.value.options, resolveActiveIndex: () => {
|
|
812
812
|
var e3, t4;
|
|
813
813
|
return null != (t4 = null != (e3 = P2.activeOptionIndex.value) ? e3 : P2.virtual.value.options.findIndex((e4) => {
|
|
814
814
|
var t5;
|
|
@@ -822,7 +822,7 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
822
822
|
let e3 = o3.options.findIndex((e4) => !e4.dataRef.disabled);
|
|
823
823
|
-1 !== e3 && (o3.activeOptionIndex = e3);
|
|
824
824
|
}
|
|
825
|
-
let r3 = t3 ===
|
|
825
|
+
let r3 = t3 === Ct.Specific ? l3 : Ot({ focus: t3 }, { resolveItems: () => o3.options, resolveActiveIndex: () => o3.activeOptionIndex, resolveId: (e3) => e3.id, resolveDisabled: (e3) => e3.dataRef.disabled });
|
|
826
826
|
f2.value = r3, m2.value = null != n3 ? n3 : 2, g2.value = o3.options;
|
|
827
827
|
});
|
|
828
828
|
}, selectOption(e3) {
|
|
@@ -839,7 +839,7 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
839
839
|
let { dataRef: e3 } = g2.value[P2.activeOptionIndex.value];
|
|
840
840
|
_2(e3.value);
|
|
841
841
|
}
|
|
842
|
-
P2.goToOption(
|
|
842
|
+
P2.goToOption(Ct.Specific, P2.activeOptionIndex.value);
|
|
843
843
|
}
|
|
844
844
|
}, registerOption(e3, t3) {
|
|
845
845
|
let l3 = O({ id: e3, dataRef: t3 });
|
|
@@ -847,7 +847,7 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
847
847
|
return void g2.value.push(l3);
|
|
848
848
|
I2 && cancelAnimationFrame(I2);
|
|
849
849
|
let n3 = h2((e4) => (e4.push(l3), e4));
|
|
850
|
-
null === f2.value && P2.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) => !
|
|
850
|
+
null === f2.value && P2.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) => !je(e4.dataRef.domRef)) && (I2 = requestAnimationFrame(() => {
|
|
851
851
|
let e4 = h2();
|
|
852
852
|
g2.value = e4.options, f2.value = e4.activeOptionIndex;
|
|
853
853
|
}));
|
|
@@ -859,11 +859,11 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
859
859
|
return -1 !== l4 && t4.splice(l4, 1), t4;
|
|
860
860
|
});
|
|
861
861
|
g2.value = l3.options, f2.value = l3.activeOptionIndex, m2.value = 2;
|
|
862
|
-
}, isSelected: (e3) =>
|
|
863
|
-
|
|
862
|
+
}, isSelected: (e3) => Pe(b2.value, { 0: () => P2.compare(M(P2.value.value), M(e3)), 1: () => M(P2.value.value).some((t3) => P2.compare(M(t3), M(e3))) }), isActive: (e3) => f2.value === P2.calculateIndex(e3) };
|
|
863
|
+
tt([r2, i2, u2], () => P2.closeCombobox(), d(() => 0 === a2.value)), C(jt, P2), xt(d(() => Pe(a2.value, { 0: bt.Open, 1: bt.Closed })));
|
|
864
864
|
let R2 = d(() => {
|
|
865
865
|
var e3;
|
|
866
|
-
return null == (e3 =
|
|
866
|
+
return null == (e3 = je(r2)) ? void 0 : e3.closest("form");
|
|
867
867
|
});
|
|
868
868
|
return y(() => {
|
|
869
869
|
p([R2], () => {
|
|
@@ -879,43 +879,43 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
879
879
|
}), () => {
|
|
880
880
|
var n3, o3, r3;
|
|
881
881
|
let { name: i3, disabled: s2, form: d2, ...u3 } = e2, c3 = { open: 0 === a2.value, disabled: s2, activeIndex: P2.activeOptionIndex.value, activeOption: null === P2.activeOptionIndex.value ? null : P2.virtual.value ? P2.virtual.value.options[null != (n3 = P2.activeOptionIndex.value) ? n3 : 0] : null != (r3 = null == (o3 = P2.options.value[P2.activeOptionIndex.value]) ? void 0 : o3.dataRef.value) ? r3 : null, value: E2.value };
|
|
882
|
-
return w(k, [...null != i3 && null != E2.value ?
|
|
882
|
+
return w(k, [...null != i3 && null != E2.value ? Mt({ [i3]: E2.value }).map(([e3, t3]) => w(vt, gt({ features: mt.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: d2, disabled: s2, name: e3, value: t3 }))) : [], dt({ theirProps: { ...l2, ...ft(u3, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: c3, slots: t2, attrs: l2, name: "Combobox" })]);
|
|
883
883
|
};
|
|
884
|
-
} }),
|
|
884
|
+
} }), Lt = S({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
885
885
|
var n2;
|
|
886
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-combobox-label-${
|
|
886
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-combobox-label-${_e()}`, o2 = Pt("ComboboxLabel");
|
|
887
887
|
function r2() {
|
|
888
888
|
var e3;
|
|
889
|
-
null == (e3 =
|
|
889
|
+
null == (e3 = je(o2.inputRef)) || e3.focus({ preventScroll: true });
|
|
890
890
|
}
|
|
891
891
|
return () => {
|
|
892
892
|
let n3 = { open: 0 === o2.comboboxState.value, disabled: o2.disabled.value }, { ...i2 } = e2;
|
|
893
|
-
return
|
|
893
|
+
return dt({ ourProps: { id: a2, ref: o2.labelRef, onClick: r2 }, theirProps: i2, slot: n3, attrs: t2, slots: l2, name: "ComboboxLabel" });
|
|
894
894
|
};
|
|
895
|
-
} }),
|
|
895
|
+
} }), Ft = S({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
896
896
|
var a2;
|
|
897
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-combobox-button-${
|
|
897
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-combobox-button-${_e()}`, r2 = Pt("ComboboxButton");
|
|
898
898
|
function i2(e3) {
|
|
899
899
|
r2.disabled.value || (0 === r2.comboboxState.value ? r2.closeCombobox() : (e3.preventDefault(), r2.openCombobox()), h(() => {
|
|
900
900
|
var e4;
|
|
901
|
-
return null == (e4 =
|
|
901
|
+
return null == (e4 = je(r2.inputRef)) ? void 0 : e4.focus({ preventScroll: true });
|
|
902
902
|
}));
|
|
903
903
|
}
|
|
904
904
|
function s2(e3) {
|
|
905
905
|
switch (e3.key) {
|
|
906
|
-
case
|
|
906
|
+
case wt.ArrowDown:
|
|
907
907
|
return e3.preventDefault(), e3.stopPropagation(), 1 === r2.comboboxState.value && r2.openCombobox(), void h(() => {
|
|
908
908
|
var e4;
|
|
909
909
|
return null == (e4 = r2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
|
|
910
910
|
});
|
|
911
|
-
case
|
|
911
|
+
case wt.ArrowUp:
|
|
912
912
|
return e3.preventDefault(), e3.stopPropagation(), 1 === r2.comboboxState.value && (r2.openCombobox(), h(() => {
|
|
913
|
-
r2.value.value || r2.goToOption(
|
|
913
|
+
r2.value.value || r2.goToOption(Ct.Last);
|
|
914
914
|
})), void h(() => {
|
|
915
915
|
var e4;
|
|
916
916
|
return null == (e4 = r2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
|
|
917
917
|
});
|
|
918
|
-
case
|
|
918
|
+
case wt.Escape:
|
|
919
919
|
if (0 !== r2.comboboxState.value)
|
|
920
920
|
return;
|
|
921
921
|
return e3.preventDefault(), r2.optionsRef.value && !r2.optionsPropsRef.value.static && e3.stopPropagation(), r2.closeCombobox(), void h(() => {
|
|
@@ -925,31 +925,31 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
925
925
|
}
|
|
926
926
|
}
|
|
927
927
|
n2({ el: r2.buttonRef, $el: r2.buttonRef });
|
|
928
|
-
let u2 =
|
|
928
|
+
let u2 = nt(d(() => ({ as: e2.as, type: t2.type })), r2.buttonRef);
|
|
929
929
|
return () => {
|
|
930
930
|
var n3, a3;
|
|
931
931
|
let d2 = { open: 0 === r2.comboboxState.value, disabled: r2.disabled.value, value: r2.value.value }, { ...c2 } = e2;
|
|
932
|
-
return
|
|
932
|
+
return dt({ ourProps: { ref: r2.buttonRef, id: o2, type: u2.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": null == (n3 = je(r2.optionsRef)) ? void 0 : n3.id, "aria-expanded": 0 === r2.comboboxState.value, "aria-labelledby": r2.labelRef.value ? [null == (a3 = je(r2.labelRef)) ? void 0 : a3.id, o2].join(" ") : void 0, disabled: true === r2.disabled.value || void 0, onKeydown: s2, onClick: i2 }, theirProps: c2, slot: d2, attrs: t2, slots: l2, name: "ComboboxButton" });
|
|
933
933
|
};
|
|
934
|
-
} }),
|
|
934
|
+
} }), Nt = S({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
935
935
|
var o2;
|
|
936
|
-
let r2 = null != (o2 = e2.id) ? o2 : `headlessui-combobox-input-${
|
|
936
|
+
let r2 = null != (o2 = e2.id) ? o2 : `headlessui-combobox-input-${_e()}`, i2 = Pt("ComboboxInput"), u2 = d(() => Le(je(i2.inputRef))), c2 = { value: false };
|
|
937
937
|
function g2() {
|
|
938
938
|
i2.change(null);
|
|
939
|
-
let e3 =
|
|
940
|
-
e3 && (e3.scrollTop = 0), i2.goToOption(
|
|
939
|
+
let e3 = je(i2.optionsRef);
|
|
940
|
+
e3 && (e3.scrollTop = 0), i2.goToOption(Ct.Nothing);
|
|
941
941
|
}
|
|
942
942
|
a2({ el: i2.inputRef, $el: i2.inputRef });
|
|
943
943
|
let f2 = d(() => {
|
|
944
944
|
var t3;
|
|
945
945
|
let l3 = i2.value.value;
|
|
946
|
-
return
|
|
946
|
+
return je(i2.inputRef) ? void 0 !== e2.displayValue && void 0 !== l3 ? null != (t3 = e2.displayValue(l3)) ? t3 : "" : "string" == typeof l3 ? l3 : "" : "";
|
|
947
947
|
});
|
|
948
948
|
y(() => {
|
|
949
949
|
p([f2, i2.comboboxState, u2], ([e3, t3], [l3, n3]) => {
|
|
950
950
|
if (c2.value)
|
|
951
951
|
return;
|
|
952
|
-
let a3 =
|
|
952
|
+
let a3 = je(i2.inputRef);
|
|
953
953
|
a3 && ((0 === n3 && 1 === t3 || e3 !== l3) && (a3.value = e3), requestAnimationFrame(() => {
|
|
954
954
|
var e4;
|
|
955
955
|
if (c2.value || !a3 || (null == (e4 = u2.value) ? void 0 : e4.activeElement) !== a3)
|
|
@@ -961,7 +961,7 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
961
961
|
if (0 === e3 && 1 === t3) {
|
|
962
962
|
if (c2.value)
|
|
963
963
|
return;
|
|
964
|
-
let e4 =
|
|
964
|
+
let e4 = je(i2.inputRef);
|
|
965
965
|
if (!e4)
|
|
966
966
|
return;
|
|
967
967
|
let t4 = e4.value, { selectionStart: l3, selectionEnd: n3, selectionDirection: a3 } = e4;
|
|
@@ -974,48 +974,48 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
974
974
|
m2.value = true;
|
|
975
975
|
}
|
|
976
976
|
function b2() {
|
|
977
|
-
|
|
977
|
+
De().nextFrame(() => {
|
|
978
978
|
m2.value = false;
|
|
979
979
|
});
|
|
980
980
|
}
|
|
981
|
-
let x2 =
|
|
981
|
+
let x2 = Ee();
|
|
982
982
|
function w2(e3) {
|
|
983
983
|
switch (c2.value = true, x2(() => {
|
|
984
984
|
c2.value = false;
|
|
985
985
|
}), e3.key) {
|
|
986
|
-
case
|
|
986
|
+
case wt.Enter:
|
|
987
987
|
if (c2.value = false, 0 !== i2.comboboxState.value || m2.value)
|
|
988
988
|
return;
|
|
989
989
|
if (e3.preventDefault(), e3.stopPropagation(), null === i2.activeOptionIndex.value)
|
|
990
990
|
return void i2.closeCombobox();
|
|
991
991
|
i2.selectActiveOption(), 0 === i2.mode.value && i2.closeCombobox();
|
|
992
992
|
break;
|
|
993
|
-
case
|
|
994
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(),
|
|
995
|
-
case
|
|
996
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(),
|
|
993
|
+
case wt.ArrowDown:
|
|
994
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), Pe(i2.comboboxState.value, { 0: () => i2.goToOption(Ct.Next), 1: () => i2.openCombobox() });
|
|
995
|
+
case wt.ArrowUp:
|
|
996
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), Pe(i2.comboboxState.value, { 0: () => i2.goToOption(Ct.Previous), 1: () => {
|
|
997
997
|
i2.openCombobox(), h(() => {
|
|
998
|
-
i2.value.value || i2.goToOption(
|
|
998
|
+
i2.value.value || i2.goToOption(Ct.Last);
|
|
999
999
|
});
|
|
1000
1000
|
} });
|
|
1001
|
-
case
|
|
1001
|
+
case wt.Home:
|
|
1002
1002
|
if (e3.shiftKey)
|
|
1003
1003
|
break;
|
|
1004
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(
|
|
1005
|
-
case
|
|
1006
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(
|
|
1007
|
-
case
|
|
1004
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(Ct.First);
|
|
1005
|
+
case wt.PageUp:
|
|
1006
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(Ct.First);
|
|
1007
|
+
case wt.End:
|
|
1008
1008
|
if (e3.shiftKey)
|
|
1009
1009
|
break;
|
|
1010
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(
|
|
1011
|
-
case
|
|
1012
|
-
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(
|
|
1013
|
-
case
|
|
1010
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(Ct.Last);
|
|
1011
|
+
case wt.PageDown:
|
|
1012
|
+
return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(Ct.Last);
|
|
1013
|
+
case wt.Escape:
|
|
1014
1014
|
if (c2.value = false, 0 !== i2.comboboxState.value)
|
|
1015
1015
|
return;
|
|
1016
1016
|
e3.preventDefault(), i2.optionsRef.value && !i2.optionsPropsRef.value.static && e3.stopPropagation(), i2.nullable.value && 0 === i2.mode.value && null === i2.value.value && g2(), i2.closeCombobox();
|
|
1017
1017
|
break;
|
|
1018
|
-
case
|
|
1018
|
+
case wt.Tab:
|
|
1019
1019
|
if (c2.value = false, 0 !== i2.comboboxState.value)
|
|
1020
1020
|
return;
|
|
1021
1021
|
0 === i2.mode.value && 1 !== i2.activationTrigger.value && i2.selectActiveOption(), i2.closeCombobox();
|
|
@@ -1026,14 +1026,14 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
1026
1026
|
}
|
|
1027
1027
|
function S2(e3) {
|
|
1028
1028
|
var t3, l3, n3;
|
|
1029
|
-
let a3 = null != (t3 = e3.relatedTarget) ? t3 :
|
|
1030
|
-
if (c2.value = false, !(null != (l3 =
|
|
1029
|
+
let a3 = null != (t3 = e3.relatedTarget) ? t3 : St.find((t4) => t4 !== e3.currentTarget);
|
|
1030
|
+
if (c2.value = false, !(null != (l3 = je(i2.optionsRef)) && l3.contains(a3) || null != (n3 = je(i2.buttonRef)) && n3.contains(a3) || 0 !== i2.comboboxState.value))
|
|
1031
1031
|
return e3.preventDefault(), 0 === i2.mode.value && (i2.nullable.value && null === i2.value.value ? g2() : 1 !== i2.activationTrigger.value && i2.selectActiveOption()), i2.closeCombobox();
|
|
1032
1032
|
}
|
|
1033
1033
|
function C2(e3) {
|
|
1034
1034
|
var t3, l3, n3;
|
|
1035
|
-
let a3 = null != (t3 = e3.relatedTarget) ? t3 :
|
|
1036
|
-
null != (l3 =
|
|
1035
|
+
let a3 = null != (t3 = e3.relatedTarget) ? t3 : St.find((t4) => t4 !== e3.currentTarget);
|
|
1036
|
+
null != (l3 = je(i2.buttonRef)) && l3.contains(a3) || null != (n3 = je(i2.optionsRef)) && n3.contains(a3) || i2.disabled.value || i2.immediate.value && 0 !== i2.comboboxState.value && (i2.openCombobox(), De().nextFrame(() => {
|
|
1037
1037
|
i2.setActivationTrigger(1);
|
|
1038
1038
|
}));
|
|
1039
1039
|
}
|
|
@@ -1043,57 +1043,57 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
1043
1043
|
});
|
|
1044
1044
|
return () => {
|
|
1045
1045
|
var t3, a3, o3, s2, d2, u3, c3;
|
|
1046
|
-
let p2 = { open: 0 === i2.comboboxState.value }, { displayValue: g3, onChange: f3, ...m3 } = e2, h2 = { "aria-controls": null == (t3 = i2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": 0 === i2.comboboxState.value, "aria-activedescendant": null === i2.activeOptionIndex.value ? void 0 : i2.virtual.value ? null == (a3 = i2.options.value.find((e3) => !i2.virtual.value.disabled(e3.dataRef.value) && i2.compare(e3.dataRef.value, i2.virtual.value.options[i2.activeOptionIndex.value]))) ? void 0 : a3.id : null == (o3 = i2.options.value[i2.activeOptionIndex.value]) ? void 0 : o3.id, "aria-labelledby": null != (u3 = null == (s2 =
|
|
1047
|
-
return
|
|
1046
|
+
let p2 = { open: 0 === i2.comboboxState.value }, { displayValue: g3, onChange: f3, ...m3 } = e2, h2 = { "aria-controls": null == (t3 = i2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": 0 === i2.comboboxState.value, "aria-activedescendant": null === i2.activeOptionIndex.value ? void 0 : i2.virtual.value ? null == (a3 = i2.options.value.find((e3) => !i2.virtual.value.disabled(e3.dataRef.value) && i2.compare(e3.dataRef.value, i2.virtual.value.options[i2.activeOptionIndex.value]))) ? void 0 : a3.id : null == (o3 = i2.options.value[i2.activeOptionIndex.value]) ? void 0 : o3.id, "aria-labelledby": null != (u3 = null == (s2 = je(i2.labelRef)) ? void 0 : s2.id) ? u3 : null == (d2 = je(i2.buttonRef)) ? void 0 : d2.id, "aria-autocomplete": "list", id: r2, onCompositionstart: v2, onCompositionend: b2, onKeydown: w2, onInput: k2, onFocus: C2, onBlur: S2, role: "combobox", type: null != (c3 = l2.type) ? c3 : "text", tabIndex: 0, ref: i2.inputRef, defaultValue: O2.value, disabled: true === i2.disabled.value || void 0 };
|
|
1047
|
+
return dt({ ourProps: h2, theirProps: m3, slot: p2, attrs: l2, slots: n2, features: it.RenderStrategy | it.Static, name: "ComboboxInput" });
|
|
1048
1048
|
};
|
|
1049
|
-
} }),
|
|
1050
|
-
let a2 =
|
|
1049
|
+
} }), zt = S({ 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 }) {
|
|
1050
|
+
let a2 = Pt("ComboboxOptions"), o2 = `headlessui-combobox-options-${_e()}`;
|
|
1051
1051
|
n2({ el: a2.optionsRef, $el: a2.optionsRef }), b(() => {
|
|
1052
1052
|
a2.optionsPropsRef.value.static = e2.static;
|
|
1053
1053
|
}), b(() => {
|
|
1054
1054
|
a2.optionsPropsRef.value.hold = e2.hold;
|
|
1055
1055
|
});
|
|
1056
|
-
let r2 =
|
|
1056
|
+
let r2 = yt(), i2 = d(() => null !== r2 ? (r2.value & bt.Open) === bt.Open : 0 === a2.comboboxState.value);
|
|
1057
1057
|
function s2(e3) {
|
|
1058
1058
|
e3.preventDefault();
|
|
1059
1059
|
}
|
|
1060
|
-
return
|
|
1060
|
+
return rt({ container: d(() => je(a2.optionsRef)), enabled: d(() => 0 === a2.comboboxState.value), accept: (e3) => "option" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
|
|
1061
1061
|
e3.setAttribute("role", "none");
|
|
1062
1062
|
} }), () => {
|
|
1063
1063
|
var n3, r3, d2;
|
|
1064
1064
|
let u2 = { open: 0 === a2.comboboxState.value };
|
|
1065
|
-
return
|
|
1065
|
+
return dt({ ourProps: { "aria-labelledby": null != (d2 = null == (n3 = je(a2.labelRef)) ? void 0 : n3.id) ? d2 : null == (r3 = je(a2.buttonRef)) ? void 0 : r3.id, id: o2, ref: a2.optionsRef, role: "listbox", "aria-multiselectable": 1 === a2.mode.value || void 0, onMousedown: s2 }, theirProps: ft(e2, ["hold"]), slot: u2, attrs: t2, slots: a2.virtual.value && 0 === a2.comboboxState.value ? { ...l2, default: () => [w(Bt, {}, l2.default)] } : l2, features: it.RenderStrategy | it.Static, visible: i2.value, name: "ComboboxOptions" });
|
|
1066
1066
|
};
|
|
1067
|
-
} }),
|
|
1068
|
-
let a2 =
|
|
1067
|
+
} }), $t = S({ 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 }) {
|
|
1068
|
+
let a2 = Pt("ComboboxOption"), o2 = `headlessui-combobox-option-${_e()}`, r2 = s(null), i2 = d(() => e2.disabled);
|
|
1069
1069
|
n2({ el: r2, $el: r2 });
|
|
1070
1070
|
let u2 = d(() => {
|
|
1071
1071
|
var t3;
|
|
1072
1072
|
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;
|
|
1073
|
-
}), c2 = d(() => a2.isSelected(e2.value)), p2 = v(
|
|
1073
|
+
}), c2 = d(() => a2.isSelected(e2.value)), p2 = v(Rt, null), g2 = d(() => ({ disabled: e2.disabled, value: e2.value, domRef: r2, order: d(() => e2.order) }));
|
|
1074
1074
|
function f2(e3) {
|
|
1075
|
-
e3.preventDefault(), e3.button ===
|
|
1075
|
+
e3.preventDefault(), e3.button === kt.Left && (i2.value || (a2.selectOption(o2), Xe() || requestAnimationFrame(() => {
|
|
1076
1076
|
var e4;
|
|
1077
|
-
return null == (e4 =
|
|
1077
|
+
return null == (e4 = je(a2.inputRef)) ? void 0 : e4.focus({ preventScroll: true });
|
|
1078
1078
|
}), 0 === a2.mode.value && a2.closeCombobox()));
|
|
1079
1079
|
}
|
|
1080
1080
|
function x2() {
|
|
1081
1081
|
var t3;
|
|
1082
1082
|
if (e2.disabled || null != (t3 = a2.virtual.value) && t3.disabled(e2.value))
|
|
1083
|
-
return a2.goToOption(
|
|
1083
|
+
return a2.goToOption(Ct.Nothing);
|
|
1084
1084
|
let l3 = a2.calculateIndex(e2.value);
|
|
1085
|
-
a2.goToOption(
|
|
1085
|
+
a2.goToOption(Ct.Specific, l3);
|
|
1086
1086
|
}
|
|
1087
1087
|
y(() => a2.registerOption(o2, g2)), m(() => a2.unregisterOption(o2, u2.value)), b(() => {
|
|
1088
|
-
let e3 =
|
|
1088
|
+
let e3 = je(r2);
|
|
1089
1089
|
e3 && (null == p2 || p2.value.measureElement(e3));
|
|
1090
1090
|
}), b(() => {
|
|
1091
1091
|
0 === a2.comboboxState.value && u2.value && (a2.virtual.value || 0 !== a2.activationTrigger.value && h(() => {
|
|
1092
1092
|
var e3, t3;
|
|
1093
|
-
return null == (t3 = null == (e3 =
|
|
1093
|
+
return null == (t3 = null == (e3 = je(r2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
|
|
1094
1094
|
}));
|
|
1095
1095
|
});
|
|
1096
|
-
let w2 =
|
|
1096
|
+
let w2 = ot();
|
|
1097
1097
|
function k2(e3) {
|
|
1098
1098
|
w2.update(e3);
|
|
1099
1099
|
}
|
|
@@ -1102,47 +1102,47 @@ let Pt = Symbol("VirtualContext"), Rt = S({ name: "VirtualProvider", setup(e2, {
|
|
|
1102
1102
|
if (!w2.wasMoved(t3) || e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || u2.value)
|
|
1103
1103
|
return;
|
|
1104
1104
|
let n3 = a2.calculateIndex(e2.value);
|
|
1105
|
-
a2.goToOption(
|
|
1105
|
+
a2.goToOption(Ct.Specific, n3, 0);
|
|
1106
1106
|
}
|
|
1107
1107
|
function C2(t3) {
|
|
1108
1108
|
var l3;
|
|
1109
|
-
w2.wasMoved(t3) && (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || u2.value && (a2.optionsPropsRef.value.hold || a2.goToOption(
|
|
1109
|
+
w2.wasMoved(t3) && (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || u2.value && (a2.optionsPropsRef.value.hold || a2.goToOption(Ct.Nothing)));
|
|
1110
1110
|
}
|
|
1111
1111
|
return () => {
|
|
1112
1112
|
let { disabled: n3 } = e2, a3 = { active: u2.value, selected: c2.value, disabled: n3 };
|
|
1113
|
-
return
|
|
1113
|
+
return dt({ ourProps: { id: o2, ref: r2, role: "option", tabIndex: true === n3 ? void 0 : -1, "aria-disabled": true === n3 || void 0, "aria-selected": c2.value, disabled: void 0, onMousedown: f2, onFocus: x2, onPointerenter: k2, onMouseenter: k2, onPointermove: S2, onMousemove: S2, onPointerleave: C2, onMouseleave: C2 }, theirProps: ft(e2, ["order", "value"]), slot: a3, attrs: l2, slots: t2, name: "ComboboxOption" });
|
|
1114
1114
|
};
|
|
1115
1115
|
} });
|
|
1116
|
-
function
|
|
1117
|
-
|
|
1116
|
+
function Vt(e2, t2, l2, n2) {
|
|
1117
|
+
Ae.isServer || b((a2) => {
|
|
1118
1118
|
(e2 = null != e2 ? e2 : window).addEventListener(t2, l2, n2), a2(() => e2.removeEventListener(t2, l2, n2));
|
|
1119
1119
|
});
|
|
1120
1120
|
}
|
|
1121
|
-
var
|
|
1122
|
-
function
|
|
1121
|
+
var Ht = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(Ht || {});
|
|
1122
|
+
function Yt(e2) {
|
|
1123
1123
|
if (!e2)
|
|
1124
1124
|
return /* @__PURE__ */ new Set();
|
|
1125
1125
|
if ("function" == typeof e2)
|
|
1126
1126
|
return new Set(e2());
|
|
1127
1127
|
let t2 = /* @__PURE__ */ new Set();
|
|
1128
1128
|
for (let l2 of e2.value) {
|
|
1129
|
-
let e3 =
|
|
1129
|
+
let e3 = je(l2);
|
|
1130
1130
|
e3 instanceof HTMLElement && t2.add(e3);
|
|
1131
1131
|
}
|
|
1132
1132
|
return t2;
|
|
1133
1133
|
}
|
|
1134
|
-
var
|
|
1135
|
-
let
|
|
1134
|
+
var qt = ((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))(qt || {});
|
|
1135
|
+
let Ut = Object.assign(S({ 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 }) {
|
|
1136
1136
|
let a2 = s(null);
|
|
1137
1137
|
n2({ el: a2, $el: a2 });
|
|
1138
|
-
let o2 = d(() =>
|
|
1138
|
+
let o2 = d(() => Le(a2)), r2 = s(false);
|
|
1139
1139
|
y(() => r2.value = true), m(() => r2.value = false), function({ ownerDocument: e3 }, t3) {
|
|
1140
1140
|
let l3 = function(e4) {
|
|
1141
|
-
let t4 = s(
|
|
1141
|
+
let t4 = s(St.slice());
|
|
1142
1142
|
return p([e4], ([e5], [l4]) => {
|
|
1143
|
-
true === l4 && false === e5 ?
|
|
1143
|
+
true === l4 && false === e5 ? Me(() => {
|
|
1144
1144
|
t4.value.splice(0);
|
|
1145
|
-
}) : false === l4 && true === e5 && (t4.value =
|
|
1145
|
+
}) : false === l4 && true === e5 && (t4.value = St.slice());
|
|
1146
1146
|
}, { flush: "post" }), () => {
|
|
1147
1147
|
var e5;
|
|
1148
1148
|
return null != (e5 = t4.value.find((e6) => null != e6 && e6.isConnected)) ? e5 : null;
|
|
@@ -1151,10 +1151,10 @@ let qt = Object.assign(S({ name: "FocusTrap", props: { as: { type: [Object, Stri
|
|
|
1151
1151
|
y(() => {
|
|
1152
1152
|
b(() => {
|
|
1153
1153
|
var n3, a3;
|
|
1154
|
-
t3.value || (null == (n3 = e3.value) ? void 0 : n3.activeElement) === (null == (a3 = e3.value) ? void 0 : a3.body) &&
|
|
1154
|
+
t3.value || (null == (n3 = e3.value) ? void 0 : n3.activeElement) === (null == (a3 = e3.value) ? void 0 : a3.body) && We(l3());
|
|
1155
1155
|
}, { flush: "post" });
|
|
1156
1156
|
}), m(() => {
|
|
1157
|
-
t3.value &&
|
|
1157
|
+
t3.value && We(l3());
|
|
1158
1158
|
});
|
|
1159
1159
|
}({ ownerDocument: o2 }, d(() => r2.value && Boolean(16 & e2.features)));
|
|
1160
1160
|
let i2 = function({ ownerDocument: e3, container: t3, initialFocus: l3 }, n3) {
|
|
@@ -1163,48 +1163,48 @@ let qt = Object.assign(S({ name: "FocusTrap", props: { as: { type: [Object, Stri
|
|
|
1163
1163
|
p([t3, l3, n3], (r3, i3) => {
|
|
1164
1164
|
if (r3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !n3.value)
|
|
1165
1165
|
return;
|
|
1166
|
-
let s2 =
|
|
1167
|
-
s2 &&
|
|
1166
|
+
let s2 = je(t3);
|
|
1167
|
+
s2 && Me(() => {
|
|
1168
1168
|
var t4, n4;
|
|
1169
1169
|
if (!o3.value)
|
|
1170
1170
|
return;
|
|
1171
|
-
let r4 =
|
|
1171
|
+
let r4 = je(l3), i4 = null == (t4 = e3.value) ? void 0 : t4.activeElement;
|
|
1172
1172
|
if (r4) {
|
|
1173
1173
|
if (r4 === i4)
|
|
1174
1174
|
return void (a3.value = i4);
|
|
1175
1175
|
} else if (s2.contains(i4))
|
|
1176
1176
|
return void (a3.value = i4);
|
|
1177
|
-
r4 ?
|
|
1177
|
+
r4 ? We(r4) : Ge(s2, Ne.First | Ne.NoScroll) === ze.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), a3.value = null == (n4 = e3.value) ? void 0 : n4.activeElement;
|
|
1178
1178
|
});
|
|
1179
1179
|
}, { immediate: true, flush: "post" });
|
|
1180
1180
|
}), a3;
|
|
1181
1181
|
}({ ownerDocument: o2, container: a2, initialFocus: d(() => e2.initialFocus) }, d(() => r2.value && Boolean(2 & e2.features)));
|
|
1182
1182
|
!function({ ownerDocument: e3, container: t3, containers: l3, previousActiveElement: n3 }, a3) {
|
|
1183
1183
|
var o3;
|
|
1184
|
-
|
|
1184
|
+
Vt(null == (o3 = e3.value) ? void 0 : o3.defaultView, "focus", (e4) => {
|
|
1185
1185
|
if (!a3.value)
|
|
1186
1186
|
return;
|
|
1187
|
-
let o4 =
|
|
1188
|
-
|
|
1187
|
+
let o4 = Yt(l3);
|
|
1188
|
+
je(t3) instanceof HTMLElement && o4.add(je(t3));
|
|
1189
1189
|
let r3 = n3.value;
|
|
1190
1190
|
if (!r3)
|
|
1191
1191
|
return;
|
|
1192
1192
|
let i3 = e4.target;
|
|
1193
|
-
i3 && i3 instanceof HTMLElement ?
|
|
1193
|
+
i3 && i3 instanceof HTMLElement ? Wt(o4, i3) ? (n3.value = i3, We(i3)) : (e4.preventDefault(), e4.stopPropagation(), We(r3)) : We(n3.value);
|
|
1194
1194
|
}, true);
|
|
1195
1195
|
}({ ownerDocument: o2, container: a2, containers: e2.containers, previousActiveElement: i2 }, d(() => r2.value && Boolean(8 & e2.features)));
|
|
1196
1196
|
let u2 = function() {
|
|
1197
1197
|
let e3 = s(0);
|
|
1198
|
-
return
|
|
1198
|
+
return et("keydown", (t3) => {
|
|
1199
1199
|
"Tab" === t3.key && (e3.value = t3.shiftKey ? 1 : 0);
|
|
1200
1200
|
}), e3;
|
|
1201
1201
|
}();
|
|
1202
1202
|
function c2(e3) {
|
|
1203
|
-
let t3 =
|
|
1204
|
-
t3 &&
|
|
1205
|
-
|
|
1206
|
-
}, [
|
|
1207
|
-
|
|
1203
|
+
let t3 = je(a2);
|
|
1204
|
+
t3 && Pe(u2.value, { [Ht.Forwards]: () => {
|
|
1205
|
+
Ge(t3, Ne.First, { skipElements: [e3.relatedTarget] });
|
|
1206
|
+
}, [Ht.Backwards]: () => {
|
|
1207
|
+
Ge(t3, Ne.Last, { skipElements: [e3.relatedTarget] });
|
|
1208
1208
|
} });
|
|
1209
1209
|
}
|
|
1210
1210
|
let g2 = s(false);
|
|
@@ -1216,23 +1216,23 @@ let qt = Object.assign(S({ name: "FocusTrap", props: { as: { type: [Object, Stri
|
|
|
1216
1216
|
function v2(t3) {
|
|
1217
1217
|
if (!r2.value)
|
|
1218
1218
|
return;
|
|
1219
|
-
let l3 =
|
|
1220
|
-
|
|
1219
|
+
let l3 = Yt(e2.containers);
|
|
1220
|
+
je(a2) instanceof HTMLElement && l3.add(je(a2));
|
|
1221
1221
|
let n3 = t3.relatedTarget;
|
|
1222
|
-
n3 instanceof HTMLElement && "true" !== n3.dataset.headlessuiFocusGuard && (
|
|
1222
|
+
n3 instanceof HTMLElement && "true" !== n3.dataset.headlessuiFocusGuard && (Wt(l3, n3) || (g2.value ? Ge(je(a2), Pe(u2.value, { [Ht.Forwards]: () => Ne.Next, [Ht.Backwards]: () => Ne.Previous }) | Ne.WrapAround, { relativeTo: t3.target }) : t3.target instanceof HTMLElement && We(t3.target)));
|
|
1223
1223
|
}
|
|
1224
1224
|
return () => {
|
|
1225
1225
|
let n3 = { ref: a2, onKeydown: f2, onFocusout: v2 }, { features: o3, initialFocus: r3, containers: i3, ...s2 } = e2;
|
|
1226
|
-
return w(k, [Boolean(4 & o3) && w(
|
|
1226
|
+
return w(k, [Boolean(4 & o3) && w(vt, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: c2, features: mt.Focusable }), dt({ ourProps: n3, theirProps: { ...t2, ...s2 }, slot: {}, attrs: t2, slots: l2, name: "FocusTrap" }), Boolean(4 & o3) && w(vt, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: c2, features: mt.Focusable })]);
|
|
1227
1227
|
};
|
|
1228
|
-
} }), { features:
|
|
1229
|
-
function
|
|
1228
|
+
} }), { features: qt });
|
|
1229
|
+
function Wt(e2, t2) {
|
|
1230
1230
|
for (let l2 of e2)
|
|
1231
1231
|
if (l2.contains(t2))
|
|
1232
1232
|
return true;
|
|
1233
1233
|
return false;
|
|
1234
1234
|
}
|
|
1235
|
-
function
|
|
1235
|
+
function Kt() {
|
|
1236
1236
|
let e2;
|
|
1237
1237
|
return { before({ doc: t2 }) {
|
|
1238
1238
|
var l2;
|
|
@@ -1243,13 +1243,13 @@ function Wt() {
|
|
|
1243
1243
|
l2.style(n2, "paddingRight", `${o2}px`);
|
|
1244
1244
|
} };
|
|
1245
1245
|
}
|
|
1246
|
-
function
|
|
1246
|
+
function Jt(e2) {
|
|
1247
1247
|
let t2 = {};
|
|
1248
1248
|
for (let l2 of e2)
|
|
1249
1249
|
Object.assign(t2, l2(t2));
|
|
1250
1250
|
return t2;
|
|
1251
1251
|
}
|
|
1252
|
-
let
|
|
1252
|
+
let Gt = function(e2, t2) {
|
|
1253
1253
|
let l2 = e2(), n2 = /* @__PURE__ */ new Set();
|
|
1254
1254
|
return { getSnapshot: () => l2, subscribe: (e3) => (n2.add(e3), () => n2.delete(e3)), dispatch(e3, ...a2) {
|
|
1255
1255
|
let o2 = t2[e3].call(l2, ...a2);
|
|
@@ -1257,20 +1257,20 @@ let Jt = function(e2, t2) {
|
|
|
1257
1257
|
} };
|
|
1258
1258
|
}(() => /* @__PURE__ */ new Map(), { PUSH(e2, t2) {
|
|
1259
1259
|
var l2;
|
|
1260
|
-
let n2 = null != (l2 = this.get(e2)) ? l2 : { doc: e2, count: 0, d:
|
|
1260
|
+
let n2 = null != (l2 = this.get(e2)) ? l2 : { doc: e2, count: 0, d: De(), meta: /* @__PURE__ */ new Set() };
|
|
1261
1261
|
return n2.count++, n2.meta.add(t2), this.set(e2, n2), this;
|
|
1262
1262
|
}, POP(e2, t2) {
|
|
1263
1263
|
let l2 = this.get(e2);
|
|
1264
1264
|
return l2 && (l2.count--, l2.meta.delete(t2)), this;
|
|
1265
1265
|
}, SCROLL_PREVENT({ doc: e2, d: t2, meta: l2 }) {
|
|
1266
|
-
let n2 = { doc: e2, d: t2, meta:
|
|
1266
|
+
let n2 = { doc: e2, d: t2, meta: Jt(l2) }, a2 = [Ze() ? { before({ doc: e3, d: t3, meta: l3 }) {
|
|
1267
1267
|
function n3(e4) {
|
|
1268
1268
|
return l3.containers.flatMap((e5) => e5()).some((t4) => t4.contains(e4));
|
|
1269
1269
|
}
|
|
1270
1270
|
t3.microTask(() => {
|
|
1271
1271
|
var l4;
|
|
1272
1272
|
if ("auto" !== window.getComputedStyle(e3.documentElement).scrollBehavior) {
|
|
1273
|
-
let l5 =
|
|
1273
|
+
let l5 = De();
|
|
1274
1274
|
l5.style(e3.documentElement, "scrollBehavior", "auto"), t3.add(() => t3.microTask(() => l5.dispose()));
|
|
1275
1275
|
}
|
|
1276
1276
|
let a3 = null != (l4 = window.scrollY) ? l4 : window.pageYOffset, o2 = null;
|
|
@@ -1311,7 +1311,7 @@ let Jt = function(e2, t2) {
|
|
|
1311
1311
|
a3 !== t4 && window.scrollTo(0, a3), o2 && o2.isConnected && (o2.scrollIntoView({ block: "nearest" }), o2 = null);
|
|
1312
1312
|
});
|
|
1313
1313
|
});
|
|
1314
|
-
} } : {},
|
|
1314
|
+
} } : {}, Kt(), { before({ doc: e3, d: t3 }) {
|
|
1315
1315
|
t3.style(e3.documentElement, "overflow", "hidden");
|
|
1316
1316
|
} }];
|
|
1317
1317
|
a2.forEach(({ before: e3 }) => null == e3 ? void 0 : e3(n2)), a2.forEach(({ after: e3 }) => null == e3 ? void 0 : e3(n2));
|
|
@@ -1320,69 +1320,69 @@ let Jt = function(e2, t2) {
|
|
|
1320
1320
|
}, TEARDOWN({ doc: e2 }) {
|
|
1321
1321
|
this.delete(e2);
|
|
1322
1322
|
} });
|
|
1323
|
-
function
|
|
1323
|
+
function Zt(e2, t2, l2) {
|
|
1324
1324
|
let n2 = function(e3) {
|
|
1325
1325
|
let t3 = c(e3.getSnapshot());
|
|
1326
1326
|
return m(e3.subscribe(() => {
|
|
1327
1327
|
t3.value = e3.getSnapshot();
|
|
1328
1328
|
})), t3;
|
|
1329
|
-
}(
|
|
1329
|
+
}(Gt), a2 = d(() => {
|
|
1330
1330
|
let t3 = e2.value ? n2.value.get(e2.value) : void 0;
|
|
1331
1331
|
return !!t3 && t3.count > 0;
|
|
1332
1332
|
});
|
|
1333
1333
|
return p([e2, t2], ([e3, t3], [n3], a3) => {
|
|
1334
1334
|
if (!e3 || !t3)
|
|
1335
1335
|
return;
|
|
1336
|
-
|
|
1336
|
+
Gt.dispatch("PUSH", e3, l2);
|
|
1337
1337
|
let o2 = false;
|
|
1338
1338
|
a3(() => {
|
|
1339
|
-
o2 || (
|
|
1339
|
+
o2 || (Gt.dispatch("POP", null != n3 ? n3 : e3, l2), o2 = true);
|
|
1340
1340
|
});
|
|
1341
1341
|
}, { immediate: true }), a2;
|
|
1342
1342
|
}
|
|
1343
|
-
|
|
1344
|
-
let e2 =
|
|
1343
|
+
Gt.subscribe(() => {
|
|
1344
|
+
let e2 = Gt.getSnapshot(), t2 = /* @__PURE__ */ new Map();
|
|
1345
1345
|
for (let [l2] of e2)
|
|
1346
1346
|
t2.set(l2, l2.documentElement.style.overflow);
|
|
1347
1347
|
for (let l2 of e2.values()) {
|
|
1348
1348
|
let e3 = "hidden" === t2.get(l2.doc), n2 = 0 !== l2.count;
|
|
1349
|
-
(n2 && !e3 || !n2 && e3) &&
|
|
1349
|
+
(n2 && !e3 || !n2 && e3) && Gt.dispatch(l2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l2), 0 === l2.count && Gt.dispatch("TEARDOWN", l2);
|
|
1350
1350
|
}
|
|
1351
1351
|
});
|
|
1352
|
-
let
|
|
1353
|
-
function
|
|
1352
|
+
let Xt = /* @__PURE__ */ new Map(), Qt = /* @__PURE__ */ new Map();
|
|
1353
|
+
function el(e2, t2 = s(true)) {
|
|
1354
1354
|
b((l2) => {
|
|
1355
1355
|
var n2;
|
|
1356
1356
|
if (!t2.value)
|
|
1357
1357
|
return;
|
|
1358
|
-
let a2 =
|
|
1358
|
+
let a2 = je(e2);
|
|
1359
1359
|
if (!a2)
|
|
1360
1360
|
return;
|
|
1361
1361
|
l2(function() {
|
|
1362
1362
|
var e3;
|
|
1363
1363
|
if (!a2)
|
|
1364
1364
|
return;
|
|
1365
|
-
let t3 = null != (e3 =
|
|
1366
|
-
if (1 === t3 ?
|
|
1365
|
+
let t3 = null != (e3 = Qt.get(a2)) ? e3 : 1;
|
|
1366
|
+
if (1 === t3 ? Qt.delete(a2) : Qt.set(a2, t3 - 1), 1 !== t3)
|
|
1367
1367
|
return;
|
|
1368
|
-
let l3 =
|
|
1369
|
-
l3 && (null === l3["aria-hidden"] ? a2.removeAttribute("aria-hidden") : a2.setAttribute("aria-hidden", l3["aria-hidden"]), a2.inert = l3.inert,
|
|
1368
|
+
let l3 = Xt.get(a2);
|
|
1369
|
+
l3 && (null === l3["aria-hidden"] ? a2.removeAttribute("aria-hidden") : a2.setAttribute("aria-hidden", l3["aria-hidden"]), a2.inert = l3.inert, Xt.delete(a2));
|
|
1370
1370
|
});
|
|
1371
|
-
let o2 = null != (n2 =
|
|
1372
|
-
|
|
1371
|
+
let o2 = null != (n2 = Qt.get(a2)) ? n2 : 0;
|
|
1372
|
+
Qt.set(a2, o2 + 1), 0 === o2 && (Xt.set(a2, { "aria-hidden": a2.getAttribute("aria-hidden"), inert: a2.inert }), a2.setAttribute("aria-hidden", "true"), a2.inert = true);
|
|
1373
1373
|
});
|
|
1374
1374
|
}
|
|
1375
|
-
let
|
|
1376
|
-
function
|
|
1377
|
-
return v(
|
|
1375
|
+
let tl = Symbol("ForcePortalRootContext");
|
|
1376
|
+
function ll() {
|
|
1377
|
+
return v(tl, false);
|
|
1378
1378
|
}
|
|
1379
|
-
let
|
|
1379
|
+
let nl = S({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: false } }, setup: (e2, { slots: t2, attrs: l2 }) => (C(tl, e2.force), () => {
|
|
1380
1380
|
let { force: n2, ...a2 } = e2;
|
|
1381
|
-
return
|
|
1382
|
-
}) }),
|
|
1383
|
-
var
|
|
1384
|
-
function
|
|
1385
|
-
let a2 = v(
|
|
1381
|
+
return dt({ theirProps: a2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "ForcePortalRoot" });
|
|
1382
|
+
}) }), al = Symbol("StackContext");
|
|
1383
|
+
var ol = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(ol || {});
|
|
1384
|
+
function rl({ type: e2, enabled: t2, element: l2, onUpdate: n2 }) {
|
|
1385
|
+
let a2 = v(al, () => {
|
|
1386
1386
|
});
|
|
1387
1387
|
function o2(...e3) {
|
|
1388
1388
|
null == n2 || n2(...e3), a2(...e3);
|
|
@@ -1393,12 +1393,12 @@ function ol({ type: e2, enabled: t2, element: l2, onUpdate: n2 }) {
|
|
|
1393
1393
|
}, { immediate: true, flush: "sync" });
|
|
1394
1394
|
}), m(() => {
|
|
1395
1395
|
t2.value && o2(1, e2, l2);
|
|
1396
|
-
}), C(
|
|
1396
|
+
}), C(al, o2);
|
|
1397
1397
|
}
|
|
1398
|
-
let
|
|
1399
|
-
function
|
|
1398
|
+
let il = Symbol("DescriptionContext");
|
|
1399
|
+
function sl({ slot: e2 = s({}), name: t2 = "Description", props: l2 = {} } = {}) {
|
|
1400
1400
|
let n2 = s([]);
|
|
1401
|
-
return C(
|
|
1401
|
+
return C(il, { register: function(e3) {
|
|
1402
1402
|
return n2.value.push(e3), () => {
|
|
1403
1403
|
let t3 = n2.value.indexOf(e3);
|
|
1404
1404
|
-1 !== t3 && n2.value.splice(t3, 1);
|
|
@@ -1407,28 +1407,28 @@ function il({ slot: e2 = s({}), name: t2 = "Description", props: l2 = {} } = {})
|
|
|
1407
1407
|
}
|
|
1408
1408
|
S({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1409
1409
|
var n2;
|
|
1410
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-description-${
|
|
1411
|
-
let e3 = v(
|
|
1410
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-description-${_e()}`, o2 = function() {
|
|
1411
|
+
let e3 = v(il, null);
|
|
1412
1412
|
if (null === e3)
|
|
1413
1413
|
throw new Error("Missing parent");
|
|
1414
1414
|
return e3;
|
|
1415
1415
|
}();
|
|
1416
1416
|
return y(() => m(o2.register(a2))), () => {
|
|
1417
1417
|
let { name: n3 = "Description", slot: r2 = s({}), props: i2 = {} } = o2, { ...d2 } = e2, c2 = { ...Object.entries(i2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: u(l3) }), {}), id: a2 };
|
|
1418
|
-
return
|
|
1418
|
+
return dt({ ourProps: c2, theirProps: d2, slot: r2.value, attrs: t2, slots: l2, name: n3 });
|
|
1419
1419
|
};
|
|
1420
1420
|
} });
|
|
1421
|
-
const
|
|
1422
|
-
function
|
|
1421
|
+
const dl = /* @__PURE__ */ new WeakMap();
|
|
1422
|
+
function ul(e2, t2) {
|
|
1423
1423
|
let l2 = t2(function(e3) {
|
|
1424
1424
|
var t3;
|
|
1425
|
-
return null != (t3 =
|
|
1425
|
+
return null != (t3 = dl.get(e3)) ? t3 : 0;
|
|
1426
1426
|
}(e2));
|
|
1427
|
-
return l2 <= 0 ?
|
|
1427
|
+
return l2 <= 0 ? dl.delete(e2) : dl.set(e2, l2), l2;
|
|
1428
1428
|
}
|
|
1429
|
-
let
|
|
1430
|
-
let n2 = s(null), a2 = d(() =>
|
|
1431
|
-
let t3 =
|
|
1429
|
+
let cl = S({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1430
|
+
let n2 = s(null), a2 = d(() => Le(n2)), o2 = ll(), r2 = v(gl, null), i2 = s(true === o2 || null == r2 ? function(e3) {
|
|
1431
|
+
let t3 = Le(e3);
|
|
1432
1432
|
if (!t3) {
|
|
1433
1433
|
if (null === e3)
|
|
1434
1434
|
return null;
|
|
@@ -1440,60 +1440,60 @@ let ul = S({ name: "Portal", props: { as: { type: [Object, String], default: "di
|
|
|
1440
1440
|
let n3 = t3.createElement("div");
|
|
1441
1441
|
return n3.setAttribute("id", "headlessui-portal-root"), t3.body.appendChild(n3);
|
|
1442
1442
|
}(n2.value) : r2.resolveTarget());
|
|
1443
|
-
i2.value &&
|
|
1443
|
+
i2.value && ul(i2.value, (e3) => e3 + 1);
|
|
1444
1444
|
let u2 = s(false);
|
|
1445
1445
|
y(() => {
|
|
1446
1446
|
u2.value = true;
|
|
1447
1447
|
}), b(() => {
|
|
1448
1448
|
o2 || null != r2 && (i2.value = r2.resolveTarget());
|
|
1449
1449
|
});
|
|
1450
|
-
let c2 = v(
|
|
1450
|
+
let c2 = v(pl, null), g2 = false, f2 = D();
|
|
1451
1451
|
return p(n2, () => {
|
|
1452
1452
|
if (g2 || !c2)
|
|
1453
1453
|
return;
|
|
1454
|
-
let e3 =
|
|
1454
|
+
let e3 = je(n2);
|
|
1455
1455
|
e3 && (m(c2.register(e3), f2), g2 = true);
|
|
1456
1456
|
}), m(() => {
|
|
1457
1457
|
var e3, t3;
|
|
1458
1458
|
let l3 = null == (e3 = a2.value) ? void 0 : e3.getElementById("headlessui-portal-root");
|
|
1459
|
-
!l3 || i2.value !== l3 ||
|
|
1459
|
+
!l3 || i2.value !== l3 || ul(i2.value, (e4) => e4 - 1) || i2.value.children.length > 0 || null == (t3 = i2.value.parentElement) || t3.removeChild(i2.value);
|
|
1460
1460
|
}), () => {
|
|
1461
1461
|
if (!u2.value || null === i2.value)
|
|
1462
1462
|
return null;
|
|
1463
1463
|
let a3 = { ref: n2, "data-headlessui-portal": "" };
|
|
1464
|
-
return w(E, { to: i2.value },
|
|
1464
|
+
return w(E, { to: i2.value }, dt({ ourProps: a3, theirProps: e2, slot: {}, attrs: l2, slots: t2, name: "Portal" }));
|
|
1465
1465
|
};
|
|
1466
|
-
} }),
|
|
1467
|
-
let
|
|
1466
|
+
} }), pl = Symbol("PortalParentContext");
|
|
1467
|
+
let gl = Symbol("PortalGroupContext"), fl = S({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1468
1468
|
let n2 = O({ resolveTarget: () => e2.target });
|
|
1469
|
-
return C(
|
|
1469
|
+
return C(gl, n2), () => {
|
|
1470
1470
|
let { target: n3, ...a2 } = e2;
|
|
1471
|
-
return
|
|
1471
|
+
return dt({ theirProps: a2, ourProps: {}, slot: {}, attrs: t2, slots: l2, name: "PortalGroup" });
|
|
1472
1472
|
};
|
|
1473
1473
|
} });
|
|
1474
|
-
var
|
|
1475
|
-
let
|
|
1476
|
-
function
|
|
1477
|
-
let t2 = v(
|
|
1474
|
+
var ml = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(ml || {});
|
|
1475
|
+
let vl = Symbol("DialogContext");
|
|
1476
|
+
function hl(e2) {
|
|
1477
|
+
let t2 = v(vl, null);
|
|
1478
1478
|
if (null === t2) {
|
|
1479
1479
|
let t3 = new Error(`<${e2} /> is missing a parent <Dialog /> component.`);
|
|
1480
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1480
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, hl), t3;
|
|
1481
1481
|
}
|
|
1482
1482
|
return t2;
|
|
1483
1483
|
}
|
|
1484
|
-
let
|
|
1484
|
+
let bl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", yl = S({ 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: bl }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
1485
1485
|
var o2, r2;
|
|
1486
|
-
let i2 = null != (o2 = e2.id) ? o2 : `headlessui-dialog-${
|
|
1486
|
+
let i2 = null != (o2 = e2.id) ? o2 : `headlessui-dialog-${_e()}`, u2 = s(false);
|
|
1487
1487
|
y(() => {
|
|
1488
1488
|
u2.value = true;
|
|
1489
1489
|
});
|
|
1490
|
-
let c2 = false, p2 = d(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (c2 || (c2 = true, console.warn(`Invalid role [${p2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), g2 = s(0), f2 =
|
|
1491
|
-
if (a2({ el: x2, $el: x2 }), e2.open ===
|
|
1490
|
+
let c2 = false, p2 = d(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (c2 || (c2 = true, console.warn(`Invalid role [${p2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), g2 = s(0), f2 = yt(), m2 = d(() => e2.open === bl && null !== f2 ? (f2.value & bt.Open) === bt.Open : e2.open), x2 = s(null), k2 = d(() => Le(x2));
|
|
1491
|
+
if (a2({ el: x2, $el: x2 }), e2.open === bl && null === f2)
|
|
1492
1492
|
throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
|
|
1493
1493
|
if ("boolean" != typeof m2.value)
|
|
1494
|
-
throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m2.value ===
|
|
1495
|
-
let O2 = d(() => u2.value && m2.value ? 0 : 1), M2 = d(() => 0 === O2.value), D2 = d(() => g2.value > 1), E2 = null !== v(
|
|
1496
|
-
let e3 = v(
|
|
1494
|
+
throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m2.value === bl ? void 0 : e2.open}`);
|
|
1495
|
+
let O2 = d(() => u2.value && m2.value ? 0 : 1), M2 = d(() => 0 === O2.value), D2 = d(() => g2.value > 1), E2 = null !== v(vl, null), [T2, I2] = function() {
|
|
1496
|
+
let e3 = v(pl, null), t3 = s([]);
|
|
1497
1497
|
function l3(l4) {
|
|
1498
1498
|
let n4 = t3.value.indexOf(l4);
|
|
1499
1499
|
-1 !== n4 && t3.value.splice(n4, 1), e3 && e3.unregister(l4);
|
|
@@ -1501,12 +1501,12 @@ let hl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", bl = S({ name: "Dialog", inheri
|
|
|
1501
1501
|
let n3 = { register: function(n4) {
|
|
1502
1502
|
return t3.value.push(n4), e3 && e3.register(n4), () => l3(n4);
|
|
1503
1503
|
}, unregister: l3, portals: t3 };
|
|
1504
|
-
return [t3, S({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (C(
|
|
1504
|
+
return [t3, S({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (C(pl, n3), () => {
|
|
1505
1505
|
var e5;
|
|
1506
1506
|
return null == (e5 = t4.default) ? void 0 : e5.call(t4);
|
|
1507
1507
|
}) })];
|
|
1508
1508
|
}(), { resolveContainers: _2, mainTreeNodeRef: j2, MainTreeNode: P2 } = function({ defaultContainers: e3 = [], portals: t3, mainTreeNodeRef: l3 } = {}) {
|
|
1509
|
-
let n3 = s(null), a3 =
|
|
1509
|
+
let n3 = s(null), a3 = Le(n3);
|
|
1510
1510
|
function o3() {
|
|
1511
1511
|
var l4, o4, r3;
|
|
1512
1512
|
let i3 = [];
|
|
@@ -1516,48 +1516,48 @@ let hl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", bl = S({ name: "Dialog", inheri
|
|
|
1516
1516
|
for (let e4 of t3.value)
|
|
1517
1517
|
i3.push(e4);
|
|
1518
1518
|
for (let e4 of null != (l4 = null == a3 ? void 0 : a3.querySelectorAll("html > *, body > *")) ? l4 : [])
|
|
1519
|
-
e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(
|
|
1519
|
+
e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(je(n3)) || e4.contains(null == (r3 = null == (o4 = je(n3)) ? void 0 : o4.getRootNode()) ? void 0 : r3.host) || i3.some((t4) => e4.contains(t4)) || i3.push(e4));
|
|
1520
1520
|
return i3;
|
|
1521
1521
|
}
|
|
1522
|
-
return { resolveContainers: o3, contains: (e4) => o3().some((t4) => t4.contains(e4)), mainTreeNodeRef: n3, MainTreeNode: () => null != l3 ? null : w(
|
|
1522
|
+
return { resolveContainers: o3, contains: (e4) => o3().some((t4) => t4.contains(e4)), mainTreeNodeRef: n3, MainTreeNode: () => null != l3 ? null : w(vt, { features: mt.Hidden, ref: n3 }) };
|
|
1523
1523
|
}({ portals: T2, defaultContainers: [d(() => {
|
|
1524
1524
|
var e3;
|
|
1525
1525
|
return null != (e3 = V2.panelRef.value) ? e3 : x2.value;
|
|
1526
|
-
})] }), R2 = d(() => D2.value ? "parent" : "leaf"), B2 = d(() => null !== f2 && (f2.value &
|
|
1526
|
+
})] }), R2 = d(() => D2.value ? "parent" : "leaf"), B2 = d(() => null !== f2 && (f2.value & bt.Closing) === bt.Closing), A2 = d(() => !E2 && !B2.value && M2.value), L2 = d(() => {
|
|
1527
1527
|
var e3, t3, l3;
|
|
1528
|
-
return null != (l3 = Array.from(null != (t3 = null == (e3 = k2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(
|
|
1528
|
+
return null != (l3 = Array.from(null != (t3 = null == (e3 = k2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(je(j2)) && e4 instanceof HTMLElement))) ? l3 : null;
|
|
1529
1529
|
});
|
|
1530
|
-
|
|
1530
|
+
el(L2, A2);
|
|
1531
1531
|
let F2 = d(() => !!D2.value || M2.value), N2 = d(() => {
|
|
1532
1532
|
var e3, t3, l3;
|
|
1533
|
-
return null != (l3 = Array.from(null != (t3 = null == (e3 = k2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(
|
|
1533
|
+
return null != (l3 = Array.from(null != (t3 = null == (e3 = k2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(je(j2)) && e4 instanceof HTMLElement)) ? l3 : null;
|
|
1534
1534
|
});
|
|
1535
|
-
|
|
1535
|
+
el(N2, F2), rl({ type: "Dialog", enabled: d(() => 0 === O2.value), element: x2, onUpdate: (e3, t3) => {
|
|
1536
1536
|
if ("Dialog" === t3)
|
|
1537
|
-
return
|
|
1537
|
+
return Pe(e3, { [ol.Add]: () => g2.value += 1, [ol.Remove]: () => g2.value -= 1 });
|
|
1538
1538
|
} });
|
|
1539
|
-
let z2 =
|
|
1539
|
+
let z2 = sl({ name: "DialogDescription", slot: d(() => ({ open: m2.value })) }), $2 = s(null), V2 = { titleId: $2, panelRef: s(null), dialogState: O2, setTitleId(e3) {
|
|
1540
1540
|
$2.value !== e3 && ($2.value = e3);
|
|
1541
1541
|
}, close() {
|
|
1542
1542
|
t2("close", false);
|
|
1543
1543
|
} };
|
|
1544
|
-
C(
|
|
1544
|
+
C(vl, V2);
|
|
1545
1545
|
let H2 = d(() => !(!M2.value || D2.value));
|
|
1546
|
-
|
|
1546
|
+
tt(_2, (e3, t3) => {
|
|
1547
1547
|
e3.preventDefault(), V2.close(), h(() => null == t3 ? void 0 : t3.focus());
|
|
1548
1548
|
}, H2);
|
|
1549
1549
|
let Y2 = d(() => !(D2.value || 0 !== O2.value));
|
|
1550
|
-
|
|
1551
|
-
Y2.value && (e3.defaultPrevented || e3.key ===
|
|
1550
|
+
Vt(null == (r2 = k2.value) ? void 0 : r2.defaultView, "keydown", (e3) => {
|
|
1551
|
+
Y2.value && (e3.defaultPrevented || e3.key === wt.Escape && (e3.preventDefault(), e3.stopPropagation(), V2.close()));
|
|
1552
1552
|
});
|
|
1553
1553
|
let q2 = d(() => !(B2.value || 0 !== O2.value || E2));
|
|
1554
|
-
return
|
|
1554
|
+
return Zt(k2, q2, (e3) => {
|
|
1555
1555
|
var t3;
|
|
1556
1556
|
return { containers: [...null != (t3 = e3.containers) ? t3 : [], _2] };
|
|
1557
1557
|
}), b((e3) => {
|
|
1558
1558
|
if (0 !== O2.value)
|
|
1559
1559
|
return;
|
|
1560
|
-
let t3 =
|
|
1560
|
+
let t3 = je(x2);
|
|
1561
1561
|
if (!t3)
|
|
1562
1562
|
return;
|
|
1563
1563
|
let l3 = new ResizeObserver((e4) => {
|
|
@@ -1569,77 +1569,77 @@ let hl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", bl = S({ name: "Dialog", inheri
|
|
|
1569
1569
|
l3.observe(t3), e3(() => l3.disconnect());
|
|
1570
1570
|
}), () => {
|
|
1571
1571
|
let { open: t3, initialFocus: a3, ...o3 } = e2, r3 = { ...l2, ref: x2, id: i2, role: p2.value, "aria-modal": 0 === O2.value || void 0, "aria-labelledby": $2.value, "aria-describedby": z2.value }, s2 = { open: 0 === O2.value };
|
|
1572
|
-
return w(
|
|
1572
|
+
return w(nl, { force: true }, () => [w(cl, () => w(fl, { target: x2.value }, () => w(nl, { force: false }, () => w(Ut, { initialFocus: a3, containers: _2, features: M2.value ? Pe(R2.value, { parent: Ut.features.RestoreFocus, leaf: Ut.features.All & ~Ut.features.FocusLock }) : Ut.features.None }, () => w(I2, {}, () => dt({ ourProps: r3, theirProps: { ...o3, ...l2 }, slot: s2, attrs: l2, slots: n2, visible: 0 === O2.value, features: it.RenderStrategy | it.Static, name: "Dialog" })))))), w(P2)]);
|
|
1573
1573
|
};
|
|
1574
1574
|
} });
|
|
1575
1575
|
S({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1576
1576
|
var n2;
|
|
1577
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-overlay-${
|
|
1577
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-overlay-${_e()}`, o2 = hl("DialogOverlay");
|
|
1578
1578
|
function r2(e3) {
|
|
1579
1579
|
e3.target === e3.currentTarget && (e3.preventDefault(), e3.stopPropagation(), o2.close());
|
|
1580
1580
|
}
|
|
1581
1581
|
return () => {
|
|
1582
1582
|
let { ...n3 } = e2;
|
|
1583
|
-
return
|
|
1583
|
+
return dt({ ourProps: { id: a2, "aria-hidden": true, onClick: r2 }, theirProps: n3, slot: { open: 0 === o2.dialogState.value }, attrs: t2, slots: l2, name: "DialogOverlay" });
|
|
1584
1584
|
};
|
|
1585
1585
|
} }), S({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1586
1586
|
var a2;
|
|
1587
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-backdrop-${
|
|
1587
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-backdrop-${_e()}`, r2 = hl("DialogBackdrop"), i2 = s(null);
|
|
1588
1588
|
return n2({ el: i2, $el: i2 }), y(() => {
|
|
1589
1589
|
if (null === r2.panelRef.value)
|
|
1590
1590
|
throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
|
|
1591
1591
|
}), () => {
|
|
1592
1592
|
let { ...n3 } = e2, a3 = { id: o2, ref: i2, "aria-hidden": true };
|
|
1593
|
-
return w(
|
|
1593
|
+
return w(nl, { force: true }, () => w(cl, () => dt({ ourProps: a3, theirProps: { ...t2, ...n3 }, slot: { open: 0 === r2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
|
|
1594
1594
|
};
|
|
1595
1595
|
} });
|
|
1596
|
-
let
|
|
1596
|
+
let xl = S({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1597
1597
|
var a2;
|
|
1598
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-panel-${
|
|
1598
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-panel-${_e()}`, r2 = hl("DialogPanel");
|
|
1599
1599
|
function i2(e3) {
|
|
1600
1600
|
e3.stopPropagation();
|
|
1601
1601
|
}
|
|
1602
1602
|
return n2({ el: r2.panelRef, $el: r2.panelRef }), () => {
|
|
1603
1603
|
let { ...n3 } = e2;
|
|
1604
|
-
return
|
|
1604
|
+
return dt({ ourProps: { id: o2, ref: r2.panelRef, onClick: i2 }, theirProps: n3, slot: { open: 0 === r2.dialogState.value }, attrs: t2, slots: l2, name: "DialogPanel" });
|
|
1605
1605
|
};
|
|
1606
|
-
} }),
|
|
1606
|
+
} }), wl = S({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
1607
1607
|
var n2;
|
|
1608
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-title-${
|
|
1608
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-title-${_e()}`, o2 = hl("DialogTitle");
|
|
1609
1609
|
return y(() => {
|
|
1610
1610
|
o2.setTitleId(a2), m(() => o2.setTitleId(null));
|
|
1611
1611
|
}), () => {
|
|
1612
1612
|
let { ...n3 } = e2;
|
|
1613
|
-
return
|
|
1613
|
+
return dt({ ourProps: { id: a2 }, theirProps: n3, slot: { open: 0 === o2.dialogState.value }, attrs: t2, slots: l2, name: "DialogTitle" });
|
|
1614
1614
|
};
|
|
1615
1615
|
} });
|
|
1616
|
-
var
|
|
1617
|
-
let
|
|
1618
|
-
function
|
|
1619
|
-
let t2 = v(
|
|
1616
|
+
var kl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(kl || {});
|
|
1617
|
+
let Sl = Symbol("DisclosureContext");
|
|
1618
|
+
function Cl(e2) {
|
|
1619
|
+
let t2 = v(Sl, null);
|
|
1620
1620
|
if (null === t2) {
|
|
1621
1621
|
let t3 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
|
|
1622
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1622
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, Cl), t3;
|
|
1623
1623
|
}
|
|
1624
1624
|
return t2;
|
|
1625
1625
|
}
|
|
1626
|
-
let
|
|
1627
|
-
let
|
|
1628
|
-
let n2 = s(e2.defaultOpen ? 0 : 1), a2 = s(null), o2 = s(null), r2 = { buttonId: s(`headlessui-disclosure-button-${
|
|
1629
|
-
n2.value =
|
|
1626
|
+
let Ol = Symbol("DisclosurePanelContext");
|
|
1627
|
+
let Ml = S({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1628
|
+
let n2 = s(e2.defaultOpen ? 0 : 1), a2 = s(null), o2 = s(null), r2 = { buttonId: s(`headlessui-disclosure-button-${_e()}`), panelId: s(`headlessui-disclosure-panel-${_e()}`), disclosureState: n2, panel: a2, button: o2, toggleDisclosure() {
|
|
1629
|
+
n2.value = Pe(n2.value, { 0: 1, 1: 0 });
|
|
1630
1630
|
}, closeDisclosure() {
|
|
1631
1631
|
1 !== n2.value && (n2.value = 1);
|
|
1632
1632
|
}, close(e3) {
|
|
1633
1633
|
r2.closeDisclosure();
|
|
1634
|
-
let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ?
|
|
1634
|
+
let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ? je(e3) : je(r2.button) : je(r2.button);
|
|
1635
1635
|
null == t3 || t3.focus();
|
|
1636
1636
|
} };
|
|
1637
|
-
return C(
|
|
1637
|
+
return C(Sl, r2), xt(d(() => Pe(n2.value, { 0: bt.Open, 1: bt.Closed }))), () => {
|
|
1638
1638
|
let { defaultOpen: a3, ...o3 } = e2;
|
|
1639
|
-
return
|
|
1639
|
+
return dt({ theirProps: o3, ourProps: {}, slot: { open: 0 === n2.value, close: r2.close }, slots: t2, attrs: l2, name: "Disclosure" });
|
|
1640
1640
|
};
|
|
1641
|
-
} }),
|
|
1642
|
-
let a2 =
|
|
1641
|
+
} }), Dl = S({ 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 }) {
|
|
1642
|
+
let a2 = Cl("DisclosureButton"), o2 = v(Ol, null), r2 = d(() => null !== o2 && o2.value === a2.panelId.value);
|
|
1643
1643
|
y(() => {
|
|
1644
1644
|
r2.value || null !== e2.id && (a2.buttonId.value = e2.id);
|
|
1645
1645
|
}), m(() => {
|
|
@@ -1649,51 +1649,51 @@ let Ol = S({ name: "Disclosure", props: { as: { type: [Object, String], default:
|
|
|
1649
1649
|
n2({ el: i2, $el: i2 }), r2.value || b(() => {
|
|
1650
1650
|
a2.button.value = i2.value;
|
|
1651
1651
|
});
|
|
1652
|
-
let u2 =
|
|
1652
|
+
let u2 = nt(d(() => ({ as: e2.as, type: t2.type })), i2);
|
|
1653
1653
|
function c2() {
|
|
1654
1654
|
var t3;
|
|
1655
|
-
e2.disabled || (r2.value ? (a2.toggleDisclosure(), null == (t3 =
|
|
1655
|
+
e2.disabled || (r2.value ? (a2.toggleDisclosure(), null == (t3 = je(a2.button)) || t3.focus()) : a2.toggleDisclosure());
|
|
1656
1656
|
}
|
|
1657
1657
|
function p2(t3) {
|
|
1658
1658
|
var l3;
|
|
1659
1659
|
if (!e2.disabled)
|
|
1660
1660
|
if (r2.value)
|
|
1661
1661
|
switch (t3.key) {
|
|
1662
|
-
case
|
|
1663
|
-
case
|
|
1664
|
-
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 =
|
|
1662
|
+
case wt.Space:
|
|
1663
|
+
case wt.Enter:
|
|
1664
|
+
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 = je(a2.button)) || l3.focus();
|
|
1665
1665
|
}
|
|
1666
1666
|
else
|
|
1667
1667
|
switch (t3.key) {
|
|
1668
|
-
case
|
|
1669
|
-
case
|
|
1668
|
+
case wt.Space:
|
|
1669
|
+
case wt.Enter:
|
|
1670
1670
|
t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure();
|
|
1671
1671
|
}
|
|
1672
1672
|
}
|
|
1673
1673
|
function g2(e3) {
|
|
1674
|
-
if (e3.key ===
|
|
1674
|
+
if (e3.key === wt.Space)
|
|
1675
1675
|
e3.preventDefault();
|
|
1676
1676
|
}
|
|
1677
1677
|
return () => {
|
|
1678
1678
|
var n3;
|
|
1679
1679
|
let o3 = { open: 0 === a2.disclosureState.value }, { id: s2, ...d2 } = e2;
|
|
1680
|
-
return
|
|
1680
|
+
return dt({ ourProps: r2.value ? { ref: i2, type: u2.value, onClick: c2, onKeydown: p2 } : { id: null != (n3 = a2.buttonId.value) ? n3 : s2, ref: i2, type: u2.value, "aria-expanded": 0 === a2.disclosureState.value, "aria-controls": 0 === a2.disclosureState.value || je(a2.panel) ? a2.panelId.value : void 0, disabled: !!e2.disabled || void 0, onClick: c2, onKeydown: p2, onKeyup: g2 }, theirProps: d2, slot: o3, attrs: t2, slots: l2, name: "DisclosureButton" });
|
|
1681
1681
|
};
|
|
1682
|
-
} }),
|
|
1683
|
-
let a2 =
|
|
1682
|
+
} }), El = S({ 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 }) {
|
|
1683
|
+
let a2 = Cl("DisclosurePanel");
|
|
1684
1684
|
y(() => {
|
|
1685
1685
|
null !== e2.id && (a2.panelId.value = e2.id);
|
|
1686
1686
|
}), m(() => {
|
|
1687
1687
|
a2.panelId.value = null;
|
|
1688
|
-
}), n2({ el: a2.panel, $el: a2.panel }), C(
|
|
1689
|
-
let o2 =
|
|
1688
|
+
}), n2({ el: a2.panel, $el: a2.panel }), C(Ol, a2.panelId);
|
|
1689
|
+
let o2 = yt(), r2 = d(() => null !== o2 ? (o2.value & bt.Open) === bt.Open : 0 === a2.disclosureState.value);
|
|
1690
1690
|
return () => {
|
|
1691
1691
|
var n3;
|
|
1692
1692
|
let o3 = { open: 0 === a2.disclosureState.value, close: a2.close }, { id: i2, ...s2 } = e2;
|
|
1693
|
-
return
|
|
1693
|
+
return dt({ ourProps: { id: null != (n3 = a2.panelId.value) ? n3 : i2, ref: a2.panel }, theirProps: s2, slot: o3, attrs: t2, slots: l2, features: it.RenderStrategy | it.Static, visible: r2.value, name: "DisclosurePanel" });
|
|
1694
1694
|
};
|
|
1695
|
-
} }),
|
|
1696
|
-
function
|
|
1695
|
+
} }), Tl = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
|
|
1696
|
+
function Il(e2) {
|
|
1697
1697
|
var t2, l2;
|
|
1698
1698
|
let n2 = null != (t2 = e2.innerText) ? t2 : "", a2 = e2.cloneNode(true);
|
|
1699
1699
|
if (!(a2 instanceof HTMLElement))
|
|
@@ -1702,12 +1702,12 @@ function Tl(e2) {
|
|
|
1702
1702
|
for (let e3 of a2.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
|
|
1703
1703
|
e3.remove(), o2 = true;
|
|
1704
1704
|
let r2 = o2 ? null != (l2 = a2.innerText) ? l2 : "" : n2;
|
|
1705
|
-
return
|
|
1705
|
+
return Tl.test(r2) && (r2 = r2.replace(Tl, "")), r2;
|
|
1706
1706
|
}
|
|
1707
|
-
function
|
|
1707
|
+
function _l(e2) {
|
|
1708
1708
|
let t2 = s(""), l2 = s("");
|
|
1709
1709
|
return () => {
|
|
1710
|
-
let n2 =
|
|
1710
|
+
let n2 = je(e2);
|
|
1711
1711
|
if (!n2)
|
|
1712
1712
|
return "";
|
|
1713
1713
|
let a2 = n2.innerText;
|
|
@@ -1723,38 +1723,38 @@ function Il(e2) {
|
|
|
1723
1723
|
let t4 = document.getElementById(e5);
|
|
1724
1724
|
if (t4) {
|
|
1725
1725
|
let e6 = t4.getAttribute("aria-label");
|
|
1726
|
-
return "string" == typeof e6 ? e6.trim() :
|
|
1726
|
+
return "string" == typeof e6 ? e6.trim() : Il(t4).trim();
|
|
1727
1727
|
}
|
|
1728
1728
|
return null;
|
|
1729
1729
|
}).filter(Boolean);
|
|
1730
1730
|
if (e4.length > 0)
|
|
1731
1731
|
return e4.join(", ");
|
|
1732
1732
|
}
|
|
1733
|
-
return
|
|
1733
|
+
return Il(e3).trim();
|
|
1734
1734
|
}(n2).trim().toLowerCase();
|
|
1735
1735
|
return t2.value = a2, l2.value = o2, o2;
|
|
1736
1736
|
};
|
|
1737
1737
|
}
|
|
1738
|
-
var
|
|
1739
|
-
let
|
|
1740
|
-
function
|
|
1741
|
-
let t2 = v(
|
|
1738
|
+
var jl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(jl || {}), Pl = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(Pl || {});
|
|
1739
|
+
let Rl = Symbol("MenuContext");
|
|
1740
|
+
function Bl(e2) {
|
|
1741
|
+
let t2 = v(Rl, null);
|
|
1742
1742
|
if (null === t2) {
|
|
1743
1743
|
let t3 = new Error(`<${e2} /> is missing a parent <Menu /> component.`);
|
|
1744
|
-
throw Error.captureStackTrace && Error.captureStackTrace(t3,
|
|
1744
|
+
throw Error.captureStackTrace && Error.captureStackTrace(t3, Bl), t3;
|
|
1745
1745
|
}
|
|
1746
1746
|
return t2;
|
|
1747
1747
|
}
|
|
1748
|
-
let
|
|
1748
|
+
let Al = S({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1749
1749
|
let n2 = s(1), a2 = s(null), o2 = s(null), r2 = s([]), i2 = s(""), u2 = s(null), c2 = s(1);
|
|
1750
1750
|
function p2(e3 = (e4) => e4) {
|
|
1751
|
-
let t3 = null !== u2.value ? r2.value[u2.value] : null, l3 =
|
|
1751
|
+
let t3 = null !== u2.value ? r2.value[u2.value] : null, l3 = Je(e3(r2.value.slice()), (e4) => je(e4.dataRef.domRef)), n3 = t3 ? l3.indexOf(t3) : null;
|
|
1752
1752
|
return -1 === n3 && (n3 = null), { items: l3, activeItemIndex: n3 };
|
|
1753
1753
|
}
|
|
1754
1754
|
let g2 = { menuState: n2, buttonRef: a2, itemsRef: o2, items: r2, searchQuery: i2, activeItemIndex: u2, activationTrigger: c2, closeMenu: () => {
|
|
1755
1755
|
n2.value = 1, u2.value = null;
|
|
1756
1756
|
}, openMenu: () => n2.value = 0, goToItem(e3, t3, l3) {
|
|
1757
|
-
let n3 = p2(), a3 =
|
|
1757
|
+
let n3 = p2(), a3 = Ot(e3 === Ct.Specific ? { focus: Ct.Specific, id: t3 } : { focus: e3 }, { resolveItems: () => n3.items, resolveActiveIndex: () => n3.activeItemIndex, resolveId: (e4) => e4.id, resolveDisabled: (e4) => e4.dataRef.disabled });
|
|
1758
1758
|
i2.value = "", u2.value = a3, c2.value = null != l3 ? l3 : 1, r2.value = n3.items;
|
|
1759
1759
|
}, search(e3) {
|
|
1760
1760
|
let t3 = "" !== i2.value ? 0 : 1;
|
|
@@ -1773,165 +1773,165 @@ let Bl = S({ name: "Menu", props: { as: { type: [Object, String], default: "temp
|
|
|
1773
1773
|
});
|
|
1774
1774
|
r2.value = t3.items, u2.value = t3.activeItemIndex, c2.value = 1;
|
|
1775
1775
|
} };
|
|
1776
|
-
return
|
|
1776
|
+
return tt([a2, o2], (e3, t3) => {
|
|
1777
1777
|
var l3;
|
|
1778
|
-
g2.closeMenu(),
|
|
1779
|
-
}, d(() => 0 === n2.value)), C(
|
|
1778
|
+
g2.closeMenu(), Ye(t3, He.Loose) || (e3.preventDefault(), null == (l3 = je(a2)) || l3.focus());
|
|
1779
|
+
}, d(() => 0 === n2.value)), C(Rl, g2), xt(d(() => Pe(n2.value, { 0: bt.Open, 1: bt.Closed }))), () => {
|
|
1780
1780
|
let a3 = { open: 0 === n2.value, close: g2.closeMenu };
|
|
1781
|
-
return
|
|
1781
|
+
return dt({ ourProps: {}, theirProps: e2, slot: a3, slots: t2, attrs: l2, name: "Menu" });
|
|
1782
1782
|
};
|
|
1783
|
-
} }),
|
|
1783
|
+
} }), Ll = S({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1784
1784
|
var a2;
|
|
1785
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-button-${
|
|
1785
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-button-${_e()}`, r2 = Bl("MenuButton");
|
|
1786
1786
|
function i2(e3) {
|
|
1787
1787
|
switch (e3.key) {
|
|
1788
|
-
case
|
|
1789
|
-
case
|
|
1790
|
-
case
|
|
1788
|
+
case wt.Space:
|
|
1789
|
+
case wt.Enter:
|
|
1790
|
+
case wt.ArrowDown:
|
|
1791
1791
|
e3.preventDefault(), e3.stopPropagation(), r2.openMenu(), h(() => {
|
|
1792
1792
|
var e4;
|
|
1793
|
-
null == (e4 =
|
|
1793
|
+
null == (e4 = je(r2.itemsRef)) || e4.focus({ preventScroll: true }), r2.goToItem(Ct.First);
|
|
1794
1794
|
});
|
|
1795
1795
|
break;
|
|
1796
|
-
case
|
|
1796
|
+
case wt.ArrowUp:
|
|
1797
1797
|
e3.preventDefault(), e3.stopPropagation(), r2.openMenu(), h(() => {
|
|
1798
1798
|
var e4;
|
|
1799
|
-
null == (e4 =
|
|
1799
|
+
null == (e4 = je(r2.itemsRef)) || e4.focus({ preventScroll: true }), r2.goToItem(Ct.Last);
|
|
1800
1800
|
});
|
|
1801
1801
|
}
|
|
1802
1802
|
}
|
|
1803
1803
|
function s2(e3) {
|
|
1804
|
-
if (e3.key ===
|
|
1804
|
+
if (e3.key === wt.Space)
|
|
1805
1805
|
e3.preventDefault();
|
|
1806
1806
|
}
|
|
1807
1807
|
function u2(t3) {
|
|
1808
1808
|
e2.disabled || (0 === r2.menuState.value ? (r2.closeMenu(), h(() => {
|
|
1809
1809
|
var e3;
|
|
1810
|
-
return null == (e3 =
|
|
1810
|
+
return null == (e3 = je(r2.buttonRef)) ? void 0 : e3.focus({ preventScroll: true });
|
|
1811
1811
|
})) : (t3.preventDefault(), r2.openMenu(), function(e3) {
|
|
1812
1812
|
requestAnimationFrame(() => requestAnimationFrame(e3));
|
|
1813
1813
|
}(() => {
|
|
1814
1814
|
var e3;
|
|
1815
|
-
return null == (e3 =
|
|
1815
|
+
return null == (e3 = je(r2.itemsRef)) ? void 0 : e3.focus({ preventScroll: true });
|
|
1816
1816
|
})));
|
|
1817
1817
|
}
|
|
1818
1818
|
n2({ el: r2.buttonRef, $el: r2.buttonRef });
|
|
1819
|
-
let c2 =
|
|
1819
|
+
let c2 = nt(d(() => ({ as: e2.as, type: t2.type })), r2.buttonRef);
|
|
1820
1820
|
return () => {
|
|
1821
1821
|
var n3;
|
|
1822
1822
|
let a3 = { open: 0 === r2.menuState.value }, { ...d2 } = e2;
|
|
1823
|
-
return
|
|
1823
|
+
return dt({ ourProps: { ref: r2.buttonRef, id: o2, type: c2.value, "aria-haspopup": "menu", "aria-controls": null == (n3 = je(r2.itemsRef)) ? void 0 : n3.id, "aria-expanded": 0 === r2.menuState.value, onKeydown: i2, onKeyup: s2, onClick: u2 }, theirProps: d2, slot: a3, attrs: t2, slots: l2, name: "MenuButton" });
|
|
1824
1824
|
};
|
|
1825
|
-
} }),
|
|
1825
|
+
} }), Fl = S({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
|
|
1826
1826
|
var a2;
|
|
1827
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-items-${
|
|
1827
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-items-${_e()}`, r2 = Bl("MenuItems"), i2 = s(null);
|
|
1828
1828
|
function u2(e3) {
|
|
1829
1829
|
var t3;
|
|
1830
1830
|
switch (i2.value && clearTimeout(i2.value), e3.key) {
|
|
1831
|
-
case
|
|
1831
|
+
case wt.Space:
|
|
1832
1832
|
if ("" !== r2.searchQuery.value)
|
|
1833
1833
|
return e3.preventDefault(), e3.stopPropagation(), r2.search(e3.key);
|
|
1834
|
-
case
|
|
1834
|
+
case wt.Enter:
|
|
1835
1835
|
if (e3.preventDefault(), e3.stopPropagation(), null !== r2.activeItemIndex.value) {
|
|
1836
|
-
null == (t3 =
|
|
1836
|
+
null == (t3 = je(r2.items.value[r2.activeItemIndex.value].dataRef.domRef)) || t3.click();
|
|
1837
1837
|
}
|
|
1838
|
-
r2.closeMenu(),
|
|
1838
|
+
r2.closeMenu(), qe(je(r2.buttonRef));
|
|
1839
1839
|
break;
|
|
1840
|
-
case
|
|
1841
|
-
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(
|
|
1842
|
-
case
|
|
1843
|
-
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(
|
|
1844
|
-
case
|
|
1845
|
-
case
|
|
1846
|
-
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(
|
|
1847
|
-
case
|
|
1848
|
-
case
|
|
1849
|
-
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(
|
|
1850
|
-
case
|
|
1840
|
+
case wt.ArrowDown:
|
|
1841
|
+
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(Ct.Next);
|
|
1842
|
+
case wt.ArrowUp:
|
|
1843
|
+
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(Ct.Previous);
|
|
1844
|
+
case wt.Home:
|
|
1845
|
+
case wt.PageUp:
|
|
1846
|
+
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(Ct.First);
|
|
1847
|
+
case wt.End:
|
|
1848
|
+
case wt.PageDown:
|
|
1849
|
+
return e3.preventDefault(), e3.stopPropagation(), r2.goToItem(Ct.Last);
|
|
1850
|
+
case wt.Escape:
|
|
1851
1851
|
e3.preventDefault(), e3.stopPropagation(), r2.closeMenu(), h(() => {
|
|
1852
1852
|
var e4;
|
|
1853
|
-
return null == (e4 =
|
|
1853
|
+
return null == (e4 = je(r2.buttonRef)) ? void 0 : e4.focus({ preventScroll: true });
|
|
1854
1854
|
});
|
|
1855
1855
|
break;
|
|
1856
|
-
case
|
|
1856
|
+
case wt.Tab:
|
|
1857
1857
|
e3.preventDefault(), e3.stopPropagation(), r2.closeMenu(), h(() => function(e4, t4) {
|
|
1858
|
-
return
|
|
1859
|
-
}(
|
|
1858
|
+
return Ge(Ve(), t4, { relativeTo: e4 });
|
|
1859
|
+
}(je(r2.buttonRef), e3.shiftKey ? Ne.Previous : Ne.Next));
|
|
1860
1860
|
break;
|
|
1861
1861
|
default:
|
|
1862
1862
|
1 === e3.key.length && (r2.search(e3.key), i2.value = setTimeout(() => r2.clearSearch(), 350));
|
|
1863
1863
|
}
|
|
1864
1864
|
}
|
|
1865
1865
|
function c2(e3) {
|
|
1866
|
-
if (e3.key ===
|
|
1866
|
+
if (e3.key === wt.Space)
|
|
1867
1867
|
e3.preventDefault();
|
|
1868
1868
|
}
|
|
1869
|
-
n2({ el: r2.itemsRef, $el: r2.itemsRef }),
|
|
1869
|
+
n2({ el: r2.itemsRef, $el: r2.itemsRef }), rt({ container: d(() => je(r2.itemsRef)), enabled: d(() => 0 === r2.menuState.value), accept: (e3) => "menuitem" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
|
|
1870
1870
|
e3.setAttribute("role", "none");
|
|
1871
1871
|
} });
|
|
1872
|
-
let p2 =
|
|
1872
|
+
let p2 = yt(), g2 = d(() => null !== p2 ? (p2.value & bt.Open) === bt.Open : 0 === r2.menuState.value);
|
|
1873
1873
|
return () => {
|
|
1874
1874
|
var n3, a3;
|
|
1875
1875
|
let i3 = { open: 0 === r2.menuState.value }, { ...s2 } = e2;
|
|
1876
|
-
return
|
|
1876
|
+
return dt({ ourProps: { "aria-activedescendant": null === r2.activeItemIndex.value || null == (n3 = r2.items.value[r2.activeItemIndex.value]) ? void 0 : n3.id, "aria-labelledby": null == (a3 = je(r2.buttonRef)) ? void 0 : a3.id, id: o2, onKeydown: u2, onKeyup: c2, role: "menu", tabIndex: 0, ref: r2.itemsRef }, theirProps: s2, slot: i3, attrs: t2, slots: l2, features: it.RenderStrategy | it.Static, visible: g2.value, name: "MenuItems" });
|
|
1877
1877
|
};
|
|
1878
|
-
} }),
|
|
1878
|
+
} }), Nl = S({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: null } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
|
|
1879
1879
|
var a2;
|
|
1880
|
-
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-item-${
|
|
1880
|
+
let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-item-${_e()}`, r2 = Bl("MenuItem"), i2 = s(null);
|
|
1881
1881
|
n2({ el: i2, $el: i2 });
|
|
1882
|
-
let u2 = d(() => null !== r2.activeItemIndex.value && r2.items.value[r2.activeItemIndex.value].id === o2), c2 =
|
|
1882
|
+
let u2 = d(() => null !== r2.activeItemIndex.value && r2.items.value[r2.activeItemIndex.value].id === o2), c2 = _l(i2), p2 = d(() => ({ disabled: e2.disabled, get textValue() {
|
|
1883
1883
|
return c2();
|
|
1884
1884
|
}, domRef: i2 }));
|
|
1885
1885
|
function g2(t3) {
|
|
1886
1886
|
if (e2.disabled)
|
|
1887
1887
|
return t3.preventDefault();
|
|
1888
|
-
r2.closeMenu(),
|
|
1888
|
+
r2.closeMenu(), qe(je(r2.buttonRef));
|
|
1889
1889
|
}
|
|
1890
1890
|
function f2() {
|
|
1891
1891
|
if (e2.disabled)
|
|
1892
|
-
return r2.goToItem(
|
|
1893
|
-
r2.goToItem(
|
|
1892
|
+
return r2.goToItem(Ct.Nothing);
|
|
1893
|
+
r2.goToItem(Ct.Specific, o2);
|
|
1894
1894
|
}
|
|
1895
1895
|
y(() => r2.registerItem(o2, p2)), m(() => r2.unregisterItem(o2)), b(() => {
|
|
1896
1896
|
0 === r2.menuState.value && u2.value && 0 !== r2.activationTrigger.value && h(() => {
|
|
1897
1897
|
var e3, t3;
|
|
1898
|
-
return null == (t3 = null == (e3 =
|
|
1898
|
+
return null == (t3 = null == (e3 = je(i2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
|
|
1899
1899
|
});
|
|
1900
1900
|
});
|
|
1901
|
-
let v2 =
|
|
1901
|
+
let v2 = ot();
|
|
1902
1902
|
function x2(e3) {
|
|
1903
1903
|
v2.update(e3);
|
|
1904
1904
|
}
|
|
1905
1905
|
function w2(t3) {
|
|
1906
|
-
v2.wasMoved(t3) && (e2.disabled || u2.value || r2.goToItem(
|
|
1906
|
+
v2.wasMoved(t3) && (e2.disabled || u2.value || r2.goToItem(Ct.Specific, o2, 0));
|
|
1907
1907
|
}
|
|
1908
1908
|
function k2(t3) {
|
|
1909
|
-
v2.wasMoved(t3) && (e2.disabled || u2.value && r2.goToItem(
|
|
1909
|
+
v2.wasMoved(t3) && (e2.disabled || u2.value && r2.goToItem(Ct.Nothing));
|
|
1910
1910
|
}
|
|
1911
1911
|
return () => {
|
|
1912
1912
|
let { disabled: n3, ...a3 } = e2, s2 = { active: u2.value, disabled: n3, close: r2.closeMenu };
|
|
1913
|
-
return
|
|
1913
|
+
return dt({ ourProps: { id: o2, ref: i2, role: "menuitem", tabIndex: true === n3 ? void 0 : -1, "aria-disabled": true === n3 || void 0, onClick: g2, onFocus: f2, onPointerenter: x2, onMouseenter: x2, onPointermove: w2, onMousemove: w2, onPointerleave: k2, onMouseleave: k2 }, theirProps: { ...l2, ...a3 }, slot: s2, attrs: l2, slots: t2, name: "MenuItem" });
|
|
1914
1914
|
};
|
|
1915
|
-
} }),
|
|
1916
|
-
function
|
|
1917
|
-
let e2 = v(
|
|
1915
|
+
} }), zl = Symbol("LabelContext");
|
|
1916
|
+
function $l() {
|
|
1917
|
+
let e2 = v(zl, null);
|
|
1918
1918
|
if (null === e2) {
|
|
1919
1919
|
let e3 = new Error("You used a <Label /> component, but it is not inside a parent.");
|
|
1920
|
-
throw Error.captureStackTrace && Error.captureStackTrace(e3,
|
|
1920
|
+
throw Error.captureStackTrace && Error.captureStackTrace(e3, $l), e3;
|
|
1921
1921
|
}
|
|
1922
1922
|
return e2;
|
|
1923
1923
|
}
|
|
1924
|
-
let
|
|
1924
|
+
let Vl = S({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1925
1925
|
var n2;
|
|
1926
|
-
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-label-${
|
|
1926
|
+
let a2 = null != (n2 = e2.id) ? n2 : `headlessui-label-${_e()}`, o2 = $l();
|
|
1927
1927
|
return y(() => m(o2.register(a2))), () => {
|
|
1928
1928
|
let { name: n3 = "Label", slot: r2 = {}, props: i2 = {} } = o2, { passive: s2, ...d2 } = e2, c2 = { ...Object.entries(i2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: u(l3) }), {}), id: a2 };
|
|
1929
|
-
return s2 && (delete c2.onClick, delete c2.htmlFor, delete d2.onClick),
|
|
1929
|
+
return s2 && (delete c2.onClick, delete c2.htmlFor, delete d2.onClick), dt({ ourProps: c2, theirProps: d2, slot: r2, attrs: l2, slots: t2, name: n3 });
|
|
1930
1930
|
};
|
|
1931
|
-
} }),
|
|
1931
|
+
} }), Hl = Symbol("GroupContext"), Yl = S({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
1932
1932
|
let n2 = s(null), a2 = function({ slot: e3 = {}, name: t3 = "Label", props: l3 = {} } = {}) {
|
|
1933
1933
|
let n3 = s([]);
|
|
1934
|
-
return C(
|
|
1934
|
+
return C(zl, { register: function(e4) {
|
|
1935
1935
|
return n3.value.push(e4), () => {
|
|
1936
1936
|
let t4 = n3.value.indexOf(e4);
|
|
1937
1937
|
-1 !== t4 && n3.value.splice(t4, 1);
|
|
@@ -1942,20 +1942,20 @@ let $l = S({ name: "Label", props: { as: { type: [Object, String], default: "lab
|
|
|
1942
1942
|
return null == (e3 = n2.value) ? void 0 : e3.id;
|
|
1943
1943
|
}), onClick(e3) {
|
|
1944
1944
|
n2.value && ("LABEL" === e3.currentTarget.tagName && e3.preventDefault(), n2.value.click(), n2.value.focus({ preventScroll: true }));
|
|
1945
|
-
} } }), o2 =
|
|
1946
|
-
return C(
|
|
1947
|
-
} }),
|
|
1945
|
+
} } }), o2 = sl({ name: "SwitchDescription" });
|
|
1946
|
+
return C(Hl, { switchRef: n2, labelledby: a2, describedby: o2 }), () => dt({ theirProps: e2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "SwitchGroup" });
|
|
1947
|
+
} }), ql = S({ name: "Switch", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: true }, form: { type: String, optional: true }, name: { type: String, optional: true }, value: { type: String, optional: true }, id: { type: String, default: null }, disabled: { type: Boolean, default: false }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: false, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
|
|
1948
1948
|
var o2;
|
|
1949
|
-
let r2 = null != (o2 = e2.id) ? o2 : `headlessui-switch-${
|
|
1949
|
+
let r2 = null != (o2 = e2.id) ? o2 : `headlessui-switch-${_e()}`, i2 = v(Hl, null), [u2, c2] = Oe(d(() => e2.modelValue), (e3) => t2("update:modelValue", e3), d(() => e2.defaultChecked));
|
|
1950
1950
|
function g2() {
|
|
1951
1951
|
c2(!u2.value);
|
|
1952
1952
|
}
|
|
1953
|
-
let f2 = s(null), m2 = null === i2 ? f2 : i2.switchRef, h2 =
|
|
1953
|
+
let f2 = s(null), m2 = null === i2 ? f2 : i2.switchRef, h2 = nt(d(() => ({ as: e2.as, type: l2.type })), m2);
|
|
1954
1954
|
function b2(e3) {
|
|
1955
1955
|
e3.preventDefault(), g2();
|
|
1956
1956
|
}
|
|
1957
1957
|
function x2(e3) {
|
|
1958
|
-
e3.key ===
|
|
1958
|
+
e3.key === wt.Space ? (e3.preventDefault(), g2()) : e3.key === wt.Enter && function(e4) {
|
|
1959
1959
|
var t3, l3;
|
|
1960
1960
|
let n3 = null != (t3 = null == e4 ? void 0 : e4.form) ? t3 : e4.closest("form");
|
|
1961
1961
|
if (n3) {
|
|
@@ -1972,7 +1972,7 @@ let $l = S({ name: "Label", props: { as: { type: [Object, String], default: "lab
|
|
|
1972
1972
|
a2({ el: m2, $el: m2 });
|
|
1973
1973
|
let C2 = d(() => {
|
|
1974
1974
|
var e3, t3;
|
|
1975
|
-
return null == (t3 = null == (e3 =
|
|
1975
|
+
return null == (t3 = null == (e3 = je(m2)) ? void 0 : e3.closest) ? void 0 : t3.call(e3, "form");
|
|
1976
1976
|
});
|
|
1977
1977
|
return y(() => {
|
|
1978
1978
|
p([C2], () => {
|
|
@@ -1987,18 +1987,18 @@ let $l = S({ name: "Label", props: { as: { type: [Object, String], default: "lab
|
|
|
1987
1987
|
}, { immediate: true });
|
|
1988
1988
|
}), () => {
|
|
1989
1989
|
let { name: t3, value: a3, form: o3, tabIndex: s2, ...d2 } = e2, c3 = { checked: u2.value }, p2 = { id: r2, ref: m2, role: "switch", type: h2.value, tabIndex: -1 === s2 ? 0 : s2, "aria-checked": u2.value, "aria-labelledby": null == i2 ? void 0 : i2.labelledby.value, "aria-describedby": null == i2 ? void 0 : i2.describedby.value, onClick: b2, onKeyup: x2, onKeypress: S2 };
|
|
1990
|
-
return w(k, [null != t3 && null != u2.value ? w(
|
|
1990
|
+
return w(k, [null != t3 && null != u2.value ? w(vt, gt({ features: mt.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: u2.value, form: o3, disabled: d2.disabled, name: t3, value: a3 })) : null, dt({ ourProps: p2, theirProps: { ...l2, ...ft(d2, ["modelValue", "defaultChecked"]) }, slot: c3, attrs: l2, slots: n2, name: "Switch" })]);
|
|
1991
1991
|
};
|
|
1992
|
-
} }),
|
|
1993
|
-
function
|
|
1992
|
+
} }), Ul = Vl;
|
|
1993
|
+
function Wl(e2, ...t2) {
|
|
1994
1994
|
e2 && t2.length > 0 && e2.classList.add(...t2);
|
|
1995
1995
|
}
|
|
1996
|
-
function
|
|
1996
|
+
function Kl(e2, ...t2) {
|
|
1997
1997
|
e2 && t2.length > 0 && e2.classList.remove(...t2);
|
|
1998
1998
|
}
|
|
1999
|
-
var
|
|
2000
|
-
function
|
|
2001
|
-
let r2 =
|
|
1999
|
+
var Jl = ((e2) => (e2.Finished = "finished", e2.Cancelled = "cancelled", e2))(Jl || {});
|
|
2000
|
+
function Gl(e2, t2, l2, n2, a2, o2) {
|
|
2001
|
+
let r2 = De(), i2 = void 0 !== o2 ? /* @__PURE__ */ function(e3) {
|
|
2002
2002
|
let t3 = { called: false };
|
|
2003
2003
|
return (...l3) => {
|
|
2004
2004
|
if (!t3.called)
|
|
@@ -2006,9 +2006,9 @@ function Jl(e2, t2, l2, n2, a2, o2) {
|
|
|
2006
2006
|
};
|
|
2007
2007
|
}(o2) : () => {
|
|
2008
2008
|
};
|
|
2009
|
-
return
|
|
2010
|
-
|
|
2011
|
-
let l3 =
|
|
2009
|
+
return Kl(e2, ...a2), Wl(e2, ...t2, ...l2), r2.nextFrame(() => {
|
|
2010
|
+
Kl(e2, ...l2), Wl(e2, ...n2), r2.add(function(e3, t3) {
|
|
2011
|
+
let l3 = De();
|
|
2012
2012
|
if (!e3)
|
|
2013
2013
|
return l3.dispose;
|
|
2014
2014
|
let { transitionDuration: n3, transitionDelay: a3 } = getComputedStyle(e3), [o3, r3] = [n3, a3].map((e4) => {
|
|
@@ -2016,79 +2016,79 @@ function Jl(e2, t2, l2, n2, a2, o2) {
|
|
|
2016
2016
|
return t4;
|
|
2017
2017
|
});
|
|
2018
2018
|
return 0 !== o3 ? l3.setTimeout(() => t3("finished"), o3 + r3) : t3("finished"), l3.add(() => t3("cancelled")), l3.dispose;
|
|
2019
|
-
}(e2, (l3) => (
|
|
2020
|
-
}), r2.add(() =>
|
|
2019
|
+
}(e2, (l3) => (Kl(e2, ...n2, ...t2), Wl(e2, ...a2), i2(l3))));
|
|
2020
|
+
}), r2.add(() => Kl(e2, ...t2, ...l2, ...n2, ...a2)), r2.add(() => i2("cancelled")), r2.dispose;
|
|
2021
2021
|
}
|
|
2022
|
-
function
|
|
2022
|
+
function Zl(e2 = "") {
|
|
2023
2023
|
return e2.split(/\s+/).filter((e3) => e3.length > 1);
|
|
2024
2024
|
}
|
|
2025
|
-
let
|
|
2026
|
-
var
|
|
2027
|
-
let
|
|
2028
|
-
function en(e2) {
|
|
2029
|
-
return "children" in e2 ? en(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
|
|
2030
|
-
}
|
|
2025
|
+
let Xl = Symbol("TransitionContext");
|
|
2026
|
+
var Ql = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(Ql || {});
|
|
2027
|
+
let en = Symbol("NestingContext");
|
|
2031
2028
|
function tn(e2) {
|
|
2029
|
+
return "children" in e2 ? tn(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
|
|
2030
|
+
}
|
|
2031
|
+
function ln(e2) {
|
|
2032
2032
|
let t2 = s([]), l2 = s(false);
|
|
2033
|
-
function n2(n3, a2 =
|
|
2033
|
+
function n2(n3, a2 = st.Hidden) {
|
|
2034
2034
|
let o2 = t2.value.findIndex(({ id: e3 }) => e3 === n3);
|
|
2035
|
-
-1 !== o2 && (
|
|
2035
|
+
-1 !== o2 && (Pe(a2, { [st.Unmount]() {
|
|
2036
2036
|
t2.value.splice(o2, 1);
|
|
2037
|
-
}, [
|
|
2037
|
+
}, [st.Hidden]() {
|
|
2038
2038
|
t2.value[o2].state = "hidden";
|
|
2039
|
-
} }), !
|
|
2039
|
+
} }), !tn(t2) && l2.value && (null == e2 || e2()));
|
|
2040
2040
|
}
|
|
2041
2041
|
return y(() => l2.value = true), m(() => l2.value = false), { children: t2, register: function(e3) {
|
|
2042
2042
|
let l3 = t2.value.find(({ id: t3 }) => t3 === e3);
|
|
2043
|
-
return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => n2(e3,
|
|
2043
|
+
return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => n2(e3, st.Unmount);
|
|
2044
2044
|
}, unregister: n2 };
|
|
2045
2045
|
}
|
|
2046
|
-
let
|
|
2046
|
+
let nn = it.RenderStrategy, an = S({ 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 }) {
|
|
2047
2047
|
let r2 = s(0);
|
|
2048
2048
|
function i2() {
|
|
2049
|
-
r2.value |=
|
|
2049
|
+
r2.value |= bt.Opening, t2("beforeEnter");
|
|
2050
2050
|
}
|
|
2051
2051
|
function u2() {
|
|
2052
|
-
r2.value &= ~
|
|
2052
|
+
r2.value &= ~bt.Opening, t2("afterEnter");
|
|
2053
2053
|
}
|
|
2054
2054
|
function c2() {
|
|
2055
|
-
r2.value |=
|
|
2055
|
+
r2.value |= bt.Closing, t2("beforeLeave");
|
|
2056
2056
|
}
|
|
2057
2057
|
function g2() {
|
|
2058
|
-
r2.value &= ~
|
|
2058
|
+
r2.value &= ~bt.Closing, t2("afterLeave");
|
|
2059
2059
|
}
|
|
2060
|
-
if (null === v(
|
|
2061
|
-
return () => w(
|
|
2062
|
-
let f2 = s(null), h2 = d(() => e2.unmount ?
|
|
2060
|
+
if (null === v(Xl, null) && null !== yt())
|
|
2061
|
+
return () => w(rn, { ...e2, onBeforeEnter: i2, onAfterEnter: u2, onBeforeLeave: c2, onAfterLeave: g2 }, a2);
|
|
2062
|
+
let f2 = s(null), h2 = d(() => e2.unmount ? st.Unmount : st.Hidden);
|
|
2063
2063
|
o2({ el: f2, $el: f2 });
|
|
2064
2064
|
let { show: x2, appear: k2 } = function() {
|
|
2065
|
-
let e3 = v(
|
|
2065
|
+
let e3 = v(Xl, null);
|
|
2066
2066
|
if (null === e3)
|
|
2067
2067
|
throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
|
|
2068
2068
|
return e3;
|
|
2069
2069
|
}(), { register: S2, unregister: O2 } = function() {
|
|
2070
|
-
let e3 = v(
|
|
2070
|
+
let e3 = v(en, null);
|
|
2071
2071
|
if (null === e3)
|
|
2072
2072
|
throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
|
|
2073
2073
|
return e3;
|
|
2074
|
-
}(), M2 = s(x2.value ? "visible" : "hidden"), D2 = { value: true }, E2 =
|
|
2074
|
+
}(), M2 = s(x2.value ? "visible" : "hidden"), D2 = { value: true }, E2 = _e(), T2 = { value: false }, I2 = ln(() => {
|
|
2075
2075
|
!T2.value && "hidden" !== M2.value && (M2.value = "hidden", O2(E2), g2());
|
|
2076
2076
|
});
|
|
2077
2077
|
y(() => {
|
|
2078
2078
|
let e3 = S2(E2);
|
|
2079
2079
|
m(e3);
|
|
2080
2080
|
}), b(() => {
|
|
2081
|
-
if (h2.value ===
|
|
2081
|
+
if (h2.value === st.Hidden && E2) {
|
|
2082
2082
|
if (x2.value && "visible" !== M2.value)
|
|
2083
2083
|
return void (M2.value = "visible");
|
|
2084
|
-
|
|
2084
|
+
Pe(M2.value, { hidden: () => O2(E2), visible: () => S2(E2) });
|
|
2085
2085
|
}
|
|
2086
2086
|
});
|
|
2087
|
-
let _2 =
|
|
2087
|
+
let _2 = Zl(e2.enter), j2 = Zl(e2.enterFrom), P2 = Zl(e2.enterTo), R2 = Zl(e2.entered), B2 = Zl(e2.leave), A2 = Zl(e2.leaveFrom), L2 = Zl(e2.leaveTo);
|
|
2088
2088
|
return y(() => {
|
|
2089
2089
|
b(() => {
|
|
2090
2090
|
if ("visible" === M2.value) {
|
|
2091
|
-
let e3 =
|
|
2091
|
+
let e3 = je(f2);
|
|
2092
2092
|
if (e3 instanceof Comment && "" === e3.data)
|
|
2093
2093
|
throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
|
|
2094
2094
|
}
|
|
@@ -2096,105 +2096,105 @@ let ln = rt.RenderStrategy, nn = S({ props: { as: { type: [Object, String], defa
|
|
|
2096
2096
|
}), y(() => {
|
|
2097
2097
|
p([x2], (e3, t3, l3) => {
|
|
2098
2098
|
(function(e4) {
|
|
2099
|
-
let t4 = D2.value && !k2.value, l4 =
|
|
2100
|
-
!l4 || !(l4 instanceof HTMLElement) || t4 || (T2.value = true, x2.value && i2(), x2.value || c2(), e4(x2.value ?
|
|
2101
|
-
T2.value = false, e5 ===
|
|
2102
|
-
}) :
|
|
2103
|
-
T2.value = false, e5 ===
|
|
2099
|
+
let t4 = D2.value && !k2.value, l4 = je(f2);
|
|
2100
|
+
!l4 || !(l4 instanceof HTMLElement) || t4 || (T2.value = true, x2.value && i2(), x2.value || c2(), e4(x2.value ? Gl(l4, _2, j2, P2, R2, (e5) => {
|
|
2101
|
+
T2.value = false, e5 === Jl.Finished && u2();
|
|
2102
|
+
}) : Gl(l4, B2, A2, L2, R2, (e5) => {
|
|
2103
|
+
T2.value = false, e5 === Jl.Finished && (tn(I2) || (M2.value = "hidden", O2(E2), g2()));
|
|
2104
2104
|
})));
|
|
2105
2105
|
})(l3), D2.value = false;
|
|
2106
2106
|
}, { immediate: true });
|
|
2107
|
-
}), C(
|
|
2107
|
+
}), C(en, I2), xt(d(() => Pe(M2.value, { visible: bt.Open, hidden: bt.Closed }) | r2.value)), () => {
|
|
2108
2108
|
let { appear: t3, show: o3, enter: r3, enterFrom: i3, enterTo: s2, entered: d2, leave: u3, leaveFrom: c3, leaveTo: p2, ...g3 } = e2, m2 = { ref: f2 };
|
|
2109
|
-
return
|
|
2109
|
+
return dt({ theirProps: { ...g3, ...k2.value && x2.value && Ae.isServer ? { class: n([l2.class, g3.class, ..._2, ...j2]) } : {} }, ourProps: m2, slot: {}, slots: a2, attrs: l2, features: nn, visible: "visible" === M2.value, name: "TransitionChild" });
|
|
2110
2110
|
};
|
|
2111
|
-
} }),
|
|
2112
|
-
let a2 =
|
|
2111
|
+
} }), on = an, rn = S({ 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 }) {
|
|
2112
|
+
let a2 = yt(), o2 = d(() => null === e2.show && null !== a2 ? (a2.value & bt.Open) === bt.Open : e2.show);
|
|
2113
2113
|
b(() => {
|
|
2114
2114
|
if (![true, false].includes(o2.value))
|
|
2115
2115
|
throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
|
|
2116
2116
|
});
|
|
2117
|
-
let r2 = s(o2.value ? "visible" : "hidden"), i2 =
|
|
2117
|
+
let r2 = s(o2.value ? "visible" : "hidden"), i2 = ln(() => {
|
|
2118
2118
|
r2.value = "hidden";
|
|
2119
2119
|
}), u2 = s(true), c2 = { show: o2, appear: d(() => e2.appear || !u2.value) };
|
|
2120
2120
|
return y(() => {
|
|
2121
2121
|
b(() => {
|
|
2122
|
-
u2.value = false, o2.value ? r2.value = "visible" :
|
|
2122
|
+
u2.value = false, o2.value ? r2.value = "visible" : tn(i2) || (r2.value = "hidden");
|
|
2123
2123
|
});
|
|
2124
|
-
}), C(
|
|
2125
|
-
let a3 =
|
|
2126
|
-
return
|
|
2124
|
+
}), C(en, i2), C(Xl, c2), () => {
|
|
2125
|
+
let a3 = ft(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), o3 = { unmount: e2.unmount };
|
|
2126
|
+
return dt({ ourProps: { ...o3, as: "template" }, theirProps: {}, slot: {}, slots: { ...n2, default: () => [w(on, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...o3, ...a3 }, n2.default)] }, attrs: {}, features: nn, visible: "visible" === r2.value, name: "Transition" });
|
|
2127
2127
|
};
|
|
2128
2128
|
} });
|
|
2129
|
-
function
|
|
2129
|
+
function sn(t2, l2) {
|
|
2130
2130
|
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" })]);
|
|
2131
2131
|
}
|
|
2132
|
-
function
|
|
2132
|
+
function dn(t2, l2) {
|
|
2133
2133
|
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" })]);
|
|
2134
2134
|
}
|
|
2135
|
-
function
|
|
2135
|
+
function un(t2, l2) {
|
|
2136
2136
|
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" })]);
|
|
2137
2137
|
}
|
|
2138
|
-
function
|
|
2138
|
+
function cn(t2, l2) {
|
|
2139
2139
|
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" })]);
|
|
2140
2140
|
}
|
|
2141
|
-
function
|
|
2141
|
+
function pn(t2, l2) {
|
|
2142
2142
|
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" })]);
|
|
2143
2143
|
}
|
|
2144
|
-
function
|
|
2144
|
+
function gn(t2, l2) {
|
|
2145
2145
|
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" })]);
|
|
2146
2146
|
}
|
|
2147
|
-
function
|
|
2147
|
+
function fn(t2, l2) {
|
|
2148
2148
|
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" })]);
|
|
2149
2149
|
}
|
|
2150
|
-
function
|
|
2150
|
+
function mn(t2, l2) {
|
|
2151
2151
|
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" })]);
|
|
2152
2152
|
}
|
|
2153
|
-
function
|
|
2153
|
+
function vn(t2, l2) {
|
|
2154
2154
|
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" })]);
|
|
2155
2155
|
}
|
|
2156
|
-
function
|
|
2156
|
+
function hn(t2, l2) {
|
|
2157
2157
|
return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })]);
|
|
2158
2158
|
}
|
|
2159
|
-
function
|
|
2159
|
+
function bn(t2, l2) {
|
|
2160
2160
|
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" })]);
|
|
2161
2161
|
}
|
|
2162
|
-
function
|
|
2162
|
+
function yn(t2, l2) {
|
|
2163
2163
|
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" })]);
|
|
2164
2164
|
}
|
|
2165
|
-
function
|
|
2165
|
+
function xn(t2, l2) {
|
|
2166
2166
|
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" })]);
|
|
2167
2167
|
}
|
|
2168
|
-
function
|
|
2168
|
+
function wn(t2, l2) {
|
|
2169
2169
|
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" })]);
|
|
2170
2170
|
}
|
|
2171
|
-
function
|
|
2171
|
+
function kn(t2, l2) {
|
|
2172
2172
|
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" })]);
|
|
2173
2173
|
}
|
|
2174
|
-
function
|
|
2174
|
+
function Sn(t2, l2) {
|
|
2175
2175
|
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" })]);
|
|
2176
2176
|
}
|
|
2177
|
-
function
|
|
2177
|
+
function Cn(t2, l2) {
|
|
2178
2178
|
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" })]);
|
|
2179
2179
|
}
|
|
2180
|
-
function
|
|
2180
|
+
function On(t2, l2) {
|
|
2181
2181
|
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" })]);
|
|
2182
2182
|
}
|
|
2183
|
-
const
|
|
2183
|
+
const Mn = { class: "py-1" }, Dn = ["onClick"], En = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, Tn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), In = { name: "uiDropdown" }, _n = Object.assign(In, { 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 }) {
|
|
2184
2184
|
const s2 = r2, c2 = l2, p2 = d(() => {
|
|
2185
2185
|
let e2 = c2.items.find((e3) => true === e3.active);
|
|
2186
2186
|
return e2 ? e2.name : c2.label;
|
|
2187
2187
|
});
|
|
2188
|
-
return (r3, d2) => l2.loading ? (e(), a("div",
|
|
2188
|
+
return (r3, d2) => l2.loading ? (e(), a("div", En, [Tn, o(u(gn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(u(Al), { key: 0, as: "div", class: n(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: T(() => [i("div", null, [o(u(Ll), { 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: T(() => [I(_(p2.value) + " ", 1), o(u(gn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), o(j, { "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: T(() => [l2.disabled ? R("", true) : (e(), t(u(Fl), { 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: T(() => [i("div", Mn, [(e(true), a(k, null, P(l2.items, (l3, a2) => (e(), t(u(Nl), { key: a2 }, { default: T(() => [i("a", { onClick: (e2) => ((e3) => {
|
|
2189
2189
|
c2.disabled || s2("optionSelected", e3.value);
|
|
2190
|
-
})(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,
|
|
2191
|
-
} }),
|
|
2190
|
+
})(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, Dn)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
|
|
2191
|
+
} }), jn = { key: 0 }, Pn = { class: "flex justify-between" }, Rn = { key: 0, class: "block text-sm font-medium text-gray-700" }, Bn = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, An = ["disabled", "name", "placeholder", "type"], Ln = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Fn = { key: 1, class: "animate-pulse" }, Nn = { 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" }, zn = 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), $n = { name: "uiInput" }, Vn = Object.assign($n, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
|
|
2192
2192
|
} }, 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 }) {
|
|
2193
2193
|
const r2 = l2, d2 = t2, c2 = s(d2.value);
|
|
2194
2194
|
return p(() => d2.value, (e2) => {
|
|
2195
2195
|
c2.value = e2, r2("inputChanged", { name: d2.name, value: c2.value });
|
|
2196
|
-
}), (l3, r3) => t2.loading ? (e(), a("div",
|
|
2197
|
-
} }),
|
|
2196
|
+
}), (l3, r3) => t2.loading ? (e(), a("div", Fn, [void 0 !== t2.label ? (e(), a("div", Nn)) : R("", true), zn])) : (e(), a("div", jn, [i("div", Pn, [t2.label ? (e(), a("label", Rn, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Bn, _(t2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), a("span", { key: 0, onClick: r3[0] || (r3[0] = (e2) => l3.$emit("addOnClicked")), class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.addOn), 1)) : R("", true), B(i("input", { "onUpdate:modelValue": r3[1] || (r3[1] = (e2) => c2.value = e2), class: n([{ "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-400": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color, "rounded-md": !t2.addOn || !t2.rightAddOn, "rounded-r-md": t2.addOn, "rounded-l-none": t2.addOn, "rounded-l-md": t2.rightAddOn, "rounded-r-none": t2.rightAddOn }, "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 placeholder-gray-300"]), disabled: t2.disabled, name: t2.name, placeholder: t2.placeholder, type: t2.type, onInput: r3[2] || (r3[2] = (e2) => l3.$emit("inputChanged", { value: e2.target.value, name: e2.target.name })) }, null, 42, An), [[A, c2.value]]), t2.rightAddOn ? (e(), a("span", { key: 1, onClick: r3[3] || (r3[3] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.rightAddOn), 1)) : R("", true), t2.icon ? (e(), a("div", Ln, [o(G, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), B(o(G, { icon: u(pn), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "success" === t2.color]]), B(o(G, { icon: u(bn), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "warning" === t2.color]]), B(o(G, { icon: u(On), 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
|
+
} }), Hn = { key: 0 }, Yn = { class: "flex justify-between" }, qn = { key: 0, class: "block text-sm font-medium text-gray-700" }, Un = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, Wn = { class: "space-y-1 flex flex-col items-center justify-center" }, Kn = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Jn = ["for"], Gn = ["id", "name", "accept"], Zn = { class: "pl-1" }, Xn = { class: "text-xs text-gray-500 pb-4" }, Qn = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, ea = { key: 1, class: "animate-pulse" }, ta = [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)], la = { name: "uiInputFile" }, na = Object.assign(la, { props: { name: String, id: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
|
|
2198
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" })]);
|
|
2199
2199
|
} }, loading: { type: Boolean, default: true } }, emits: ["filesUploaded"], setup(t2, { emit: l2 }) {
|
|
2200
2200
|
let r2 = s(null);
|
|
@@ -2209,47 +2209,47 @@ const On = { class: "py-1" }, Mn = ["onClick"], Dn = { key: 1, class: "animate-p
|
|
|
2209
2209
|
t3++, r2.value += l3.name, t3 >= 1 && t3 < e2.length && (r2.value += ", ");
|
|
2210
2210
|
});
|
|
2211
2211
|
};
|
|
2212
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
2213
|
-
}, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div",
|
|
2214
|
-
} }),
|
|
2212
|
+
return (l3, s2) => t2.loading ? (e(), a("div", ea, ta)) : (e(), a("div", Hn, [i("div", Yn, [t2.label ? (e(), a("label", qn, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Un, _(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(() => {
|
|
2213
|
+
}, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div", Wn, [o(G, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", Kn, [i("label", { for: t2.id, 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" }, [i("span", null, _(t2.placeholder), 1), i("input", { id: t2.id, name: t2.name, type: "file", class: "sr-only", accept: t2.accept, multiple: "", onChange: g2 }, null, 40, Gn)], 8, Jn), i("p", Zn, _(t2.dragAndDrop), 1)]), i("p", Xn, _(t2.fileTypesAndSizes), 1), B(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(u(r2)), 513), [[L, null !== u(r2)]])])], 34), B(i("p", Qn, [o(G, { icon: u(Cn), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), I(_(t2.error), 1)], 512), [[L, t2.error]])]));
|
|
2214
|
+
} }), aa = { class: "relative mt-1" }, oa = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, ra = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), ia = { name: "uiSelect" }, sa = Object.assign(ia, { props: { items: { type: Array, required: true }, label: String, error: String, color: String, select: Object, loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false } }, emits: ["selectChanged"], setup(l2, { emit: r2 }) {
|
|
2215
2215
|
const c2 = s(""), p2 = r2, g2 = l2, f2 = d(() => "" === c2.value ? g2.items : g2.items.filter((e2) => e2.name.toLowerCase().includes(c2.value.toLowerCase()))), m2 = d(() => g2.select);
|
|
2216
|
-
return (r3, s2) => l2.loading ? (e(), a("div",
|
|
2217
|
-
} }),
|
|
2216
|
+
return (r3, s2) => l2.loading ? (e(), a("div", oa, [ra, o(u(vn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(u(At), { key: 0, modelValue: m2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => m2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], disabled: l2.disabled, as: "div" }, { default: T(() => [o(u(Lt), { class: "block text-sm font-medium" }, { default: T(() => [I(_(l2.label), 1)]), _: 1 }), i("div", aa, [o(u(Nt), { "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": l2.disabled, "bg-white": !l2.disabled, "text-black": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-gray-300": l2.disabled, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "w-full rounded-md border 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(u(Ft), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: T(() => [o(u(vn), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), f2.value.length > 0 ? (e(), t(u(zt), { 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: T(() => [(e(true), a(k, null, P(f2.value, (l3) => (e(), t(u($t), { key: l3.id, value: l3, as: "template" }, { default: T(({ 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(u(pn), { "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", "disabled"]));
|
|
2217
|
+
} }), da = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, ua = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], ca = { name: "uiTag" }, pa = Object.assign(ca, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true }, event: String }, emits: ["tagEvent"], setup(t2, { emit: l2 }) {
|
|
2218
2218
|
const o2 = l2, i2 = t2, s2 = () => {
|
|
2219
2219
|
void 0 !== i2.event && o2("tagEvent", i2.event);
|
|
2220
2220
|
};
|
|
2221
|
-
return (l3, o3) => t2.loading ? (e(), a("div",
|
|
2222
|
-
} }),
|
|
2221
|
+
return (l3, o3) => t2.loading ? (e(), a("div", da, ua)) : (e(), a("span", { key: 0, onClick: s2, class: n([{ "bg-indigo-100 text-indigo-800 border border-indigo-200": "primary" === t2.color, "hover:bg-indigo-200 cursor-pointer": void 0 !== t2.event && "primary" === t2.color, "bg-red-100 text-red-800 border border-red-200": "danger" === t2.color, "hover:bg-red-200 cursor-pointer": void 0 !== t2.event && "danger" === t2.color, "bg-yellow-100 text-yellow-800 border border-yellow-200": "warning" === t2.color, "hover:bg-yellow-200 cursor-pointer": void 0 !== t2.event && "warning" === t2.color, "bg-green-100 text-green-800 border border-green-200": "success" === t2.color, "hover:bg-green-200 cursor-pointer": void 0 !== t2.event && "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(l3.$slots, "default")], 2));
|
|
2222
|
+
} }), ga = { key: 0 }, fa = { key: 0, class: "block text-sm font-medium text-gray-700" }, ma = ["disabled", "placeholder"], va = { key: 1, class: "animate-pulse" }, ha = [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)], ba = { name: "uiTextArea" }, ya = Object.assign(ba, { 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 }) {
|
|
2223
2223
|
const r2 = l2, d2 = t2, c2 = (e2) => {
|
|
2224
2224
|
r2("inputChanged", e2.target.value);
|
|
2225
2225
|
}, g2 = s(d2.value);
|
|
2226
2226
|
return p(() => d2.value, (e2) => {
|
|
2227
2227
|
g2.value = e2, r2("inputChanged", e2);
|
|
2228
|
-
}), (l3, r3) => t2.loading ? (e(), a("div",
|
|
2229
|
-
} }),
|
|
2228
|
+
}), (l3, r3) => t2.loading ? (e(), a("div", va, ha)) : (e(), a("div", ga, [t2.label ? (e(), a("label", fa, _(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, ma), [[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(G, { icon: u(Cn), color: "red", class: "mr-2" }, null, 8, ["icon"]), I(_(t2.error), 1)], 2), [[L, t2.error]])]));
|
|
2229
|
+
} }), xa = { class: "text-sm font-medium text-gray-900" }, wa = { key: 0, class: "text-sm text-gray-500 ml-2" }, ka = { key: 1, class: "animate-pulse flex items-center" }, Sa = [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)], Ca = { name: "uiToggle" }, Oa = Object.assign(Ca, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
|
|
2230
2230
|
const r2 = s(l2.checked);
|
|
2231
|
-
return (s2, d2) => l2.loading ? (e(), a("div",
|
|
2232
|
-
} }),
|
|
2231
|
+
return (s2, d2) => l2.loading ? (e(), a("div", ka, Sa)) : (e(), t(u(Yl), { key: 0, as: "div", class: "flex items-center relative" }, { default: T(() => [o(u(ql), { disabled: l2.disabled, onClick: d2[0] || (d2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !r2.value })), modelValue: r2.value, "onUpdate:modelValue": d2[1] || (d2[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: T(() => [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(u(Ul), { as: "span", class: "ml-3" }, { default: T(() => [i("span", xa, _(l2.item.title), 1), l2.item.subtitle ? (e(), a("span", wa, _(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: d2[2] || (d2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : R("", true)]), _: 1 }));
|
|
2232
|
+
} }), Ma = { key: 0, class: "flex flex-col" }, Da = { class: "flex" }, Ea = { class: "flex-shrink-0" }, Ta = { class: "ml-3" }, Ia = { class: "mt-4" }, _a = { class: "-mx-2 -my-1.5 flex" }, ja = ["onClick"], Pa = { key: 1, class: "flex flex-col animate-pulse" }, Ra = [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)], Ba = { name: "uiAlert" }, Aa = Object.assign(Ba, { 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", Pa, Ra)) : (e(), a("div", Ma, [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", Da, [i("div", Ea, ["info" === l2.type ? (e(), t(u(wn), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : R("", true), "danger" === l2.type ? (e(), t(u(Cn), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : R("", true), "warning" === l2.type ? (e(), t(u(bn), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : R("", true), "success" === l2.type ? (e(), t(u(cn), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : R("", true)]), i("div", Ta, [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", Ia, [i("div", _a, [(e(true), a(k, null, P(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, ja))), 128))])])])])], 2)])) }), La = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, Fa = { role: "list", class: "flex items-center space-x-4 text-xs" }, Na = { key: 0 }, za = ["onClick"], $a = { key: 1, class: "flex items-center" }, Va = ["onClick", "aria-current"], Ha = { key: 1, class: "flex flex-row items-center animate-pulse" }, Ya = [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)], qa = { name: "uiBreadcrumbs" }, Ua = Object.assign(qa, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), a("div", Ha, Ya)) : (e(), a("nav", La, [i("ol", Fa, [(e(true), a(k, null, P(t2.pages, (t3, r3) => (e(), a("li", { key: r3 }, [0 === r3 ? (e(), a("div", Na, [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(u(xn), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, za)])) : (e(), a("div", $a, [o(u(mn), { 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, Va)]))]))), 128))])])) }), Wa = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Ka = ["src"], Ja = { class: "font-bold text-center sm:text-left" }, Ga = { class: "mt-1 text-xs text-center sm:text-left" }, Za = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Xa = { 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)], eo = { name: "uiCard" }, to = Object.assign(eo, { 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) => {
|
|
2233
2233
|
var _a2;
|
|
2234
|
-
return l2.loading ? (e(), a("div",
|
|
2235
|
-
} }),
|
|
2234
|
+
return l2.loading ? (e(), a("div", Xa, 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", Wa, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Ka), i("div", null, [i("h4", Ja, _(l2.name), 1), i("p", Ga, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), a("div", Za, [(e(true), a(k, null, P(l2.tags, (n3) => (e(), t(pa, { class: "mb-1 mr-1", key: n3.name, color: n3.color, loading: l2.loading }, { default: T(() => [I(_(n3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : R("", true)]));
|
|
2235
|
+
} }), lo = { name: "uiFilter" }, no = Object.assign(lo, { 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 }) {
|
|
2236
2236
|
const a2 = n2, o2 = s(l2.items);
|
|
2237
|
-
return (n3, r2) => (e(), t(
|
|
2237
|
+
return (n3, r2) => (e(), t(_n, { loading: l2.loading, onOptionSelected: r2[0] || (r2[0] = (e2) => ((e3) => {
|
|
2238
2238
|
o2.value.forEach((t2) => {
|
|
2239
2239
|
t2.value !== e3 ? t2.active = false : t2.active = true;
|
|
2240
2240
|
}), a2("filterSelected", e3);
|
|
2241
2241
|
})(e2)), position: l2.position, items: o2.value, label: l2.label }, null, 8, ["loading", "position", "items", "label"]));
|
|
2242
|
-
} }),
|
|
2242
|
+
} }), ao = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), oo = { class: "fixed inset-0 z-10 overflow-y-auto" }, ro = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, io = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, so = i("span", { class: "sr-only" }, "X", -1), uo = { class: "sm:flex sm:items-start" }, co = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, po = { class: "mt-4 text-gray-500 text-sm" }, go = { key: 0, class: "mt-8" }, fo = ["onClick"], mo = { name: "uiModal" }, vo = Object.assign(mo, { 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 }) {
|
|
2243
2243
|
const d2 = l2, c2 = s2, p2 = (e2) => {
|
|
2244
2244
|
c2("modalAction", { modal: d2.modalName, action: e2 });
|
|
2245
2245
|
};
|
|
2246
|
-
return (s3, d3) => (e(), t(u(
|
|
2247
|
-
} }),
|
|
2246
|
+
return (s3, d3) => (e(), t(u(rn), { as: "template", show: l2.open }, { default: T(() => [o(u(yl), { as: "div", class: "relative z-10", onClose: d3[1] || (d3[1] = (e2) => p2("close")) }, { default: T(() => [o(u(an), { 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: T(() => [ao]), _: 1 }), i("div", oo, [i("div", ro, [o(u(an), { 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: T(() => [o(u(xl), { 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: T(() => [i("div", io, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: d3[0] || (d3[0] = (e2) => p2("close")) }, [so, o(G, { icon: u(On), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", uo, [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(u(On), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[L, "danger" === l2.type]]), B(o(u(pn), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[L, "success" === l2.type]]), B(o(u(bn), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[L, "warning" === l2.type]]), B(o(u(yn), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[L, "default" === l2.type]])], 2), i("div", co, [o(u(wl), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: T(() => [I(_(l2.title), 1)]), _: 1 }), i("div", po, [r(s3.$slots, "default")]), l2.actions ? (e(), a("div", go, [(e(true), a(k, null, P(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, fo))), 128))])) : R("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
|
|
2247
|
+
} }), ho = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, bo = { 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" }, yo = { class: "p-4" }, xo = { class: "flex items-start" }, wo = { class: "flex-shrink-0 mt-0.5" }, ko = { class: "ml-3 w-0 flex-1 pt-0.5" }, So = { class: "font-medium text-gray-900" }, Co = { class: "mt-1 text-sm text-gray-500" }, Oo = { class: "ml-4 flex-shrink-0 flex" }, Mo = i("span", { class: "sr-only" }, "Close", -1), Do = { name: "uiNotification" }, Eo = Object.assign(Do, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
|
|
2248
2248
|
const l2 = t2, r2 = d(() => l2.show);
|
|
2249
|
-
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",
|
|
2250
|
-
} }),
|
|
2249
|
+
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", ho, [o(j, { "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: T(() => [r2.value ? (e(), a("div", bo, [i("div", yo, [i("div", xo, [i("div", wo, [B(o(u(cn), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[L, "success" === t2.type]]), B(o(u(Cn), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[L, "danger" === t2.type]]), B(o(u(bn), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[L, "warning" === t2.type]]), B(o(u(wn), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[L, "info" === t2.type]])]), i("div", ko, [i("p", So, _(t2.title), 1), i("p", Co, _(t2.message), 1)]), i("div", Oo, [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")) }, [Mo, o(u(On), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : R("", true)]), _: 1 })])], 2));
|
|
2250
|
+
} }), To = { key: 0, role: "list", class: "divide-y divide-gray-100" }, Io = { class: "min-w-0" }, _o = { class: "flex items-start gap-x-3" }, jo = { class: "text-sm font-semibold leading-6 text-gray-900" }, Po = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Ro = { class: "truncate" }, Bo = { class: "flex flex-none items-center gap-x-4" }, Ao = ["href"], Lo = { class: "sr-only" }, Fo = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, No = [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)], zo = { name: "uiTaskList" }, $o = Object.assign(zo, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("ul", Fo, [(e(true), a(k, null, P(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, No))), 128))])) : (e(), a("ul", To, [(e(true), a(k, null, P(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", Io, [i("div", _o, [i("p", jo, _(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", Po, [i("p", Ro, _(t3.description), 1)])]), i("div", Bo, [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", Lo, ", " + _(t3.name), 1)], 8, Ao)])]))), 128))])) });
|
|
2251
2251
|
"undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self && self;
|
|
2252
|
-
function
|
|
2252
|
+
function Vo(e2) {
|
|
2253
2253
|
return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
|
|
2254
2254
|
}
|
|
2255
2255
|
!function(e2) {
|
|
@@ -2260,7 +2260,7 @@ function $o(e2) {
|
|
|
2260
2260
|
return e3 + "º";
|
|
2261
2261
|
} };
|
|
2262
2262
|
l2.default.locale(n2, null, true);
|
|
2263
|
-
}(
|
|
2263
|
+
}(q);
|
|
2264
2264
|
!function(e2) {
|
|
2265
2265
|
function t2(e3) {
|
|
2266
2266
|
return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
|
|
@@ -2274,7 +2274,7 @@ function $o(e2) {
|
|
|
2274
2274
|
return e3 + ".";
|
|
2275
2275
|
}, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: a2, m: a2, mm: a2, h: a2, hh: a2, d: a2, dd: a2, M: a2, MM: a2, y: a2, yy: a2 } };
|
|
2276
2276
|
l2.default.locale(o2, null, true);
|
|
2277
|
-
}(
|
|
2277
|
+
}(q);
|
|
2278
2278
|
"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), "January_February_March_April_May_June_July_August_September_October_November_December".split("_");
|
|
2279
2279
|
!function(e2) {
|
|
2280
2280
|
function t2(e3) {
|
|
@@ -2284,53 +2284,53 @@ function $o(e2) {
|
|
|
2284
2284
|
return e3 + (1 === e3 ? "er" : "");
|
|
2285
2285
|
} };
|
|
2286
2286
|
l2.default.locale(n2, null, true);
|
|
2287
|
-
}(
|
|
2288
|
-
const
|
|
2287
|
+
}(q);
|
|
2288
|
+
const Ho = (e2, t2) => {
|
|
2289
2289
|
const l2 = e2.__vccOpts || e2;
|
|
2290
2290
|
for (const [e3, n2] of t2)
|
|
2291
2291
|
l2[e3] = n2;
|
|
2292
2292
|
return l2;
|
|
2293
|
-
},
|
|
2294
|
-
const
|
|
2295
|
-
return
|
|
2293
|
+
}, Yo = { class: "dateSelector flex items-center text-white flex-row" }, qo = { class: "pagination flex items-center my-1 md:my-0" }, Uo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Wo = { class: "pagination flex items-center my-1 sm:my-0" };
|
|
2294
|
+
const Ko = Ho({ name: "dateSelector", components: { ChevronLeftIcon: fn, ChevronRightIcon: mn }, computed: { currentDate() {
|
|
2295
|
+
return q(this.selectedDate).locale("es").format("DD MMM. YYYY");
|
|
2296
2296
|
} }, props: { selectedDate: { type: Object, required: true } }, methods: { selectDate(e2, t2) {
|
|
2297
2297
|
let l2;
|
|
2298
|
-
"previous" === t2 && ("day" === e2 && (l2 =
|
|
2298
|
+
"previous" === t2 && ("day" === e2 && (l2 = q(this.selectedDate).subtract(1, "day")), "month" === e2 && (l2 = q(this.selectedDate).subtract(1, "month")), "year" === e2 && (l2 = q(this.selectedDate).subtract(1, "year"))), "next" === t2 && ("day" === e2 && (l2 = q(this.selectedDate).add(1, "day")), "month" === e2 && (l2 = q(this.selectedDate).add(1, "month")), "year" === e2 && (l2 = q(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l2);
|
|
2299
2299
|
} } }, [["render", function(t2, l2, n2, r2, s2, d2) {
|
|
2300
2300
|
const u2 = $("ChevronLeftIcon"), c2 = $("ChevronRightIcon");
|
|
2301
|
-
return e(), a("div",
|
|
2302
|
-
}]]),
|
|
2303
|
-
const
|
|
2304
|
-
return e(), a("div",
|
|
2301
|
+
return e(), a("div", Yo, [i("div", qo, [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) => d2.selectDate("year", "previous")) }, [o(u2, { class: "h-4" }), o(u2, { class: "h-4 -ml-3" }), o(u2, { 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) => d2.selectDate("month", "previous")) }, [o(u2, { class: "h-4" }), o(u2, { 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) => d2.selectDate("day", "previous")) }, [o(u2, { class: "h-4" })])]), i("div", Uo, _(d2.currentDate), 1), i("div", Wo, [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) => d2.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) => d2.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) => d2.selectDate("year", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" }), o(c2, { class: "h-4 -ml-3" })])])]);
|
|
2302
|
+
}]]), Jo = { name: "SkeletonTable" }, Go = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Zo = { class: "flow-root" }, Xo = { 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" }, er = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, tr = { class: "min-w-full divide-y divide-gray-300" }, lr = 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), nr = { class: "divide-y divide-gray-200 bg-white" }, ar = [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)];
|
|
2303
|
+
const or = Ho(Jo, [["render", function(t2, l2, n2, o2, r2, s2) {
|
|
2304
|
+
return e(), a("div", Go, [i("div", Zo, [i("div", Xo, [i("div", Qo, [i("div", er, [i("table", tr, [lr, i("tbody", nr, [(e(), a(k, null, P(10, (e2) => i("tr", { key: e2 }, ar)), 64))])])])])])])]);
|
|
2305
2305
|
}]]);
|
|
2306
|
-
var
|
|
2307
|
-
|
|
2306
|
+
var rr = { exports: {} };
|
|
2307
|
+
rr.exports = function(e2, t2, l2) {
|
|
2308
2308
|
t2.prototype.isToday = function() {
|
|
2309
2309
|
var e3 = "YYYY-MM-DD", t3 = l2();
|
|
2310
2310
|
return this.format(e3) === t3.format(e3);
|
|
2311
2311
|
};
|
|
2312
2312
|
};
|
|
2313
|
-
const
|
|
2314
|
-
const
|
|
2315
|
-
return
|
|
2313
|
+
const ir = Vo(rr.exports), sr = { class: "text-xs" }, dr = { class: "font-bold text-lg" }, ur = { class: "text-xs font-medium" };
|
|
2314
|
+
const cr = Ho({ name: "calendarDay", props: { day: Object }, computed: { currentDay() {
|
|
2315
|
+
return q.extend(ir), { dayName: q(this.day).locale("es").format("ddd"), day: q(this.day).locale("es").format("DD"), month: q(this.day).locale("es").format("MMM."), isWeekend: 6 == q(this.day).format("d") || 0 == q(this.day).format("d"), isToday: q(this.day).isToday() };
|
|
2316
2316
|
} } }, [["render", function(t2, l2, o2, r2, s2, d2) {
|
|
2317
|
-
return e(), a("div", { class: n(["day select-none text-center", { "bg-indigo-200 text-white": d2.currentDay.isWeekend, "bg-[#0ff] text-white": d2.currentDay.isToday }]) }, [i("p",
|
|
2318
|
-
}]]),
|
|
2319
|
-
return { isWeekend: 6 ==
|
|
2320
|
-
} } },
|
|
2321
|
-
const
|
|
2322
|
-
return e(), a("div",
|
|
2323
|
-
}]]), uiButton:
|
|
2317
|
+
return e(), a("div", { class: n(["day select-none text-center", { "bg-indigo-200 text-white": d2.currentDay.isWeekend, "bg-[#0ff] text-white": d2.currentDay.isToday }]) }, [i("p", sr, _(d2.currentDay.dayName), 1), i("p", dr, _(d2.currentDay.day), 1), i("p", ur, _(d2.currentDay.month), 1)], 2);
|
|
2318
|
+
}]]), pr = { name: "dayPrice", props: { currency: String, price: Object, basePrice: Number, isBasePrice: { type: Boolean, default: false } }, computed: { currentDay() {
|
|
2319
|
+
return { isWeekend: 6 == q(this.price.date).format("d") || 0 == q(this.price.date).format("d"), price: this.price.price };
|
|
2320
|
+
} } }, gr = { class: "priceDay" };
|
|
2321
|
+
const fr = { 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: Ko, Day: cr, Price: Ho(pr, [["render", function(t2, l2, o2, r2, s2, d2) {
|
|
2322
|
+
return e(), a("div", gr, [i("div", { class: n([{ "bg-indigo-200 text-white": d2.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"]) }, _(d2.currentDay.price) + _(o2.currency), 3)]);
|
|
2323
|
+
}]]), uiButton: te, SkeletonTable: or }, computed: { days() {
|
|
2324
2324
|
let e2 = [];
|
|
2325
2325
|
for (let t2 = 0; t2 < this.showDays; t2++)
|
|
2326
|
-
e2.push(
|
|
2326
|
+
e2.push(q(this.date).add(t2, "day"));
|
|
2327
2327
|
return e2;
|
|
2328
2328
|
}, indeterminate() {
|
|
2329
2329
|
return this.selectedRooms.length > 0 && this.selectedRooms.length < this.rooms.length;
|
|
2330
2330
|
} }, methods: { changeDate(e2) {
|
|
2331
|
-
|
|
2331
|
+
q(e2).isBefore(this.today) || (this.date = e2, this.$emit("dateChanged", this.date));
|
|
2332
2332
|
}, getSelectionBasePrice(e2) {
|
|
2333
|
-
let t2 = this.category.selectionPrices.find((t3) =>
|
|
2333
|
+
let t2 = this.category.selectionPrices.find((t3) => q(t3.date).isSame(e2.date));
|
|
2334
2334
|
return t2 ? t2.price : e2.price;
|
|
2335
2335
|
}, changeCategoryBulkPrices() {
|
|
2336
2336
|
this.$emit("changeCategoryBulkPrices");
|
|
@@ -2342,44 +2342,44 @@ const gr = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
|
|
|
2342
2342
|
this.$emit("tableAction", e2);
|
|
2343
2343
|
}, changeRoomPrice(e2) {
|
|
2344
2344
|
this.$emit("changeRoomPrice", e2);
|
|
2345
|
-
} } },
|
|
2346
|
-
const
|
|
2345
|
+
} } }, mr = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, vr = { class: "flow-root" }, hr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, br = { class: "inline-block min-w-full align-middle" }, yr = { class: "min-w-full text-sm" }, xr = { class: "bg-white" }, wr = { 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" }, kr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Sr = { key: 0 }, Cr = { colspan: "6", class: "pl-4" }, Or = { key: 1 }, Mr = { colspan: "6", class: "pl-4" }, Dr = { key: 2 }, Er = { colspan: "6", class: "pl-4" }, Tr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, Ir = { 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" }, _r = ["onClick"], jr = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, Pr = ["checked", "indeterminate"], Rr = { class: "pl-6" }, Br = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Ar = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Lr = 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), Fr = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, Nr = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, zr = ["value"], $r = { class: "pl-6" }, Vr = { colspan: "2", class: "pl-4" }, Hr = { colspan: "2", class: "pl-4" };
|
|
2346
|
+
const Yr = Ho(fr, [["render", function(l2, r2, s2, d2, u2, c2) {
|
|
2347
2347
|
var _a2, _b;
|
|
2348
2348
|
const p2 = $("DateSelector"), g2 = $("Day"), f2 = $("uiButton"), m2 = $("Price"), v2 = $("SkeletonTable");
|
|
2349
|
-
return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div",
|
|
2350
|
-
}]]),
|
|
2349
|
+
return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div", mr, [i("div", vr, [i("div", hr, [i("div", br, [i("table", yr, [i("tbody", xr, [i("tr", null, [i("th", wr, [o(p2, { selectedDate: l2.date, onDateSelected: r2[0] || (r2[0] = (e2) => c2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), a(k, null, P(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", kr, [i("span", null, _(s2.literals.category) + " " + _(s2.category.name), 1), o(f2, { loading: s2.loading, class: "ml-4", size: "small", onClick: c2.changeCategoryBulkPrices }, { default: T(() => [I(_(s2.literals.changeInBulk), 1)]), _: 1 }, 8, ["loading", "onClick"])])]), "discounts" === s2.type ? (e(), a("tr", Sr, [i("td", Cr, _(s2.literals.pricesDiscount), 1), (e(true), a(k, null, P(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", Or, [i("td", Mr, _(s2.literals.pricesSelection), 1), (e(true), a(k, null, P(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", Dr, [i("td", Er, _(s2.literals.pricesUpgrade), 1), (e(true), a(k, null, P(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", Tr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = s2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Ir, [(e(true), a(k, null, P(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, _r))), 128))])) : R("", true), i("span", null, _(s2.literals.pricesSelection), 1)])]), i("tr", null, [i("th", jr, [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, Pr), i("span", Rr, _(s2.literals.room), 1)]), i("th", Br, _(s2.literals.building), 1), i("th", Ar, _(s2.literals.floor), 1), Lr]), (e(true), a(k, null, P(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", Fr, [l2.selectedRooms.includes(t2.name) ? (e(), a("div", Nr)) : 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, zr), [[V, l2.selectedRooms]]), i("span", $r, _(t2.name), 1)]), i("td", Vr, _(t2.building), 1), i("td", Hr, _(t2.floor), 1), (e(true), a(k, null, P(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))])])])])])]));
|
|
2350
|
+
}]]), qr = { class: "chart-selector flex flex-row items-center justify-center" }, Ur = { name: "rangeSelector" }, Wr = Object.assign(Ur, { props: { range: { type: String } }, emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
|
|
2351
2351
|
const o2 = l2, r2 = t2;
|
|
2352
2352
|
let s2 = d(() => r2.range);
|
|
2353
2353
|
const c2 = (e2) => {
|
|
2354
2354
|
s2.value = e2, o2("rangeSelected", e2);
|
|
2355
2355
|
};
|
|
2356
|
-
return (t3, l3) => (e(), a("ul",
|
|
2357
|
-
} }),
|
|
2356
|
+
return (t3, l3) => (e(), a("ul", qr, [i("li", { class: n({ selected: "24h" === u(s2) }), onClick: l3[0] || (l3[0] = (e2) => c2("24h")) }, " 24H ", 2), i("li", { class: n({ selected: "7d" === u(s2) }), onClick: l3[1] || (l3[1] = (e2) => c2("7d")) }, "7D", 2), i("li", { class: n({ selected: "1m" === u(s2) }), onClick: l3[2] || (l3[2] = (e2) => c2("1m")) }, "1M", 2), i("li", { class: n({ selected: "3m" === u(s2) }), onClick: l3[3] || (l3[3] = (e2) => c2("3m")) }, "3M", 2)]));
|
|
2357
|
+
} }), Kr = { class: "chart-header flex flex-row justify-between" }, Jr = { class: "text-sm font-medium text-gray-500 truncate" }, Gr = { class: "chart-content" }, Zr = { class: "h-full w-full flex items-center justify-center flex-col" }, Xr = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Qr = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ei = [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)], ti = { name: "uiChart" }, li = Object.assign(ti, { props: { title: String, id: { type: String, default: "noChartId" }, type: { type: String, default: "area" }, series: { type: Array, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, horizontal: { type: Boolean, default: false }, stacked: { type: Boolean, default: false }, height: { type: Number, default: 320 }, annotations: { type: Object } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
|
|
2358
2358
|
const r2 = l2, s2 = t2;
|
|
2359
2359
|
let c2 = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: true }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } } };
|
|
2360
2360
|
s2.annotations && (c2.annotations = { yaxis: [{ y: s2.annotations.high, borderColor: "#4f46e5", label: { borderColor: "#4f46e5", style: { color: "#fff", background: "#4f46e5" }, text: s2.annotations.text } }] }), "area" === s2.type && (c2.tooltip = { intersect: true, shared: false });
|
|
2361
2361
|
const p2 = d(() => s2.series), g2 = d(() => (c2.chart.stacked = s2.stacked, { ...c2, ...s2.options, plotOptions: { bar: { horizontal: s2.horizontal } } })), f2 = () => r2("chartUpdated"), m2 = (e2, t3, l3) => {
|
|
2362
2362
|
r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
|
|
2363
2363
|
};
|
|
2364
|
-
return (l3, r3) => (e(), a(k, 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",
|
|
2365
|
-
} }),
|
|
2366
|
-
const
|
|
2367
|
-
return e(), a("footer",
|
|
2368
|
-
}]]),
|
|
2364
|
+
return (l3, r3) => (e(), a(k, 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", Kr, [i("div", Jr, _(t2.title), 1), o(Wr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Gr, [o(u(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", Zr, [o(G, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Xr], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Qr, ei, 512), [[L, t2.loading]])], 64));
|
|
2365
|
+
} }), ni = { name: "uiFooter" }, ai = { class: "bg-white" }, oi = [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)];
|
|
2366
|
+
const ri = Ho(ni, [["render", function(t2, l2, n2, o2, r2, i2) {
|
|
2367
|
+
return e(), a("footer", ai, oi);
|
|
2368
|
+
}]]), ii = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), si = { name: "uiLoadScreen" }, di = Object.assign(si, { 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"]) }, [ii, 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)) }), ui = { key: 0, class: "py-6 flex items-center justify-between" }, ci = { class: "flex-1 flex justify-between sm:hidden" }, pi = { 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" }, gi = { 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" }, fi = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, mi = { class: "text-sm text-gray-700" }, vi = { class: "font-bold" }, hi = { class: "font-bold" }, bi = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, yi = { class: "sr-only" }, xi = ["onClick"], wi = { class: "sr-only" }, ki = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, Si = [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)], Ci = { name: "uiPagination" }, Oi = Object.assign(Ci, { props: { current: { type: Number, requires: true }, total: { type: Number, requires: true }, loading: { type: Boolean, default: true } }, emits: ["changePage"], setup(t2, { emit: l2 }) {
|
|
2369
2369
|
const c2 = l2, p2 = t2, g2 = s(3), f2 = d(() => Math.max(1, Number(p2.current) - Number(g2.value))), m2 = d(() => Math.min(Number(p2.current) + Number(g2.value), Number(p2.total))), v2 = d(() => {
|
|
2370
2370
|
let e2 = [];
|
|
2371
2371
|
for (let t3 = Number(f2.value); t3 <= Number(m2.value); t3++)
|
|
2372
2372
|
e2.push(t3);
|
|
2373
2373
|
return e2;
|
|
2374
2374
|
});
|
|
2375
|
-
return (l3, s2) => t2.loading ? (e(), a("div",
|
|
2376
|
-
} }),
|
|
2375
|
+
return (l3, s2) => t2.loading ? (e(), a("div", ki, Si)) : (e(), a("div", ui, [i("div", ci, [i("a", pi, [r(l3.$slots, "previous")]), i("a", gi, [r(l3.$slots, "next")])]), i("div", fi, [i("div", null, [i("p", mi, [r(l3.$slots, "showing"), I(), i("span", vi, _(t2.current + " "), 1), r(l3.$slots, "of"), I(), i("span", hi, _(t2.total), 1)])]), i("div", null, [i("nav", bi, [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", yi, [r(l3.$slots, "previous")]), o(u(fn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, 1 !== t2.current]]), (e(true), a(k, null, P(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, xi))), 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", wi, [r(l3.$slots, "next")]), o(u(mn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, t2.current !== t2.total]])])])])]));
|
|
2376
|
+
} }), Mi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Di = { class: "flex flex-col flex-grow overflow-y-auto" }, Ei = { class: "grow flex flex-col" }, Ti = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, Ii = { key: 0 }, _i = ["onClick"], ji = { key: 0, class: "text-left" }, Pi = { key: 0, class: "flex-1 text-left" }, Ri = { key: 1, class: "flex-1" }, Bi = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], Ai = { key: 0, class: "align-left" }, Li = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, Fi = { class: "h-12 flex flex-row items-center" }, Ni = [i("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1), i("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)], zi = { name: "uiSidebar" }, $i = Object.assign(zi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: r2 }) {
|
|
2377
2377
|
const s2 = r2;
|
|
2378
|
-
return (r3, d2) => (e(), a("div",
|
|
2379
|
-
} }),
|
|
2378
|
+
return (r3, d2) => (e(), a("div", Mi, [i("div", Di, [i("div", Ei, [i("nav", Ti, [l2.loading ? (e(), a(k, { key: 1 }, P(5, (e2) => i("div", Fi, Ni)), 64)) : (e(true), a(k, { key: 0 }, P(l2.navigation, (r4) => (e(), a(k, { key: r4.name }, [r4.children ? (e(), t(u(Ml), { key: 1, as: "div", class: "space-y-1" }, { default: T(({ open: i2 }) => [o(u(Dl), { 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: T(() => [o(G, { 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", Ri, Bi)) : (e(), a("span", Pi, _(r4.name), 1)), o(u(mn), { 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(u(El), { class: "space-y-1" }, { default: T(() => [(e(true), a(k, null, P(r4.children, (o2) => (e(), t(u(Dl), { onClick: (e2) => s2("sideBarClick", o2.id), key: o2.name, class: n([o2.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"]) }, { default: T(() => [l2.loading ? (e(), a("div", Li)) : (e(), a("span", Ai, _(o2.name), 1))]), _: 2 }, 1032, ["onClick", "class"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), a("div", Ii, [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(G, { loading: l2.loading, icon: r4.icon, class: n([r4.current ? "text-white" : "text-gray-400 group-hover:text-gray-500", "mr-3 flex-shrink-0 h-6 w-6"]), "aria-hidden": "true" }, null, 8, ["loading", "icon", "class"]), l2.loading ? R("", true) : (e(), a("span", ji, _(r4.name), 1))], 10, _i)]))], 64))), 128))])])])]));
|
|
2379
|
+
} }), Vi = { key: 0 }, Hi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Yi = { class: "ml-16 flex items-baseline pb-5" }, qi = { class: "text-2xl font-semibold text-gray-900" }, Ui = { key: 0, class: "text-black ml-2 flex items-baseline text-sm font-semibold" }, Wi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Ki = { class: "text-sm" }, Ji = { key: 1 }, Gi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Zi = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Xi = 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), Qi = 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), es = { name: "uiStats" }, ts = Object.assign(es, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: r2 }) {
|
|
2380
2380
|
const s2 = r2;
|
|
2381
|
-
return (r3, d2) => l2.loading ? (e(), a("div",
|
|
2382
|
-
} }),
|
|
2381
|
+
return (r3, d2) => l2.loading ? (e(), a("div", Ji, [i("div", Gi, [i("dt", null, [i("div", Zi, [o(G, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Xi, Qi])])])) : (e(), a("div", Vi, [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(G, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", Hi, _(l2.item.name), 1)]), i("dd", Yi, [i("p", qi, _(l2.item.stat), 1), l2.item.explanation ? (e(), a("p", Ui, _(l2.item.explanation), 1)) : R("", true), l2.item.changeType ? (e(), a("p", { key: 1, class: n([{ "text-green-600": "increase" === l2.item.changeType, "text-red-600": "decrease" === l2.item.changeType, "text-black": "neutral" === l2.item.changeType }, "ml-2 flex items-baseline text-sm font-semibold"]) }, ["increase" === l2.item.changeType ? (e(), t(u(dn), { 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(u(sn), { 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", Wi, [i("div", Ki, [i("span", { onClick: d2[0] || (d2[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)]));
|
|
2382
|
+
} }), ls = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, ns = { class: "px-4 py-5 sm:px-6" }, as = { class: "text-lg font-medium leading-6 text-gray-900" }, os = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, rs = { class: "border-t border-gray-200" }, is = { class: "text-sm font-medium text-gray-500" }, ss = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, ds = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, us = ["onClick"], cs = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, ps = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, gs = 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), fs = { class: "border-t border-gray-200" }, ms = [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)], vs = { name: "uiStripedCard" }, hs = Object.assign(vs, { 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", ps, [gs, i("div", fs, [i("dl", null, [(e(), a(k, null, P(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"]]) }, ms, 2)), 64))])])])) : (e(), a("div", ls, [i("div", ns, [i("h3", as, _(l2.title), 1), i("p", os, _(l2.subtitle), 1)]), i("div", rs, [i("dl", null, [(e(true), a(k, null, P(l2.items, (s3, d2) => (e(), a("div", { key: d2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [d2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", is, _(s3.title), 1), "tag" === s3.type ? (e(), a("dd", ss, [o(pa, { color: s3.color }, { default: T(() => [I(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), a("dd", ds, [(e(true), a(k, null, P(s3.tags, (n2, a2) => (e(), t(pa, { loading: l2.loading, key: a2, color: n2.color, class: "mr-2 mb-2" }, { default: T(() => [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, us)) : (e(), a("dd", cs, _(s3.text), 1))], 2))), 128))])])])) }), bs = { 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" }, ys = 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), xs = { class: "ml-2" }, ws = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, n2) => (e(), a("div", bs, [ys, i("div", null, [o(G, { icon: u(kn), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", xs, _(t2.tip), 1)])) }, ks = { key: 0 }, Ss = { class: "flex flex-col" }, Cs = { class: "-my-2 overflow-x-auto" }, Os = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ms = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ds = { 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" }, Es = ["onClick"], Ts = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Is = { class: "bg-gray-50" }, _s = ["checked", "indeterminate"], js = ["onMouseover", "onMouseleave"], Ps = ["onClick"], Rs = { key: 2, class: "group flex items-center uppercase text-xs" }, Bs = { class: "divide-y divide-gray-200 bg-white" }, As = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Ls = ["value"], Fs = ["onClick"], Ns = ["href"], zs = { key: 3 }, $s = { name: "uiTable" }, Vs = Object.assign($s, { 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 }) {
|
|
2383
2383
|
let c2 = s([]);
|
|
2384
2384
|
s(false);
|
|
2385
2385
|
let p2 = s(void 0);
|
|
@@ -2388,30 +2388,30 @@ const oi = Vo(li, [["render", function(t2, l2, n2, o2, r2, i2) {
|
|
|
2388
2388
|
};
|
|
2389
2389
|
return (r3, s2) => {
|
|
2390
2390
|
var _a2, _b;
|
|
2391
|
-
return l2.loading ? (e(), t(
|
|
2391
|
+
return l2.loading ? (e(), t(or, { key: 1 })) : (e(), a("div", ks, [i("div", Ss, [i("div", Cs, [i("div", Os, [i("div", Ms, [((_a2 = u(c2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Ds, [(e(true), a(k, null, P(l2.actions, (t2, l3) => (e(), a("button", { onClick: (e2) => g2("tableAction", { action: t2.id, items: u(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, Es))), 128))])) : R("", true), i("table", Ts, [i("thead", Is, [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 || u(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) => H(c2) ? c2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : c2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, _s)) : R("", true)], 2), (e(true), a(k, null, P(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(ws, { key: 0, tip: r4.tooltip }, null, 8, ["tip"])), [[L, u(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(G, { icon: "asc" === l2.orderDirection ? u(gn) : u(hn), loading: l2.loading, color: r4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, Ps)) : (e(), a("p", Rs, [i("span", null, _(r4.name), 1)]))], 40, js))), 128))])]), i("tbody", Bs, [(e(true), a(k, null, P(l2.items, (o2, r4) => {
|
|
2392
2392
|
var _a3, _b2;
|
|
2393
|
-
return e(), a("tr", { key: o2.id, class: n([u(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"]) }, [u(c2).includes(o2.id) ? (e(), a("div",
|
|
2393
|
+
return e(), a("tr", { key: o2.id, class: n([u(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"]) }, [u(c2).includes(o2.id) ? (e(), a("div", As)) : R("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? B((e(), a("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => H(c2) ? c2.value = e2 : c2 = e2), value: o2.id, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap", type: "checkbox" }, null, 8, Ls)), [[V, u(c2)]]) : R("", true)], 2), (e(true), a(k, null, P(o2.row, (r5, i2) => (e(), a("td", { key: i2, class: n(["whitespace-nowrap py-4 pr-3 text-sm", u(c2).includes(o2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof r5 && "tag" === r5.type ? (e(), t(pa, { key: 0, loading: l2.loading, color: r5.color }, { default: T(() => [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, Fs)) : "object" == typeof r5 && "href" === r5.type ? (e(), a("a", { key: 2, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", href: r5.href, target: "_blank" }, _(r5.content), 9, Ns)) : (e(), a("span", zs, _(r5), 1))], 2))), 128))], 2);
|
|
2394
2394
|
}), 128))])])])])])])]));
|
|
2395
2395
|
};
|
|
2396
|
-
} }),
|
|
2396
|
+
} }), Hs = { class: "lg:hidden" }, Ys = ["value"], qs = { class: "hidden lg:block" }, Us = { class: "border-b border-gray-200" }, Ws = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, Ks = ["onClick", "aria-current"], Js = { name: "uiTabs" }, Gs = Object.assign(Js, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
|
|
2397
2397
|
const o2 = l2;
|
|
2398
|
-
return (l3, r2) => (e(), a("div", null, [i("div",
|
|
2398
|
+
return (l3, r2) => (e(), a("div", null, [i("div", Hs, [i("select", { onChange: r2[0] || (r2[0] = (e2) => {
|
|
2399
2399
|
o2("tabClicked", e2.target.value);
|
|
2400
|
-
}), 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(k, null, P(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9,
|
|
2401
|
-
} }),
|
|
2400
|
+
}), 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(k, null, P(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9, Ys))), 128))], 32)]), i("div", qs, [i("div", Us, [i("nav", Ws, [(e(true), a(k, null, P(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, Ks))), 128))])])])]));
|
|
2401
|
+
} }), Zs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, Xs = { class: "px-4 py-5 sm:px-6" }, Qs = { class: "text-xl font-bold" }, ed = { key: 0, class: "px-4 py-5 sm:p-6" }, td = { class: "flow-root" }, ld = { class: "-mb-8", role: "list" }, nd = { class: "relative pb-8" }, ad = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, od = { class: "relative flex space-x-3" }, rd = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, id = { class: "text-sm text-gray-500" }, sd = ["onClick"], dd = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, ud = ["datetime"], cd = { key: 1, class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, pd = { class: "text-sm" }, gd = { key: 2, class: "h-full w-full flex items-center justify-center flex-col mb-5" }, fd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), md = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, vd = 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), hd = { class: "px-4 py-5 sm:p-6 animate-pulse" }, bd = { class: "flow-root" }, yd = { class: "relative pb-8" }, xd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, wd = i("div", { class: "relative flex space-x-3" }, [i("div", null, [i("span", { class: "h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white" })]), i("div", { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, [i("div", null, [i("p", { class: "text-sm text-gray-500 flex-1" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full" })])]), i("div", { class: "text-right text-sm whitespace-nowrap text-gray-500 flex-1" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])])], -1), kd = 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), Sd = { name: "uiTimeline" }, Cd = Object.assign(Sd, { props: { name: { type: String, required: true }, timeline: { type: Object, default: () => {
|
|
2402
2402
|
} }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup(t2) {
|
|
2403
2403
|
const l2 = O(t2.timeline);
|
|
2404
2404
|
return (r2, s2) => {
|
|
2405
2405
|
const d2 = $("uiIcon");
|
|
2406
|
-
return t2.loading ? (e(), a("div",
|
|
2406
|
+
return t2.loading ? (e(), a("div", md, [vd, i("div", hd, [i("div", bd, [o(Y, { name: "list", tag: "ul", class: "-mb-8", role: "list" }, { default: T(() => [(e(), a(k, null, P(10, (t3, l3) => i("li", { key: l3 }, [i("div", yd, [10 !== t3 ? (e(), a("span", xd)) : R("", true), wd])])), 64))]), _: 1 })])]), kd])) : (e(), a("div", Zs, [i("div", Xs, [i("h1", Qs, _(t2.name), 1)]), l2.items ? (e(), a("div", ed, [i("div", td, [i("ul", ld, [(e(true), a(k, null, P(l2.items, (s3, u2) => {
|
|
2407
2407
|
var _a2;
|
|
2408
|
-
return e(), a("li", { key: u2 }, [i("div",
|
|
2409
|
-
}), 128))])])])) : R("", true), l2.items ? (e(), a("div",
|
|
2408
|
+
return e(), a("li", { key: u2 }, [i("div", nd, [u2 < ((_a2 = l2.items) == null ? void 0 : _a2.length) - 1 ? (e(), a("span", ad)) : R("", true), i("div", od, [i("div", null, [i("span", { class: n([(s3 == null ? void 0 : s3.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(d2, { loading: t2.loading, icon: s3 == null ? void 0 : s3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", rd, [i("div", null, [i("p", id, [i("a", { onClick: (e2) => r2.$emit("timelineEventClicked", s3 == null ? void 0 : s3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(s3 == null ? void 0 : s3.target), 9, sd), I(" " + _(s3 == null ? void 0 : s3.content), 1)])]), i("div", dd, [i("time", { datetime: s3 == null ? void 0 : s3.datetime }, _(s3 == null ? void 0 : s3.date), 9, ud)])])])])]);
|
|
2409
|
+
}), 128))])])])) : R("", true), l2.items ? (e(), a("div", cd, [i("div", pd, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: s2[0] || (s2[0] = (e2) => r2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])])) : (e(), a("div", gd, [o(G, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), fd]))]));
|
|
2410
2410
|
};
|
|
2411
|
-
} }), Od = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure:
|
|
2411
|
+
} }), Od = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: Ml, DisclosureButton: Dl, DisclosurePanel: El, Menu: Al, MenuButton: Ll, MenuItem: Nl, MenuItems: Fl, Bars3Icon: function(t2, l2) {
|
|
2412
2412
|
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" })]);
|
|
2413
|
-
}, XMarkIcon:
|
|
2414
|
-
const Jd =
|
|
2413
|
+
}, XMarkIcon: On } }, Md = { class: "mx-auto px-6 lg:px-8" }, Dd = { class: "flex justify-between h-20" }, Ed = { class: "flex" }, Td = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Id = i("span", { class: "sr-only" }, "Open main menu", -1), _d = ["src"], jd = { class: "flex items-center" }, Pd = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Rd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Bd = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], Ad = ["src"], Ld = ["onClick"], Fd = { class: "pt-2 pb-3 space-y-1" }, Nd = ["onClick"], zd = { class: "pt-4 pb-3 border-t border-gray-200" }, $d = { class: "flex items-center px-4 sm:px-6" }, Vd = { class: "flex-shrink-0" }, Hd = ["src"], Yd = { key: 0, class: "ml-3" }, qd = { class: "text-base font-medium text-gray-800" }, Ud = { class: "text-sm font-medium text-gray-500" }, Wd = { class: "mt-3 space-y-1" }, Kd = ["onClick"];
|
|
2414
|
+
const Jd = Ho(Od, [["render", function(l2, r2, s2, d2, u2, c2) {
|
|
2415
2415
|
const p2 = $("Bars3Icon"), g2 = $("XMarkIcon"), f2 = $("DisclosureButton"), m2 = $("MenuButton"), v2 = $("MenuItem"), h2 = $("MenuItems"), b2 = $("Menu"), y2 = $("DisclosurePanel"), x2 = $("Disclosure");
|
|
2416
2416
|
return e(), t(x2, { as: "nav", class: "bg-white shadow z-10" }, { default: T(({ open: d3 }) => [i("div", Md, [i("div", Dd, [i("div", Ed, [i("div", Td, [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: T(() => [Id, d3 ? (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, _d)])]), i("div", jd, [i("div", Pd, [o(b2, { as: "div", class: "ml-3 relative" }, { default: T(() => [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: T(() => [B(i("div", Rd, Bd, 512), [[L, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Ad)]), _: 1 }, 512), [[L, s2.accountLogo]])]), o(j, { "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: T(() => [o(h2, { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, { default: T(() => [(e(true), a(k, null, P(s2.profileMenu, (a2) => (e(), t(v2, { key: a2.name }, { default: T(({ 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, Ld)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), o(y2, { class: "lg:hidden" }, { default: T(() => [i("div", Fd, [(e(true), a(k, null, P(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: T(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, Nd)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", zd, [i("div", $d, [i("div", Vd, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Hd)]), s2.brand ? (e(), a("div", Yd, [i("div", qd, _(s2.brand.title), 1), i("div", Ud, _(s2.brand.subtitle), 1)])) : R("", true)]), i("div", Wd, [(e(true), a(k, null, P(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: T(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, Kd)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
|
|
2417
2417
|
}]]), Gd = { chart: { type: "bar", toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff"], dataLabels: { enabled: true, formatter: function(e2, t2) {
|
|
@@ -2420,36 +2420,36 @@ const Jd = Vo(Od, [["render", function(l2, r2, s2, d2, u2, c2) {
|
|
|
2420
2420
|
const r2 = l2, s2 = t2, c2 = d(() => ({ ...s2.options, ...Gd })), p2 = d(() => s2.series), g2 = () => r2("chartUpdated"), f2 = (e2, t3, l3) => {
|
|
2421
2421
|
r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
|
|
2422
2422
|
};
|
|
2423
|
-
return (l3, r3) => (e(), a(k, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", Zd, [i("div", Xd, _(t2.title), 1), o(
|
|
2424
|
-
} }), ru = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, iu = { class: "text-2xl mt-4 font-bold" }, su = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, du = { __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", ru, [o(
|
|
2423
|
+
return (l3, r3) => (e(), a(k, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", Zd, [i("div", Xd, _(t2.title), 1), o(Wr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Qd, [o(u(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", eu, [o(G, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), tu], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", lu, nu, 512), [[L, t2.loading]])], 64));
|
|
2424
|
+
} }), ru = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, iu = { class: "text-2xl mt-4 font-bold" }, su = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, du = { __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", ru, [o(G, { loading: false, icon: u(bn), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", iu, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", su, [(e(true), a(k, null, P(l2.actions, (l3, a2) => (e(), t(te, { key: a2, loading: false, onClick: (e2) => n3.$emit("action", l3.action) }, { default: T(() => [I(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, uu = i("div", { class: "fixed inset-0" }, null, -1), cu = { class: "fixed inset-0 overflow-hidden" }, pu = { class: "absolute inset-0 overflow-hidden" }, gu = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, fu = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, mu = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, vu = { class: "flex items-center justify-between" }, hu = { class: "ml-3 flex h-7 items-center" }, bu = i("span", { class: "absolute -inset-2.5" }, null, -1), yu = i("span", { class: "sr-only" }, "Close panel", -1), xu = { class: "mt-1" }, wu = { class: "text-sm text-indigo-300" }, ku = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Su = { name: "uiRightSidebar" }, Cu = Object.assign(Su, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: n2 }) {
|
|
2425
2425
|
const a2 = n2;
|
|
2426
|
-
return (n3, s2) => (e(), t(u(
|
|
2426
|
+
return (n3, s2) => (e(), t(u(rn), { as: "template", show: l2.open }, { default: T(() => [o(u(yl), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: T(() => [uu, i("div", cu, [i("div", pu, [i("div", gu, [o(u(an), { 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: T(() => [o(u(xl), { class: "pointer-events-auto w-screen max-w-md" }, { default: T(() => [i("div", fu, [i("div", mu, [i("div", vu, [o(u(wl), { class: "text-base font-semibold leading-6 text-white" }, { default: T(() => [I(_(l2.title), 1)]), _: 1 }), i("div", hu, [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")) }, [bu, yu, o(u(On), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", xu, [i("p", wu, _(l2.description), 1)])]), i("div", ku, [r(n3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
|
|
2427
2427
|
} }), Ou = { class: "uiGallery" }, Mu = { 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" }, Du = { 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" }, Eu = ["src"], Tu = ["onClick"], Iu = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, _u = { class: "flex items-center justify-between" }, ju = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Pu = { 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" }, Ru = [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)], Bu = { name: "uiGallery" }, Au = Object.assign(Bu, { props: { galleryId: String, gallery: Array, loading: Boolean, literals: Object }, setup(l2, { emit: n2 }) {
|
|
2428
2428
|
const r2 = n2, d2 = s(false);
|
|
2429
|
-
return (n3, s2) => (e(), a("div", Ou, [l2.loading ? R("", true) : (e(), t(
|
|
2429
|
+
return (n3, s2) => (e(), a("div", Ou, [l2.loading ? R("", true) : (e(), t(vo, { key: 0, open: d2.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) => {
|
|
2430
2430
|
return t2 = e2, d2.value = false, void r2("modalAction", t2);
|
|
2431
2431
|
var t2;
|
|
2432
|
-
}) }, { default: T(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul", Pu, [(e(), a(k, null, P(4, (e2) => i("li", null, Ru)), 64))])) : (e(), a("ul", Mu, [(e(true), a(k, null, P(l2.gallery, (t2) => (e(), a("li", { key: t2.source, class: "relative" }, [i("div", Du, [i("img", { src: t2.source, alt: "", class: "pointer-events-none object-cover group-hover:opacity-75" }, null, 8, Eu), i("button", { type: "button", class: "absolute inset-0 focus:outline-none", onClick: (e2) => n3.$emit("imgClicked", t2) }, null, 8, Tu)]), i("p", Iu, _(t2.title), 1), i("div", _u, [i("p", ju, _(t2.size), 1), o(
|
|
2432
|
+
}) }, { default: T(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul", Pu, [(e(), a(k, null, P(4, (e2) => i("li", null, Ru)), 64))])) : (e(), a("ul", Mu, [(e(true), a(k, null, P(l2.gallery, (t2) => (e(), a("li", { key: t2.source, class: "relative" }, [i("div", Du, [i("img", { src: t2.source, alt: "", class: "pointer-events-none object-cover group-hover:opacity-75" }, null, 8, Eu), i("button", { type: "button", class: "absolute inset-0 focus:outline-none", onClick: (e2) => n3.$emit("imgClicked", t2) }, null, 8, Tu)]), i("p", Iu, _(t2.title), 1), i("div", _u, [i("p", ju, _(t2.size), 1), o(G, { class: "cursor-pointer", icon: u(Sn), color: "red", loading: false, onClick: (e2) => r2("deleteImage", t2) }, null, 8, ["icon", "onClick"])])]))), 128))])), l2.gallery.length > 0 && !l2.loading ? (e(), t(te, { key: 3, onClick: s2[1] || (s2[1] = (e2) => d2.value = true), class: "mt-8", loading: false, color: "red", size: "small" }, { default: T(() => [I(_(l2.literals.deleteAllImages), 1)]), _: 1 })) : R("", true)]));
|
|
2433
2433
|
} }), Lu = { 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" }, Fu = { class: "flex flex-row items-center w-full" }, Nu = { class: "content text-sm grow" }, zu = { class: "font-bold" }, $u = { key: 0 }, Vu = { class: "font-bold text-gray-400" }, Hu = { key: 1, class: "animate-pulse" }, Yu = [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)], qu = { name: "uiDragAndDrop" }, Uu = Object.assign(qu, { props: { elements: { type: Array, required: true }, loading: true }, setup(l2) {
|
|
2434
2434
|
const n2 = l2;
|
|
2435
2435
|
let r2 = s(n2.elements);
|
|
2436
2436
|
return p(() => n2.elements, (e2) => {
|
|
2437
2437
|
r2.value = e2;
|
|
2438
|
-
}), (n3, s2) => l2.loading ? (e(), a("div", Hu, Yu)) : (e(), t(u(
|
|
2438
|
+
}), (n3, s2) => l2.loading ? (e(), a("div", Hu, Yu)) : (e(), t(u(W), { key: 0, modelValue: u(r2), "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => H(r2) ? r2.value = e2 : r2 = e2) }, { item: T(({ item: t2 }) => [i("div", Lu, [i("div", Fu, [o(G, { icon: u(un), loading: false, color: "gray", class: "mr-4", size: "big" }, null, 8, ["icon"]), i("div", Nu, [i("p", zu, _(t2.name), 1), t2.description ? (e(), a("p", $u, _(t2.description), 1)) : R("", true)]), i("div", Vu, _(u(r2).indexOf(t2) + 1), 1)])])]), _: 1 }, 8, ["modelValue"]));
|
|
2439
2439
|
} }), Wu = { class: "chart-header flex flex-row justify-between" }, Ku = { class: "text-sm font-medium text-gray-500 truncate" }, Ju = { class: "chart-content" }, Gu = { class: "h-full w-full flex items-center justify-center flex-col" }, Zu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Xu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Qu = [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)], ec = { name: "uiCircleChart" }, tc = Object.assign(ec, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Array, required: true }, labels: { type: Array, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
|
|
2440
2440
|
const r2 = l2, s2 = t2;
|
|
2441
2441
|
let c2 = { labels: s2.labels, chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: true, dropShadow: { enabled: false } } };
|
|
2442
2442
|
const p2 = d(() => s2.series), g2 = d(() => ({ ...c2, ...s2.options })), f2 = () => r2("chartUpdated"), m2 = (e2, t3, l3) => {
|
|
2443
2443
|
r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
|
|
2444
2444
|
};
|
|
2445
|
-
return (l3, r3) => (e(), a(k, 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", Wu, [i("div", Ku, _(t2.title), 1), o(
|
|
2445
|
+
return (l3, r3) => (e(), a(k, 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", Wu, [i("div", Ku, _(t2.title), 1), o(Wr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Ju, [o(u(U), { class: "flex items-center justify-center", type: "donut", series: p2.value, options: g2.value, height: t2.height, onUpdated: f2, onMounted: f2, onDataPointSelection: m2 }, null, 8, ["series", "options", "height"])], 512), [[L, !t2.empty]]), B(i("div", Gu, [o(G, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Zu], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Xu, Qu, 512), [[L, t2.loading]])], 64));
|
|
2446
2446
|
} }), lc = { key: 0, class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, nc = { key: 1, class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, ac = { name: "uiDateRange" }, oc = Object.assign(ac, { props: { id: { type: String, required: true }, loading: { type: Boolean, default: true }, literals: { type: Object, required: true }, color: String, values: { type: Object, default: () => ({ from: "", to: "" }) }, error: String, disabled: Boolean, label: String }, setup(t2) {
|
|
2447
2447
|
let l2 = O({ from: void 0, to: void 0 });
|
|
2448
|
-
return (r2, i2) => t2.loading ? (e(), a("div", nc, [o(
|
|
2448
|
+
return (r2, i2) => t2.loading ? (e(), a("div", nc, [o(Vn, { loading: true }), o(Vn, { loading: true }), o(te, { loading: true }, { default: T(() => [I("Search")]), _: 1 })])) : (e(), a("div", lc, [o(Vn, { type: "date", loading: false, addOn: t2.literals.from, name: `dateFrom_${t2.id}`, color: t2.color, value: t2.values.from, error: t2.error, disabled: t2.disabled, label: t2.label, onInputChanged: i2[0] || (i2[0] = (e2) => u(l2).from = e2.value) }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label"]), o(Vn, { type: "date", loading: false, class: n([{ "mt-6": t2.label }]), addOn: t2.literals.to, name: `dateTo_${t2.id}`, color: t2.color, value: t2.values.to, error: t2.error, disabled: t2.disabled, onInputChanged: i2[1] || (i2[1] = (e2) => u(l2).to = e2.value) }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled"]), o(te, { disabled: t2.disabled, color: "primary", loading: false, class: n([{ "mt-6": t2.label }, "h-10"]), onClick: i2[2] || (i2[2] = (e2) => r2.$emit("uiDateRangeButtonClicked", u(l2))) }, { default: T(() => [I(_(t2.literals.search), 1)]), _: 1 }, 8, ["disabled", "class"])]));
|
|
2449
2449
|
} }), rc = { class: "flex justify-between items-center" }, ic = { key: 0, class: "block text-sm font-medium text-gray-700" }, sc = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, dc = { key: 1, class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full" }, uc = { name: "uiRangeSlider" }, cc = Object.assign(uc, { props: { loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, min: Number, max: Number, sliderValue: [Array, Number], label: String, optional: String }, emits: ["sliderUpdated"], setup(l2, { emit: o2 }) {
|
|
2450
2450
|
const r2 = o2, d2 = s(l2.sliderValue);
|
|
2451
|
-
return (o3, s2) => (e(), a("div", null, [i("div", rc, [l2.label ? (e(), a("label", ic, _(l2.label), 1)) : R("", true), l2.optional ? (e(), a("span", sc, _(l2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": l2.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"]) }, [l2.loading ? (e(), a("p", dc)) : (e(), t(u(
|
|
2452
|
-
} }), pc = { class: "mt-1 mb-8 text-sm text-gray-500" }, gc = { name: "uiSectionTitle" }, fc = Object.assign(gc, { props: { title: { type: String, required: true }, description: { type: String, default: void 0 } }, setup: (t2) => (l2, o2) => (e(), a(k, null, [i("h3", { class: n(["text-lg font-medium leading-6 text-gray-900", { "mb-8": void 0 === t2.description }]) }, _(t2.title), 3), i("p", pc, _(t2.description), 1)], 64)) }), mc = { key: 0, class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow" }, vc = { class: "flex flex-1 flex-col p-8" }, hc = { class: "text-2xl font-bold text-gray-900" }, bc = { class: "mt-1 flex flex-grow flex-col justify-between" }, yc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, xc = { key: 1, class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow" }, wc = { class: "flex flex-1 flex-col p-8" }, kc = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Sc = i("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1), Cc = { class: "mt-1 flex flex-grow flex-col justify-between" }, Oc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Mc = { name: "uiDeviceStatus" }, Dc = Object.assign(Mc, { props: { id: { type: String, required: true }, name: { type: String, required: true }, icon: { type: Function, required: true }, color: String, qty: Number, tags: Array, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), a("div", xc, [i("div", wc, [i("div", kc, [o(
|
|
2451
|
+
return (o3, s2) => (e(), a("div", null, [i("div", rc, [l2.label ? (e(), a("label", ic, _(l2.label), 1)) : R("", true), l2.optional ? (e(), a("span", sc, _(l2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": l2.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"]) }, [l2.loading ? (e(), a("p", dc)) : (e(), t(u(K), { key: 0, modelValue: d2.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => d2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: s2[1] || (s2[1] = (e2) => r2("sliderUpdated", e2)), classes: { base: "w-full h-full relative z-1 bg-gray-300 rounded", tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-indigo-600 bg-indigo-600 transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block" } }, null, 8, ["modelValue", "min", "max", "disabled"]))], 2)]));
|
|
2452
|
+
} }), pc = { class: "mt-1 mb-8 text-sm text-gray-500" }, gc = { name: "uiSectionTitle" }, fc = Object.assign(gc, { props: { title: { type: String, required: true }, description: { type: String, default: void 0 } }, setup: (t2) => (l2, o2) => (e(), a(k, null, [i("h3", { class: n(["text-lg font-medium leading-6 text-gray-900", { "mb-8": void 0 === t2.description }]) }, _(t2.title), 3), i("p", pc, _(t2.description), 1)], 64)) }), mc = { key: 0, class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow" }, vc = { class: "flex flex-1 flex-col p-8" }, hc = { class: "text-2xl font-bold text-gray-900" }, bc = { class: "mt-1 flex flex-grow flex-col justify-between" }, yc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, xc = { key: 1, class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow" }, wc = { class: "flex flex-1 flex-col p-8" }, kc = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Sc = i("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1), Cc = { class: "mt-1 flex flex-grow flex-col justify-between" }, Oc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Mc = { name: "uiDeviceStatus" }, Dc = Object.assign(Mc, { props: { id: { type: String, required: true }, name: { type: String, required: true }, icon: { type: Function, required: true }, color: String, qty: Number, tags: Array, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), a("div", xc, [i("div", wc, [i("div", kc, [o(G, { icon: l2.icon, size: "huge", class: "text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])]), Sc, i("dl", Cc, [i("dd", Oc, [(e(true), a(k, null, P(l2.tags, (n2, a2) => (e(), t(pa, { key: a2, loading: l2.loading, event: n2.event, color: n2.color, onTagEvent: s2[2] || (s2[2] = (e2) => r2.$emit("deviceStatusTagClicked", e2)) }, { default: T(() => [I(_(n2.name), 1)]), _: 2 }, 1032, ["loading", "event", "color"]))), 128))])])])])) : (e(), a("div", mc, [i("div", vc, [i("div", { class: n(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", { "bg-green-500": !l2.color || "success" === l2.color, "bg-red-500": "danger" === l2.color, "bg-yellow-500": "warning" === l2.color }]) }, [o(G, { icon: l2.icon, size: "huge", class: "text-white", "aria-hidden": "true", loading: false }, null, 8, ["icon"])], 2), i("h3", hc, [I(_(l2.name) + " ", 1), B(i("span", { class: "text-indigo-600 hover:text-indigo-900 cursor-pointer", onClick: s2[0] || (s2[0] = (e2) => r2.$emit("deviceStatusQtyClicked", l2.id)) }, "(" + _(l2.qty) + ")", 513), [[L, l2.qty]])]), i("dl", bc, [i("dd", yc, [(e(true), a(k, null, P(l2.tags, (l3, n2) => (e(), t(pa, { key: n2, loading: false, event: l3.event, color: l3.color, onTagEvent: s2[1] || (s2[1] = (e2) => r2.$emit("deviceStatusTagClicked", e2)) }, { default: T(() => [I(_(l3.name), 1)]), _: 2 }, 1032, ["event", "color"]))), 128))])])])])) }), Ec = { uiButton: te, uiIcon: G, uiCheckbox: ue, uiDropdown: _n, uiInput: Vn, uiInputFile: na, uiSelect: sa, uiTag: pa, uiTextArea: ya, uiToggle: Oa, uiAlert: Aa, uiBreadcrumbs: Ua, uiCard: to, uiFilter: no, uiModal: vo, uiNotification: Eo, uiTaskList: $o, uiPriceCalendar: Yr, uiChart: li, uiFooter: ri, uiLoadingScreen: di, uiPagination: Oi, uiSidebar: $i, uiStats: ts, uiStripedCard: hs, uiTable: Vs, uiTabs: Gs, uiTimeline: Cd, uiTopbar: Jd, uiFunnelChartV2: ou, uiNoResults: du, uiRightSidebar: Cu, uiGallery: Au, uiDragAndDrop: Uu, uiCircleChart: tc, uiDateRange: oc, uiRangeSlider: cc, uiSectionTitle: fc, uiDeviceStatus: Dc }, Tc = { install(e2) {
|
|
2453
2453
|
Object.keys(Ec).forEach((t2) => {
|
|
2454
2454
|
e2.component(t2, Ec[t2]);
|
|
2455
2455
|
});
|