@htlkg/components 0.0.13 → 0.0.15

package/dist/{AdminWrapper.vue_vue_type_script_setup_true_lang-BhnWQ-b0.js → AdminWrapper.vue_vue_type_script_setup_true_lang-DgzX2LI3.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, normalizeClass, createTextVNode, createCommentVNode, toDisplayString, renderSlot, createBlock, unref, createVNode, ref, withCtx } from "vue";
+import { defineComponent, computed, ref, createElementBlock, openBlock, createElementVNode, Fragment, renderList, normalizeClass, createTextVNode, createCommentVNode, toDisplayString, withDirectives, renderSlot, vShow, createBlock, unref, createVNode, onMounted, onUnmounted, withCtx } from "vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
 import { uiStepsV4, uiBreadcrumbs, uiWrapper } from "@hotelinking/ui";
 import { $user } from "./stores/index.js";
@@ -16,9 +16,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
-    modelValue: { default: "" }
+    modelValue: { default: "" },
+    lazy: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "tab-change"],
+  emits: ["update:modelValue", "tab-change", "lazy-load"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -29,21 +30,37 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         emit("tab-change", value);
       }
     });
+    const visitedTabs = ref(/* @__PURE__ */ new Set([currentTab.value]));
+    function selectTab(tabId) {
+      const isFirstVisit = !visitedTabs.value.has(tabId);
+      visitedTabs.value.add(tabId);
+      currentTab.value = tabId;
+      if (isFirstVisit && props.lazy) {
+        emit("lazy-load", tabId);
+      }
+    }
+    function shouldRender(tabId) {
+      if (!props.lazy) {
+        return currentTab.value === tabId;
+      }
+      return visitedTabs.value.has(tabId);
+    }
     __expose({
       setActiveTab: (tabId) => {
-        currentTab.value = tabId;
+        selectTab(tabId);
       },
       getActiveTab: () => currentTab.value,
+      isTabLoaded: (tabId) => visitedTabs.value.has(tabId),
       nextTab: () => {
         const currentIndex = props.tabs.findIndex((t) => t.id === currentTab.value);
         if (currentIndex < props.tabs.length - 1) {
-          currentTab.value = props.tabs[currentIndex + 1].id;
+          selectTab(props.tabs[currentIndex + 1].id);
         }
       },
       previousTab: () => {
         const currentIndex = props.tabs.findIndex((t) => t.id === currentTab.value);
         if (currentIndex > 0) {
-          currentTab.value = props.tabs[currentIndex - 1].id;
+          selectTab(props.tabs[currentIndex - 1].id);
         }
       }
     });
@@ -54,7 +71,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
               return openBlock(), createElementBlock("button", {
                 key: tab.id,
-                onClick: ($event) => currentTab.value = tab.id,
+                onClick: ($event) => selectTab(tab.id),
                 class: normalizeClass([
                   currentTab.value === tab.id ? "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700",
                   "whitespace-nowrap border-b-2 py-4 px-1 text-sm font-medium transition-colors"
@@ -78,9 +95,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock(Fragment, {
               key: tab.id
             }, [
-              currentTab.value === tab.id ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              shouldRender(tab.id) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6, [
                 renderSlot(_ctx.$slots, tab.id, { activeTab: currentTab.value }, void 0, true)
-              ])) : createCommentVNode("", true)
+              ], 512)), [
+                [vShow, currentTab.value === tab.id]
+              ]) : createCommentVNode("", true)
             ], 64);
           }), 128))
         ])
