@hotelinking/ui 3.32.4 → 3.33.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui.es.js +59 -59
- package/dist/ui.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/ui.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as a, createElementBlock as n, createVNode as r, renderSlot as o, createElementVNode as i, ref as s, cloneVNode as u, h as d, Fragment as c, inject as p, provide as g, onMounted as f, watchEffect as m, nextTick as v, computed as y, defineComponent as b, toRaw as h, watch as x, onUnmounted as w, Teleport as k, reactive as S, unref as C, shallowRef as O, withCtx as D, createTextVNode as M, toDisplayString as _, Transition as P, renderList as
|
|
1
|
+
import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as a, createElementBlock as n, createVNode as r, renderSlot as o, createElementVNode as i, ref as s, cloneVNode as u, h as d, Fragment as c, inject as p, provide as g, onMounted as f, watchEffect as m, nextTick as v, computed as y, defineComponent as b, toRaw as h, watch as x, onUnmounted as w, Teleport as k, reactive as S, unref as C, shallowRef as O, withCtx as D, createTextVNode as M, toDisplayString as _, Transition as P, renderList as j, createCommentVNode as T, withDirectives as E, vModelDynamic as L, vShow as B, withModifiers as I, vModelText as R, createStaticVNode as A, resolveComponent as F, vModelCheckbox as N, isRef as $ } from "vue";
|
|
2
2
|
import H from "dayjs";
|
|
3
3
|
import V from "vue3-apexcharts";
|
|
4
4
|
import { VueFunnelGraph as Y } from "vue3-funnel-graph-js";
|
|
5
5
|
const z = { name: "uiIcon" }, q = Object.assign(z, { props: { icon: { type: Function, required: true }, size: { type: String, default: "normal" }, color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (r2) => (o2, i2) => r2.loading ? (e(), n("div", { key: 1, class: a([{ "h-4 w-4": "normal" === r2.size, "h-6 w-6": "big" === r2.size, "h-12 w-12": "huge" === r2.size, "h-20 w-20": "massive" === r2.size }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"]) }, null, 2)) : (e(), t(l(r2.icon), { key: 0, class: a({ "h-4 w-4": "normal" === r2.size, "h-6 w-6": "big" === r2.size, "h-12 w-12": "huge" === r2.size, "h-20 w-20": "massive" === r2.size, "text-indigo-600": "primary" === r2.color, "text-cyan-300": "secondary" === r2.color, "text-red-400": "red" === r2.color, "text-yellow-400": "yellow" === r2.color, "text-green-400": "green" === r2.color, "text-white": "white" === r2.color, "text-gray-300": "gray" === r2.color, "text-black": "black" === r2.color }) }, null, 8, ["class"])) }), U = ["disabled"], W = { 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" }, K = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), J = { name: "uiButton" }, G = Object.assign(J, { props: { color: { type: String, default: "primary" }, size: { type: String, default: "normal" }, icon: { type: Function, default: () => {
|
|
6
|
-
} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), n("button", W, [r(q, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), K])) : (e(), n("button", { key: 0, disabled: t2.disabled, class: a([{ "bg-indigo-600 hover:bg-indigo-800": "primary" === t2.color, "bg-cyan-300 hover:bg-cyan-500": "secondary" === t2.color, "bg-red-400 hover:bg-red-600": "red" === t2.color, "bg-yellow-400 hover:bg-yellow-600": "yellow" === t2.color, "bg-green-400 hover:bg-green-600": "green" === 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
|
|
6
|
+
} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), n("button", W, [r(q, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), K])) : (e(), n("button", { key: 0, disabled: t2.disabled, class: a([{ "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" }, [r(q, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), o(l2.$slots, "default")], 10, U)) }), X = { key: 0, class: "relative flex items-start" }, Z = { class: "flex items-center h-5" }, Q = ["checked", "value", "disabled"], ee = { class: "ml-3 text-sm" }, te = { class: "text-gray-500" }, le = { key: 1, class: "flex items-center animate-pulse" }, ae = [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)], ne = { name: "uiCheckbox" }, re = Object.assign(ne, { props: { disabled: { type: Boolean, default: false }, value: { type: String }, check: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, emits: ["checkboxChanged"], setup(t2, { emit: l2 }) {
|
|
7
7
|
const a2 = t2, r2 = s(a2.check);
|
|
8
8
|
return (s2, u2) => t2.loading ? (e(), n("div", le, ae)) : (e(), n("div", X, [i("div", Z, [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: u2[0] || (u2[0] = (e2) => {
|
|
9
9
|
a2.disabled || (r2.value = !r2.value, l2("checkboxChanged", { checked: r2.value, value: a2.value }));
|
|
@@ -179,7 +179,7 @@ let Pe = new class {
|
|
|
179
179
|
return "undefined" == typeof window || "undefined" == typeof document ? "server" : "client";
|
|
180
180
|
}
|
|
181
181
|
}();
|
|
182
|
-
function
|
|
182
|
+
function je(e2) {
|
|
183
183
|
if (Pe.isServer)
|
|
184
184
|
return null;
|
|
185
185
|
if (e2 instanceof Node)
|
|
@@ -191,12 +191,12 @@ function Te(e2) {
|
|
|
191
191
|
}
|
|
192
192
|
return document;
|
|
193
193
|
}
|
|
194
|
-
function
|
|
194
|
+
function Te({ container: e2, accept: t2, walk: l2, enabled: a2 }) {
|
|
195
195
|
m(() => {
|
|
196
196
|
let n2 = e2.value;
|
|
197
197
|
if (!n2 || void 0 !== a2 && !a2.value)
|
|
198
198
|
return;
|
|
199
|
-
let r2 =
|
|
199
|
+
let r2 = je(e2);
|
|
200
200
|
if (!r2)
|
|
201
201
|
return;
|
|
202
202
|
let o2 = Object.assign((e3) => t2(e3), { acceptNode: t2 }), i2 = r2.createTreeWalker(n2, NodeFilter.SHOW_ELEMENT, o2, false);
|
|
@@ -212,7 +212,7 @@ function Re(e2 = document.body) {
|
|
|
212
212
|
var Ae = ((e2) => (e2[e2.Strict = 0] = "Strict", e2[e2.Loose = 1] = "Loose", e2))(Ae || {});
|
|
213
213
|
function Fe(e2, t2 = 0) {
|
|
214
214
|
var l2;
|
|
215
|
-
return e2 !== (null == (l2 =
|
|
215
|
+
return e2 !== (null == (l2 = je(e2)) ? void 0 : l2.body) && oe(t2, { 0: () => e2.matches(Ee), 1() {
|
|
216
216
|
let t3 = e2;
|
|
217
217
|
for (; null !== t3; ) {
|
|
218
218
|
if (t3.matches(Ee))
|
|
@@ -223,7 +223,7 @@ function Fe(e2, t2 = 0) {
|
|
|
223
223
|
} });
|
|
224
224
|
}
|
|
225
225
|
function Ne(e2) {
|
|
226
|
-
let t2 =
|
|
226
|
+
let t2 = je(e2);
|
|
227
227
|
v(() => {
|
|
228
228
|
t2 && !Fe(t2.activeElement, 0) && He(e2);
|
|
229
229
|
});
|
|
@@ -664,7 +664,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
|
|
|
664
664
|
n2.optionsPropsRef.value.hold = e2.hold;
|
|
665
665
|
});
|
|
666
666
|
let o2 = Se(), i2 = y(() => null !== o2 ? (o2.value & ke.Open) === ke.Open : 0 === n2.comboboxState.value);
|
|
667
|
-
return
|
|
667
|
+
return Te({ container: y(() => xe(n2.optionsRef)), enabled: y(() => 0 === n2.comboboxState.value), accept: (e3) => "option" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
|
|
668
668
|
e3.setAttribute("role", "none");
|
|
669
669
|
} }), () => {
|
|
670
670
|
var a3, o3, s2;
|
|
@@ -736,7 +736,7 @@ var wt = ((e2) => (e2[e2.None = 1] = "None", e2[e2.InitialFocus = 2] = "InitialF
|
|
|
736
736
|
let kt = Object.assign(b({ 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: a2 }) {
|
|
737
737
|
let n2 = s(null);
|
|
738
738
|
a2({ el: n2, $el: n2 });
|
|
739
|
-
let r2 = y(() =>
|
|
739
|
+
let r2 = y(() => je(n2)), o2 = s(false);
|
|
740
740
|
f(() => o2.value = true), w(() => o2.value = false), function({ ownerDocument: e3 }, t3) {
|
|
741
741
|
let l3 = function(e4) {
|
|
742
742
|
let t4 = s(St.slice());
|
|
@@ -871,13 +871,13 @@ let _t = Symbol("ForcePortalRootContext");
|
|
|
871
871
|
function Pt() {
|
|
872
872
|
return p(_t, false);
|
|
873
873
|
}
|
|
874
|
-
let
|
|
874
|
+
let jt = b({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: false } }, setup: (e2, { slots: t2, attrs: l2 }) => (g(_t, e2.force), () => {
|
|
875
875
|
let { force: a2, ...n2 } = e2;
|
|
876
876
|
return ue({ theirProps: n2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "ForcePortalRoot" });
|
|
877
877
|
}) });
|
|
878
|
-
let
|
|
879
|
-
let a2 = s(null), n2 = y(() =>
|
|
880
|
-
let t3 =
|
|
878
|
+
let Tt = b({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
|
|
879
|
+
let a2 = s(null), n2 = y(() => je(a2)), r2 = Pt(), o2 = p(Lt, null), i2 = s(true === r2 || null == o2 ? function(e3) {
|
|
880
|
+
let t3 = je(e3);
|
|
881
881
|
if (!t3) {
|
|
882
882
|
if (null === e3)
|
|
883
883
|
return null;
|
|
@@ -1065,7 +1065,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
|
|
|
1065
1065
|
f(() => {
|
|
1066
1066
|
o2.value = true;
|
|
1067
1067
|
});
|
|
1068
|
-
let i2 = s(0), u2 = Se(), c2 = y(() => e2.open === Kt && null !== u2 ? (u2.value & ke.Open) === ke.Open : e2.open), h2 = s(null), x2 = y(() =>
|
|
1068
|
+
let i2 = s(0), u2 = Se(), c2 = y(() => e2.open === Kt && null !== u2 ? (u2.value & ke.Open) === ke.Open : e2.open), h2 = s(null), x2 = y(() => je(h2));
|
|
1069
1069
|
if (n2({ el: h2, $el: h2 }), e2.open === Kt && null === u2)
|
|
1070
1070
|
throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
|
|
1071
1071
|
if ("boolean" != typeof c2.value)
|
|
@@ -1084,7 +1084,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
|
|
|
1084
1084
|
return null == (e5 = t4.default) ? void 0 : e5.call(t4);
|
|
1085
1085
|
}) })];
|
|
1086
1086
|
}(), { resolveContainers: M2, mainTreeNodeRef: _2, MainTreeNode: P2 } = function({ defaultContainers: e3 = [], portals: t3 } = {}) {
|
|
1087
|
-
let l3 = s(null), a3 =
|
|
1087
|
+
let l3 = s(null), a3 = je(l3);
|
|
1088
1088
|
function n3() {
|
|
1089
1089
|
var n4;
|
|
1090
1090
|
let r3 = [];
|
|
@@ -1101,7 +1101,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
|
|
|
1101
1101
|
}({ portals: O2, defaultContainers: [y(() => {
|
|
1102
1102
|
var e3;
|
|
1103
1103
|
return null != (e3 = F2.panelRef.value) ? e3 : h2.value;
|
|
1104
|
-
})] }),
|
|
1104
|
+
})] }), j2 = y(() => S2.value ? "parent" : "leaf"), T2 = y(() => null !== u2 && (u2.value & ke.Closing) === ke.Closing), E2 = y(() => !C2 && !T2.value && k2.value), L2 = y(() => {
|
|
1105
1105
|
var e3, t3, l3;
|
|
1106
1106
|
return null != (l3 = Array.from(null != (t3 = null == (e3 = x2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(xe(_2)) && e4 instanceof HTMLElement))) ? l3 : null;
|
|
1107
1107
|
});
|
|
@@ -1128,7 +1128,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
|
|
|
1128
1128
|
bt(null == (r2 = x2.value) ? void 0 : r2.defaultView, "keydown", (e3) => {
|
|
1129
1129
|
$2.value && (e3.defaultPrevented || e3.key === ye.Escape && (e3.preventDefault(), e3.stopPropagation(), F2.close()));
|
|
1130
1130
|
});
|
|
1131
|
-
let H2 = y(() => !(
|
|
1131
|
+
let H2 = y(() => !(T2.value || 0 !== w2.value || C2));
|
|
1132
1132
|
return zt(x2, H2, (e3) => {
|
|
1133
1133
|
var t3;
|
|
1134
1134
|
return { containers: [...null != (t3 = e3.containers) ? t3 : [], M2] };
|
|
@@ -1147,7 +1147,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
|
|
|
1147
1147
|
l3.observe(t3), e3(() => l3.disconnect());
|
|
1148
1148
|
}), () => {
|
|
1149
1149
|
let { id: t3, open: n3, initialFocus: r3, ...o3 } = e2, i3 = { ...l2, ref: h2, id: t3, role: "dialog", "aria-modal": 0 === w2.value || void 0, "aria-labelledby": A2.value, "aria-describedby": R2.value }, s2 = { open: 0 === w2.value };
|
|
1150
|
-
return d(
|
|
1150
|
+
return d(jt, { force: true }, () => [d(Tt, () => d(Bt, { target: h2.value }, () => d(jt, { force: false }, () => d(kt, { initialFocus: r3, containers: M2, features: k2.value ? oe(j2.value, { parent: kt.features.RestoreFocus, leaf: kt.features.All & ~kt.features.FocusLock }) : kt.features.None }, () => d(D2, {}, () => ue({ ourProps: i3, theirProps: { ...o3, ...l2 }, slot: s2, attrs: l2, slots: a2, visible: 0 === w2.value, features: ie.RenderStrategy | ie.Static, name: "Dialog" })))))), d(P2)]);
|
|
1151
1151
|
};
|
|
1152
1152
|
} });
|
|
1153
1153
|
b({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${ve()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
|
|
@@ -1166,7 +1166,7 @@ b({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
|
|
|
1166
1166
|
throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
|
|
1167
1167
|
}), () => {
|
|
1168
1168
|
let { id: a3, ...o2 } = e2, i2 = { id: a3, ref: r2, "aria-hidden": true };
|
|
1169
|
-
return d(
|
|
1169
|
+
return d(jt, { force: true }, () => d(Tt, () => ue({ ourProps: i2, theirProps: { ...t2, ...o2 }, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
|
|
1170
1170
|
};
|
|
1171
1171
|
} });
|
|
1172
1172
|
let Gt = b({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${ve()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
|
|
@@ -1436,7 +1436,7 @@ let pl = b({ name: "Menu", props: { as: { type: [Object, String], default: "temp
|
|
|
1436
1436
|
if (e3.key === ye.Space)
|
|
1437
1437
|
e3.preventDefault();
|
|
1438
1438
|
}
|
|
1439
|
-
a2({ el: n2.itemsRef, $el: n2.itemsRef }),
|
|
1439
|
+
a2({ el: n2.itemsRef, $el: n2.itemsRef }), Te({ container: y(() => xe(n2.itemsRef)), enabled: y(() => 0 === n2.menuState.value), accept: (e3) => "menuitem" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
|
|
1440
1440
|
e3.setAttribute("role", "none");
|
|
1441
1441
|
} });
|
|
1442
1442
|
let u2 = Se(), d2 = y(() => null !== u2 ? (u2.value & ke.Open) === ke.Open : 0 === n2.menuState.value);
|
|
@@ -1590,8 +1590,8 @@ function _l(e2 = "") {
|
|
|
1590
1590
|
return e2.split(" ").filter((e3) => e3.trim().length > 1);
|
|
1591
1591
|
}
|
|
1592
1592
|
let Pl = Symbol("TransitionContext");
|
|
1593
|
-
var
|
|
1594
|
-
let
|
|
1593
|
+
var jl = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(jl || {});
|
|
1594
|
+
let Tl = Symbol("NestingContext");
|
|
1595
1595
|
function El(e2) {
|
|
1596
1596
|
return "children" in e2 ? El(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
|
|
1597
1597
|
}
|
|
@@ -1634,11 +1634,11 @@ let Bl = ie.RenderStrategy, Il = b({ props: { as: { type: [Object, String], defa
|
|
|
1634
1634
|
throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
|
|
1635
1635
|
return e3;
|
|
1636
1636
|
}(), { register: C2, unregister: O2 } = function() {
|
|
1637
|
-
let e3 = p(
|
|
1637
|
+
let e3 = p(Tl, null);
|
|
1638
1638
|
if (null === e3)
|
|
1639
1639
|
throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
|
|
1640
1640
|
return e3;
|
|
1641
|
-
}(), D2 = s(k2.value ? "visible" : "hidden"), M2 = { value: true }, _2 = ve(), P2 = { value: false },
|
|
1641
|
+
}(), D2 = s(k2.value ? "visible" : "hidden"), M2 = { value: true }, _2 = ve(), P2 = { value: false }, j2 = Ll(() => {
|
|
1642
1642
|
!P2.value && "hidden" !== D2.value && (D2.value = "hidden", O2(_2), v2());
|
|
1643
1643
|
});
|
|
1644
1644
|
f(() => {
|
|
@@ -1651,7 +1651,7 @@ let Bl = ie.RenderStrategy, Il = b({ props: { as: { type: [Object, String], defa
|
|
|
1651
1651
|
oe(D2.value, { hidden: () => O2(_2), visible: () => C2(_2) });
|
|
1652
1652
|
}
|
|
1653
1653
|
});
|
|
1654
|
-
let
|
|
1654
|
+
let T2 = _l(e2.enter), E2 = _l(e2.enterFrom), L2 = _l(e2.enterTo), B2 = _l(e2.entered), I2 = _l(e2.leave), R2 = _l(e2.leaveFrom), A2 = _l(e2.leaveTo);
|
|
1655
1655
|
return f(() => {
|
|
1656
1656
|
m(() => {
|
|
1657
1657
|
if ("visible" === D2.value) {
|
|
@@ -1664,16 +1664,16 @@ let Bl = ie.RenderStrategy, Il = b({ props: { as: { type: [Object, String], defa
|
|
|
1664
1664
|
x([k2], (e3, t3, l3) => {
|
|
1665
1665
|
(function(e4) {
|
|
1666
1666
|
let t4 = M2.value && !S2.value, l4 = xe(b2);
|
|
1667
|
-
!l4 || !(l4 instanceof HTMLElement) || t4 || (P2.value = true, k2.value && i2(), k2.value || c2(), e4(k2.value ? Ml(l4,
|
|
1667
|
+
!l4 || !(l4 instanceof HTMLElement) || t4 || (P2.value = true, k2.value && i2(), k2.value || c2(), e4(k2.value ? Ml(l4, T2, E2, L2, B2, (e5) => {
|
|
1668
1668
|
P2.value = false, e5 === Dl.Finished && u2();
|
|
1669
1669
|
}) : Ml(l4, I2, R2, A2, B2, (e5) => {
|
|
1670
|
-
P2.value = false, e5 === Dl.Finished && (El(
|
|
1670
|
+
P2.value = false, e5 === Dl.Finished && (El(j2) || (D2.value = "hidden", O2(_2), v2()));
|
|
1671
1671
|
})));
|
|
1672
1672
|
})(l3), M2.value = false;
|
|
1673
1673
|
}, { immediate: true });
|
|
1674
|
-
}), g(
|
|
1674
|
+
}), g(Tl, j2), Ce(y(() => oe(D2.value, { visible: ke.Open, hidden: ke.Closed }) | o2.value)), () => {
|
|
1675
1675
|
let { appear: t3, show: r3, enter: o3, enterFrom: i3, enterTo: s2, entered: u3, leave: d2, leaveFrom: c3, leaveTo: p2, ...g2 } = e2, f2 = { ref: b2 };
|
|
1676
|
-
return ue({ theirProps: { ...g2, ...S2.value && k2.value && Pe.isServer ? { class: a([l2.class, g2.class, ...
|
|
1676
|
+
return ue({ theirProps: { ...g2, ...S2.value && k2.value && Pe.isServer ? { class: a([l2.class, g2.class, ...T2, ...E2]) } : {} }, ourProps: f2, slot: {}, slots: n2, attrs: l2, features: Bl, visible: "visible" === D2.value, name: "TransitionChild" });
|
|
1677
1677
|
};
|
|
1678
1678
|
} }), Rl = Il, Al = b({ 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: a2 }) {
|
|
1679
1679
|
let n2 = Se(), r2 = y(() => null === e2.show && null !== n2 ? (n2.value & ke.Open) === ke.Open : e2.show);
|
|
@@ -1688,7 +1688,7 @@ let Bl = ie.RenderStrategy, Il = b({ props: { as: { type: [Object, String], defa
|
|
|
1688
1688
|
m(() => {
|
|
1689
1689
|
u2.value = false, r2.value ? o2.value = "visible" : El(i2) || (o2.value = "hidden");
|
|
1690
1690
|
});
|
|
1691
|
-
}), g(
|
|
1691
|
+
}), g(Tl, i2), g(Pl, c2), () => {
|
|
1692
1692
|
let n3 = fe(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), r3 = { unmount: e2.unmount };
|
|
1693
1693
|
return ue({ ourProps: { ...r3, as: "template" }, theirProps: {}, slot: {}, slots: { ...a2, default: () => [d(Rl, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...r3, ...n3 }, a2.default)] }, attrs: {}, features: Bl, visible: "visible" === o2.value, name: "Transition" });
|
|
1694
1694
|
};
|
|
@@ -1746,7 +1746,7 @@ const ea = { class: "py-1" }, ta = ["onClick"], la = { key: 1, class: "animate-p
|
|
|
1746
1746
|
let e2 = s2.items.find((e3) => true === e3.active);
|
|
1747
1747
|
return e2 ? e2.name : s2.label;
|
|
1748
1748
|
});
|
|
1749
|
-
return (d2, p2) => l2.loading ? (e(), n("div", la, [aa, r(C(Vl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(C(pl), { key: 0, as: "div", class: a(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: D(() => [i("div", null, [r(C(gl), { 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: D(() => [M(_(u2.value) + " ", 1), r(C(Vl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), r(P, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [l2.disabled ?
|
|
1749
|
+
return (d2, p2) => l2.loading ? (e(), n("div", la, [aa, r(C(Vl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(C(pl), { key: 0, as: "div", class: a(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: D(() => [i("div", null, [r(C(gl), { 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: D(() => [M(_(u2.value) + " ", 1), r(C(Vl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), r(P, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [l2.disabled ? T("", true) : (e(), t(C(fl), { key: 0, class: a([{ "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: D(() => [i("div", ea, [(e(true), n(c, null, j(l2.items, (l3, n2) => (e(), t(C(ml), { key: n2 }, { default: D(() => [i("a", { onClick: (e2) => ((e3) => {
|
|
1750
1750
|
s2.disabled || o2("optionSelected", e3.value);
|
|
1751
1751
|
})(l3), class: a([l3.active ? "bg-gray-100 text-gray-900" : "text-gray-700", "block px-4 py-2 text-sm cursor-pointer"]) }, _(l3.name), 11, ta)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
|
|
1752
1752
|
} }), oa = { key: 0 }, ia = { class: "flex justify-between" }, sa = { key: 0, class: "block text-sm font-medium text-gray-700" }, ua = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, da = ["disabled", "name", "placeholder", "type"], ca = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, pa = { key: 1, class: "animate-pulse" }, ga = { 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" }, fa = 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), ma = { name: "uiInput" }, va = Object.assign(ma, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
|
|
@@ -1754,8 +1754,8 @@ const ea = { class: "py-1" }, ta = ["onClick"], la = { key: 1, class: "animate-p
|
|
|
1754
1754
|
const o2 = (e2) => {
|
|
1755
1755
|
l2("inputChanged", { value: e2.target.value, name: e2.target.name });
|
|
1756
1756
|
}, u2 = s(t2.value);
|
|
1757
|
-
return (l3, s2) => t2.loading ? (e(), n("div", pa, [void 0 !== t2.label ? (e(), n("div", ga)) :
|
|
1758
|
-
} }), ya = { key: 0 }, ba = { class: "flex justify-between" }, ha = { key: 0, class: "block text-sm font-medium text-gray-700" }, xa = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, wa = ["onDrop"], ka = { class: "space-y-1 flex flex-col items-center justify-center" }, Sa = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Ca = { for: "file-upload", class: "relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500" }, Oa = ["accept"], Da = { class: "pl-1" }, Ma = { class: "text-xs text-gray-500 pb-4" }, _a = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Pa = { key: 1, class: "animate-pulse" },
|
|
1757
|
+
return (l3, s2) => t2.loading ? (e(), n("div", pa, [void 0 !== t2.label ? (e(), n("div", ga)) : T("", true), fa])) : (e(), n("div", oa, [i("div", ia, [t2.label ? (e(), n("label", sa, _(t2.label), 1)) : T("", true), t2.optional ? (e(), n("span", ua, _(t2.optional), 1)) : T("", true)]), i("div", { class: a([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), n("span", { key: 0, onClick: s2[0] || (s2[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)) : T("", true), E(i("input", { "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => u2.value = e2), class: a([{ "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: o2 }, null, 42, da), [[L, u2.value]]), t2.rightAddOn ? (e(), n("span", { key: 1, onClick: s2[2] || (s2[2] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.rightAddOn), 1)) : T("", true), t2.icon ? (e(), n("div", ca, [r(q, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), E(r(q, { icon: C(Hl), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "success" === t2.color]]), E(r(q, { icon: C(Wl), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "warning" === t2.color]]), E(r(q, { icon: C(Ql), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "danger" === t2.color]])])) : T("", true)], 2), E(i("p", { class: a([{ "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), [[B, t2.error]])]));
|
|
1758
|
+
} }), ya = { key: 0 }, ba = { class: "flex justify-between" }, ha = { key: 0, class: "block text-sm font-medium text-gray-700" }, xa = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, wa = ["onDrop"], ka = { class: "space-y-1 flex flex-col items-center justify-center" }, Sa = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Ca = { for: "file-upload", class: "relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500" }, Oa = ["accept"], Da = { class: "pl-1" }, Ma = { class: "text-xs text-gray-500 pb-4" }, _a = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Pa = { key: 1, class: "animate-pulse" }, ja = [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)], Ta = { name: "uiInputFile" }, Ea = Object.assign(Ta, { props: { name: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
|
|
1759
1759
|
return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.5 7.5h-.75A2.25 2.25 0 004.5 9.75v7.5a2.25 2.25 0 002.25 2.25h7.5a2.25 2.25 0 002.25-2.25v-7.5a2.25 2.25 0 00-2.25-2.25h-.75m0-3l-3-3m0 0l-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 012.25 2.25v7.5a2.25 2.25 0 01-2.25 2.25h-7.5a2.25 2.25 0 01-2.25-2.25v-.75" })]);
|
|
1760
1760
|
} }, loading: { type: Boolean, default: true } }, emits: ["filesUploaded"], setup(t2, { emit: l2 }) {
|
|
1761
1761
|
const o2 = t2, u2 = s(""), d2 = (e2) => {
|
|
@@ -1764,24 +1764,24 @@ const ea = { class: "py-1" }, ta = ["onClick"], la = { key: 1, class: "animate-p
|
|
|
1764
1764
|
}, c2 = (e2) => {
|
|
1765
1765
|
l2("filesUploaded", e2.target.files), o2.filename = e2.target.files[0].name;
|
|
1766
1766
|
};
|
|
1767
|
-
return (l3, o3) => t2.loading ? (e(), n("div", Pa,
|
|
1767
|
+
return (l3, o3) => t2.loading ? (e(), n("div", Pa, ja)) : (e(), n("div", ya, [i("div", ba, [t2.label ? (e(), n("label", ha, _(t2.label), 1)) : T("", true), t2.optional ? (e(), n("span", xa, _(t2.optional), 1)) : T("", true)]), i("div", { class: a([[{ "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: o3[0] || (o3[0] = I(() => {
|
|
1768
1768
|
}, ["prevent"])), onDrop: I(d2, ["prevent"]) }, [i("div", ka, [r(q, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", Sa, [i("label", Ca, [i("span", null, _(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: c2 }, null, 40, Oa)]), i("p", Da, _(t2.dragAndDrop), 1)]), i("p", Ma, _(t2.fileTypesAndSizes), 1), E(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(u2.value), 513), [[B, "" !== u2.value]])])], 42, wa), E(i("p", _a, [r(q, { icon: C(Zl), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), M(_(t2.error), 1)], 512), [[B, t2.error]])]));
|
|
1769
1769
|
} }), La = { class: "relative mt-1" }, Ba = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, Ia = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), Ra = { name: "uiSelect" }, Aa = Object.assign(Ra, { props: { items: { type: Array, required: true }, label: String, select: Object, loading: { type: Boolean, default: true } }, emits: ["selectChanged"], setup(l2, { emit: o2 }) {
|
|
1770
1770
|
const u2 = l2, d2 = s(""), p2 = s(u2.select), g2 = y(() => "" === d2.value ? u2.items : u2.items.filter((e2) => e2.name.toLowerCase().includes(d2.value.toLowerCase()))), f2 = () => {
|
|
1771
1771
|
o2("selectChanged", p2.value);
|
|
1772
1772
|
};
|
|
1773
|
-
return (o3, s2) => l2.loading ? (e(), n("div", Ba, [Ia, r(C(ql), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(C(ct), { key: 0, modelValue: p2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => p2.value = e2), s2[3] || (s2[3] = (e2) => f2())], as: "div", onClick: s2[2] || (s2[2] = (e2) => f2()) }, { default: D(() => [r(C(pt), { class: "block text-sm font-medium text-gray-700" }, { default: D(() => [M(_(l2.label), 1)]), _: 1 }), i("div", La, [r(C(ft), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm", onChange: s2[0] || (s2[0] = (e2) => d2.value = e2.target.value) }, null, 8, ["display-value"]), r(C(gt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: D(() => [r(C(ql), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), g2.value.length > 0 ? (e(), t(C(mt), { 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: D(() => [(e(true), n(c, null,
|
|
1773
|
+
return (o3, s2) => l2.loading ? (e(), n("div", Ba, [Ia, r(C(ql), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(C(ct), { key: 0, modelValue: p2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => p2.value = e2), s2[3] || (s2[3] = (e2) => f2())], as: "div", onClick: s2[2] || (s2[2] = (e2) => f2()) }, { default: D(() => [r(C(pt), { class: "block text-sm font-medium text-gray-700" }, { default: D(() => [M(_(l2.label), 1)]), _: 1 }), i("div", La, [r(C(ft), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm", onChange: s2[0] || (s2[0] = (e2) => d2.value = e2.target.value) }, null, 8, ["display-value"]), r(C(gt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: D(() => [r(C(ql), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), g2.value.length > 0 ? (e(), t(C(mt), { 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: D(() => [(e(true), n(c, null, j(g2.value, (l3) => (e(), t(C(vt), { key: l3.id, value: l3, as: "template" }, { default: D(({ active: t2, selected: o4 }) => [i("li", { class: a(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: a(["block truncate", o4 && "font-semibold"]) }, _(l3.name), 3), o4 ? (e(), n("span", { key: 0, class: a(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [r(C(Hl), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : T("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : T("", true)])]), _: 1 }, 8, ["modelValue"]));
|
|
1774
1774
|
} }), Fa = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, Na = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], $a = { name: "uiTag" }, Ha = Object.assign($a, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("div", Fa, Na)) : (e(), n("span", { key: 0, class: a([{ "bg-indigo-100 text-indigo-800 border border-indigo-200": "primary" === t2.color, "bg-red-100 text-red-800 border border-red-200": "danger" === t2.color, "bg-yellow-100 text-yellow-800 border border-yellow-200": "warning" === t2.color, "bg-green-100 text-green-800 border border-green-200": "success" === t2.color, "bg-black text-white border border-black": "black" === t2.color, "text-black border border-gray-200 bg-white": "white" === t2.color }, "inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"]) }, [o(l2.$slots, "default")], 2)) }), Va = { key: 0 }, Ya = { key: 0, class: "block text-sm font-medium text-gray-700" }, za = ["disabled", "placeholder"], qa = { key: 1, class: "animate-pulse" }, Ua = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1), i("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)], Wa = { name: "uiTextArea" }, Ka = Object.assign(Wa, { 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 }) {
|
|
1775
1775
|
const o2 = (e2) => {
|
|
1776
1776
|
l2("inputChanged", e2.target.value);
|
|
1777
1777
|
}, u2 = s(t2.value);
|
|
1778
|
-
return (l3, s2) => t2.loading ? (e(), n("div", qa, Ua)) : (e(), n("div", Va, [t2.label ? (e(), n("label", Ya, _(t2.label), 1)) :
|
|
1778
|
+
return (l3, s2) => t2.loading ? (e(), n("div", qa, Ua)) : (e(), n("div", Va, [t2.label ? (e(), n("label", Ya, _(t2.label), 1)) : T("", true), i("div", { class: a({ "mt-1": t2.label }) }, [E(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => u2.value = e2), placeholder: t2.placeholder, class: a(["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: o2 }, null, 42, za), [[R, u2.value]])], 2), E(i("p", { class: a([{ "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"]) }, [r(q, { icon: C(Zl), color: "red", class: "mr-2" }, null, 8, ["icon"]), M(_(t2.error), 1)], 2), [[B, t2.error]])]));
|
|
1779
1779
|
} }), Ja = { class: "text-sm font-medium text-gray-900" }, Ga = { key: 0, class: "text-sm text-gray-500 ml-2" }, Xa = { key: 1, class: "animate-pulse flex items-center" }, Za = [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)], Qa = { name: "uiToggle" }, en = Object.assign(Qa, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
|
|
1780
1780
|
const o2 = s(l2.checked);
|
|
1781
|
-
return (s2, u2) => l2.loading ? (e(), n("div", Xa, Za)) : (e(), t(C(wl), { key: 0, as: "div", class: "flex items-center relative" }, { default: D(() => [r(C(kl), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !o2.value })), modelValue: o2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => o2.value = e2), class: a([o2.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: D(() => [i("span", { "aria-hidden": "true", class: a([o2.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"]), r(C(Sl), { as: "span", class: "ml-3" }, { default: D(() => [i("span", Ja, _(l2.item.title), 1), l2.item.subtitle ? (e(), n("span", Ga, _(l2.item.subtitle), 1)) :
|
|
1782
|
-
} }), tn = { key: 0, class: "flex flex-col" }, ln = { class: "flex" }, an = { class: "flex-shrink-0" }, nn = { class: "ml-3" }, rn = { class: "mt-4" }, on = { class: "-mx-2 -my-1.5 flex" }, sn = ["onClick"], un = { key: 1, class: "flex flex-col animate-pulse" }, dn = [A('<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)], cn = { name: "uiAlert" }, pn = Object.assign(cn, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), n("div", un, dn)) : (e(), n("div", tn, [i("div", { class: a([{ "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", ln, [i("div", an, ["info" === l2.type ? (e(), t(C(Gl), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) :
|
|
1781
|
+
return (s2, u2) => l2.loading ? (e(), n("div", Xa, Za)) : (e(), t(C(wl), { key: 0, as: "div", class: "flex items-center relative" }, { default: D(() => [r(C(kl), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !o2.value })), modelValue: o2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => o2.value = e2), class: a([o2.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: D(() => [i("span", { "aria-hidden": "true", class: a([o2.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"]), r(C(Sl), { as: "span", class: "ml-3" }, { default: D(() => [i("span", Ja, _(l2.item.title), 1), l2.item.subtitle ? (e(), n("span", Ga, _(l2.item.subtitle), 1)) : T("", true)]), _: 1 }), l2.item.action ? (e(), n("span", { key: 0, class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5", onClick: u2[2] || (u2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : T("", true)]), _: 1 }));
|
|
1782
|
+
} }), tn = { key: 0, class: "flex flex-col" }, ln = { class: "flex" }, an = { class: "flex-shrink-0" }, nn = { class: "ml-3" }, rn = { class: "mt-4" }, on = { class: "-mx-2 -my-1.5 flex" }, sn = ["onClick"], un = { key: 1, class: "flex flex-col animate-pulse" }, dn = [A('<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)], cn = { name: "uiAlert" }, pn = Object.assign(cn, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), n("div", un, dn)) : (e(), n("div", tn, [i("div", { class: a([{ "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", ln, [i("div", an, ["info" === l2.type ? (e(), t(C(Gl), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : T("", true), "danger" === l2.type ? (e(), t(C(Zl), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : T("", true), "warning" === l2.type ? (e(), t(C(Wl), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : T("", true), "success" === l2.type ? (e(), t(C($l), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : T("", true)]), i("div", nn, [i("h3", { class: a([{ "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: a([{ "text-red-700": "danger" === l2.type, "text-yellow-700": "warning" === l2.type, "text-green-700": "success" === l2.type }, "mt-2 text-sm"]) }, [o(r2.$slots, "default")], 2), i("div", rn, [i("div", on, [(e(true), n(c, null, j(l2.actions, (t2, o2) => (e(), n("button", { onClick: (e2) => r2.$emit("alertEvent", t2.event), type: "button", key: o2, class: a([{ "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, sn))), 128))])])])])], 2)])) }), gn = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, fn = { role: "list", class: "flex items-center space-x-4 text-xs" }, mn = { key: 0 }, vn = ["onClick"], yn = { key: 1, class: "flex items-center" }, bn = ["onClick", "aria-current"], hn = { key: 1, class: "flex flex-row items-center animate-pulse" }, xn = [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)], wn = { name: "uiBreadcrumbs" }, kn = Object.assign(wn, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), n("div", hn, xn)) : (e(), n("nav", gn, [i("ol", fn, [(e(true), n(c, null, j(t2.pages, (t3, o3) => (e(), n("li", { key: o3 }, [0 === o3 ? (e(), n("div", mn, [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" }, [r(C(Jl), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, vn)])) : (e(), n("div", yn, [r(C(zl), { class: "flex-shrink-0 h-3 w-3 text-gray-400", "aria-hidden": "true" }), i("span", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: a(["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, bn)]))]))), 128))])])) }), Sn = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Cn = ["src"], On = { class: "font-bold text-center sm:text-left" }, Dn = { class: "mt-1 text-xs text-center sm:text-left" }, Mn = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, _n = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, Pn = [A('<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)], jn = { name: "uiCard" }, Tn = Object.assign(jn, { props: { id: { type: String, required: true }, name: { type: String, required: true }, type: String, tags: Array, logo: String, loading: { type: Boolean, default: true } }, setup: (l2) => (a2, r2) => {
|
|
1783
1783
|
var _a2;
|
|
1784
|
-
return l2.loading ? (e(), n("div", _n, Pn)) : (e(), n("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => a2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", Sn, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Cn), i("div", null, [i("h4", On, _(l2.name), 1), i("p", Dn, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), n("div", Mn, [(e(true), n(c, null,
|
|
1784
|
+
return l2.loading ? (e(), n("div", _n, Pn)) : (e(), n("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => a2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", Sn, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Cn), i("div", null, [i("h4", On, _(l2.name), 1), i("p", Dn, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), n("div", Mn, [(e(true), n(c, null, j(l2.tags, (a3) => (e(), t(Ha, { class: "mb-1 mr-1", key: a3.name, color: a3.color, loading: l2.loading }, { default: D(() => [M(_(a3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : T("", true)]));
|
|
1785
1785
|
} }), En = { name: "uiFilter" }, Ln = Object.assign(En, { 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: a2 }) {
|
|
1786
1786
|
const n2 = s(l2.items);
|
|
1787
1787
|
return (r2, o2) => (e(), t(ra, { loading: l2.loading, onOptionSelected: o2[0] || (o2[0] = (e2) => ((e3) => {
|
|
@@ -1793,11 +1793,11 @@ const ea = { class: "py-1" }, ta = ["onClick"], la = { key: 1, class: "animate-p
|
|
|
1793
1793
|
const u2 = l2, d2 = (e2) => {
|
|
1794
1794
|
s2("modalAction", { modal: u2.modalName, action: e2 });
|
|
1795
1795
|
};
|
|
1796
|
-
return (s3, u3) => (e(), t(C(Al), { as: "template", show: l2.open }, { default: D(() => [r(C(Jt), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => d2("close")) }, { default: D(() => [r(C(Il), { 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: D(() => [Bn]), _: 1 }), i("div", In, [i("div", Rn, [r(C(Il), { 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: D(() => [r(C(Gt), { 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: D(() => [i("div", An, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: u3[0] || (u3[0] = (e2) => d2("close")) }, [Fn, r(q, { icon: C(Ql), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", Nn, [i("div", { class: a(["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 }]) }, [E(r(C(Ql), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[B, "danger" === l2.type]]), E(r(C(Hl), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[B, "success" === l2.type]]), E(r(C(Wl), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[B, "warning" === l2.type]]), E(r(C(Kl), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[B, "default" === l2.type]])], 2), i("div", $n, [r(C(Xt), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: D(() => [M(_(l2.title), 1)]), _: 1 }), i("div", Hn, [o(s3.$slots, "default")]), l2.actions ? (e(), n("div", Vn, [(e(true), n(c, null,
|
|
1796
|
+
return (s3, u3) => (e(), t(C(Al), { as: "template", show: l2.open }, { default: D(() => [r(C(Jt), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => d2("close")) }, { default: D(() => [r(C(Il), { 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: D(() => [Bn]), _: 1 }), i("div", In, [i("div", Rn, [r(C(Il), { 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: D(() => [r(C(Gt), { 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: D(() => [i("div", An, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: u3[0] || (u3[0] = (e2) => d2("close")) }, [Fn, r(q, { icon: C(Ql), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", Nn, [i("div", { class: a(["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 }]) }, [E(r(C(Ql), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[B, "danger" === l2.type]]), E(r(C(Hl), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[B, "success" === l2.type]]), E(r(C(Wl), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[B, "warning" === l2.type]]), E(r(C(Kl), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[B, "default" === l2.type]])], 2), i("div", $n, [r(C(Xt), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: D(() => [M(_(l2.title), 1)]), _: 1 }), i("div", Hn, [o(s3.$slots, "default")]), l2.actions ? (e(), n("div", Vn, [(e(true), n(c, null, j(l2.actions, (t2, l3) => (e(), n("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) => d2(t2.value) }, _(t2.name), 9, Yn))), 128))])) : T("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
|
|
1797
1797
|
} }), Un = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, Wn = { 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" }, Kn = { class: "p-4" }, Jn = { class: "flex items-start" }, Gn = { class: "flex-shrink-0 mt-0.5" }, Xn = { class: "ml-3 w-0 flex-1 pt-0.5" }, Zn = { class: "font-medium text-gray-900" }, Qn = { class: "mt-1 text-sm text-gray-500" }, er = { class: "ml-4 flex-shrink-0 flex" }, tr = i("span", { class: "sr-only" }, "Close", -1), lr = { name: "uiNotification" }, ar = Object.assign(lr, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
|
|
1798
1798
|
const l2 = t2, o2 = y(() => l2.show);
|
|
1799
|
-
return (l3, s2) => (e(), n("div", { "aria-live": "assertive", class: a([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", Un, [r(P, { "enter-active-class": "transform ease-out duration-300 transition", "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2", "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0", "leave-active-class": "transition ease-in duration-100", "leave-from-class": "opacity-100", "leave-to-class": "opacity-0" }, { default: D(() => [o2.value ? (e(), n("div", Wn, [i("div", Kn, [i("div", Jn, [i("div", Gn, [E(r(C($l), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[B, "success" === t2.type]]), E(r(C(Zl), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[B, "danger" === t2.type]]), E(r(C(Wl), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[B, "warning" === t2.type]]), E(r(C(Gl), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[B, "info" === t2.type]])]), i("div", Xn, [i("p", Zn, _(t2.title), 1), i("p", Qn, _(t2.message), 1)]), i("div", er, [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")) }, [tr, r(C(Ql), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) :
|
|
1800
|
-
} }), nr = { key: 0, role: "list", class: "divide-y divide-gray-100" }, rr = { class: "min-w-0" }, or = { class: "flex items-start gap-x-3" }, ir = { class: "text-sm font-semibold leading-6 text-gray-900" }, sr = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ur = { class: "truncate" }, dr = { class: "flex flex-none items-center gap-x-4" }, cr = ["href"], pr = { class: "sr-only" }, gr = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, fr = [A('<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)], mr = { name: "uiTaskList" }, vr = Object.assign(mr, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("ul", gr, [(e(true), n(c, null,
|
|
1799
|
+
return (l3, s2) => (e(), n("div", { "aria-live": "assertive", class: a([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", Un, [r(P, { "enter-active-class": "transform ease-out duration-300 transition", "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2", "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0", "leave-active-class": "transition ease-in duration-100", "leave-from-class": "opacity-100", "leave-to-class": "opacity-0" }, { default: D(() => [o2.value ? (e(), n("div", Wn, [i("div", Kn, [i("div", Jn, [i("div", Gn, [E(r(C($l), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[B, "success" === t2.type]]), E(r(C(Zl), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[B, "danger" === t2.type]]), E(r(C(Wl), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[B, "warning" === t2.type]]), E(r(C(Gl), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[B, "info" === t2.type]])]), i("div", Xn, [i("p", Zn, _(t2.title), 1), i("p", Qn, _(t2.message), 1)]), i("div", er, [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")) }, [tr, r(C(Ql), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : T("", true)]), _: 1 })])], 2));
|
|
1800
|
+
} }), nr = { key: 0, role: "list", class: "divide-y divide-gray-100" }, rr = { class: "min-w-0" }, or = { class: "flex items-start gap-x-3" }, ir = { class: "text-sm font-semibold leading-6 text-gray-900" }, sr = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ur = { class: "truncate" }, dr = { class: "flex flex-none items-center gap-x-4" }, cr = ["href"], pr = { class: "sr-only" }, gr = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, fr = [A('<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)], mr = { name: "uiTaskList" }, vr = Object.assign(mr, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("ul", gr, [(e(true), n(c, null, j(t2.tasks, (t3) => (e(), n("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, fr))), 128))])) : (e(), n("ul", nr, [(e(true), n(c, null, j(t2.tasks, (t3) => (e(), n("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", rr, [i("div", or, [i("p", ir, _(t3.name), 1), i("p", { class: a([{ "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", sr, [i("p", ur, _(t3.description), 1)])]), i("div", dr, [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" }, [M(_(t3.action), 1), i("span", pr, ", " + _(t3.name), 1)], 8, cr)])]))), 128))])) });
|
|
1801
1801
|
"undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self && self;
|
|
1802
1802
|
function yr(e2) {
|
|
1803
1803
|
return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
|
|
@@ -1849,9 +1849,9 @@ const Sr = br({ name: "dateSelector", components: { ChevronLeftIcon: Yl, Chevron
|
|
|
1849
1849
|
} } }, [["render", function(t2, l2, a2, o2, s2, u2) {
|
|
1850
1850
|
const d2 = F("ChevronLeftIcon"), c2 = F("ChevronRightIcon");
|
|
1851
1851
|
return e(), n("div", hr, [i("div", xr, [i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[0] || (l2[0] = (e2) => u2.selectDate("year", "previous")) }, [r(d2, { class: "h-4" }), r(d2, { class: "h-4 -ml-3" }), r(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[1] || (l2[1] = (e2) => u2.selectDate("month", "previous")) }, [r(d2, { class: "h-4" }), r(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[2] || (l2[2] = (e2) => u2.selectDate("day", "previous")) }, [r(d2, { class: "h-4" })])]), i("div", wr, _(u2.currentDate), 1), i("div", kr, [i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[3] || (l2[3] = (e2) => u2.selectDate("day", "next")) }, [r(c2, { class: "h-4" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[4] || (l2[4] = (e2) => u2.selectDate("month", "next")) }, [r(c2, { class: "h-4" }), r(c2, { class: "h-4 -ml-3" })]), i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[5] || (l2[5] = (e2) => u2.selectDate("year", "next")) }, [r(c2, { class: "h-4" }), r(c2, { class: "h-4 -ml-3" }), r(c2, { class: "h-4 -ml-3" })])])]);
|
|
1852
|
-
}]]), Cr = { name: "SkeletonTable" }, Or = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Dr = { class: "flow-root" }, Mr = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, _r = { class: "inline-block min-w-full py-2 align-middle px-1" }, Pr = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" },
|
|
1852
|
+
}]]), Cr = { name: "SkeletonTable" }, Or = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Dr = { class: "flow-root" }, Mr = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, _r = { class: "inline-block min-w-full py-2 align-middle px-1" }, Pr = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, jr = { class: "min-w-full divide-y divide-gray-300" }, Tr = 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), Er = { class: "divide-y divide-gray-200 bg-white" }, Lr = [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" }, [M(", {"), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])], -1)];
|
|
1853
1853
|
const Br = br(Cr, [["render", function(t2, l2, a2, r2, o2, s2) {
|
|
1854
|
-
return e(), n("div", Or, [i("div", Dr, [i("div", Mr, [i("div", _r, [i("div", Pr, [i("table",
|
|
1854
|
+
return e(), n("div", Or, [i("div", Dr, [i("div", Mr, [i("div", _r, [i("div", Pr, [i("table", jr, [Tr, i("tbody", Er, [(e(), n(c, null, j(10, (e2) => i("tr", { key: e2 }, Lr)), 64))])])])])])])]);
|
|
1855
1855
|
}]]);
|
|
1856
1856
|
var Ir = { exports: {} };
|
|
1857
1857
|
Ir.exports = function(e2, t2, l2) {
|
|
@@ -1896,14 +1896,14 @@ const Vr = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
|
|
|
1896
1896
|
const yo = br(Vr, [["render", function(l2, a2, o2, s2, u2, d2) {
|
|
1897
1897
|
var _a2, _b;
|
|
1898
1898
|
const p2 = F("DateSelector"), g2 = F("Day"), f2 = F("uiButton"), m2 = F("Price"), v2 = F("SkeletonTable");
|
|
1899
|
-
return o2.loading ? (e(), t(v2, { key: 1 })) : (e(), n("div", Yr, [i("div", zr, [i("div", qr, [i("div", Ur, [i("table", Wr, [i("tbody", Kr, [i("tr", null, [i("th", Jr, [r(p2, { selectedDate: l2.date, onDateSelected: a2[0] || (a2[0] = (e2) => d2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), n(c, null,
|
|
1899
|
+
return o2.loading ? (e(), t(v2, { key: 1 })) : (e(), n("div", Yr, [i("div", zr, [i("div", qr, [i("div", Ur, [i("table", Wr, [i("tbody", Kr, [i("tr", null, [i("th", Jr, [r(p2, { selectedDate: l2.date, onDateSelected: a2[0] || (a2[0] = (e2) => d2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), n(c, null, j(d2.days, (t2, l3) => (e(), n("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [r(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", Gr, [Xr, r(f2, { loading: o2.loading, class: "ml-4", size: "small", onClick: d2.changeCategoryBulkPrices }, { default: D(() => [M("Cambiar precios en bloque ")]), _: 1 }, 8, ["loading", "onClick"])])]), i("tr", null, [Zr, (e(true), n(c, null, j(o2.category.selectionPrices, (t2, l3) => (e(), n("td", { key: l3, class: "p-0" }, [r(m2, { onClick: (e2) => d2.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: o2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [Qr, (e(true), n(c, null, j(o2.category.upgradePrices, (t2, l3) => (e(), n("td", { key: l3, class: "p-0" }, [r(m2, { onClick: (e2) => d2.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: o2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [i("th", eo, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = o2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", to, [(e(true), n(c, null, j(o2.actions, (t2, a3) => (e(), n("button", { onClick: (e2) => d2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: a3, 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, lo))), 128))])) : T("", true), ao])]), i("tr", null, [i("th", no, [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: d2.indeterminate || l2.selectedRooms.length === o2.rooms.length, indeterminate: d2.indeterminate, onChange: a2[1] || (a2[1] = (e2) => l2.selectedRooms = e2.target.checked ? o2.rooms.map((e3) => e3.name) : []) }, null, 40, ro), oo]), io, so, uo]), (e(true), n(c, null, j(o2.rooms, (t2) => (e(), n("tr", { key: t2.name, class: "even:bg-gray-100" }, [i("td", co, [l2.selectedRooms.includes(t2.name) ? (e(), n("div", po)) : T("", true), E(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": a2[2] || (a2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, go), [[N, l2.selectedRooms]]), i("span", fo, _(t2.name), 1)]), i("td", mo, _(t2.building), 1), i("td", vo, _(t2.floor), 1), (e(true), n(c, null, j(t2.selectionPrices, (t3, l3) => (e(), n("td", { class: "p-0", key: l3 }, [r(m2, { onClick: (e2) => d2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: o2.currency.symbol, basePrice: d2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))]))), 128))])])])])])]));
|
|
1900
1900
|
}]]), bo = { class: "chart-selector flex flex-row items-center justify-center" }, ho = { name: "rangeSelector" }, xo = Object.assign(ho, { emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
|
|
1901
1901
|
let r2 = s("24h");
|
|
1902
1902
|
const o2 = (e2) => {
|
|
1903
1903
|
r2.value = e2, l2("rangeSelected", e2);
|
|
1904
1904
|
};
|
|
1905
1905
|
return (t3, l3) => (e(), n("ul", bo, [i("li", { class: a({ selected: "24h" === C(r2) }), onClick: l3[0] || (l3[0] = (e2) => o2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === C(r2) }), onClick: l3[1] || (l3[1] = (e2) => o2("7d")) }, "7D", 2), i("li", { class: a({ selected: "1m" === C(r2) }), onClick: l3[2] || (l3[2] = (e2) => o2("1m")) }, "1M", 2), i("li", { class: a({ selected: "3m" === C(r2) }), onClick: l3[3] || (l3[3] = (e2) => o2("3m")) }, "3M", 2)]));
|
|
1906
|
-
} }), wo = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: false }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: {} }, ko = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, So = { class: "chart-header flex flex-row justify-between" }, Co = { class: "text-sm font-medium text-gray-500 truncate" }, Oo = { class: "chart-content" }, Do = { class: "h-full w-full flex items-center justify-center flex-col" }, Mo = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), _o = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Po = [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)],
|
|
1906
|
+
} }), wo = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: false }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: {} }, ko = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, So = { class: "chart-header flex flex-row justify-between" }, Co = { class: "text-sm font-medium text-gray-500 truncate" }, Oo = { class: "chart-content" }, Do = { class: "h-full w-full flex items-center justify-center flex-col" }, Mo = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), _o = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Po = [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)], jo = { name: "uiChart" }, To = Object.assign(jo, { 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 } }, emits: ["selectedRange", "chartUpdated"], setup(t2, { emit: l2 }) {
|
|
1907
1907
|
const a2 = t2, o2 = y(() => ({ ...a2.options, ...wo, plotOptions: { bar: { horizontal: a2.horizontal } } })), s2 = y(() => a2.series), u2 = () => l2("chartUpdated");
|
|
1908
1908
|
return (l3, a3) => (e(), n(c, null, [E(i("div", ko, [i("div", So, [i("div", Co, _(t2.title), 1), r(xo, { onRangeSelected: a3[0] || (a3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) })]), E(i("div", Oo, [r(C(V), { type: t2.type, series: s2.value, width: "100%", height: "100%", options: o2.value, onUpdated: u2, onMounted: u2 }, null, 8, ["type", "series", "options"])], 512), [[B, !t2.empty]]), E(i("div", Do, [r(q, { icon: C(Wl), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Mo], 512), [[B, t2.empty]])], 512), [[B, !t2.loading]]), E(i("div", _o, Po, 512), [[B, t2.loading]])], 64));
|
|
1909
1909
|
} }), Eo = { name: "uiFooter" }, Lo = { class: "bg-white" }, Bo = [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)];
|
|
@@ -1916,8 +1916,8 @@ const Io = br(Eo, [["render", function(t2, l2, a2, r2, o2, i2) {
|
|
|
1916
1916
|
e2.push(t3);
|
|
1917
1917
|
return e2;
|
|
1918
1918
|
});
|
|
1919
|
-
return (s2, u3) => t2.loading ? (e(), n("div", Xo, Zo)) : (e(), n("div", No, [i("div", $o, [i("a", Ho, [o(s2.$slots, "previous")]), i("a", Vo, [o(s2.$slots, "next")])]), i("div", Yo, [i("div", null, [i("p", zo, [o(s2.$slots, "showing"), M(), i("span", qo, _(t2.current + " "), 1), o(s2.$slots, "of"), M(), i("span", Uo, _(t2.total), 1)])]), i("div", null, [i("nav", Wo, [E(i("button", { onClick: u3[0] || (u3[0] = (e2) => l2("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", Ko, [o(s2.$slots, "previous")]), r(C(Yl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, 1 !== t2.current]]), (e(true), n(c, null,
|
|
1920
|
-
} }), ti = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, li = { class: "flex flex-col flex-grow overflow-y-auto" }, ai = { class: "grow flex flex-col" }, ni = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, ri = { key: 0 }, oi = ["onClick"], ii = { key: 0 }, si = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, ui = { key: 0, class: "flex-1" }, di = { key: 1, class: "flex-1" }, ci = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], pi = { key: 0 }, gi = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, fi = { name: "uiSidebar" }, mi = Object.assign(fi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup: (l2, { emit: o2 }) => (s2, u2) => (e(), n("div", ti, [i("div", li, [i("div", ai, [i("nav", ni, [(e(true), n(c, null, T(l2.navigation, (s3) => (e(), n(c, { key: s3.name }, [s3.children ? (e(), t(C(ll), { key: 1, as: "div", class: "space-y-1" }, { default: D(({ open: i2 }) => [r(C(al), { class: a([s3.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: D(() => [r(q, { loading: l2.loading, icon: s3.icon, class: "mr-3 flex-shrink-0 h-6 w-6 text-gray-400 group-hover:text-gray-500", "aria-hidden": "true" }, null, 8, ["loading", "icon"]), l2.loading ? (e(), n("div", di, ci)) : (e(), n("span", ui, _(s3.name), 1)), r(C(zl), { class: a([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"]), r(C(nl), { class: "space-y-1" }, { default: D(() => [(e(true), n(c, null, T(s3.children, (a2) => (e(), t(C(al), { onClick: (e2) => o2("sideBarClick", a2.id), key: a2.name, class: "group w-full flex items-center pl-11 pr-2 py-2 text-sm font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50" }, { default: D(() => [l2.loading ? (e(), n("div", gi)) : (e(), n("span", pi, _(a2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), n("div", ri, [i("button", { onClick: (e2) => o2("sideBarClick", s3.id), class: a([s3.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"]) }, [r(q, { loading: l2.loading, icon: s3.icon, class: a([s3.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(), n("div", si)) : (e(), n("span", ii, _(s3.name), 1))], 10, oi)]))], 64))), 128))])])])])) }), vi = { key: 0 }, yi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, bi = { class: "ml-16 flex items-baseline pb-5" }, hi = { class: "text-2xl font-semibold text-gray-900" }, xi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, wi = { class: "text-sm" }, ki = { key: 1 }, Si = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Ci = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Oi = 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), Di = 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), Mi = { name: "uiStats" }, _i = Object.assign(Mi, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup: (l2, { emit: o2 }) => (s2, u2) => l2.loading ? (e(), n("div", ki, [i("div", Si, [i("dt", null, [i("div", Ci, [r(q, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Oi, Di])])])) : (e(), n("div", vi, [i("div", { class: a(["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: a(["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 }]) }, [r(q, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", yi, _(l2.item.name), 1)]), i("dd", bi, [i("p", hi, _(l2.item.stat), 1), l2.item.changeType ? (e(), n("p", { key: 0, class: a([{ "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(C(Nl), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : j("", true), "decrease" === l2.item.changeType ? (e(), t(C(Fl), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : j("", true), M(" " + _(l2.item.change), 1)], 2)) : j("", true), E(i("div", xi, [i("div", wi, [i("span", { onClick: u2[0] || (u2[0] = (e2) => o2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, _(l2.item.actionText), 1)])], 512), [[B, l2.item.showFooter]])])], 2)])) }), Pi = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Ti = { class: "px-4 py-5 sm:px-6" }, ji = { class: "text-lg font-medium leading-6 text-gray-900" }, Ei = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Li = { class: "border-t border-gray-200" }, Bi = { class: "text-sm font-medium text-gray-500" }, Ii = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ri = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ai = ["onClick"], Fi = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, Ni = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, $i = A('<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), Hi = { class: "border-t border-gray-200" }, Vi = [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)], Yi = { name: "uiStripedCard" }, zi = Object.assign(Yi, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: o2 }) => (o3, s2) => l2.loading ? (e(), n("div", Ni, [$i, i("div", Hi, [i("dl", null, [(e(), n(c, null, T(5, (e2) => i("div", { key: e2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, Vi, 2)), 64))])])])) : (e(), n("div", Pi, [i("div", Ti, [i("h3", ji, _(l2.title), 1), i("p", Ei, _(l2.subtitle), 1)]), i("div", Li, [i("dl", null, [(e(true), n(c, null, T(l2.items, (s3, u2) => (e(), n("div", { key: u2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [u2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", Bi, _(s3.title), 1), "tag" === s3.type ? (e(), n("dd", Ii, [r(Ha, { color: s3.color }, { default: D(() => [M(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), n("dd", Ri, [(e(true), n(c, null, T(s3.tags, (a2, n2) => (e(), t(Ha, { loading: l2.loading, key: n2, color: a2.color, class: "mr-2 mb-2" }, { default: D(() => [M(_(a2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), n("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) => o3.$emit("itemClicked", s3.emits) }, _(s3.text), 9, Ai)) : (e(), n("dd", Fi, _(s3.text), 1))], 2))), 128))])])])) }), qi = { 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" }, Ui = 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), Wi = { class: "ml-2" }, Ki = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, a2) => (e(), n("div", qi, [Ui, i("div", null, [r(q, { icon: C(Xl), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", Wi, _(t2.tip), 1)])) }, Ji = { key: 0 }, Gi = { class: "flex flex-col" }, Xi = { class: "-my-2 overflow-x-auto" }, Zi = { class: "inline-block min-w-full py-2 align-middle px-1" }, Qi = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, es = { 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" }, ts = ["onClick"], ls = { class: "min-w-full table-fixed divide-y divide-gray-300" }, as = { class: "bg-gray-50" }, ns = ["checked", "indeterminate"], rs = ["onMouseover", "onMouseleave"], os = ["onClick"], is = { key: 2, class: "group flex items-center uppercase text-xs" }, ss = { class: "divide-y divide-gray-200 bg-white" }, us = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, ds = ["value"], cs = ["onClick"], ps = { key: 2 }, gs = { name: "uiTable" }, fs = Object.assign(gs, { 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: o2 }) {
|
|
1919
|
+
return (s2, u3) => t2.loading ? (e(), n("div", Xo, Zo)) : (e(), n("div", No, [i("div", $o, [i("a", Ho, [o(s2.$slots, "previous")]), i("a", Vo, [o(s2.$slots, "next")])]), i("div", Yo, [i("div", null, [i("p", zo, [o(s2.$slots, "showing"), M(), i("span", qo, _(t2.current + " "), 1), o(s2.$slots, "of"), M(), i("span", Uo, _(t2.total), 1)])]), i("div", null, [i("nav", Wo, [E(i("button", { onClick: u3[0] || (u3[0] = (e2) => l2("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", Ko, [o(s2.$slots, "previous")]), r(C(Yl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, 1 !== t2.current]]), (e(true), n(c, null, j(f2.value, (r2) => (e(), n("button", { onClick: (e2) => l2("changePage", r2), key: r2, "aria-current": "page", class: a([[r2 === 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"]) }, _(r2), 11, Jo))), 128)), E(i("button", { onClick: u3[1] || (u3[1] = (e2) => l2("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", Go, [o(s2.$slots, "next")]), r(C(zl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, t2.current !== t2.total]])])])])]));
|
|
1920
|
+
} }), ti = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, li = { class: "flex flex-col flex-grow overflow-y-auto" }, ai = { class: "grow flex flex-col" }, ni = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, ri = { key: 0 }, oi = ["onClick"], ii = { key: 0 }, si = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, ui = { key: 0, class: "flex-1" }, di = { key: 1, class: "flex-1" }, ci = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], pi = { key: 0 }, gi = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, fi = { name: "uiSidebar" }, mi = Object.assign(fi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup: (l2, { emit: o2 }) => (s2, u2) => (e(), n("div", ti, [i("div", li, [i("div", ai, [i("nav", ni, [(e(true), n(c, null, j(l2.navigation, (s3) => (e(), n(c, { key: s3.name }, [s3.children ? (e(), t(C(ll), { key: 1, as: "div", class: "space-y-1" }, { default: D(({ open: i2 }) => [r(C(al), { class: a([s3.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: D(() => [r(q, { loading: l2.loading, icon: s3.icon, class: "mr-3 flex-shrink-0 h-6 w-6 text-gray-400 group-hover:text-gray-500", "aria-hidden": "true" }, null, 8, ["loading", "icon"]), l2.loading ? (e(), n("div", di, ci)) : (e(), n("span", ui, _(s3.name), 1)), r(C(zl), { class: a([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"]), r(C(nl), { class: "space-y-1" }, { default: D(() => [(e(true), n(c, null, j(s3.children, (a2) => (e(), t(C(al), { onClick: (e2) => o2("sideBarClick", a2.id), key: a2.name, class: "group w-full flex items-center pl-11 pr-2 py-2 text-sm font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50" }, { default: D(() => [l2.loading ? (e(), n("div", gi)) : (e(), n("span", pi, _(a2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), n("div", ri, [i("button", { onClick: (e2) => o2("sideBarClick", s3.id), class: a([s3.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"]) }, [r(q, { loading: l2.loading, icon: s3.icon, class: a([s3.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(), n("div", si)) : (e(), n("span", ii, _(s3.name), 1))], 10, oi)]))], 64))), 128))])])])])) }), vi = { key: 0 }, yi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, bi = { class: "ml-16 flex items-baseline pb-5" }, hi = { class: "text-2xl font-semibold text-gray-900" }, xi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, wi = { class: "text-sm" }, ki = { key: 1 }, Si = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Ci = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Oi = 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), Di = 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), Mi = { name: "uiStats" }, _i = Object.assign(Mi, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup: (l2, { emit: o2 }) => (s2, u2) => l2.loading ? (e(), n("div", ki, [i("div", Si, [i("dt", null, [i("div", Ci, [r(q, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Oi, Di])])])) : (e(), n("div", vi, [i("div", { class: a(["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: a(["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 }]) }, [r(q, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", yi, _(l2.item.name), 1)]), i("dd", bi, [i("p", hi, _(l2.item.stat), 1), l2.item.changeType ? (e(), n("p", { key: 0, class: a([{ "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(C(Nl), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : T("", true), "decrease" === l2.item.changeType ? (e(), t(C(Fl), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : T("", true), M(" " + _(l2.item.change), 1)], 2)) : T("", true), E(i("div", xi, [i("div", wi, [i("span", { onClick: u2[0] || (u2[0] = (e2) => o2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, _(l2.item.actionText), 1)])], 512), [[B, l2.item.showFooter]])])], 2)])) }), Pi = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, ji = { class: "px-4 py-5 sm:px-6" }, Ti = { class: "text-lg font-medium leading-6 text-gray-900" }, Ei = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Li = { class: "border-t border-gray-200" }, Bi = { class: "text-sm font-medium text-gray-500" }, Ii = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ri = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ai = ["onClick"], Fi = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, Ni = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, $i = A('<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), Hi = { class: "border-t border-gray-200" }, Vi = [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)], Yi = { name: "uiStripedCard" }, zi = Object.assign(Yi, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: o2 }) => (o3, s2) => l2.loading ? (e(), n("div", Ni, [$i, i("div", Hi, [i("dl", null, [(e(), n(c, null, j(5, (e2) => i("div", { key: e2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, Vi, 2)), 64))])])])) : (e(), n("div", Pi, [i("div", ji, [i("h3", Ti, _(l2.title), 1), i("p", Ei, _(l2.subtitle), 1)]), i("div", Li, [i("dl", null, [(e(true), n(c, null, j(l2.items, (s3, u2) => (e(), n("div", { key: u2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [u2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", Bi, _(s3.title), 1), "tag" === s3.type ? (e(), n("dd", Ii, [r(Ha, { color: s3.color }, { default: D(() => [M(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), n("dd", Ri, [(e(true), n(c, null, j(s3.tags, (a2, n2) => (e(), t(Ha, { loading: l2.loading, key: n2, color: a2.color, class: "mr-2 mb-2" }, { default: D(() => [M(_(a2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), n("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) => o3.$emit("itemClicked", s3.emits) }, _(s3.text), 9, Ai)) : (e(), n("dd", Fi, _(s3.text), 1))], 2))), 128))])])])) }), qi = { 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" }, Ui = 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), Wi = { class: "ml-2" }, Ki = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, a2) => (e(), n("div", qi, [Ui, i("div", null, [r(q, { icon: C(Xl), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", Wi, _(t2.tip), 1)])) }, Ji = { key: 0 }, Gi = { class: "flex flex-col" }, Xi = { class: "-my-2 overflow-x-auto" }, Zi = { class: "inline-block min-w-full py-2 align-middle px-1" }, Qi = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, es = { 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" }, ts = ["onClick"], ls = { class: "min-w-full table-fixed divide-y divide-gray-300" }, as = { class: "bg-gray-50" }, ns = ["checked", "indeterminate"], rs = ["onMouseover", "onMouseleave"], os = ["onClick"], is = { key: 2, class: "group flex items-center uppercase text-xs" }, ss = { class: "divide-y divide-gray-200 bg-white" }, us = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, ds = ["value"], cs = ["onClick"], ps = { key: 2 }, gs = { name: "uiTable" }, fs = Object.assign(gs, { 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: o2 }) {
|
|
1921
1921
|
const u2 = l2;
|
|
1922
1922
|
let d2 = s([]);
|
|
1923
1923
|
s(false);
|
|
@@ -1927,39 +1927,39 @@ const Io = br(Eo, [["render", function(t2, l2, a2, r2, o2, i2) {
|
|
|
1927
1927
|
};
|
|
1928
1928
|
return (s2, u3) => {
|
|
1929
1929
|
var _a2, _b;
|
|
1930
|
-
return l2.loading ? (e(), t(Br, { key: 1 })) : (e(), n("div", Ji, [i("div", Gi, [i("div", Xi, [i("div", Zi, [i("div", Qi, [((_a2 = C(d2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", es, [(e(true), n(c, null,
|
|
1930
|
+
return l2.loading ? (e(), t(Br, { key: 1 })) : (e(), n("div", Ji, [i("div", Gi, [i("div", Xi, [i("div", Zi, [i("div", Qi, [((_a2 = C(d2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", es, [(e(true), n(c, null, j(l2.actions, (t2, l3) => (e(), n("button", { onClick: (e2) => o2("tableAction", { action: t2.id, items: C(d2) }), 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, ts))), 128))])) : T("", true), i("table", ls, [i("thead", as, [i("tr", null, [i("th", { scope: "col", class: a([l2.actions ? "px-6 sm:px-8" : "px-3", "relative"]) }, [l2.actions ? (e(), n("input", { key: 0, checked: g2.value || C(d2).length === l2.items.length, indeterminate: g2.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: u3[0] || (u3[0] = (e2) => $(d2) ? d2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : d2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, ns)) : T("", true)], 2), (e(true), n(c, null, j(l2.header, (s3, u4) => (e(), n("th", { key: u4, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap relative", scope: "col", onMouseover: (e2) => f2(s3.name, true), onMouseleave: (e2) => f2(s3.name, false) }, [s3.tooltip ? E((e(), t(Ki, { key: 0, tip: s3.tooltip }, null, 8, ["tip"])), [[B, C(p2) === s3.name]]) : T("", true), s3.value ? (e(), n("button", { key: 1, class: "group flex items-center uppercase text-xs relative", onClick: (e2) => o2("orderBy", { value: s3.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, _(s3.name), 1), i("span", { class: a([[s3.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"]) }, [r(q, { icon: "asc" === l2.orderDirection ? C(Vl) : C(Ul), loading: l2.loading, color: s3.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, os)) : (e(), n("p", is, [i("span", null, _(s3.name), 1)]))], 40, rs))), 128))])]), i("tbody", ss, [(e(true), n(c, null, j(l2.items, (r2, s3) => {
|
|
1931
1931
|
var _a3, _b2;
|
|
1932
|
-
return e(), n("tr", { key: r2.id, class: a([C(d2).includes(r2.id) && "bg-gray-50", s3 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: a([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [C(d2).includes(r2.id) ? (e(), n("div", us)) :
|
|
1932
|
+
return e(), n("tr", { key: r2.id, class: a([C(d2).includes(r2.id) && "bg-gray-50", s3 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: a([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [C(d2).includes(r2.id) ? (e(), n("div", us)) : T("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? E((e(), n("input", { key: 1, "onUpdate:modelValue": u3[1] || (u3[1] = (e2) => $(d2) ? d2.value = e2 : d2 = e2), value: r2.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, ds)), [[N, C(d2)]]) : T("", true)], 2), (e(true), n(c, null, j(r2.row, (i2, s4) => (e(), n("td", { key: s4, class: a(["whitespace-nowrap py-4 pr-3 text-sm", C(d2).includes(r2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof i2 && "tag" === i2.type ? (e(), t(Ha, { key: 0, loading: l2.loading, color: i2.color }, { default: D(() => [M(_(i2.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof i2 && "link" === i2.type ? (e(), n("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => o2(i2.emits, { id: r2.id, data: (r2 == null ? void 0 : r2.emitWith) || null }) }, _(i2.content), 9, cs)) : (e(), n("span", ps, _(i2), 1))], 2))), 128))], 2);
|
|
1933
1933
|
}), 128))])])])])])])]));
|
|
1934
1934
|
};
|
|
1935
1935
|
} }), ms = { class: "lg:hidden" }, vs = ["value"], ys = { class: "hidden lg:block" }, bs = { class: "border-b border-gray-200" }, hs = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, xs = ["onClick", "aria-current"], ws = { name: "uiTabs" }, ks = Object.assign(ws, { props: { tabs: Array }, emits: ["tabClicked"], setup: (t2, { emit: l2 }) => (r2, o2) => (e(), n("div", null, [i("div", ms, [i("select", { onChange: o2[0] || (o2[0] = (e2) => {
|
|
1936
1936
|
l2("tabClicked", e2.target.value);
|
|
1937
|
-
}), 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), n(c, null,
|
|
1937
|
+
}), 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), n(c, null, j(t2.tabs, (t3) => (e(), n("option", { value: t3.id, key: t3.name }, _(t3.name), 9, vs))), 128))], 32)]), i("div", ys, [i("div", bs, [i("nav", hs, [(e(true), n(c, null, j(t2.tabs, (t3) => (e(), n("a", { key: t3.name, onClick: (e2) => l2("tabClicked", t3.id), class: a([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 }, [M(_(t3.name) + " ", 1), t3.count ? (e(), n("span", { key: 0, class: a([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)) : T("", true)], 10, xs))), 128))])])])])) }), Ss = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, Cs = { class: "px-4 py-5 sm:px-6" }, Os = { class: "text-xl font-bold" }, Ds = { class: "px-4 py-5 sm:p-6" }, Ms = { class: "flow-root" }, _s = { class: "-mb-8", role: "list" }, Ps = { class: "relative pb-8" }, js = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ts = { class: "relative flex space-x-3" }, Es = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Ls = { class: "text-sm text-gray-500" }, Bs = ["onClick"], Is = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Rs = ["datetime"], As = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, Fs = { class: "text-sm" }, Ns = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, $s = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Hs = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, Vs = 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), Ys = { class: "px-4 py-5 sm:p-6 animate-pulse" }, zs = { class: "flow-root" }, qs = { class: "-mb-8", role: "list" }, Us = { class: "relative pb-8" }, Ws = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ks = A('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><p class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></p></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1), Js = 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), Gs = { name: "uiTimeline" }, Xs = Object.assign(Gs, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, o2) => {
|
|
1938
1938
|
const s2 = F("uiIcon");
|
|
1939
|
-
return t2.loading ? (e(), n("div", Hs, [Vs, i("div", Ys, [i("div", zs, [i("ul", qs, [(e(), n(c, null,
|
|
1939
|
+
return t2.loading ? (e(), n("div", Hs, [Vs, i("div", Ys, [i("div", zs, [i("ul", qs, [(e(), n(c, null, j(10, (t3) => i("li", { key: l2.index }, [i("div", Us, [10 !== t3 ? (e(), n("span", Ws)) : T("", true), Ks])])), 64))])])]), Js])) : (e(), n("div", Ss, [i("div", Cs, [i("h1", Os, _(t2.name), 1)]), E(i("div", Ds, [i("div", Ms, [i("ul", _s, [(e(true), n(c, null, j(t2.timeline.items, (o3, u2) => (e(), n("li", { key: u2 }, [i("div", Ps, [u2 !== t2.timeline.items.length - 1 ? (e(), n("span", js)) : T("", true), i("div", Ts, [i("div", null, [i("span", { class: a([o3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [r(s2, { loading: t2.loading, icon: o3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", Es, [i("div", null, [i("p", Ls, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", o3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(o3.target), 9, Bs), M(" " + _(o3.content), 1)])]), i("div", Is, [i("time", { datetime: o3.datetime }, _(o3.date), 9, Rs)])])])])]))), 128))])])], 512), [[B, !t2.empty]]), E(i("div", As, [i("div", Fs, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: o2[0] || (o2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])], 512), [[B, !t2.empty]]), E(i("div", Ns, [r(q, { icon: C(Wl), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), $s], 512), [[B, t2.empty]])]));
|
|
1940
1940
|
} }), Zs = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: ll, DisclosureButton: al, DisclosurePanel: nl, Menu: pl, MenuButton: gl, MenuItem: ml, MenuItems: fl, Bars3Icon: function(t2, l2) {
|
|
1941
1941
|
return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" })]);
|
|
1942
1942
|
}, XMarkIcon: Ql } }, Qs = { class: "mx-auto px-6 lg:px-8" }, eu = { class: "flex justify-between h-20" }, tu = { class: "flex" }, lu = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, au = i("span", { class: "sr-only" }, "Open main menu", -1), nu = ["src"], ru = { class: "flex items-center" }, ou = { class: "md:ml-4 md:flex-shrink-0 md:flex md:items-center" }, iu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, su = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], uu = ["src"], du = ["onClick"], cu = { class: "pt-2 pb-3 space-y-1" }, pu = ["onClick"], gu = { class: "pt-4 pb-3 border-t border-gray-200" }, fu = { class: "flex items-center px-4 sm:px-6" }, mu = { class: "flex-shrink-0" }, vu = ["src"], yu = { key: 0, class: "ml-3" }, bu = { class: "text-base font-medium text-gray-800" }, hu = { class: "text-sm font-medium text-gray-500" }, xu = { class: "mt-3 space-y-1" }, wu = ["onClick"];
|
|
1943
1943
|
const ku = br(Zs, [["render", function(l2, o2, s2, u2, d2, p2) {
|
|
1944
1944
|
const g2 = F("Bars3Icon"), f2 = F("XMarkIcon"), m2 = F("DisclosureButton"), v2 = F("MenuButton"), y2 = F("MenuItem"), b2 = F("MenuItems"), h2 = F("Menu"), x2 = F("DisclosurePanel"), w2 = F("Disclosure");
|
|
1945
|
-
return e(), t(w2, { as: "nav", class: "bg-white shadow z-10" }, { default: D(({ open: u3 }) => [i("div", Qs, [i("div", eu, [i("div", tu, [i("div", lu, [r(m2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: D(() => [au, u3 ? (e(), t(f2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(g2, { 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: o2[0] || (o2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, nu)])]), i("div", ru, [i("div", ou, [r(h2, { as: "div", class: "ml-3 relative" }, { default: D(() => [i("div", null, [E(r(v2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: D(() => [E(i("div", iu, su, 512), [[B, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, uu)]), _: 1 }, 512), [[B, s2.accountLogo]])]), r(P, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [r(b2, { 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: D(() => [(e(true), n(c, null,
|
|
1946
|
-
}]]), Su = { class: "h-full" }, Cu = { class: "chart-header flex flex-row justify-between" }, Ou = { class: "text-sm font-medium text-gray-500 truncate" }, Du = { class: "chart-selector flex flex-row items-center justify-center" }, Mu = { class: "chart-content pt-6" }, _u = { class: "card chart funnel-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-full" }, Pu = [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("svg", { class: "w-80 h-full mx-auto animate-pulse fill-gray-300 grow", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 386 333.828" }, [i("path", { d: "M193,333.828V0H386s0,156.045-83.854,204.954S214.3,333.828,214.3,333.828Zm-21.3,0s-3.993-79.964-87.848-128.873S0,0,0,0H193V333.828Z" })])], -1)],
|
|
1945
|
+
return e(), t(w2, { as: "nav", class: "bg-white shadow z-10" }, { default: D(({ open: u3 }) => [i("div", Qs, [i("div", eu, [i("div", tu, [i("div", lu, [r(m2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: D(() => [au, u3 ? (e(), t(f2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(g2, { 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: o2[0] || (o2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, nu)])]), i("div", ru, [i("div", ou, [r(h2, { as: "div", class: "ml-3 relative" }, { default: D(() => [i("div", null, [E(r(v2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: D(() => [E(i("div", iu, su, 512), [[B, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, uu)]), _: 1 }, 512), [[B, s2.accountLogo]])]), r(P, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [r(b2, { 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: D(() => [(e(true), n(c, null, j(s2.profileMenu, (n2) => (e(), t(y2, { key: n2.name }, { default: D(({ active: e2 }) => [i("p", { onClick: (e3) => l2.$emit("topBarClick", n2.id), class: a(["cursor-pointer", [e2 ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700"]]) }, _(n2.name), 11, du)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), r(x2, { class: "lg:hidden" }, { default: D(() => [i("div", cu, [(e(true), n(c, null, j(s2.navigation, (n2) => (e(), t(m2, { as: "template", key: n2.name, class: a(["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": n2.current && true === n2.current, "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !n2.current }]) }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, pu)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", gu, [i("div", fu, [i("div", mu, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, vu)]), s2.brand ? (e(), n("div", yu, [i("div", bu, _(s2.brand.title), 1), i("div", hu, _(s2.brand.subtitle), 1)])) : T("", true)]), i("div", xu, [(e(true), n(c, null, j(s2.profileMenu, (a2) => (e(), t(m2, { as: "template", key: a2.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: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, wu)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
|
|
1946
|
+
}]]), Su = { class: "h-full" }, Cu = { class: "chart-header flex flex-row justify-between" }, Ou = { class: "text-sm font-medium text-gray-500 truncate" }, Du = { class: "chart-selector flex flex-row items-center justify-center" }, Mu = { class: "chart-content pt-6" }, _u = { class: "card chart funnel-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-full" }, Pu = [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("svg", { class: "w-80 h-full mx-auto animate-pulse fill-gray-300 grow", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 386 333.828" }, [i("path", { d: "M193,333.828V0H386s0,156.045-83.854,204.954S214.3,333.828,214.3,333.828Zm-21.3,0s-3.993-79.964-87.848-128.873S0,0,0,0H193V333.828Z" })])], -1)], ju = { name: "uiFunnelChart" }, Tu = Object.assign(ju, { props: { title: String, id: { type: String, default: "noChartId" }, labels: { type: Array, required: true }, subLabels: { type: Array, required: true }, values: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["selectedRange", "chartUpdated"], setup(l2, { emit: r2 }) {
|
|
1947
1947
|
const o2 = l2, u2 = s("24h"), d2 = s(null), c2 = [["#725CFF", "#C9C4EB"], ["#00FFFF", "#D6FFFF"], ["#aba9ba", "#f5f4ff"]], p2 = s(0), g2 = s(0), m2 = (e2) => {
|
|
1948
1948
|
u2.value = e2, r2("selectedRange", { range: e2, chartId: o2.id });
|
|
1949
1949
|
};
|
|
1950
1950
|
return f(() => {
|
|
1951
1951
|
d2.value.focus(), p2.value = d2.value.clientHeight - d2.value.clientHeight / 4, g2.value = d2.value.clientWidth - d2.value.clientHeight / 4;
|
|
1952
|
-
}), (r3, o3) => (e(), n("div", Su, [E(i("div", { ref_key: "funnelChart", ref: d2, class: "card chart funnel-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-full" }, [i("div", Cu, [i("div", Ou, _(l2.title), 1), i("ul", Du, [i("li", { class: a({ selected: "24h" === u2.value }), onClick: o3[0] || (o3[0] = (e2) => m2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === u2.value }), onClick: o3[1] || (o3[1] = (e2) => m2("7d")) }, " 7D ", 2), i("li", { class: a({ selected: "1m" === u2.value }), onClick: o3[2] || (o3[2] = (e2) => m2("1m")) }, " 1M ", 2), i("li", { class: a({ selected: "3m" === u2.value }), onClick: o3[3] || (o3[3] = (e2) => m2("3m")) }, " 3M ", 2)])]), i("div", Mu, [g2.value > 0 && p2.value > 0 ? (e(), t(C(Y), { key: 0, width: g2.value, height: p2.value, labels: l2.labels, values: l2.values, colors: c2, "sub-labels": l2.subLabels, direction: "vertical", "gradient-direction": "vertical", animated: true, "display-percentage": true }, null, 8, ["width", "height", "labels", "values", "sub-labels"])) :
|
|
1952
|
+
}), (r3, o3) => (e(), n("div", Su, [E(i("div", { ref_key: "funnelChart", ref: d2, class: "card chart funnel-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-full" }, [i("div", Cu, [i("div", Ou, _(l2.title), 1), i("ul", Du, [i("li", { class: a({ selected: "24h" === u2.value }), onClick: o3[0] || (o3[0] = (e2) => m2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === u2.value }), onClick: o3[1] || (o3[1] = (e2) => m2("7d")) }, " 7D ", 2), i("li", { class: a({ selected: "1m" === u2.value }), onClick: o3[2] || (o3[2] = (e2) => m2("1m")) }, " 1M ", 2), i("li", { class: a({ selected: "3m" === u2.value }), onClick: o3[3] || (o3[3] = (e2) => m2("3m")) }, " 3M ", 2)])]), i("div", Mu, [g2.value > 0 && p2.value > 0 ? (e(), t(C(Y), { key: 0, width: g2.value, height: p2.value, labels: l2.labels, values: l2.values, colors: c2, "sub-labels": l2.subLabels, direction: "vertical", "gradient-direction": "vertical", animated: true, "display-percentage": true }, null, 8, ["width", "height", "labels", "values", "sub-labels"])) : T("", true)])], 512), [[B, !l2.loading]]), E(i("div", _u, Pu, 512), [[B, l2.loading]])]));
|
|
1953
1953
|
} }), Eu = { chart: { type: "bar", toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff"], dataLabels: { enabled: true, formatter: function(e2, t2) {
|
|
1954
1954
|
return t2.w.globals.labels[t2.dataPointIndex] + ": " + e2;
|
|
1955
1955
|
} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } }, Lu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Bu = { class: "chart-header flex flex-row justify-between" }, Iu = { class: "text-sm font-medium text-gray-500 truncate" }, Ru = { class: "chart-content" }, Au = { class: "h-full w-full flex items-center justify-center flex-col" }, Fu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, $u = [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)], Hu = { name: "uiChart" }, Vu = Object.assign(Hu, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Object, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" } }, emits: ["selectedRange", "chartUpdated"], setup(t2, { emit: l2 }) {
|
|
1956
1956
|
const a2 = t2, o2 = y(() => ({ ...a2.options, ...Eu })), s2 = y(() => a2.series), u2 = () => l2("chartUpdated");
|
|
1957
1957
|
return (l3, a3) => (e(), n(c, null, [E(i("div", Lu, [i("div", Bu, [i("div", Iu, _(t2.title), 1), r(xo, { onRangeSelected: a3[0] || (a3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) })]), E(i("div", Ru, [r(C(V), { type: l3.bar, series: s2.value, width: "100%", height: "100%", options: o2.value, onUpdated: u2, onMounted: u2 }, null, 8, ["type", "series", "options"])], 512), [[B, !t2.empty]]), E(i("div", Au, [r(q, { icon: C(Wl), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Fu], 512), [[B, t2.empty]])], 512), [[B, !t2.loading]]), E(i("div", Nu, $u, 512), [[B, t2.loading]])], 64));
|
|
1958
|
-
} }), Yu = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, zu = { class: "text-2xl mt-4 font-bold" }, qu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Uu = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: a2 }) => (a3, o2) => (e(), n("div", Yu, [r(q, { loading: false, icon: C(Wl), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", zu, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", qu, [(e(true), n(c, null,
|
|
1959
|
-
Object.keys(
|
|
1960
|
-
e2.component(t2,
|
|
1958
|
+
} }), Yu = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, zu = { class: "text-2xl mt-4 font-bold" }, qu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Uu = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: a2 }) => (a3, o2) => (e(), n("div", Yu, [r(q, { loading: false, icon: C(Wl), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", zu, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", qu, [(e(true), n(c, null, j(l2.actions, (l3, n2) => (e(), t(G, { key: n2, loading: false, onClick: (e2) => a3.$emit("action", l3.action) }, { default: D(() => [M(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, Wu = i("div", { class: "fixed inset-0" }, null, -1), Ku = { class: "fixed inset-0 overflow-hidden" }, Ju = { class: "absolute inset-0 overflow-hidden" }, Gu = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Xu = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Zu = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Qu = { class: "flex items-center justify-between" }, ed = { class: "ml-3 flex h-7 items-center" }, td = i("span", { class: "absolute -inset-2.5" }, null, -1), ld = i("span", { class: "sr-only" }, "Close panel", -1), ad = { class: "mt-1" }, nd = { class: "text-sm text-indigo-300" }, rd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, od = { name: "uiRightSidebar" }, id = Object.assign(od, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup: (l2, { emit: a2 }) => (n2, s2) => (e(), t(C(Al), { as: "template", show: l2.open }, { default: D(() => [r(C(Jt), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: D(() => [Wu, i("div", Ku, [i("div", Ju, [i("div", Gu, [r(C(Il), { 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: D(() => [r(C(Gt), { class: "pointer-events-auto w-screen max-w-md" }, { default: D(() => [i("div", Xu, [i("div", Zu, [i("div", Qu, [r(C(Xt), { class: "text-base font-semibold leading-6 text-white" }, { default: D(() => [M(_(l2.title), 1)]), _: 1 }), i("div", ed, [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")) }, [td, ld, r(C(Ql), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", ad, [i("p", nd, _(l2.description), 1)])]), i("div", rd, [o(n2.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"])) }), sd = { uiButton: G, uiIcon: q, uiCheckbox: re, uiDropdown: ra, uiInput: va, uiInputFile: Ea, uiSelect: Aa, uiTag: Ha, uiTextArea: Ka, uiToggle: en, uiAlert: pn, uiBreadcrumbs: kn, uiCard: Tn, uiFilter: Ln, uiModal: qn, uiNotification: ar, uiTaskList: vr, uiPriceCalendar: yo, uiChart: To, uiFooter: Io, uiLoadingScreen: Fo, uiPagination: ei, uiSidebar: mi, uiStats: _i, uiStripedCard: zi, uiTable: fs, uiTabs: ks, uiTimeline: Xs, uiTopbar: ku, uiFunnelChart: Tu, uiFunnelChartV2: Vu, uiNoResults: Uu, uiRightSidebar: id }, ud = { install(e2) {
|
|
1959
|
+
Object.keys(sd).forEach((t2) => {
|
|
1960
|
+
e2.component(t2, sd[t2]);
|
|
1961
1961
|
});
|
|
1962
1962
|
} };
|
|
1963
1963
|
export {
|
|
1964
|
-
|
|
1964
|
+
ud as default
|
|
1965
1965
|
};
|