@hotelinking/ui 5.39.13 → 5.39.16

package/dist/style.css

@@ -1 +1 @@
-.list-enter-active,.list-leave-active,.list-move{transition:all 1s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.list-leave-active{position:absolute}
+.list-enter-active,.list-leave-active,.list-move{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(60px)}.list-leave-active{position:absolute}

package/dist/ui.es.js

@@ -2398,19 +2398,15 @@ const ri = Ho(ni, [["render", function(t2, l2, n2, o2, r2, i2) {
   return (l3, r2) => (e(), a("div", null, [i("div", Hs, [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, Ys))), 128))], 32)]), i("div", qs, [i("div", Us, [i("nav", Ws, [(e(true), a(k, null, P(t2.tabs, (t3) => (e(), a("a", { key: t3.name, onClick: (e2) => o2("tabClicked", t3.id), class: n([t3.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200", "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"]), "aria-current": t3.current ? "page" : void 0 }, [I(_(t3.name) + " ", 1), t3.count ? (e(), a("span", { key: 0, class: n([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, _(t3.count), 3)) : R("", true)], 10, Ks))), 128))])])])]));
-} }), Zs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, Xs = { class: "px-4 py-5 sm:px-6" }, Qs = { class: "text-xl font-bold" }, ed = { key: 0, class: "px-4 py-5 sm:p-6" }, td = { class: "flow-root" }, ld = { class: "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: "relative pb-8" }, yd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, xd = i("div", { class: "relative flex space-x-3" }, [i("div", null, [i("span", { class: "h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white" })]), i("div", { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, [i("div", null, [i("p", { class: "text-sm text-gray-500 flex-1" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full" })])]), i("div", { class: "text-right text-sm whitespace-nowrap text-gray-500 flex-1" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])])], -1), wd = 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), kd = { name: "uiTimeline" }, Sd = Object.assign(kd, { props: { name: { type: String, required: true }, timeline: { type: Object, default: () => {
-} }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup(t2) {
+} }), 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" }, td = { class: "relative pb-8" }, ld = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, nd = { class: "relative flex space-x-3" }, ad = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, od = { class: "text-sm text-gray-500" }, rd = ["onClick"], id = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, sd = ["datetime"], dd = { key: 1, class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, ud = { class: "text-sm" }, cd = { key: 2, class: "h-full w-full flex items-center justify-center flex-col mb-5" }, pd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), gd = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, fd = 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), md = { class: "px-4 py-5 sm:p-6 animate-pulse" }, vd = { class: "flow-root" }, hd = { class: "-mb-8", role: "list" }, bd = { class: "relative pb-8" }, yd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, xd = 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), wd = 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), kd = { name: "uiTimeline" }, Sd = Object.assign(kd, { props: { name: { type: String, required: true }, timeline: { type: Object, default: () => {
+} }, loading: { type: Boolean, default: true }, height: { type: Number || void 0, default: void 0 }, empty: { type: Boolean, default: false } }, setup(t2) {
   const l2 = O(t2.timeline);
-  return y(() => {
-    setInterval(() => {
-      l2.items.unshift({ id: 1, content: "Se ha conectado al WIFI", target: "Xisco Lladó", href: "#", date: "2 min ago", datetime: "2020-09-20", iconBackground: "bg-green-400" }), timeline.timeline.items.pop();
-    }, 3e3);
-  }), (r2, s2) => {
-    const d2 = $("uiIcon");
-    return t2.loading ? (e(), a("div", fd, [md, i("div", vd, [i("div", hd, [o(Y, { name: "list", tag: "ul", class: "-mb-8", role: "list" }, { default: T(() => [(e(), a(k, null, P(10, (t3, l3) => i("li", { key: l3 }, [i("div", bd, [10 !== t3 ? (e(), a("span", yd)) : R("", true), xd])])), 64))]), _: 1 })])]), wd])) : (e(), a("div", Zs, [i("div", Xs, [i("h1", Qs, _(t2.name), 1)]), l2.items ? (e(), a("div", ed, [i("div", td, [o(Y, { name: "list", tag: "ul", class: "-mb-8", role: "list" }, { default: T(() => [(e(true), a(k, null, P(l2.items, (s3, u2) => {
+  return (r2, s2) => {
+    const d2 = $("uiICon");
+    return t2.loading ? (e(), a("div", gd, [fd, i("div", md, [i("div", vd, [i("ul", hd, [(e(), a(k, null, P(10, (t3, l3) => i("li", { key: l3 }, [i("div", bd, [10 !== t3 ? (e(), a("span", yd)) : R("", true), xd])])), 64))])])]), wd])) : (e(), a("div", { key: 0, class: n(["h-[" + t2.height + "px]", "bg-white overflow-hidden shadow rounded-lg"]) }, [i("div", Zs, [i("h1", Xs, _(t2.name), 1)]), l2.items ? (e(), a("div", Qs, [i("div", ed, [o(Y, { name: "list", tag: "ul", class: "-mb-8" }, { default: T(() => [(e(true), a(k, null, P(l2.items, (s3, d3) => {
       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))]), _: 1 })])])) : 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(G, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), gd]))]));
+      return e(), a("li", { key: d3 }, [i("div", td, [d3 < ((_a2 = l2.items) == null ? void 0 : _a2.length) - 1 ? (e(), a("span", ld)) : R("", true), i("div", nd, [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(G, { 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", ad, [i("div", null, [i("p", od, [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, rd), I(" " + _(s3 == null ? void 0 : s3.content), 1)])]), i("div", id, [i("time", { datetime: s3 == null ? void 0 : s3.datetime }, _(s3 == null ? void 0 : s3.date), 9, sd)])])])])]);
+    }), 128))]), _: 1 })])])) : R("", true), l2.items ? (e(), a("div", dd, [i("div", ud, [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", cd, [o(d2, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), pd]))], 2));
   };
 } }), Cd = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: Ml, DisclosureButton: Dl, DisclosurePanel: El, Menu: Al, MenuButton: Ll, MenuItem: Nl, MenuItems: Fl, Bars3Icon: function(t2, l2) {
   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" })]);