comand-component-library 3.3.69 → 3.3.71

package/dist/comand-component-library.js

@@ -1945,48 +1945,50 @@ function Tl(e, i, t, a, n, s) {
     class: _(["cmd-thumbnail-scroller", { "gallery-scroller": !t.allowOpenFancyBox, "full-width": t.fullWidth, "large-icons": t.largeIcons }]),
     ref: "thumbnail-scroller"
   }, [
-    n.showSlidebuttons ? (l(), C(u, {
-      key: 0,
-      onClick: T(s.showPrevItem, ["prevent"]),
-      slideButtonType: "prev"
-    }, null, 8, ["onClick"])) : d("", !0),
-    x(ft, {
-      name: "slide",
-      tag: "ul"
-    }, {
-      default: j(() => [
-        (l(!0), o(b, null, B(n.items, (c, f) => (l(), o("li", {
-          key: f,
-          class: _([{ active: t.activeItemIndex === f }, c.id ? "item-" + c.id : ""])
-        }, [
-          h("a", {
-            href: t.executeOnClick === "url" ? c.url : "#",
-            onClick: (p) => s.executeLink(f, p),
-            title: s.getTooltip,
-            target: t.executeOnClick === "url" ? "_blank" : null
+    h("div", null, [
+      n.showSlidebuttons ? (l(), C(u, {
+        key: 0,
+        onClick: T(s.showPrevItem, ["prevent"]),
+        slideButtonType: "prev"
+      }, null, 8, ["onClick"])) : d("", !0),
+      x(ft, {
+        name: "slide",
+        tag: "ul"
+      }, {
+        default: j(() => [
+          (l(!0), o(b, null, B(n.items, (c, f) => (l(), o("li", {
+            key: f,
+            class: _([{ active: t.activeItemIndex === f }, c.id ? "item-" + c.id : ""])
           }, [
-            t.contentType === "image" ? (l(), C(m, {
-              key: 0,
-              image: c.image,
-              figcaption: c.figcaption
-            }, null, 8, ["image", "figcaption"])) : (l(), o(b, { key: 1 }, [
-              c.iconClass ? (l(), C(r, {
+            h("a", {
+              href: t.executeOnClick === "url" ? c.url : "#",
+              onClick: (p) => s.executeLink(f, p),
+              title: s.getTooltip,
+              target: t.executeOnClick === "url" ? "_blank" : null
+            }, [
+              t.contentType === "image" ? (l(), C(m, {
                 key: 0,
-                iconClass: c.iconClass,
-                type: c.iconType
-              }, null, 8, ["iconClass", "type"])) : d("", !0),
-              c.text ? (l(), o("span", Sl, g(c.text), 1)) : d("", !0)
-            ], 64))
-          ], 8, xl)
-        ], 2))), 128))
-      ]),
-      _: 1
-    }),
-    n.showSlidebuttons ? (l(), C(u, {
-      key: 1,
-      onClick: T(s.showNextItem, ["prevent"]),
-      slideButtons: t.cmdSlideButtons.next
-    }, null, 8, ["onClick", "slideButtons"])) : d("", !0)
+                image: c.image,
+                figcaption: c.figcaption
+              }, null, 8, ["image", "figcaption"])) : (l(), o(b, { key: 1 }, [
+                c.iconClass ? (l(), C(r, {
+                  key: 0,
+                  iconClass: c.iconClass,
+                  type: c.iconType
+                }, null, 8, ["iconClass", "type"])) : d("", !0),
+                c.text ? (l(), o("span", Sl, g(c.text), 1)) : d("", !0)
+              ], 64))
+            ], 8, xl)
+          ], 2))), 128))
+        ]),
+        _: 1
+      }),
+      n.showSlidebuttons ? (l(), C(u, {
+        key: 1,
+        onClick: T(s.showNextItem, ["prevent"]),
+        slideButtons: t.cmdSlideButtons.next
+      }, null, 8, ["onClick", "slideButtons"])) : d("", !0)
+    ])
   ], 2);
 }
 const Ml = /* @__PURE__ */ L(Il, [["render", Tl]]);
@@ -7668,9 +7670,10 @@ const im = {
   },
   created() {
     const e = window.matchMedia("(prefers-color-scheme: dark)");
-    e.addEventListener("change", this.onColorSchemeChange), this.onColorSchemeChange(e);
-    const i = window.localStorage.getItem("cmd-color-scheme");
-    i && (this.darkMode = i === "dark-mode"), document.documentElement.addEventListener("toggle-color-scheme", this.onToggleColorScheme);
+    e.addEventListener("change", this.onColorSchemeChange), this.onColorSchemeChange(e), this.$nextTick(() => {
+      const i = window.localStorage.getItem("cmd-color-scheme");
+      i && (this.darkMode = i === "dark-mode");
+    }), document.documentElement.addEventListener("toggle-color-scheme", this.onToggleColorScheme);
   },
   beforeUnmount() {
     window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", this.onColorSchemeChange), document.documentElement.removeEventListener("toggle-color-scheme", this.onToggleColorScheme);