@hotelinking/ui 10.42.12 → 10.42.13

package/dist/ui.es.js

@@ -1363,7 +1363,7 @@ const Nt = { class: "flex justify-between" }, At = {
     ]))) : (s(), n("nav", zs, [
       e("ol", Ls, [
         (s(!0), n(k, null, $(l.pages, (r, o) => (s(), n("li", { key: o }, [
-          o === 0 ? (s(), n("div", Ns, [
+          o == 0 ? (s(), n("div", Ns, [
             e("p", {
               onClick: (t) => l.$emit("breadCrumbClicked", r.routeName),
               class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer"
@@ -2932,15 +2932,15 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     loading: { type: Boolean, default: !0 }
   },
   emits: ["itemClicked"],
-  setup(p, { emit: i }) {
-    return (l, a) => l.loading ? (s(), n("div", Er, [
-      a[1] || (a[1] = Q('<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><div 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></div></div>', 1)),
+  setup(p) {
+    return (i, l) => i.loading ? (s(), n("div", Er, [
+      l[1] || (l[1] = Q('<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><div 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></div></div>', 1)),
       e("div", Zr, [
         e("dl", null, [
-          (s(), n(k, null, $(5, (r) => e("div", {
-            key: r,
-            class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [r % 2 === 0 ? "bg-gray-50" : "bg-white"]])
-          }, a[0] || (a[0] = [
+          (s(), n(k, null, $(5, (a) => e("div", {
+            key: a,
+            class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [a % 2 === 0 ? "bg-gray-50" : "bg-white"]])
+          }, l[0] || (l[0] = [
             e("dt", { class: "text-sm font-medium text-gray-500" }, [
               e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
             ], -1),
@@ -2952,33 +2952,33 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ])) : (s(), n("div", Yr, [
       e("div", Ir, [
-        e("h3", Pr, g(l.title), 1),
-        e("p", Fr, g(l.subtitle), 1)
+        e("h3", Pr, g(i.title), 1),
+        e("p", Fr, g(i.subtitle), 1)
       ]),
       e("div", Vr, [
         e("dl", null, [
-          (s(!0), n(k, null, $(l.items, (r, o) => (s(), n("div", {
-            key: o,
-            class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [o % 2 === 0 ? "bg-gray-50" : "bg-white"]])
+          (s(!0), n(k, null, $(i.items, (a, r) => (s(), n("div", {
+            key: r,
+            class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [r % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
-            e("dt", Rr, g(r.title), 1),
-            r.type === "tags" ? (s(), n("dd", qr, [
-              (s(!0), n(k, null, $(r.tags, (t, u) => (s(), _(H, {
-                loading: l.loading,
-                key: u,
-                color: t.color,
+            e("dt", Rr, g(a.title), 1),
+            a.type === "tags" ? (s(), n("dd", qr, [
+              (s(!0), n(k, null, $(a.tags, (o, t) => (s(), _(H, {
+                loading: i.loading,
+                key: t,
+                color: o.color,
                 class: "mr-2 mb-2"
               }, {
                 default: v(() => [
-                  L(g(t.text), 1)
+                  L(g(o.text), 1)
                 ]),
                 _: 2
               }, 1032, ["loading", "color"]))), 128))
-            ])) : r.type === "link" ? (s(), n("dd", {
+            ])) : a.type === "link" ? (s(), n("dd", {
               key: 1,
               class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer",
-              onClick: (t) => l.$emit("itemClicked", r.emits)
-            }, g(r.text), 9, Hr)) : (s(), n("dd", Ur, g(r.text), 1))
+              onClick: (o) => i.$emit("itemClicked", a.emits)
+            }, g(a.text), 9, Hr)) : (s(), n("dd", Ur, g(a.text), 1))
           ], 2))), 128))
         ])
       ])
@@ -3128,7 +3128,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                         key: B.id,
                         class: y([
                           c(l).includes(B.id) && "bg-gray-50",
-                          P % 2 === 0 ? void 0 : "bg-gray-50"
+                          P % 2 == 0 ? void 0 : "bg-gray-50"
                         ])
                       }, [
                         e("td", {
@@ -3309,45 +3309,42 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             class: "-mb-8"
           }, {
             default: v(() => [
-              (s(!0), n(k, null, $(a.items, (t, u) => {
-                var d;
-                return s(), n("li", { key: u }, [
-                  e("div", jn, [
-                    u < ((d = a.items) == null ? void 0 : d.length) - 1 ? (s(), n("span", Tn)) : b("", !0),
-                    e("div", zn, [
+              (s(!0), n(k, null, $(a.items, (t, u) => (s(), n("li", { key: u }, [
+                e("div", jn, [
+                  u < a.items.length - 1 ? (s(), n("span", Tn)) : b("", !0),
+                  e("div", zn, [
+                    e("div", null, [
+                      e("span", {
+                        class: y([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
+                      }, [
+                        m(j, {
+                          loading: r.loading,
+                          icon: t == null ? void 0 : t.icon,
+                          "aria-hidden": "true",
+                          class: "h-5 w-5 text-white",
+                          color: "white"
+                        }, null, 8, ["loading", "icon"])
+                      ], 2)
+                    ]),
+                    e("div", Ln, [
                       e("div", null, [
-                        e("span", {
-                          class: y([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
-                        }, [
-                          m(j, {
-                            loading: r.loading,
-                            icon: t == null ? void 0 : t.icon,
-                            "aria-hidden": "true",
-                            class: "h-5 w-5 text-white",
-                            color: "white"
-                          }, null, 8, ["loading", "icon"])
-                        ], 2)
-                      ]),
-                      e("div", Ln, [
-                        e("div", null, [
-                          e("p", Nn, [
-                            e("a", {
-                              onClick: (f) => r.$emit("timelineEventClicked", t.linkId),
-                              class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer"
-                            }, g(t == null ? void 0 : t.target), 9, An),
-                            L(" " + g(t == null ? void 0 : t.content), 1)
-                          ])
-                        ]),
-                        e("div", On, [
-                          e("time", {
-                            datetime: t == null ? void 0 : t.datetime
-                          }, g(t == null ? void 0 : t.date), 9, Yn)
+                        e("p", Nn, [
+                          e("a", {
+                            onClick: (d) => r.$emit("timelineEventClicked", t.linkId),
+                            class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer"
+                          }, g(t == null ? void 0 : t.target), 9, An),
+                          L(" " + g(t == null ? void 0 : t.content), 1)
                         ])
+                      ]),
+                      e("div", On, [
+                        e("time", {
+                          datetime: t == null ? void 0 : t.datetime
+                        }, g(t == null ? void 0 : t.date), 9, Yn)
                       ])
                     ])
                   ])
-                ]);
-              }), 128))
+                ])
+              ]))), 128))
             ]),
             _: 1
           })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hotelinking/ui",
   "private": false,
-  "version": "10.42.12",
+  "version": "10.42.13",
   "files": [
     "dist"
   ],
@@ -56,24 +56,26 @@
     "chromatic": "^11.0.7",
     "cssnano": "^7.0.4",
     "dayjs": "^1.11.10",
+    "happy-dom": "15.10.2",
     "postcss": "^8.4.35",
     "postcss-cli": "^11.0.0",
     "rimraf": "^6.0.0",
     "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
     "storybook": "^8.5.3",
     "tailwindcss": "^3.4.1",
     "terser": "^5.29.1",
-    "typescript": "5.6.3",
+    "tslib": "^2.8.1",
+    "typescript": "^5.6.3",
     "vite": "^6.0.3",
-    "vite-plugin-dts": "^4.0.1",
+    "vite-plugin-dts": "^4.5.0",
     "vite-plugin-vue-devtools": "^7.6.2",
     "vitepress": "^1.4.5",
+    "vitest": "^1.0.0",
     "vue": "^3.2.47",
     "vue-tsc": "^2.1.10",
     "vue3-apexcharts": "^1.5.2",
-    "vue3-draggable": "^2.0.9",
-    "vitest": "^1.0.0",
-    "happy-dom": "15.10.2"
+    "vue3-draggable": "^2.0.9"
   },
   "peerDependencies": {
     "@headlessui/vue": "^1.7.14",