ketekny-ui-kit 1.0.80 → 1.0.82

package/package.json

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

package/src/directives/v-tooltip.js

@@ -273,7 +273,7 @@ export default {
     const onLeave = () => hide()
     const onScrollOrResize = () => {
       // If visible, keep it clamped while scrolling/resizing
-      if (bubble.classList.contains('opacity-100')) positionAndShow()
+      if (state.nodes?.bubble?.classList.contains('opacity-100')) positionAndShow()
     }
 
     el.addEventListener('mouseenter', onEnter)

package/src/layout/twoColLayout.vue

@@ -43,6 +43,7 @@
         :show-contact-info="showContactInfo"
         :account="account"
         :contact-email="contactEmail"
+        :help-url="helpUrl"
         :collapsed="isSidebarCollapsed"
         @logo-click="handleLogoClick"
         @signin="handleSignin"
@@ -95,6 +96,7 @@
               :show-contact-info="showContactInfo"
               :account="account"
               :contact-email="contactEmail"
+              :help-url="helpUrl"
               :collapsed="false"
               @logo-click="handleLogoClick"
               @item-click="closeMobileMenu"
@@ -155,6 +157,7 @@ export default {
     showContactInfo: { type: Boolean, default: false },
     account: { type: Object, default: null },
     contactEmail: { type: String, default: "grammateia@ketekny.gr" },
+    helpUrl: { type: String, default: "" },
   },
   data() {
     return {

package/src/layout/twoColSidebarPanel.vue

@@ -23,10 +23,22 @@
         {{ title }}
       </div>
 
+      <div v-if="helpUrl && !collapsed" class="px-4 pb-2">
+        <a
+          :href="helpUrl"
+          target="_blank"
+          rel="noreferrer"
+          class="inline-flex items-center gap-2 rounded-md px-2 py-1.5 text-sm font-semibold text-white/85 transition hover:bg-white/10 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70"
+        >
+          <kIcon name="HelpCircle" size="16" color="#ffffff" />
+          <span>Χρειάζεστε βοήθεια;</span>
+        </a>
+      </div>
+
       <slot name="sidebar-header" />
     </div>
 
-    <div class="flex-1 pt-4">
+    <div class="flex-1 pt-1">
       <div v-if="collapsed" class="flex flex-col items-center gap-2 mx-1 mt-3">
         <component
           :is="menuItemComponent(item)"
@@ -88,6 +100,19 @@
       class="px-1 pb-4 border-b shrink-0 border-white/10 bg-slate-900/80 text-white/90"
     >
       <div v-if="collapsed" class="flex flex-col gap-3">
+        <div v-if="helpUrl" class="flex flex-col items-center gap-2">
+          <a
+            :href="helpUrl"
+            target="_blank"
+            rel="noreferrer"
+            aria-label="Χρειάζεστε βοήθεια;"
+            title="Χρειάζεστε βοήθεια;"
+            class="relative flex items-center justify-center text-white transition border group h-14 w-14 rounded-xl border-white/15 bg-white/5 hover:border-cyan-400/40 hover:bg-white/10"
+            v-tooltip.right="'Χρειάζεστε βοήθεια;'"
+          >
+            <kIcon name="HelpCircle" size="20" color="#ffffff" />
+          </a>
+        </div>
         <div v-if="account.loggedIn" class="flex flex-col items-center gap-2">
           <button
             type="button"
@@ -243,6 +268,7 @@ const LABELS = {
   contactAddress: "Βερανζέρου 13, 10677, Αθήνα",
 };
 
+
 export default {
   name: "TwoColSidebarPanel",
   components: {
@@ -271,6 +297,7 @@ export default {
     showContactInfo: { type: Boolean, default: false },
     account: { type: Object, default: null },
     contactEmail: { type: String, default: "grammateia@ketekny.gr" },
+    helpUrl: { type: String, default: "" },
     collapsed: { type: Boolean, default: false },
   },
   computed: {