ketekny-ui-kit 1.0.130 → 1.0.132

package/package.json

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

package/src/twoColLayout/components/MultilevelSidebar.vue

@@ -81,6 +81,10 @@ export default {
       type: Object,
       default: null,
     },
+    accountMenuItems: {
+      type: Array,
+      default: () => [],
+    },
     contactEmail: {
       type: String,
       default: "grammateia@ketekny.gr",
@@ -214,6 +218,7 @@ export default {
           icon: 'UserRound',
           action: () => this.handleFooterSelect('my-profile'),
         },
+        ...this.accountMenuItems,
         {
           label: 'Βοήθεια',
           icon: 'CircleHelp',
@@ -487,7 +492,7 @@ export default {
 
 <template>
   <aside
-    class="group/sidebar sidebar-root fixed inset-y-0 left-0 z-40 flex h-full shrink-0 flex-col border-r border-[var(--sidebar-border)] bg-[var(--sidebar-bg)] text-[var(--sidebar-text)] transition-[width,transform] duration-200 ease-out lg:static lg:translate-x-0"
+    class="group/sidebar sidebar-root fixed inset-y-0 left-0 z-40 flex h-full shrink-0 flex-col border-r border-[var(--sidebar-border)] bg-[var(--sidebar-bg)] text-[var(--sidebar-text)] transition-transform duration-200 ease-out lg:static lg:translate-x-0"
     :style="sidebarWidthStyle"
     :class="[
       themeClass,
@@ -634,7 +639,7 @@ export default {
         />
       </ul>
       <p
-        v-if="!collapsed && displayedMenuItems.length === 0"
+        v-if="!collapsed && displayedMenuItems.length === 0 && (query.trim() || !$slots['sidebar-panel'])"
         class="px-3 py-6 text-center text-[var(--sidebar-text-muted)]"
       >
         Δεν βρέθηκαν αποτελέσματα.

package/src/twoColLayout/components/TwoColLayout.vue

@@ -13,6 +13,7 @@
       :show-menu-search="showMenuSearch"
       :mobile-open="mobileMenuOpen"
       :account="account"
+      :account-menu-items="accountMenuItems"
       :contact-email="contactEmail"
       :help-url="helpUrl"
       @logo-click="handleLogoClick"
@@ -100,6 +101,10 @@ export default {
       type: Object,
       default: null,
     },
+    accountMenuItems: {
+      type: Array,
+      default: () => [],
+    },
     contactEmail: {
       type: String,
       default: "grammateia@ketekny.gr",

package/src/ui/componentShowcase.vue

@@ -77,7 +77,7 @@
         </div>
 
         <pre class="p-4 overflow-x-auto rounded-lg text-[11px] leading-5 cp-pre">
-<code class="font-mono text-[11px]" v-html="highlightedCode"></code>
+<code class="font-mono text-[11px]">{{ code.trim() }}</code>
         </pre>
       </div>
     </div>
@@ -85,11 +85,6 @@
 </template>
 
 <script>
-import hljs from "highlight.js/lib/core";
-import xml from "highlight.js/lib/languages/xml";
-
-hljs.registerLanguage("xml", xml);
-
 export default {
   name: "ComponentShowcase",
   props: {
@@ -113,14 +108,6 @@ export default {
     };
   },
   computed: {
-    highlightedCode() {
-      if (!this.code) return "";
-      try {
-        return hljs.highlight(this.code.trim(), { language: "xml" }).value;
-      } catch {
-        return this.escapeHtml(this.code.trim());
-      }
-    },
     previewViewportClass() {
       if (this.activeViewport === "mobile") return "max-w-[430px]";
       if (this.activeViewport === "tablet") return "max-w-[820px]";
@@ -137,11 +124,6 @@ export default {
         console.error("Failed to copy code:", err);
       }
     },
-    escapeHtml(text) {
-      const div = document.createElement("div");
-      div.textContent = text;
-      return div.innerHTML;
-    },
   },
 };
 </script>