@hotelinking/ui 5.39.9 → 5.39.11

package/dist/ui.es.js

@@ -2398,9 +2398,16 @@ const oi = Vo(li, [["render", function(t2, l2, n2, o2, r2, i2) {
   return (l3, r2) => (e(), a("div", null, [i("div", Vs, [i("select", { onChange: r2[0] || (r2[0] = (e2) => {
     o2("tabClicked", e2.target.value);
   }), id: "tabs", name: "tabs", class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm" }, [(e(true), a(k, null, P(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9, Hs))), 128))], 32)]), i("div", Ys, [i("div", qs, [i("nav", Us, [(e(true), a(k, null, P(t2.tabs, (t3) => (e(), a("a", { key: t3.name, onClick: (e2) => o2("tabClicked", t3.id), class: n([t3.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200", "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"]), "aria-current": t3.current ? "page" : void 0 }, [I(_(t3.name) + " ", 1), t3.count ? (e(), a("span", { key: 0, class: n([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, _(t3.count), 3)) : R("", true)], 10, Ws))), 128))])])])]));
-} }), Gs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, Zs = { class: "px-4 py-5 sm:px-6" }, Xs = { class: "text-xl font-bold" }, Qs = { class: "px-4 py-5 sm:p-6" }, ed = { class: "flow-root" }, td = { class: "-mb-8", role: "list" }, ld = { class: "relative pb-8" }, nd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, ad = { class: "relative flex space-x-3" }, od = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, rd = { class: "text-sm text-gray-500" }, id = ["onClick"], sd = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, dd = ["datetime"], ud = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, cd = { class: "text-sm" }, pd = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, gd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), fd = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, md = 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), vd = { class: "px-4 py-5 sm:p-6 animate-pulse" }, hd = { class: "flow-root" }, bd = { class: "-mb-8", role: "list" }, yd = { class: "relative pb-8" }, xd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, wd = z('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><p class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></p></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1), kd = i("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [i("div", { class: "text-sm" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), Sd = { name: "uiTimeline" }, Cd = Object.assign(Sd, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, r2) => {
-  const s2 = $("uiIcon");
-  return t2.loading ? (e(), a("div", fd, [md, i("div", vd, [i("div", hd, [i("ul", bd, [(e(), a(k, null, P(10, (t3) => i("li", { key: l2.index }, [i("div", yd, [10 !== t3 ? (e(), a("span", xd)) : R("", true), wd])])), 64))])])]), kd])) : (e(), a("div", Gs, [i("div", Zs, [i("h1", Xs, _(t2.name), 1)]), B(i("div", Qs, [i("div", ed, [i("ul", td, [(e(true), a(k, null, P(t2.timeline.items, (r3, d2) => (e(), a("li", { key: d2 }, [i("div", ld, [d2 !== t2.timeline.items.length - 1 ? (e(), a("span", nd)) : R("", true), i("div", ad, [i("div", null, [i("span", { class: n([r3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(s2, { loading: t2.loading, icon: r3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", od, [i("div", null, [i("p", rd, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", r3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(r3.target), 9, id), I(" " + _(r3.content), 1)])]), i("div", sd, [i("time", { datetime: r3.datetime }, _(r3.date), 9, dd)])])])])]))), 128))])])], 512), [[L, !t2.empty]]), B(i("div", ud, [i("div", cd, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])], 512), [[L, !t2.empty]]), B(i("div", pd, [o(J, { icon: u(hn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), gd], 512), [[L, t2.empty]])]));
+} }), Gs = { key: 0, class: "bg-white shadow rounded-lg" }, Zs = { class: "px-4 py-5 sm:px-6" }, Xs = { class: "text-xl font-bold" }, Qs = { key: 0, class: "px-4 py-5 sm:p-6" }, ed = { class: "flow-root overflow-y-auto" }, td = { class: "-mb-8", role: "list" }, ld = { class: "relative pb-8" }, nd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, ad = { class: "relative flex space-x-3" }, od = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, rd = { class: "text-sm text-gray-500" }, id = ["onClick"], sd = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, dd = ["datetime"], ud = { key: 1, class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, cd = { class: "text-sm" }, pd = { key: 2, class: "h-full w-full flex items-center justify-center flex-col mb-5" }, gd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), fd = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, md = 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), vd = { class: "px-4 py-5 sm:p-6 animate-pulse" }, hd = { class: "flow-root" }, bd = { class: "-mb-8", role: "list" }, yd = { class: "relative pb-8" }, xd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, wd = z('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><p class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></p></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1), kd = i("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [i("div", { class: "text-sm" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), Sd = { name: "uiTimeline" }, Cd = Object.assign(Sd, { props: { name: { type: String, required: true }, timeline: { type: Object, default: () => {
+} }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup(t2) {
+  const l2 = O(t2.timeline);
+  return (r2, s2) => {
+    const d2 = $("uiIcon");
+    return t2.loading ? (e(), a("div", fd, [md, i("div", vd, [i("div", hd, [i("ul", bd, [(e(), a(k, null, P(10, (t3, l3) => i("li", { key: l3 }, [i("div", yd, [10 !== t3 ? (e(), a("span", xd)) : R("", true), wd])])), 64))])])]), kd])) : (e(), a("div", Gs, [i("div", Zs, [i("h1", Xs, _(t2.name), 1)]), l2.items ? (e(), a("div", Qs, [i("div", ed, [i("ul", td, [(e(true), a(k, null, P(l2.items, (s3, u2) => {
+      var _a2;
+      return e(), a("li", { key: u2 }, [i("div", ld, [u2 < ((_a2 = l2.items) == null ? void 0 : _a2.length) - 1 ? (e(), a("span", nd)) : R("", true), i("div", ad, [i("div", null, [i("span", { class: n([(s3 == null ? void 0 : s3.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(d2, { loading: t2.loading, icon: s3 == null ? void 0 : s3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", od, [i("div", null, [i("p", rd, [i("a", { onClick: (e2) => r2.$emit("timelineEventClicked", s3 == null ? void 0 : s3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(s3 == null ? void 0 : s3.target), 9, id), I(" " + _(s3 == null ? void 0 : s3.content), 1)])]), i("div", sd, [i("time", { datetime: s3 == null ? void 0 : s3.datetime }, _(s3 == null ? void 0 : s3.date), 9, dd)])])])])]);
+    }), 128))])])])) : R("", true), l2.items ? (e(), a("div", ud, [i("div", cd, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: s2[0] || (s2[0] = (e2) => r2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])])) : (e(), a("div", pd, [o(J, { icon: u(hn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), gd]))]));
+  };
 } }), Od = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: Ol, DisclosureButton: Ml, DisclosurePanel: Dl, Menu: Bl, MenuButton: Al, MenuItem: Fl, MenuItems: Ll, Bars3Icon: function(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" })]);
 }, XMarkIcon: Cn } }, Md = { class: "mx-auto px-6 lg:px-8" }, Dd = { class: "flex justify-between h-20" }, Ed = { class: "flex" }, Td = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Id = i("span", { class: "sr-only" }, "Open main menu", -1), _d = ["src"], jd = { class: "flex items-center" }, Pd = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Rd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Bd = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], Ad = ["src"], Ld = ["onClick"], Fd = { class: "pt-2 pb-3 space-y-1" }, Nd = ["onClick"], zd = { class: "pt-4 pb-3 border-t border-gray-200" }, $d = { class: "flex items-center px-4 sm:px-6" }, Vd = { class: "flex-shrink-0" }, Hd = ["src"], Yd = { key: 0, class: "ml-3" }, qd = { class: "text-base font-medium text-gray-800" }, Ud = { class: "text-sm font-medium text-gray-500" }, Wd = { class: "mt-3 space-y-1" }, Kd = ["onClick"];