@hotelinking/ui 3.32.3 → 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 +22 -22
- package/dist/ui.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/ui.es.js
CHANGED
|
@@ -3,7 +3,7 @@ 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 }));
|
|
@@ -1781,7 +1781,7 @@ const ea = { class: "py-1" }, ta = ["onClick"], la = { key: 1, class: "animate-p
|
|
|
1781
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
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, j(l2.tags, (a3) => (e(), t(Ha, { class: "
|
|
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) => {
|
|
@@ -1917,7 +1917,7 @@ const Io = br(Eo, [["render", function(t2, l2, a2, r2, o2, i2) {
|
|
|
1917
1917
|
return e2;
|
|
1918
1918
|
});
|
|
1919
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: "sr-only" }, wi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, ki = { class: "text-sm" }, Si = { key: 1 }, Ci = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Oi = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Di = 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), Mi = 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), _i = { name: "uiStats" }, Pi = Object.assign(_i, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup: (l2, { emit: o2 }) => (s2, u2) => l2.loading ? (e(), n("div", Si, [i("div", Ci, [i("dt", null, [i("div", Oi, [r(q, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Di, Mi])])])) : (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(["increase" === l2.item.changeType ? "text-green-600" : "text-red-600", "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" })) : (e(), t(C(Fl), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })), i("span", xi, _("increase" === l2.item.changeType ? "Increased" : "Decreased"), 1), M(" " + _(l2.item.change), 1)], 2)) : T("", true), E(i("div", wi, [i("div", ki, [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)])) }), ji = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Ti = { class: "px-4 py-5 sm:px-6" }, Ei = { class: "text-lg font-medium leading-6 text-gray-900" }, Li = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Bi = { class: "border-t border-gray-200" }, Ii = { class: "text-sm font-medium text-gray-500" }, Ri = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ai = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Fi = ["onClick"], Ni = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, $i = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Hi = 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), Vi = { class: "border-t border-gray-200" }, Yi = [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)], zi = { name: "uiStripedCard" }, qi = Object.assign(zi, { 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", $i, [Hi, i("div", Vi, [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"]]) }, Yi, 2)), 64))])])])) : (e(), n("div", ji, [i("div", Ti, [i("h3", Ei, _(l2.title), 1), i("p", Li, _(l2.subtitle), 1)]), i("div", Bi, [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", Ii, _(s3.title), 1), "tag" === s3.type ? (e(), n("dd", Ri, [r(Ha, { color: s3.color }, { default: D(() => [M(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), n("dd", Ai, [(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, Fi)) : (e(), n("dd", Ni, _(s3.text), 1))], 2))), 128))])])])) }), Ui = { 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" }, Wi = 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), Ki = { class: "ml-2" }, Ji = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, a2) => (e(), n("div", Ui, [Wi, i("div", null, [r(q, { icon: C(Xl), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", Ki, _(t2.tip), 1)])) }, Gi = { key: 0 }, Xi = { class: "flex flex-col" }, Zi = { class: "-my-2 overflow-x-auto" }, Qi = { class: "inline-block min-w-full py-2 align-middle px-1" }, es = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, ts = { 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" }, ls = ["onClick"], as = { class: "min-w-full table-fixed divide-y divide-gray-300" }, ns = { class: "bg-gray-50" }, rs = ["checked", "indeterminate"], os = ["onMouseover", "onMouseleave"], is = ["onClick"], ss = { key: 2, class: "group flex items-center uppercase text-xs" }, us = { class: "divide-y divide-gray-200 bg-white" }, ds = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, cs = ["value"], ps = ["onClick"], gs = { key: 2 }, fs = { name: "uiTable" }, ms = Object.assign(fs, { 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 }) {
|
|
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",
|
|
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",
|
|
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, j(t2.tabs, (t3) => (e(), n("option", { value: t3.id, key: t3.name }, _(t3.name), 9,
|
|
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",
|
|
1940
|
-
} }),
|
|
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
|
+
} }), 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
|
-
}, XMarkIcon: Ql } },
|
|
1943
|
-
const
|
|
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
|
+
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",
|
|
1946
|
-
}]]),
|
|
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",
|
|
1953
|
-
} }),
|
|
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
|
+
} }), 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
|
-
} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } },
|
|
1956
|
-
const a2 = t2, o2 = y(() => ({ ...a2.options, ...
|
|
1957
|
-
return (l3, a3) => (e(), n(c, null, [E(i("div",
|
|
1958
|
-
} }),
|
|
1959
|
-
Object.keys(
|
|
1960
|
-
e2.component(t2,
|
|
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
|
+
const a2 = t2, o2 = y(() => ({ ...a2.options, ...Eu })), s2 = y(() => a2.series), u2 = () => l2("chartUpdated");
|
|
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, 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
|
};
|