ketekny-ui-kit 1.0.109 → 1.0.111

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ketekny-ui-kit",
   "type": "module",
-  "version": "1.0.109",
+  "version": "1.0.111",
   "description": "A Vue 3 UI component library with Tailwind CSS styling",
   "main": "index.js",
   "files": [

package/src/layout/kSingleColPage.vue

@@ -3,7 +3,7 @@
     <div
       v-if="showHeaderExtraBeforeTitle"
       class="sticky z-30 border-b border-t border-slate-200 bg-slate-50 px-4 backdrop-blur sm:px-6 lg:px-8"
-      :style="{ top: headerExtraTop }"
+      :style="{ top: resolvedHeaderExtraTop }"
     >
       <div class="mx-auto flex w-full max-w-none items-center">
         <slot name="header-extra" />
@@ -47,7 +47,7 @@
     <div
       v-if="showHeaderExtraAfterTitle"
       class="sticky z-30 border-b border-t border-slate-200 bg-slate-50 px-4 backdrop-blur sm:px-6 lg:px-8"
-      :style="{ top: headerExtraTop }"
+      :style="{ top: resolvedHeaderExtraTop }"
     >
       <div class="mx-auto flex w-full max-w-none items-center">
         <slot name="header-extra" />
@@ -110,6 +110,9 @@ export default {
     showHeaderExtraAfterTitle() {
       return !this.headerExtraBeforeTitle && Boolean(this.$slots['header-extra'])
     },
+    resolvedHeaderExtraTop() {
+      return this.hasTopSection ? this.headerExtraTop : '0px'
+    },
     externalUrlLabel() {
       const target = String(this.externalUrl || '').trim()
       if (!target) return ''

package/src/twoColLayout/components/MultilevelSidebar.vue

@@ -234,6 +234,24 @@ export default {
     },
   },
   methods: {
+    findMenuItemById(items, id) {
+      for (const item of items) {
+        if (item.id === id) return item
+        if (item?.children?.length) {
+          const found = this.findMenuItemById(item.children, id)
+          if (found) return found
+        }
+      }
+      return null
+    },
+    collectDescendantIds(item, ids = []) {
+      if (!item?.children?.length) return ids
+      for (const child of item.children) {
+        ids.push(child.id)
+        this.collectDescendantIds(child, ids)
+      }
+      return ids
+    },
     syncFavoritesFromMenu() {
       const storedFavorites = this.readStoredFavorites()
       const storedTab = this.readStoredActiveMenuTab()
@@ -293,10 +311,16 @@ export default {
     },
     toggle(id) {
       if (this.openIds.has(id)) {
-        this.openIds = new Set()
+        const target = this.findMenuItemById(this.mainMenu, id)
+        const next = new Set(this.openIds)
+        next.delete(id)
+        for (const childId of this.collectDescendantIds(target)) {
+          next.delete(childId)
+        }
+        this.openIds = next
         return
       }
-      this.openIds = new Set([id])
+      this.openIds = new Set([...this.openIds, id])
     },
     select(itemOrId) {
       const id = typeof itemOrId === 'string' ? itemOrId : itemOrId?.id