@morscherlab/mld-sdk 0.6.0

package/dist/components/AppTopBar.vue.js

@@ -0,0 +1,564 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, renderSlot, createCommentVNode, createBlock, withCtx, toDisplayString, withModifiers, createTextVNode, withDirectives, renderList, vShow, createSlots } from "vue";
+import _sfc_main$1 from "./ThemeToggle.vue.js";
+/* empty css                 */
+import _sfc_main$2 from "./SettingsModal.vue.js";
+/* empty css                   */
+import { usePlatformContext } from "../composables/usePlatformContext.js";
+const _hoisted_1 = { class: "mld-topbar__container" };
+const _hoisted_2 = { class: "mld-topbar__left" };
+const _hoisted_3 = ["href"];
+const _hoisted_4 = {
+  key: 0,
+  class: "mld-topbar__logo"
+};
+const _hoisted_5 = ["href"];
+const _hoisted_6 = {
+  key: 0,
+  class: "mld-topbar__logo"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "mld-topbar__logo"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "mld-topbar__logo"
+};
+const _hoisted_9 = {
+  key: 4,
+  class: "mld-topbar-title-group"
+};
+const _hoisted_10 = { class: "mld-topbar-title" };
+const _hoisted_11 = { class: "mld-topbar-subtitle" };
+const _hoisted_12 = {
+  key: 1,
+  class: "mld-topbar-plugin-name--static"
+};
+const _hoisted_13 = {
+  key: 2,
+  class: "mld-topbar-separator",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_14 = {
+  key: 3,
+  class: "mld-topbar-current-page"
+};
+const _hoisted_15 = { class: "mld-topbar-dropdown" };
+const _hoisted_16 = ["href"];
+const _hoisted_17 = { class: "mld-topbar-dropdown-item__label" };
+const _hoisted_18 = {
+  key: 0,
+  class: "mld-topbar-dropdown-item__description"
+};
+const _hoisted_19 = { class: "mld-topbar-dropdown-item__label" };
+const _hoisted_20 = {
+  key: 0,
+  class: "mld-topbar-dropdown-item__description"
+};
+const _hoisted_21 = ["onClick"];
+const _hoisted_22 = { class: "mld-topbar-dropdown-item__label" };
+const _hoisted_23 = {
+  key: 0,
+  class: "mld-topbar-dropdown-item__description"
+};
+const _hoisted_24 = {
+  key: 6,
+  class: "mld-topbar__title-only"
+};
+const _hoisted_25 = {
+  key: 0,
+  class: "mld-topbar__tabs"
+};
+const _hoisted_26 = ["onClick"];
+const _hoisted_27 = ["href"];
+const _hoisted_28 = ["onClick"];
+const _hoisted_29 = {
+  key: 4,
+  class: "mld-topbar-tab-dropdown"
+};
+const _hoisted_30 = ["href"];
+const _hoisted_31 = { class: "mld-topbar-dropdown-item__label" };
+const _hoisted_32 = {
+  key: 0,
+  class: "mld-topbar-dropdown-item__description"
+};
+const _hoisted_33 = { class: "mld-topbar-dropdown-item__label" };
+const _hoisted_34 = {
+  key: 0,
+  class: "mld-topbar-dropdown-item__description"
+};
+const _hoisted_35 = ["onClick"];
+const _hoisted_36 = { class: "mld-topbar-dropdown-item__label" };
+const _hoisted_37 = {
+  key: 0,
+  class: "mld-topbar-dropdown-item__description"
+};
+const _hoisted_38 = { class: "mld-topbar__right" };
+const _hoisted_39 = {
+  key: 0,
+  class: "mld-topbar__standalone-badge"
+};
+const _hoisted_40 = { class: "mld-topbar__profile-avatar" };
+const _hoisted_41 = {
+  key: 0,
+  class: "mld-topbar__profile-name"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AppTopBar",
+  props: {
+    title: {},
+    subtitle: {},
+    showLogo: { type: Boolean, default: true },
+    variant: { default: "card" },
+    pluginName: {},
+    pages: {},
+    currentPageId: {},
+    tabs: {},
+    currentTabId: {},
+    homePath: { default: "/" },
+    showThemeToggle: { type: Boolean, default: false },
+    showSettings: { type: Boolean, default: false },
+    settingsConfig: {},
+    showStandaloneLabel: { type: Boolean, default: true },
+    standaloneLabel: { default: "Standalone" },
+    showAdmin: { type: Boolean, default: false },
+    adminPath: { default: "/admin" },
+    showProfile: { type: Boolean, default: false },
+    userName: {},
+    userInitial: {}
+  },
+  emits: ["page-select", "tab-select", "tab-option-select", "profile-click", "admin-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const settingsOpen = ref(false);
+    const { isIntegrated } = usePlatformContext();
+    const isStandalone = computed(() => !isIntegrated.value);
+    const profileInitial = computed(() => {
+      if (props.userInitial) return props.userInitial;
+      if (props.userName) return props.userName.charAt(0).toUpperCase();
+      return "U";
+    });
+    const emit = __emit;
+    const showPagesDropdown = ref(false);
+    const dropdownRef = ref(null);
+    const openTabDropdown = ref(null);
+    const tabDropdownRefs = ref(/* @__PURE__ */ new Map());
+    function togglePagesDropdown() {
+      showPagesDropdown.value = !showPagesDropdown.value;
+      openTabDropdown.value = null;
+    }
+    function handlePageClick(page) {
+      if (page.disabled) return;
+      emit("page-select", page);
+      showPagesDropdown.value = false;
+    }
+    function toggleTabDropdown(tabId) {
+      showPagesDropdown.value = false;
+      openTabDropdown.value = openTabDropdown.value === tabId ? null : tabId;
+    }
+    function handleTabClick(tab) {
+      var _a;
+      if (tab.disabled) return;
+      if ((_a = tab.children) == null ? void 0 : _a.length) {
+        toggleTabDropdown(tab.id);
+      } else {
+        emit("tab-select", tab);
+        openTabDropdown.value = null;
+      }
+    }
+    function handleTabOptionClick(option, tab) {
+      if (option.disabled) return;
+      emit("tab-option-select", option, tab);
+      openTabDropdown.value = null;
+    }
+    function setTabDropdownRef(el, tabId) {
+      if (el) {
+        tabDropdownRefs.value.set(tabId, el);
+      } else {
+        tabDropdownRefs.value.delete(tabId);
+      }
+    }
+    function handleClickOutside(event) {
+      const target = event.target;
+      if (showPagesDropdown.value && dropdownRef.value && !dropdownRef.value.contains(target)) {
+        showPagesDropdown.value = false;
+      }
+      if (openTabDropdown.value !== null) {
+        const clickedInside = Array.from(tabDropdownRefs.value.values()).some((el) => el.contains(target));
+        if (!clickedInside) {
+          openTabDropdown.value = null;
+        }
+      }
+    }
+    onMounted(() => {
+      document.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", handleClickOutside);
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("header", {
+          class: normalizeClass([
+            "mld-topbar",
+            `mld-topbar--${props.variant}`
+          ])
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              __props.homePath && __props.homePath.startsWith("http") ? (openBlock(), createElementBlock("a", {
+                key: 0,
+                href: __props.homePath,
+                class: "mld-topbar-home-link"
+              }, [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  renderSlot(_ctx.$slots, "logo", {}, () => [
+                    __props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[8] || (_cache[8] = [
+                      createElementVNode("div", { class: "mld-topbar__logo-icon" }, [
+                        createElementVNode("span", { class: "mld-topbar__logo-text" }, "M")
+                      ], -1)
+                    ])])) : createCommentVNode("", true)
+                  ])
+                ])
+              ], 8, _hoisted_3)) : __props.homePath && __props.homePath.startsWith("/") ? (openBlock(), createElementBlock("a", {
+                key: 1,
+                href: __props.homePath,
+                class: "mld-topbar-home-link"
+              }, [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  renderSlot(_ctx.$slots, "logo", {}, () => [
+                    __props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_6, [..._cache[9] || (_cache[9] = [
+                      createElementVNode("div", { class: "mld-topbar__logo-icon" }, [
+                        createElementVNode("span", { class: "mld-topbar__logo-text" }, "M")
+                      ], -1)
+                    ])])) : createCommentVNode("", true)
+                  ])
+                ])
+              ], 8, _hoisted_5)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
+                key: 2,
+                to: __props.homePath,
+                class: "mld-topbar-home-link"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "icon", {}, () => [
+                    renderSlot(_ctx.$slots, "logo", {}, () => [
+                      __props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[10] || (_cache[10] = [
+                        createElementVNode("div", { class: "mld-topbar__logo-icon" }, [
+                          createElementVNode("span", { class: "mld-topbar__logo-text" }, "M")
+                        ], -1)
+                      ])])) : createCommentVNode("", true)
+                    ])
+                  ])
+                ]),
+                _: 3
+              }, 8, ["to"])) : renderSlot(_ctx.$slots, "icon", { key: 3 }, () => [
+                renderSlot(_ctx.$slots, "logo", {}, () => [
+                  __props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_8, [..._cache[11] || (_cache[11] = [
+                    createElementVNode("div", { class: "mld-topbar__logo-icon" }, [
+                      createElementVNode("span", { class: "mld-topbar__logo-text" }, "M")
+                    ], -1)
+                  ])])) : createCommentVNode("", true)
+                ])
+              ]),
+              __props.title && __props.subtitle && !__props.pluginName && !((_a = __props.pages) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                createElementVNode("span", _hoisted_10, toDisplayString(__props.title), 1),
+                createElementVNode("span", _hoisted_11, toDisplayString(__props.subtitle), 1)
+              ])) : __props.pluginName || ((_b = __props.pages) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", {
+                key: 5,
+                ref_key: "dropdownRef",
+                ref: dropdownRef,
+                class: "mld-topbar-breadcrumb"
+              }, [
+                ((_c = __props.pages) == null ? void 0 : _c.length) ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: "mld-topbar-plugin-name",
+                  onClick: withModifiers(togglePagesDropdown, ["stop"])
+                }, [
+                  createTextVNode(toDisplayString(__props.pluginName) + " ", 1),
+                  (openBlock(), createElementBlock("svg", {
+                    class: normalizeClass(["mld-topbar-chevron", { "mld-topbar-chevron--open": showPagesDropdown.value }]),
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }, [..._cache[12] || (_cache[12] = [
+                    createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)
+                  ])], 2))
+                ])) : (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.pluginName), 1)),
+                __props.title ? (openBlock(), createElementBlock("svg", _hoisted_13, [..._cache[13] || (_cache[13] = [
+                  createElementVNode("path", { d: "m9 18 6-6-6-6" }, null, -1)
+                ])])) : createCommentVNode("", true),
+                __props.title ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+                withDirectives(createElementVNode("div", _hoisted_15, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.pages, (page) => {
+                    return openBlock(), createElementBlock(Fragment, {
+                      key: page.id
+                    }, [
+                      page.href ? (openBlock(), createElementBlock("a", {
+                        key: 0,
+                        href: page.href,
+                        class: normalizeClass(["mld-topbar-dropdown-item", { "mld-topbar-dropdown-item--active": page.id === __props.currentPageId, "mld-topbar-dropdown-item--disabled": page.disabled }]),
+                        onClick: _cache[0] || (_cache[0] = ($event) => showPagesDropdown.value = false)
+                      }, [
+                        createElementVNode("span", _hoisted_17, toDisplayString(page.label), 1),
+                        page.description ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(page.description), 1)) : createCommentVNode("", true)
+                      ], 10, _hoisted_16)) : page.to ? (openBlock(), createBlock(_component_router_link, {
+                        key: 1,
+                        to: page.to,
+                        class: normalizeClass(["mld-topbar-dropdown-item", { "mld-topbar-dropdown-item--active": page.id === __props.currentPageId, "mld-topbar-dropdown-item--disabled": page.disabled }]),
+                        onClick: _cache[1] || (_cache[1] = ($event) => showPagesDropdown.value = false)
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_19, toDisplayString(page.label), 1),
+                          page.description ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(page.description), 1)) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1032, ["to", "class"])) : (openBlock(), createElementBlock("button", {
+                        key: 2,
+                        type: "button",
+                        class: normalizeClass(["mld-topbar-dropdown-item", { "mld-topbar-dropdown-item--active": page.id === __props.currentPageId, "mld-topbar-dropdown-item--disabled": page.disabled }]),
+                        onClick: ($event) => handlePageClick(page)
+                      }, [
+                        createElementVNode("span", _hoisted_22, toDisplayString(page.label), 1),
+                        page.description ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(page.description), 1)) : createCommentVNode("", true)
+                      ], 10, _hoisted_21))
+                    ], 64);
+                  }), 128))
+                ], 512), [
+                  [vShow, showPagesDropdown.value]
+                ])
+              ], 512)) : __props.title ? (openBlock(), createElementBlock("span", _hoisted_24, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "nav")
+            ]),
+            ((_d = __props.tabs) == null ? void 0 : _d.length) ? (openBlock(), createElementBlock("div", _hoisted_25, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+                var _a2, _b2;
+                return openBlock(), createElementBlock("div", {
+                  key: tab.id,
+                  ref_for: true,
+                  ref: (el) => {
+                    var _a3;
+                    return ((_a3 = tab.children) == null ? void 0 : _a3.length) ? setTabDropdownRef(el, tab.id) : null;
+                  },
+                  class: "mld-topbar-tab-wrapper"
+                }, [
+                  ((_a2 = tab.children) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    class: normalizeClass([
+                      "mld-topbar-tab",
+                      { "mld-topbar-tab--active": tab.id === __props.currentTabId || tab.children.some((c) => c.id === __props.currentTabId) },
+                      { "mld-topbar-tab--disabled": tab.disabled }
+                    ]),
+                    onClick: withModifiers(($event) => handleTabClick(tab), ["stop"])
+                  }, [
+                    createTextVNode(toDisplayString(tab.label) + " ", 1),
+                    (openBlock(), createElementBlock("svg", {
+                      class: normalizeClass(["mld-topbar-tab-chevron", { "mld-topbar-tab-chevron--open": openTabDropdown.value === tab.id }]),
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, [..._cache[14] || (_cache[14] = [
+                      createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)
+                    ])], 2))
+                  ], 10, _hoisted_26)) : tab.href ? (openBlock(), createElementBlock("a", {
+                    key: 1,
+                    href: tab.href,
+                    class: normalizeClass([
+                      "mld-topbar-tab",
+                      { "mld-topbar-tab--active": tab.id === __props.currentTabId },
+                      { "mld-topbar-tab--disabled": tab.disabled }
+                    ])
+                  }, toDisplayString(tab.label), 11, _hoisted_27)) : tab.to ? (openBlock(), createBlock(_component_router_link, {
+                    key: 2,
+                    to: tab.to,
+                    class: normalizeClass([
+                      "mld-topbar-tab",
+                      { "mld-topbar-tab--active": tab.id === __props.currentTabId },
+                      { "mld-topbar-tab--disabled": tab.disabled }
+                    ])
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(tab.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["to", "class"])) : (openBlock(), createElementBlock("button", {
+                    key: 3,
+                    type: "button",
+                    class: normalizeClass([
+                      "mld-topbar-tab",
+                      { "mld-topbar-tab--active": tab.id === __props.currentTabId },
+                      { "mld-topbar-tab--disabled": tab.disabled }
+                    ]),
+                    onClick: ($event) => handleTabClick(tab)
+                  }, toDisplayString(tab.label), 11, _hoisted_28)),
+                  ((_b2 = tab.children) == null ? void 0 : _b2.length) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_29, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(tab.children, (option) => {
+                      return openBlock(), createElementBlock(Fragment, {
+                        key: option.id
+                      }, [
+                        option.href ? (openBlock(), createElementBlock("a", {
+                          key: 0,
+                          href: option.href,
+                          class: normalizeClass([
+                            "mld-topbar-dropdown-item",
+                            { "mld-topbar-dropdown-item--active": option.id === __props.currentTabId },
+                            { "mld-topbar-dropdown-item--disabled": option.disabled }
+                          ]),
+                          onClick: _cache[2] || (_cache[2] = ($event) => openTabDropdown.value = null)
+                        }, [
+                          createElementVNode("span", _hoisted_31, toDisplayString(option.label), 1),
+                          option.description ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(option.description), 1)) : createCommentVNode("", true)
+                        ], 10, _hoisted_30)) : option.to ? (openBlock(), createBlock(_component_router_link, {
+                          key: 1,
+                          to: option.to,
+                          class: normalizeClass([
+                            "mld-topbar-dropdown-item",
+                            { "mld-topbar-dropdown-item--active": option.id === __props.currentTabId },
+                            { "mld-topbar-dropdown-item--disabled": option.disabled }
+                          ]),
+                          onClick: _cache[3] || (_cache[3] = ($event) => openTabDropdown.value = null)
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("span", _hoisted_33, toDisplayString(option.label), 1),
+                            option.description ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(option.description), 1)) : createCommentVNode("", true)
+                          ]),
+                          _: 2
+                        }, 1032, ["to", "class"])) : (openBlock(), createElementBlock("button", {
+                          key: 2,
+                          type: "button",
+                          class: normalizeClass([
+                            "mld-topbar-dropdown-item",
+                            { "mld-topbar-dropdown-item--active": option.id === __props.currentTabId },
+                            { "mld-topbar-dropdown-item--disabled": option.disabled }
+                          ]),
+                          onClick: ($event) => handleTabOptionClick(option, tab)
+                        }, [
+                          createElementVNode("span", _hoisted_36, toDisplayString(option.label), 1),
+                          option.description ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(option.description), 1)) : createCommentVNode("", true)
+                        ], 10, _hoisted_35))
+                      ], 64);
+                    }), 128))
+                  ], 512)), [
+                    [vShow, openTabDropdown.value === tab.id]
+                  ]) : createCommentVNode("", true)
+                ], 512);
+              }), 128))
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_38, [
+              __props.showStandaloneLabel && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "actions"),
+              __props.showThemeToggle ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
+                size: "sm"
+              })) : createCommentVNode("", true),
+              __props.showSettings ? (openBlock(), createElementBlock("button", {
+                key: 2,
+                type: "button",
+                class: "mld-topbar__settings-btn",
+                "aria-label": "Open settings",
+                onClick: _cache[4] || (_cache[4] = ($event) => settingsOpen.value = true)
+              }, [..._cache[15] || (_cache[15] = [
+                createElementVNode("svg", {
+                  class: "mld-topbar__settings-icon",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
+                  createElementVNode("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "3"
+                  })
+                ], -1)
+              ])])) : createCommentVNode("", true),
+              __props.showAdmin ? (openBlock(), createBlock(_component_router_link, {
+                key: 3,
+                to: __props.adminPath,
+                class: "mld-topbar__admin-btn",
+                "aria-label": "Admin Dashboard",
+                onClick: _cache[5] || (_cache[5] = ($event) => emit("admin-click"))
+              }, {
+                default: withCtx(() => [..._cache[16] || (_cache[16] = [
+                  createElementVNode("svg", {
+                    class: "mld-topbar__admin-icon",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }, [
+                    createElementVNode("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+                    createElementVNode("path", { d: "m9 12 2 2 4-4" })
+                  ], -1)
+                ])]),
+                _: 1
+              }, 8, ["to"])) : createCommentVNode("", true),
+              __props.showProfile ? (openBlock(), createElementBlock("button", {
+                key: 4,
+                type: "button",
+                class: "mld-topbar__profile-btn",
+                "aria-label": "Edit profile",
+                onClick: _cache[6] || (_cache[6] = ($event) => emit("profile-click"))
+              }, [
+                createElementVNode("div", _hoisted_40, toDisplayString(profileInitial.value), 1),
+                __props.userName ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ])
+          ])
+        ], 2),
+        __props.showSettings ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          modelValue: settingsOpen.value,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => settingsOpen.value = $event),
+          title: (_e = __props.settingsConfig) == null ? void 0 : _e.title,
+          tabs: (_f = __props.settingsConfig) == null ? void 0 : _f.tabs,
+          "show-appearance": ((_g = __props.settingsConfig) == null ? void 0 : _g.showAppearance) ?? true,
+          size: (_h = __props.settingsConfig) == null ? void 0 : _h.size
+        }, createSlots({
+          appearance: withCtx(() => [
+            renderSlot(_ctx.$slots, "settings-appearance")
+          ]),
+          _: 2
+        }, [
+          renderList(((_i = __props.settingsConfig) == null ? void 0 : _i.tabs) ?? [], (tab) => {
+            return {
+              name: `tab-${tab.id}`,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, `settings-tab-${tab.id}`)
+              ])
+            };
+          })
+        ]), 1032, ["modelValue", "title", "tabs", "show-appearance", "size"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AppTopBar.vue.js.map

package/dist/components/AppTopBar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTopBar.vue.js","sources":["../../src/components/AppTopBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport type { TopBarPage, TopBarTab, TopBarTabOption, TopBarSettingsConfig, TopBarVariant } from '../types/components'\nimport ThemeToggle from './ThemeToggle.vue'\nimport SettingsModal from './SettingsModal.vue'\nimport { usePlatformContext } from '../composables/usePlatformContext'\n\ninterface Props {\n  title?: string\n  subtitle?: string\n  showLogo?: boolean\n  variant?: TopBarVariant\n  pluginName?: string\n  pages?: TopBarPage[]\n  currentPageId?: string\n  tabs?: TopBarTab[]\n  currentTabId?: string\n  homePath?: string\n  showThemeToggle?: boolean\n  showSettings?: boolean\n  settingsConfig?: TopBarSettingsConfig\n  showStandaloneLabel?: boolean\n  standaloneLabel?: string\n  showAdmin?: boolean\n  adminPath?: string\n  showProfile?: boolean\n  userName?: string\n  userInitial?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  showLogo: true,\n  variant: 'card',\n  homePath: '/',\n  showThemeToggle: false,\n  showSettings: false,\n  showStandaloneLabel: true,\n  standaloneLabel: 'Standalone',\n  showAdmin: false,\n  adminPath: '/admin',\n  showProfile: false,\n})\n\nconst settingsOpen = ref(false)\nconst { isIntegrated } = usePlatformContext()\nconst isStandalone = computed(() => !isIntegrated.value)\n\nconst profileInitial = computed(() => {\n  if (props.userInitial) return props.userInitial\n  if (props.userName) return props.userName.charAt(0).toUpperCase()\n  return 'U'\n})\n\nconst emit = defineEmits<{\n  'page-select': [page: TopBarPage]\n  'tab-select': [tab: TopBarTab]\n  'tab-option-select': [option: TopBarTabOption, tab: TopBarTab]\n  'profile-click': []\n  'admin-click': []\n}>()\n\nconst showPagesDropdown = ref(false)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst openTabDropdown = ref<string | null>(null)\nconst tabDropdownRefs = ref<Map<string, HTMLElement>>(new Map())\n\nfunction togglePagesDropdown() {\n  showPagesDropdown.value = !showPagesDropdown.value\n  openTabDropdown.value = null\n}\n\nfunction handlePageClick(page: TopBarPage) {\n  if (page.disabled) return\n  emit('page-select', page)\n  showPagesDropdown.value = false\n}\n\nfunction toggleTabDropdown(tabId: string) {\n  showPagesDropdown.value = false\n  openTabDropdown.value = openTabDropdown.value === tabId ? null : tabId\n}\n\nfunction handleTabClick(tab: TopBarTab) {\n  if (tab.disabled) return\n  if (tab.children?.length) {\n    toggleTabDropdown(tab.id)\n  } else {\n    emit('tab-select', tab)\n    openTabDropdown.value = null\n  }\n}\n\nfunction handleTabOptionClick(option: TopBarTabOption, tab: TopBarTab) {\n  if (option.disabled) return\n  emit('tab-option-select', option, tab)\n  openTabDropdown.value = null\n}\n\nfunction setTabDropdownRef(el: HTMLElement | null, tabId: string) {\n  if (el) {\n    tabDropdownRefs.value.set(tabId, el)\n  } else {\n    tabDropdownRefs.value.delete(tabId)\n  }\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  const target = event.target as Node\n\n  if (showPagesDropdown.value && dropdownRef.value && !dropdownRef.value.contains(target)) {\n    showPagesDropdown.value = false\n  }\n\n  if (openTabDropdown.value !== null) {\n    const clickedInside = Array.from(tabDropdownRefs.value.values()).some((el) => el.contains(target))\n    if (!clickedInside) {\n      openTabDropdown.value = null\n    }\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside)\n})\n</script>\n\n<template>\n  <header\n    :class=\"[\n      'mld-topbar',\n      `mld-topbar--${props.variant}`,\n    ]\"\n  >\n    <div class=\"mld-topbar__container\">\n      <!-- Left section: Icon/Logo + Title/Subtitle or Breadcrumb -->\n      <div class=\"mld-topbar__left\">\n        <!-- Icon/Logo with external home link (absolute URL) -->\n        <a v-if=\"homePath && homePath.startsWith('http')\" :href=\"homePath\" class=\"mld-topbar-home-link\">\n          <slot name=\"icon\">\n            <slot name=\"logo\">\n              <div v-if=\"showLogo\" class=\"mld-topbar__logo\">\n                <div class=\"mld-topbar__logo-icon\">\n                  <span class=\"mld-topbar__logo-text\">M</span>\n                </div>\n              </div>\n            </slot>\n          </slot>\n        </a>\n        <!-- Icon/Logo with platform home link (absolute path goes to parent app) -->\n        <a v-else-if=\"homePath && homePath.startsWith('/')\" :href=\"homePath\" class=\"mld-topbar-home-link\">\n          <slot name=\"icon\">\n            <slot name=\"logo\">\n              <div v-if=\"showLogo\" class=\"mld-topbar__logo\">\n                <div class=\"mld-topbar__logo-icon\">\n                  <span class=\"mld-topbar__logo-text\">M</span>\n                </div>\n              </div>\n            </slot>\n          </slot>\n        </a>\n        <!-- Icon/Logo with router link (relative path within app) -->\n        <router-link v-else-if=\"homePath\" :to=\"homePath\" class=\"mld-topbar-home-link\">\n          <slot name=\"icon\">\n            <slot name=\"logo\">\n              <div v-if=\"showLogo\" class=\"mld-topbar__logo\">\n                <div class=\"mld-topbar__logo-icon\">\n                  <span class=\"mld-topbar__logo-text\">M</span>\n                </div>\n              </div>\n            </slot>\n          </slot>\n        </router-link>\n        <!-- Icon/Logo without link (homePath is empty) -->\n        <template v-else>\n          <slot name=\"icon\">\n            <slot name=\"logo\">\n              <div v-if=\"showLogo\" class=\"mld-topbar__logo\">\n                <div class=\"mld-topbar__logo-icon\">\n                  <span class=\"mld-topbar__logo-text\">M</span>\n                </div>\n              </div>\n            </slot>\n          </slot>\n        </template>\n\n        <!-- Title with subtitle (no breadcrumb) -->\n        <div v-if=\"title && subtitle && !pluginName && !pages?.length\" class=\"mld-topbar-title-group\">\n          <span class=\"mld-topbar-title\">{{ title }}</span>\n          <span class=\"mld-topbar-subtitle\">{{ subtitle }}</span>\n        </div>\n\n        <!-- Breadcrumb: Plugin Name > Current Page -->\n        <div v-else-if=\"pluginName || pages?.length\" ref=\"dropdownRef\" class=\"mld-topbar-breadcrumb\">\n          <!-- Plugin name with dropdown trigger -->\n          <button\n            v-if=\"pages?.length\"\n            type=\"button\"\n            class=\"mld-topbar-plugin-name\"\n            @click.stop=\"togglePagesDropdown\"\n          >\n            {{ pluginName }}\n            <svg\n              class=\"mld-topbar-chevron\"\n              :class=\"{ 'mld-topbar-chevron--open': showPagesDropdown }\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"m6 9 6 6 6-6\" />\n            </svg>\n          </button>\n          <span v-else class=\"mld-topbar-plugin-name--static\">{{ pluginName }}</span>\n\n          <!-- Separator -->\n          <svg\n            v-if=\"title\"\n            class=\"mld-topbar-separator\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"m9 18 6-6-6-6\" />\n          </svg>\n\n          <!-- Current page title -->\n          <span v-if=\"title\" class=\"mld-topbar-current-page\">{{ title }}</span>\n\n          <!-- Pages dropdown -->\n          <div v-show=\"showPagesDropdown\" class=\"mld-topbar-dropdown\">\n            <template v-for=\"page in pages\" :key=\"page.id\">\n              <a\n                v-if=\"page.href\"\n                :href=\"page.href\"\n                :class=\"['mld-topbar-dropdown-item', { 'mld-topbar-dropdown-item--active': page.id === currentPageId, 'mld-topbar-dropdown-item--disabled': page.disabled }]\"\n                @click=\"showPagesDropdown = false\"\n              >\n                <span class=\"mld-topbar-dropdown-item__label\">{{ page.label }}</span>\n                <span v-if=\"page.description\" class=\"mld-topbar-dropdown-item__description\">{{ page.description }}</span>\n              </a>\n              <router-link\n                v-else-if=\"page.to\"\n                :to=\"page.to\"\n                :class=\"['mld-topbar-dropdown-item', { 'mld-topbar-dropdown-item--active': page.id === currentPageId, 'mld-topbar-dropdown-item--disabled': page.disabled }]\"\n                @click=\"showPagesDropdown = false\"\n              >\n                <span class=\"mld-topbar-dropdown-item__label\">{{ page.label }}</span>\n                <span v-if=\"page.description\" class=\"mld-topbar-dropdown-item__description\">{{ page.description }}</span>\n              </router-link>\n              <button\n                v-else\n                type=\"button\"\n                :class=\"['mld-topbar-dropdown-item', { 'mld-topbar-dropdown-item--active': page.id === currentPageId, 'mld-topbar-dropdown-item--disabled': page.disabled }]\"\n                @click=\"handlePageClick(page)\"\n              >\n                <span class=\"mld-topbar-dropdown-item__label\">{{ page.label }}</span>\n                <span v-if=\"page.description\" class=\"mld-topbar-dropdown-item__description\">{{ page.description }}</span>\n              </button>\n            </template>\n          </div>\n        </div>\n\n        <!-- Title only (backward compat when no pluginName and no subtitle) -->\n        <span v-else-if=\"title\" class=\"mld-topbar__title-only\">{{ title }}</span>\n\n        <!-- Navigation slot -->\n        <slot name=\"nav\" />\n      </div>\n\n      <!-- Center section: Tabs -->\n      <div v-if=\"tabs?.length\" class=\"mld-topbar__tabs\">\n        <template v-for=\"tab in tabs\" :key=\"tab.id\">\n          <div\n            :ref=\"(el) => tab.children?.length ? setTabDropdownRef(el as HTMLElement, tab.id) : null\"\n            class=\"mld-topbar-tab-wrapper\"\n          >\n            <!-- Tab with children (dropdown) -->\n            <button\n              v-if=\"tab.children?.length\"\n              type=\"button\"\n              :class=\"[\n                'mld-topbar-tab',\n                { 'mld-topbar-tab--active': tab.id === currentTabId || tab.children.some(c => c.id === currentTabId) },\n                { 'mld-topbar-tab--disabled': tab.disabled }\n              ]\"\n              @click.stop=\"handleTabClick(tab)\"\n            >\n              {{ tab.label }}\n              <svg\n                class=\"mld-topbar-tab-chevron\"\n                :class=\"{ 'mld-topbar-tab-chevron--open': openTabDropdown === tab.id }\"\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <path d=\"m6 9 6 6 6-6\" />\n              </svg>\n            </button>\n\n            <!-- Simple tab (no children) -->\n            <a\n              v-else-if=\"tab.href\"\n              :href=\"tab.href\"\n              :class=\"[\n                'mld-topbar-tab',\n                { 'mld-topbar-tab--active': tab.id === currentTabId },\n                { 'mld-topbar-tab--disabled': tab.disabled }\n              ]\"\n            >\n              {{ tab.label }}\n            </a>\n            <router-link\n              v-else-if=\"tab.to\"\n              :to=\"tab.to\"\n              :class=\"[\n                'mld-topbar-tab',\n                { 'mld-topbar-tab--active': tab.id === currentTabId },\n                { 'mld-topbar-tab--disabled': tab.disabled }\n              ]\"\n            >\n              {{ tab.label }}\n            </router-link>\n            <button\n              v-else\n              type=\"button\"\n              :class=\"[\n                'mld-topbar-tab',\n                { 'mld-topbar-tab--active': tab.id === currentTabId },\n                { 'mld-topbar-tab--disabled': tab.disabled }\n              ]\"\n              @click=\"handleTabClick(tab)\"\n            >\n              {{ tab.label }}\n            </button>\n\n            <!-- Tab dropdown -->\n            <div v-if=\"tab.children?.length\" v-show=\"openTabDropdown === tab.id\" class=\"mld-topbar-tab-dropdown\">\n              <template v-for=\"option in tab.children\" :key=\"option.id\">\n                <a\n                  v-if=\"option.href\"\n                  :href=\"option.href\"\n                  :class=\"[\n                    'mld-topbar-dropdown-item',\n                    { 'mld-topbar-dropdown-item--active': option.id === currentTabId },\n                    { 'mld-topbar-dropdown-item--disabled': option.disabled }\n                  ]\"\n                  @click=\"openTabDropdown = null\"\n                >\n                  <span class=\"mld-topbar-dropdown-item__label\">{{ option.label }}</span>\n                  <span v-if=\"option.description\" class=\"mld-topbar-dropdown-item__description\">{{ option.description }}</span>\n                </a>\n                <router-link\n                  v-else-if=\"option.to\"\n                  :to=\"option.to\"\n                  :class=\"[\n                    'mld-topbar-dropdown-item',\n                    { 'mld-topbar-dropdown-item--active': option.id === currentTabId },\n                    { 'mld-topbar-dropdown-item--disabled': option.disabled }\n                  ]\"\n                  @click=\"openTabDropdown = null\"\n                >\n                  <span class=\"mld-topbar-dropdown-item__label\">{{ option.label }}</span>\n                  <span v-if=\"option.description\" class=\"mld-topbar-dropdown-item__description\">{{ option.description }}</span>\n                </router-link>\n                <button\n                  v-else\n                  type=\"button\"\n                  :class=\"[\n                    'mld-topbar-dropdown-item',\n                    { 'mld-topbar-dropdown-item--active': option.id === currentTabId },\n                    { 'mld-topbar-dropdown-item--disabled': option.disabled }\n                  ]\"\n                  @click=\"handleTabOptionClick(option, tab)\"\n                >\n                  <span class=\"mld-topbar-dropdown-item__label\">{{ option.label }}</span>\n                  <span v-if=\"option.description\" class=\"mld-topbar-dropdown-item__description\">{{ option.description }}</span>\n                </button>\n              </template>\n            </div>\n          </div>\n        </template>\n      </div>\n\n      <!-- Right section: Actions -->\n      <div class=\"mld-topbar__right\">\n        <span v-if=\"showStandaloneLabel && isStandalone\" class=\"mld-topbar__standalone-badge\">\n          {{ standaloneLabel }}\n        </span>\n        <!-- Actions slot (right side) -->\n        <slot name=\"actions\" />\n        <!-- Theme toggle -->\n        <ThemeToggle v-if=\"showThemeToggle\" size=\"sm\" />\n        <!-- Settings gear -->\n        <button\n          v-if=\"showSettings\"\n          type=\"button\"\n          class=\"mld-topbar__settings-btn\"\n          aria-label=\"Open settings\"\n          @click=\"settingsOpen = true\"\n        >\n          <svg class=\"mld-topbar__settings-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\" /><circle cx=\"12\" cy=\"12\" r=\"3\" />\n          </svg>\n        </button>\n        <!-- Admin link -->\n        <router-link\n          v-if=\"showAdmin\"\n          :to=\"adminPath\"\n          class=\"mld-topbar__admin-btn\"\n          aria-label=\"Admin Dashboard\"\n          @click=\"emit('admin-click')\"\n        >\n          <svg class=\"mld-topbar__admin-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\" /><path d=\"m9 12 2 2 4-4\" />\n          </svg>\n        </router-link>\n        <!-- Profile button -->\n        <button\n          v-if=\"showProfile\"\n          type=\"button\"\n          class=\"mld-topbar__profile-btn\"\n          aria-label=\"Edit profile\"\n          @click=\"emit('profile-click')\"\n        >\n          <div class=\"mld-topbar__profile-avatar\">\n            {{ profileInitial }}\n          </div>\n          <span v-if=\"userName\" class=\"mld-topbar__profile-name\">{{ userName }}</span>\n        </button>\n      </div>\n    </div>\n  </header>\n\n  <SettingsModal\n    v-if=\"showSettings\"\n    v-model=\"settingsOpen\"\n    :title=\"settingsConfig?.title\"\n    :tabs=\"settingsConfig?.tabs\"\n    :show-appearance=\"settingsConfig?.showAppearance ?? true\"\n    :size=\"settingsConfig?.size\"\n  >\n    <template v-for=\"tab in (settingsConfig?.tabs ?? [])\" :key=\"tab.id\" #[`tab-${tab.id}`]>\n      <slot :name=\"`settings-tab-${tab.id}`\" />\n    </template>\n    <template #appearance>\n      <slot name=\"settings-appearance\" />\n    </template>\n  </SettingsModal>\n</template>\n\n<style>\n@import '../styles/components/app-top-bar.css';\n</style>\n"],"names":["_createElementVNode","_normalizeClass","_createElementBlock","_renderSlot","_openBlock","_createBlock","_toDisplayString","_createTextVNode","_withDirectives","_Fragment","_renderList","_a","_withModifiers","_b","ThemeToggle","SettingsModal"],"mappings":"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"}

package/dist/components/AppTopBar.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./AppTopBar.vue.js";
+/* empty css               */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AppTopBar.vue3.js.map

package/dist/components/AppTopBar.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTopBar.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}