@@ -88,7 +107,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ece16231"]]);
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-50d39e08"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Stepper",
   props: {
@@ -250,7 +269,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const defaultProfileMenu = [
       { name: "Profile", id: "profile", href: "/admin/user" },
       { name: "Settings", id: "settings", href: "/admin/settings" },
-      { name: "Logout", id: "logout", href: "#" }
+      // Direct link to server-side logout - no JavaScript needed
+      { name: "Logout", id: "logout", href: "/logout" }
     ];
     const topbarConfig = computed(() => {
       var _a, _b, _c;
@@ -300,14 +320,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         handleLogout();
         return;
       }
-      if (menuItemHref && menuItemHref !== "#") {
-        window.location.href = menuItemHref;
-        return;
-      }
       const profileMenu = topbarConfig.value.profileMenu;
       const menuItem = profileMenu.find((item) => item.id === menuItemId || item.name === menuItemId);
       if ((menuItem == null ? void 0 : menuItem.href) && menuItem.href !== "#") {
         window.location.href = menuItem.href;
+        return;
+      }
+      if (menuItemHref && menuItemHref !== "#") {
+        window.location.href = menuItemHref;
       }
     };
     const handleSideBarClick = (itemId) => {
@@ -325,16 +345,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleInputChanged = (event) => {
       console.log("Input changed:", event);
     };
-    const handleLogout = async () => {
-      try {
-        const { signOut } = await import("@htlkg/core/auth");
-        await signOut();
-        window.location.href = "/login";
-      } catch (error) {
-        console.error("Logout error:", error);
-        window.location.href = "/login";
+    const handleLogout = () => {
+      window.location.href = "/logout";
+    };
+    const handleProfileLinkClick = (event) => {
+      var _a;
+      const target = event.target;
+      const link = target.closest("a[href]");
+      if (!link) return;
+      const href = link.getAttribute("href");
+      if (!href) return;
+      const profileMenu = topbarConfig.value.profileMenu;
+      const linkText = (_a = link.textContent) == null ? void 0 : _a.trim().toLowerCase();
+      if (href === "#" && linkText === "logout") {
+        event.preventDefault();
+        event.stopPropagation();
+        handleLogout();
+        return;
+      }
+      const pathMappings = {};
+      for (const item of profileMenu) {
+        if (item.id === "settings" || item.name === "Settings") {
+          pathMappings["/settings"] = item.href;
+        }
+        if (item.id === "profile" || item.name === "Profile") {
+          pathMappings["/profile"] = item.href;
+          pathMappings["/user"] = item.href;
+        }
+      }
+      const redirectTo = pathMappings[href];
+      if (redirectTo && redirectTo !== "#" && redirectTo !== href) {
+        event.preventDefault();
+        event.stopPropagation();
+        window.location.href = redirectTo;
       }
     };
+    onMounted(() => {
+      document.addEventListener("click", handleProfileLinkClick, true);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", handleProfileLinkClick, true);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(uiWrapper), {
         sidebar: sidebarConfig.value,
@@ -361,4 +412,4 @@ export {
   _sfc_main$2 as _,
   _sfc_main as a
 };
-//# sourceMappingURL=AdminWrapper.vue_vue_type_script_setup_true_lang-BhnWQ-b0.js.map
+//# sourceMappingURL=AdminWrapper.vue_vue_type_script_setup_true_lang-DgzX2LI3.js.map

package/dist/AdminWrapper.vue_vue_type_script_setup_true_lang-DgzX2LI3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminWrapper.vue_vue_type_script_setup_true_lang-DgzX2LI3.js","sources":["../src/navigation/Tabs/Tabs.vue","../src/navigation/Stepper/Stepper.vue","../src/navigation/Breadcrumbs/Breadcrumbs.vue","../src/navigation/AdminWrapper/AdminWrapper.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\n\nexport interface Tab {\n  id: string;\n  label: string;\n  count?: number;\n}\n\ninterface Props {\n  tabs: Tab[];\n  modelValue?: string;\n  /** When true, tab content is only rendered after first activation but stays alive once loaded */\n  lazy?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: '',\n  lazy: false,\n});\n\nconst emit = defineEmits<{\n  'update:modelValue': [tabId: string];\n  'tab-change': [tabId: string];\n  'lazy-load': [tabId: string];\n}>();\n\n// Internal state synced with v-model\nconst currentTab = computed({\n  get: () => props.modelValue || (props.tabs.length > 0 ? props.tabs[0].id : ''),\n  set: (value: string) => {\n    emit('update:modelValue', value);\n    emit('tab-change', value);\n  }\n});\n\n// Track visited tabs for lazy rendering\nconst visitedTabs = ref<Set<string>>(new Set([currentTab.value]));\n\nfunction selectTab(tabId: string) {\n  const isFirstVisit = !visitedTabs.value.has(tabId);\n  visitedTabs.value.add(tabId);\n  currentTab.value = tabId;\n\n  if (isFirstVisit && props.lazy) {\n    emit('lazy-load', tabId);\n  }\n}\n\nfunction shouldRender(tabId: string): boolean {\n  if (!props.lazy) {\n    // Non-lazy: standard v-if, only render active tab\n    return currentTab.value === tabId;\n  }\n  // Lazy: render if ever visited\n  return visitedTabs.value.has(tabId);\n}\n\n// Expose methods for parent components\ndefineExpose({\n  setActiveTab: (tabId: string) => { selectTab(tabId); },\n  getActiveTab: () => currentTab.value,\n  isTabLoaded: (tabId: string) => visitedTabs.value.has(tabId),\n  nextTab: () => {\n    const currentIndex = props.tabs.findIndex(t => t.id === currentTab.value);\n    if (currentIndex < props.tabs.length - 1) {\n      selectTab(props.tabs[currentIndex + 1].id);\n    }\n  },\n  previousTab: () => {\n    const currentIndex = props.tabs.findIndex(t => t.id === currentTab.value);\n    if (currentIndex > 0) {\n      selectTab(props.tabs[currentIndex - 1].id);\n    }\n  }\n});\n</script>\n\n<template>\n  <div class=\"tabs-wrapper\">\n    <div class=\"border-b border-gray-200\">\n      <nav class=\"-mb-px flex space-x-8\" aria-label=\"Tabs\">\n        <button\n          v-for=\"tab in tabs\"\n          :key=\"tab.id\"\n          @click=\"selectTab(tab.id)\"\n          :class=\"[\n            currentTab === tab.id\n              ? 'border-blue-500 text-blue-600'\n              : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700',\n            'whitespace-nowrap border-b-2 py-4 px-1 text-sm font-medium transition-colors'\n          ]\"\n          :aria-current=\"currentTab === tab.id ? 'page' : undefined\"\n        >\n          {{ tab.label }}\n          <span\n            v-if=\"tab.count !== undefined && tab.count > 0\"\n            :class=\"[\n              currentTab === tab.id\n                ? 'bg-blue-100 text-blue-600'\n                : 'bg-gray-100 text-gray-900',\n              'ml-3 hidden rounded-full py-0.5 px-2.5 text-xs font-medium md:inline-block'\n            ]\"\n          >\n            {{ tab.count }}\n          </span>\n        </button>\n      </nav>\n    </div>\n\n    <div class=\"tabs-content mt-4\">\n      <template v-for=\"tab in tabs\" :key=\"tab.id\">\n        <div v-if=\"shouldRender(tab.id)\" v-show=\"currentTab === tab.id\">\n          <slot :name=\"tab.id\" :active-tab=\"currentTab\" />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.tabs-wrapper {\n  width: 100%;\n}\n\n.tabs-content {\n  margin-top: 1rem;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { uiStepsV4 } from '@hotelinking/ui';\n\nexport interface Step {\n  id?: string | number;\n  label: string;\n  status?: 'complete' | 'current' | 'upcoming';\n  valid?: boolean; // Validation state for the step\n}\n\ninterface Props {\n  steps: Step[];\n  currentStep?: number;\n  validateOnNext?: boolean; // Enable validation when moving forward\n  allowSkip?: boolean; // Allow skipping to any step regardless of validation\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentStep: 0,\n  validateOnNext: false,\n  allowSkip: false\n});\n\nconst emit = defineEmits<{\n  'step-click': [step: Step, index: number];\n  'step-completed': [step: Step];\n  'step-current': [step: Step];\n  'step-upcoming': [step: Step];\n  'validation-failed': [step: Step, index: number];\n  'update:currentStep': [index: number]; // v-model support\n}>();\n\n// Transform steps to uiStepsV4 format\nconst uiSteps = computed(() =>\n  props.steps.map((step, index) => ({\n    id: step.id || String(index + 1).padStart(2, '0'),\n    name: step.label,\n    status: step.status || (\n      index < props.currentStep ? 'complete' :\n      index === props.currentStep ? 'current' :\n      'upcoming'\n    )\n  }))\n);\n\n// Check if navigation to a step is allowed\nfunction canNavigateToStep(targetIndex: number): boolean {\n  if (props.allowSkip) return true;\n  if (!props.validateOnNext) return true;\n  if (targetIndex < props.currentStep) return true;\n\n  const currentStepData = props.steps[props.currentStep];\n  if (targetIndex > props.currentStep && currentStepData.valid === false) {\n    return false;\n  }\n\n  for (let i = props.currentStep; i < targetIndex; i++) {\n    if (props.steps[i].valid === false) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\n// Handle uiStepsV4 events\nfunction handleStepClick(step: any, index: number) {\n  const originalStep = props.steps[index];\n  \n  if (!canNavigateToStep(index)) {\n    const currentStepData = props.steps[props.currentStep];\n    emit('validation-failed', currentStepData, props.currentStep);\n    return;\n  }\n\n  emit('step-click', originalStep, index);\n  emit('update:currentStep', index);\n}\n\nfunction handleStepCompleted(step: any) {\n  const index = uiSteps.value.findIndex(s => s.id === step.id);\n  if (index !== -1) {\n    emit('step-completed', props.steps[index]);\n  }\n}\n\nfunction handleStepCurrent(step: any) {\n  const index = uiSteps.value.findIndex(s => s.id === step.id);\n  if (index !== -1) {\n    emit('step-current', props.steps[index]);\n  }\n}\n\nfunction handleStepUpcoming(step: any) {\n  const index = uiSteps.value.findIndex(s => s.id === step.id);\n  if (index !== -1) {\n    emit('step-upcoming', props.steps[index]);\n  }\n}\n\n// Public methods for programmatic navigation\nfunction goToStep(index: number): boolean {\n  if (index < 0 || index >= props.steps.length) return false;\n  if (!canNavigateToStep(index)) {\n    const currentStepData = props.steps[props.currentStep];\n    emit('validation-failed', currentStepData, props.currentStep);\n    return false;\n  }\n  emit('update:currentStep', index);\n  return true;\n}\n\nfunction goToNext(): boolean {\n  return goToStep(props.currentStep + 1);\n}\n\nfunction goToPrevious(): boolean {\n  return goToStep(props.currentStep - 1);\n}\n\nfunction validateCurrentStep(): boolean {\n  const currentStepData = props.steps[props.currentStep];\n  return currentStepData.valid !== false;\n}\n\ndefineExpose({\n  getCurrentStep: () => props.currentStep,\n  getSteps: () => props.steps,\n  goToStep,\n  goToNext,\n  goToPrevious,\n  validateCurrentStep,\n  canNavigateToStep\n});\n</script>\n\n<template>\n  <uiStepsV4\n    :steps=\"uiSteps\"\n    @stepClick=\"handleStepClick\"\n    @stepCompleted=\"handleStepCompleted\"\n    @stepCurrent=\"handleStepCurrent\"\n    @stepUpcoming=\"handleStepUpcoming\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { uiBreadcrumbs } from '@hotelinking/ui';\n\nexport interface BreadcrumbItem {\n  label: string;\n  routeName: string;\n  current?: boolean;\n}\n\ninterface Props {\n  items: BreadcrumbItem[];\n  loading?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  loading: false\n});\n\nconst emit = defineEmits<{\n  'breadcrumb-click': [routeName: string];\n}>();\n\n// Convert items to uiBreadcrumbs format\nconst pagesConfig = computed(() =>\n  props.items.map((item, index) => ({\n    name: item.label,\n    routeName: item.routeName,\n    current: item.current ?? (index === props.items.length - 1)\n  }))\n);\n\n// Handle breadcrumb click\nfunction handleBreadcrumbClick(routeName: string) {\n  emit('breadcrumb-click', routeName);\n}\n\n// Expose methods for parent components\ndefineExpose({\n  getItems: () => props.items\n});\n</script>\n\n<template>\n  <div class=\"breadcrumbs-wrapper\">\n    <uiBreadcrumbs\n      :pages=\"pagesConfig\"\n      :loading=\"loading\"\n      @bread-crumb-clicked=\"handleBreadcrumbClick\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.breadcrumbs-wrapper {\n  width: 100%;\n}\n</style>\n","/**\n * Admin Wrapper Component\n * \n * Wraps uiWrapper from @hotelinking/ui with sidebar, topbar, and content area.\n */\n\n<template>\n  <uiWrapper \n    :sidebar=\"sidebarConfig as any\" \n    :topbar=\"topbarConfig as any\"\n    :sidebarOpen=\"sidebarOpen\"\n    @selectChanged=\"handleSelectChanged\"\n    @topBarClick=\"handleTopBarClick\"\n    @sideBarClick=\"handleSideBarClick\"\n    @productBarClick=\"handleProductBarClick\"\n    @inputChanged=\"handleInputChanged\"\n    @sidebarToggle=\"(isOpen: boolean) => sidebarOpen = isOpen\"\n  >\n    <slot></slot>\n  </uiWrapper>\n</template>\n\n<script setup lang=\"ts\">\nimport type { SelectItemType } from \"@hotelinking/ui\";\nimport { uiWrapper } from \"@hotelinking/ui\";\nimport { useStore } from \"@nanostores/vue\";\nimport { computed, ref, onMounted, onUnmounted } from \"vue\";\nimport { $user } from \"../../stores/user\";\n\n// Profile menu item interface\ninterface ProfileMenuItem {\n\tname: string;\n\tid: string;\n\thref: string;\n}\n\n// Props interface (user is now from nanostore)\ninterface Props {\n\tsidebarLogo: string;\n\tcurrentPage?: string;\n\tsidebarTitle?: string;\n\tsidebarItems?: Array<{\n\t\tname: string;\n\t\ticon?: string;\n\t\tid: string;\n\t\trouteName: string;\n\t}>;\n\ttopbarActions?: Array<{\n\t\tname: string;\n\t\tevent: string;\n\t\ticon: string;\n\t}>;\n\tselectItems?: Array<{\n\t\tname: string;\n\t\tid: string;\n\t}>;\n\tselectedItem?: {\n\t\tname: string;\n\t\tid: string;\n\t};\n\tproductsSidebar?: Array<{\n\t\tname: string;\n\t\ticon: string;\n\t\tactive?: boolean;\n\t}>;\n\tprofileMenuItems?: ProfileMenuItem[];\n\tsidebarOpenByDefault?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcurrentPage: \"dashboard\",\n\tsidebarItems: () => [],\n\ttopbarActions: () => [],\n\tselectItems: () => [],\n\tselectedItem: () => ({ name: \"\", id: \"\" }),\n\tproductsSidebar: () => [],\n\tprofileMenuItems: () => [],\n\tsidebarOpenByDefault: true,\n});\n\n// Emit events\nconst emit = defineEmits<{\n\tselectChanged: [item: { name: string; id: string }];\n}>();\n\n// Reactive state\nconst sidebarOpen = ref(props.sidebarOpenByDefault);\n\n// Get user from nanostore (no props needed!)\nconst user = useStore($user);\n\n// Default profile menu items (used when none provided via props)\nconst defaultProfileMenu: ProfileMenuItem[] = [\n\t{ name: \"Profile\", id: \"profile\", href: \"/admin/user\" },\n\t{ name: \"Settings\", id: \"settings\", href: \"/admin/settings\" },\n\t// Direct link to server-side logout - no JavaScript needed\n\t{ name: \"Logout\", id: \"logout\", href: \"/logout\" },\n];\n\n// Computed properties for UI configuration\nconst topbarConfig = computed(() => {\n\treturn {\n\t\tlogo: props.sidebarLogo,\n\t\taccountLogo: user.value?.avatar || \"\",\n\t\talerted: false,\n\t\tprofileMenu: props.profileMenuItems.length > 0\n\t\t\t? props.profileMenuItems\n\t\t\t: defaultProfileMenu,\n\t\tbrand: {\n\t\t\tname: user.value?.username || \"User\",\n\t\t\tdescription: user.value?.email || \"\",\n\t\t},\n\t\tselectItems: props.selectItems,\n\t\tselectedItem: props.selectedItem,\n\t};\n});\n\nconst sidebarConfig = computed(() => {\n\t// Add current attribute dynamically based on currentPage\n\tconst navigationItems = props.sidebarItems.map((item) => ({\n\t\tname: item.name,\n\t\ticon: item.icon,\n\t\tid: item.id,\n\t\tcurrent: item.id === props.currentPage,\n\t}));\n\n\treturn {\n\t\tnavigation: navigationItems,\n\t\tproductsSidebar: props.productsSidebar,\n\t\tlogo: props.sidebarLogo,\n\t};\n});\n\n// Event handlers\nconst handleSelectChanged = (item: SelectItemType | SelectItemType[]) => {\n\tconsole.log(\"Select changed:\", item);\n\t// Emit to parent component\n\tif (!Array.isArray(item) && item.id) {\n\t\temit(\"selectChanged\", { name: item.name, id: item.id });\n\t}\n};\n\nconst handleTopBarClick = (event: unknown) => {\n\t// Handle different possible event formats\n\tlet menuItemId: string | undefined;\n\tlet menuItemHref: string | undefined;\n\n\tif (typeof event === \"string\") {\n\t\tmenuItemId = event;\n\t} else if (event && typeof event === \"object\") {\n\t\tconst eventObj = event as Record<string, unknown>;\n\t\tmenuItemId = (eventObj.id as string) || (eventObj.name as string);\n\t\tmenuItemHref = eventObj.href as string;\n\t}\n\n\t// Handle logout separately\n\tif (menuItemId === \"logout\") {\n\t\thandleLogout();\n\t\treturn;\n\t}\n\n\t// First, look up href from our profileMenu configuration (takes priority)\n\tconst profileMenu = topbarConfig.value.profileMenu;\n\tconst menuItem = profileMenu.find((item) => item.id === menuItemId || item.name === menuItemId);\n\tif (menuItem?.href && menuItem.href !== \"#\") {\n\t\twindow.location.href = menuItem.href;\n\t\treturn;\n\t}\n\n\t// Fallback: use href from event object if not found in our config\n\tif (menuItemHref && menuItemHref !== \"#\") {\n\t\twindow.location.href = menuItemHref;\n\t}\n};\n\nconst handleSideBarClick = (itemId: string) => {\n\tconsole.log(\"Sidebar click:\", itemId);\n\n\t// Find the item by id to get the routeName\n\tconst item = props.sidebarItems.find(\n\t\t(i) => (i.id || i.name.toLowerCase()) === itemId,\n\t);\n\n\tif (item?.routeName) {\n\t\twindow.location.href = item.routeName;\n\t}\n};\n\nconst handleProductBarClick = (event: unknown) => {\n\tconsole.log(\"Product bar click:\", event);\n};\n\nconst handleInputChanged = (event: unknown) => {\n\tconsole.log(\"Input changed:\", event);\n};\n\nconst handleLogout = () => {\n\t// Navigate to server-side logout page\n\t// This is the most reliable approach because:\n\t// 1. Server can properly clear HttpOnly cookies via Set-Cookie headers\n\t// 2. Browser applies Set-Cookie headers from navigation responses (not fetch)\n\t// 3. Redirect happens server-side after cookies are cleared\n\twindow.location.href = \"/logout\";\n};\n\n// Intercept profile menu link clicks to use our configured hrefs\n// The uiWrapper may render links with default hrefs that don't include /admin prefix\nconst handleProfileLinkClick = (event: MouseEvent) => {\n\tconst target = event.target as HTMLElement;\n\tconst link = target.closest('a[href]') as HTMLAnchorElement | null;\n\n\tif (!link) return;\n\n\tconst href = link.getAttribute('href');\n\tif (!href) return;\n\n\t// Check if this is a profile menu link that needs redirection\n\tconst profileMenu = topbarConfig.value.profileMenu;\n\n\t// Handle logout link specifically (href=\"#\" with text \"Logout\")\n\tconst linkText = link.textContent?.trim().toLowerCase();\n\tif (href === '#' && linkText === 'logout') {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\thandleLogout();\n\t\treturn;\n\t}\n\n\t// Map of default paths to our configured paths\n\tconst pathMappings: Record<string, string | undefined> = {};\n\tfor (const item of profileMenu) {\n\t\t// Map common default paths to our configured hrefs\n\t\tif (item.id === 'settings' || item.name === 'Settings') {\n\t\t\tpathMappings['/settings'] = item.href;\n\t\t}\n\t\tif (item.id === 'profile' || item.name === 'Profile') {\n\t\t\tpathMappings['/profile'] = item.href;\n\t\t\tpathMappings['/user'] = item.href;\n\t\t}\n\t}\n\n\tconst redirectTo = pathMappings[href];\n\tif (redirectTo && redirectTo !== '#' && redirectTo !== href) {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\twindow.location.href = redirectTo;\n\t}\n};\n\nonMounted(() => {\n\tdocument.addEventListener('click', handleProfileLinkClick, true);\n});\n\nonUnmounted(() => {\n\tdocument.removeEventListener('click', handleProfileLinkClick, true);\n});\n</script>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_Fragment","_renderList","_normalizeClass","_toDisplayString","_renderSlot","_createBlock","_unref","_createVNode"],"mappings":"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"}

package/dist/components.css

@@ -3,10 +3,10 @@
   width: 100%;
 }
 
-.tabs-wrapper[data-v-ece16231] {
+.tabs-wrapper[data-v-50d39e08] {
   width: 100%;
 }
-.tabs-content[data-v-ece16231] {
+.tabs-content[data-v-50d39e08] {
   margin-top: 1rem;
 }
 

package/dist/composables/index.js

@@ -1,35 +1,36 @@
 import { u } from "../useTable-DutR1gkg.js";
-import { l, $, P, q, o, r, w, k, s, p, x, t, z, b, A, c, v, h, g, j, d, y, u as u2, e, f, n, a, i, m } from "../useAdminPage-AgWRvw6o.js";
+import { m, $, P, r, p, t, x, l, s, q, y, v, A, c, B, d, w, i, h, k, b, e, z, u as u2, f, g, o, a, j, n } from "../useAdminPage-DjONnrbe.js";
 export {
-  l as $currentBrand,
+  m as $currentBrand,
   $ as $user,
   P as PAGE_CONTEXT_KEY,
-  q as averageStat,
-  o as countStat,
-  r as percentageStat,
-  w as resetGlobalConfirmation,
-  k as setCurrentBrand,
+  r as averageStat,
+  p as countStat,
+  t as percentageStat,
+  x as resetGlobalConfirmation,
+  l as setCurrentBrand,
   s as setUser,
-  p as sumStat,
-  x as useAdminPage,
-  t as useConfirmation,
-  z as useDetailPage,
-  b as useForm,
-  A as useFormPage,
-  c as useFormValidation,
-  v as useGlobalConfirmation,
-  h as useHasAccessToAccount,
-  g as useHasAccessToBrand,
-  j as useHasRole,
-  d as useJsonForm,
-  y as useListPage,
+  q as sumStat,
+  y as useAdminPage,
+  v as useConfirmation,
+  A as useDetailPage,
+  c as useForm,
+  B as useFormPage,
+  d as useFormValidation,
+  w as useGlobalConfirmation,
+  i as useHasAccessToAccount,
+  h as useHasAccessToBrand,
+  k as useHasRole,
+  b as useIntersectionObserver,
+  e as useJsonForm,
+  z as useListPage,
   u2 as useModal,
-  e as useNotifications,
-  f as usePageContext,
-  n as useStats,
+  f as useNotifications,
+  g as usePageContext,
+  o as useStats,
   u as useTable,
   a as useTabs,
-  i as useUserRoles,
-  m as useWizard
+  j as useUserRoles,
+  n as useWizard
 };
 //# sourceMappingURL=index.js.map

package/dist/index-QK97OdqQ.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-QK97OdqQ.js","sources":["../../../node_modules/.pnpm/@nanostores+vue@1.0.1_@nanostores+logger@1.0.0_nanostores@1.1.0__@vue+devtools-api@8.0.5_nano_djkilzzyulm3hnuci7uvhv5cmu/node_modules/@nanostores/vue/use-store/index.js"],"sourcesContent":["import {\n  getCurrentInstance,\n  getCurrentScope,\n  onScopeDispose,\n  readonly,\n  shallowRef\n} from 'vue'\n\nexport function registerStore(store) {\n  let instance = getCurrentInstance()\n  if (instance && instance.proxy) {\n    let vm = instance.proxy\n    let cache = '_nanostores' in vm ? vm._nanostores : (vm._nanostores = [])\n    cache.push(store)\n  }\n}\n\nexport function useStore(store) {\n  let state = shallowRef()\n\n  let unsubscribe = store.subscribe(value => {\n    state.value = value\n  })\n\n  getCurrentScope() && onScopeDispose(unsubscribe)\n\n  if (process.env.NODE_ENV !== 'production') {\n    registerStore(store)\n    return readonly(state)\n  }\n  return state\n}\n"],"names":[],"mappings":";AAQO,SAAS,cAAc,OAAO;AACnC,MAAI,WAAW,mBAAkB;AACjC,MAAI,YAAY,SAAS,OAAO;AAC9B,QAAI,KAAK,SAAS;AAClB,QAAI,QAAQ,iBAAiB,KAAK,GAAG,cAAe,GAAG,cAAc,CAAA;AACrE,UAAM,KAAK,KAAK;AAAA,EAClB;AACF;AAEO,SAAS,SAAS,OAAO;AAC9B,MAAI,QAAQ,WAAU;AAEtB,MAAI,cAAc,MAAM,UAAU,WAAS;AACzC,UAAM,QAAQ;AAAA,EAChB,CAAC;AAED,kBAAe,KAAM,eAAe,WAAW;AAE/C,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,kBAAc,KAAK;AACnB,WAAO,SAAS,KAAK;AAAA,EACvB;AACA,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index-QK97OdqQ.js","sources":["../../../node_modules/.pnpm/@nanostores+vue@1.0.1_@nanostores+logger@1.0.0_nanostores@1.1.0__@vue+devtools-api@8.0._c092e7f7f0c6a3dca73b1ea880aefdb3/node_modules/@nanostores/vue/use-store/index.js"],"sourcesContent":["import {\n  getCurrentInstance,\n  getCurrentScope,\n  onScopeDispose,\n  readonly,\n  shallowRef\n} from 'vue'\n\nexport function registerStore(store) {\n  let instance = getCurrentInstance()\n  if (instance && instance.proxy) {\n    let vm = instance.proxy\n    let cache = '_nanostores' in vm ? vm._nanostores : (vm._nanostores = [])\n    cache.push(store)\n  }\n}\n\nexport function useStore(store) {\n  let state = shallowRef()\n\n  let unsubscribe = store.subscribe(value => {\n    state.value = value\n  })\n\n  getCurrentScope() && onScopeDispose(unsubscribe)\n\n  if (process.env.NODE_ENV !== 'production') {\n    registerStore(store)\n    return readonly(state)\n  }\n  return state\n}\n"],"names":[],"mappings":";AAQO,SAAS,cAAc,OAAO;AACnC,MAAI,WAAW,mBAAkB;AACjC,MAAI,YAAY,SAAS,OAAO;AAC9B,QAAI,KAAK,SAAS;AAClB,QAAI,QAAQ,iBAAiB,KAAK,GAAG,cAAe,GAAG,cAAc,CAAA;AACrE,UAAM,KAAK,KAAK;AAAA,EAClB;AACF;AAEO,SAAS,SAAS,OAAO;AAC9B,MAAI,QAAQ,WAAU;AAEtB,MAAI,cAAc,MAAM,UAAU,WAAS;AACzC,UAAM,QAAQ;AAAA,EAChB,CAAC;AAED,kBAAe,KAAM,eAAe,WAAW;AAE/C,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,kBAAc,KAAK;AACnB,WAAO,SAAS,KAAK;AAAA,EACvB;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/index.js

@@ -1,12 +1,12 @@
 import { j, _, k, i, T, h, c, d, a, b, f, g, s, e } from "./filterHelpers-DpHSlTuh.js";
 import { a as a2, _ as _2 } from "./DateRange.vue_vue_type_script_setup_true_lang-BLVg1Hah.js";
-import { a as a3, B, _ as _3, T as T2 } from "./AdminWrapper.vue_vue_type_script_setup_true_lang-BhnWQ-b0.js";
+import { a as a3, B, _ as _3, T as T2 } from "./AdminWrapper.vue_vue_type_script_setup_true_lang-DgzX2LI3.js";
 import { c as c2, a as a4, _ as _4, b as b2 } from "./Alert.vue_vue_type_script_setup_true_lang-DxPCS-Hx.js";
 import { a as a5, _ as _5, c as c3, b as b3 } from "./ProductBadge.vue_vue_type_script_setup_true_lang-Cmr2f4Cy.js";
 import { u } from "./useTable-DutR1gkg.js";
-import { l, $, P, q, o, r, w, k as k2, s as s2, p, x, t, z, b as b4, A, c as c4, v, h as h2, g as g2, j as j2, d as d2, y, u as u2, e as e2, f as f2, n, a as a6, i as i2, m } from "./useAdminPage-AgWRvw6o.js";
+import { m, $, P, r, p, t, x, l, s as s2, q, y, v, A, c as c4, B as B2, d as d2, w, i as i2, h as h2, k as k2, b as b4, e as e2, z, u as u2, f as f2, g as g2, o, a as a6, j as j2, n } from "./useAdminPage-DjONnrbe.js";
 export {
-  l as $currentBrand,
+  m as $currentBrand,
   $ as $user,
   a3 as AdminWrapper,
   c2 as Alert,
@@ -28,41 +28,42 @@ export {
   T as Table,
   T2 as Tabs,
   b3 as UserAvatar,
-  q as averageStat,
+  r as averageStat,
   h as booleanOptions,
   c as columns,
-  o as countStat,
+  p as countStat,
   d as createFilterGroup,
   a as createStatusColorFn,
   b as filterPresets,
   f as filters,
   g as getStatusColor,
-  r as percentageStat,
-  w as resetGlobalConfirmation,
-  k2 as setCurrentBrand,
+  t as percentageStat,
+  x as resetGlobalConfirmation,
+  l as setCurrentBrand,
   s2 as setUser,
   s as statusColors,
   e as statusOptions,
-  p as sumStat,
-  x as useAdminPage,
-  t as useConfirmation,
-  z as useDetailPage,
-  b4 as useForm,
-  A as useFormPage,
-  c4 as useFormValidation,
-  v as useGlobalConfirmation,
-  h2 as useHasAccessToAccount,
-  g2 as useHasAccessToBrand,
-  j2 as useHasRole,
-  d2 as useJsonForm,
-  y as useListPage,
+  q as sumStat,
+  y as useAdminPage,
+  v as useConfirmation,
+  A as useDetailPage,
+  c4 as useForm,
+  B2 as useFormPage,
+  d2 as useFormValidation,
+  w as useGlobalConfirmation,
+  i2 as useHasAccessToAccount,
+  h2 as useHasAccessToBrand,
+  k2 as useHasRole,
+  b4 as useIntersectionObserver,
+  e2 as useJsonForm,
+  z as useListPage,
   u2 as useModal,
-  e2 as useNotifications,
-  f2 as usePageContext,
-  n as useStats,
+  f2 as useNotifications,
+  g2 as usePageContext,
+  o as useStats,
   u as useTable,
   a6 as useTabs,
-  i2 as useUserRoles,
-  m as useWizard
+  j2 as useUserRoles,
+  n as useWizard
 };
 //# sourceMappingURL=index.js.map

package/dist/navigation/index.js

@@ -1,4 +1,4 @@
-import { a, B, _, T } from "../AdminWrapper.vue_vue_type_script_setup_true_lang-BhnWQ-b0.js";
+import { a, B, _, T } from "../AdminWrapper.vue_vue_type_script_setup_true_lang-DgzX2LI3.js";
 export {
   a as AdminWrapper,
   B as Breadcrumbs,

package/dist/{useAdminPage-AgWRvw6o.js → useAdminPage-DjONnrbe.js}

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, onUnmounted, inject } from "vue";
+import { ref, computed, watch, onUnmounted, onMounted, inject } from "vue";
 import { routes } from "@htlkg/core";
 import { a as atom } from "./index-DGO_pNgG.js";
 import { u as useStore } from "./index-QK97OdqQ.js";
@@ -40,9 +40,9 @@ function useModal(options = {}) {
 }
 function useTabs(options) {
   const tabs = ref(options.tabs);
-  const activeTab = ref(
-    options.initialTab || (tabs.value.length > 0 ? tabs.value[0].id : "")
-  );
+  const initialTabId = options.initialTab || (tabs.value.length > 0 ? tabs.value[0].id : "");
+  const activeTab = ref(initialTabId);
+  const visitedTabs = ref(/* @__PURE__ */ new Set([initialTabId]));
   const currentTabIndex = computed(
     () => tabs.value.findIndex((tab) => tab.id === activeTab.value)
   );
@@ -51,22 +51,28 @@ function useTabs(options) {
     () => currentTabIndex.value === tabs.value.length - 1
   );
   function setActiveTab(tabId) {
-    var _a;
+    var _a, _b;
     const tab = tabs.value.find((t) => t.id === tabId);
     if (tab && !tab.disabled) {
+      const isFirstVisit = !visitedTabs.value.has(tabId);
       activeTab.value = tabId;
+      visitedTabs.value.add(tabId);
       (_a = options.onChange) == null ? void 0 : _a.call(options, tabId);
+      if (isFirstVisit && tab.lazy) {
+        (_b = options.onLazyLoad) == null ? void 0 : _b.call(options, tabId);
+      }
     }
   }
   function nextTab() {
     if (!isLastTab.value) {
       const nextIndex = currentTabIndex.value + 1;
-      const nextTab2 = tabs.value[nextIndex];
-      if (nextTab2 && !nextTab2.disabled) {
-        setActiveTab(nextTab2.id);
+      const nextTabItem = tabs.value[nextIndex];
+      if (nextTabItem && !nextTabItem.disabled) {
+        setActiveTab(nextTabItem.id);
       } else if (nextIndex < tabs.value.length - 1) {
-        activeTab.value = nextTab2.id;
-        nextTab2();
+        activeTab.value = nextTabItem.id;
+        visitedTabs.value.add(nextTabItem.id);
+        nextTab();
       }
     }
   }
@@ -78,6 +84,7 @@ function useTabs(options) {
         setActiveTab(prevTab.id);
       } else if (prevIndex > 0) {
         activeTab.value = prevTab.id;
+        visitedTabs.value.add(prevTab.id);
         previousTab();
       }
     }
@@ -89,6 +96,16 @@ function useTabs(options) {
     const tab = tabs.value.find((t) => t.id === tabId);
     return (tab == null ? void 0 : tab.disabled) ?? false;
   }
+  function isTabLoaded(tabId) {
+    const tab = tabs.value.find((t) => t.id === tabId);
+    if (!(tab == null ? void 0 : tab.lazy)) return true;
+    return visitedTabs.value.has(tabId);
+  }
+  function shouldRenderTab(tabId) {
+    const tab = tabs.value.find((t) => t.id === tabId);
+    if (!(tab == null ? void 0 : tab.lazy)) return activeTab.value === tabId;
+    return visitedTabs.value.has(tabId);
+  }
   return {
     activeTab,
     tabs,
@@ -99,7 +116,49 @@ function useTabs(options) {
     nextTab,
     previousTab,
     isTabActive,
-    isTabDisabled
+    isTabDisabled,
+    isTabLoaded,
+    shouldRenderTab,
+    visitedTabs
+  };
+}
+function useIntersectionObserver(target, options = {}) {
+  const { root = null, rootMargin = "0px", threshold = 0, once = true } = options;
+  const isVisible = ref(false);
+  let observer = null;
+  function cleanup() {
+    if (observer) {
+      observer.disconnect();
+      observer = null;
+    }
+  }
+  function observe(el) {
+    cleanup();
+    if (!el || typeof IntersectionObserver === "undefined") {
+      return;
+    }
+    observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (entry) {
+          isVisible.value = entry.isIntersecting;
+          if (entry.isIntersecting && once) {
+            cleanup();
+          }
+        }
+      },
+      { root, rootMargin, threshold }
+    );
+    observer.observe(el);
+  }
+  const stopWatch = watch(target, (el) => observe(el), { immediate: true });
+  onUnmounted(() => {
+    stopWatch();
+    cleanup();
+  });
+  return {
+    isVisible,
+    stop: cleanup
   };
 }
 function useForm(options) {
@@ -1162,33 +1221,34 @@ function useFormPage(options) {
 }
 export {
   $user as $,
-  useFormPage as A,
+  useDetailPage as A,
+  useFormPage as B,
   PAGE_CONTEXT_KEY as P,
   useTabs as a,
-  useForm as b,
-  useFormValidation as c,
-  useJsonForm as d,
-  useNotifications as e,
-  usePageContext as f,
-  useHasAccessToBrand as g,
-  useHasAccessToAccount as h,
-  useUserRoles as i,
-  useHasRole as j,
-  setCurrentBrand as k,
-  $currentBrand as l,
-  useWizard as m,
-  useStats as n,
-  countStat as o,
-  sumStat as p,
-  averageStat as q,
-  percentageStat as r,
+  useIntersectionObserver as b,
+  useForm as c,
+  useFormValidation as d,
+  useJsonForm as e,
+  useNotifications as f,
+  usePageContext as g,
+  useHasAccessToBrand as h,
+  useHasAccessToAccount as i,
+  useUserRoles as j,
+  useHasRole as k,
+  setCurrentBrand as l,
+  $currentBrand as m,
+  useWizard as n,
+  useStats as o,
+  countStat as p,
+  sumStat as q,
+  averageStat as r,
   setUser as s,
-  useConfirmation as t,
+  percentageStat as t,
   useModal as u,
-  useGlobalConfirmation as v,
-  resetGlobalConfirmation as w,
-  useAdminPage as x,
-  useListPage as y,
-  useDetailPage as z
+  useConfirmation as v,
+  useGlobalConfirmation as w,
+  resetGlobalConfirmation as x,
+  useAdminPage as y,
+  useListPage as z
 };
-//# sourceMappingURL=useAdminPage-AgWRvw6o.js.map
+//# sourceMappingURL=useAdminPage-DjONnrbe.js.map