webcake-ui-kit 1.2.17 → 1.2.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-ui-kit",
-  "version": "1.2.17",
+  "version": "1.2.18",
   "description": "UI Kit for Vue 2 && 3 - Pure Options API",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/components/dropdown/Dropdown.vue

@@ -18,7 +18,7 @@
       <span
         :ref="triggerRef"
         class="ui-dropdown__anchor"
-        @click.stop="triggerHasClick && handleClick()"
+        @click.stop="triggerHasClick && handleClick($event)"
         @mouseenter.stop="triggerHasHover && handleMouseEnter()"
         @mouseleave.stop="triggerHasHover && handleMouseLeave()"
       >
@@ -136,8 +136,10 @@ export default {
       this.$emit('change', v)
       this.$emit('update:modelValue', v)
     },
-    handleClick() {
+    handleClick(e) {
       if (this.disabled) return
+      // Don't close when clicking a focusable element inside the trigger (e.g. input, textarea)
+      if (this.isOpen && e && e.target && e.target.closest('input, textarea, select, [contenteditable]')) return
       this.onMenuChange(!this.isOpen)
     },
     handleMouseEnter() {

package/src/components/input-number/input-number.css

@@ -90,6 +90,7 @@
 
 .ui-input-number--disabled {
   opacity: 0.5;
+  background: var(--secondary-bg);
 }
 
 .ui-input-number--disabled:focus-within {

package/src/components/menu/Menu.vue

@@ -198,7 +198,12 @@ export default {
         this._kmSetFloatEl(float)
         this._pmAttach(this._triggerEl, float)
         this._coAttach()
-        if (this.autoFocus) this._fmFocus(float)
+        if (this.autoFocus) {
+          // Don't steal focus when the trigger itself already holds it (e.g. an input inside the anchor)
+          const active = typeof document !== 'undefined' && document.activeElement
+          const triggerHasFocus = active && this._triggerEl && this._triggerEl.contains(active)
+          if (!triggerHasFocus) this._fmFocus(float)
+        }
       })
     },
     handleClose() {

package/src/components/select/Select.vue

@@ -10,6 +10,7 @@
     @close="onMenuClose"
     :overlay-class-name="overlayClassName"
     :overlay-style="overlayStyle"
+    :width="overlayWidth"
   >
     <template #trigger="{ toggle, isOpen: open, attrs, triggerRef }">
       <div
@@ -218,7 +219,8 @@ export default {
     },
     overlayClassName: { type: [String, Array, Object], default: null },
     overlayStyle: { type: [Object, Array], default: null },
-    dropdownMatchSelectWidth: { type: Boolean, default: true }
+    dropdownMatchSelectWidth: { type: Boolean, default: true },
+    overlayWidth: { type: [String, Number], default: null }
   },
 
   emits: ['change', 'update:modelValue'],

package/src/components/table/TableWrapper.vue

@@ -158,8 +158,9 @@ export default {
 
       var style = {
         overflowY: 'auto',
+        overflowX: 'hidden',
         maxHeight: `calc(${this.toCssSize(this.scroll.y)} - ${deduct})`,
-        minHeight: this.minHeight > 0 ? `calc(${this.toCssSize(this.minHeight)} - ${deduct})` : undefined
+        minHeight: this.minHeight ? `calc(${this.toCssSize(this.minHeight)} - ${deduct})` : undefined
       }
       if (this.hasScrollX) {
         style.overflowX = 'auto'

package/src/components/textarea/Textarea.vue

@@ -68,7 +68,7 @@ export default {
       return String(this.currentValue).length
     },
     showCounter() {
-      return this.showCount
+      return this.showCount || this.maxLength !== undefined
     }
   },
   watch: {

package/src/components/toggle/toggle.css

@@ -184,22 +184,22 @@
   padding: var(--spacing-3xs);
 }
 .ui-toggle--icon-only.ui-toggle--xs {
-  min-width: 28px;
+  width: 28px;
   height: 28px;
   padding: var(--spacing-6) var(--spacing-6) var(--spacing-6) var(--spacing-xs);
 }
 .ui-toggle--icon-only.ui-toggle--sm {
-  min-width: 32px;
+  width: 32px;
   height: 32px;
   padding: var(--spacing-6);
 }
 .ui-toggle--icon-only.ui-toggle--md {
-  min-width: 36px;
+  width: 36px;
   height: 36px;
   padding: var(--spacing-xs);
 }
 .ui-toggle--icon-only.ui-toggle--lg {
-  min-width: 40px;
+  width: 40px;
   height: 40px;
   padding: var(--spacing-10);
 }

package/src/icons/Popup.vue

@@ -0,0 +1,32 @@
+<template>
+  <BaseIcon v-bind="$attrs" v-on="listeners">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M11.625 2.125C12.1082 2.125 12.5 2.51675 12.5 3C12.5 3.48325 12.1082 3.875 11.625 3.875H5C4.37868 3.875 3.875 4.37868 3.875 5V19C3.875 19.6213 4.37868 20.125 5 20.125H19C19.6213 20.125 20.125 19.6213 20.125 19V11.875C20.125 11.3918 20.5168 11 21 11C21.4832 11 21.875 11.3918 21.875 11.875V19C21.875 20.5878 20.5878 21.875 19 21.875H5C3.41218 21.875 2.125 20.5878 2.125 19V5C2.125 3.41218 3.41218 2.125 5 2.125H11.625Z"
+        fill="currentColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M17.875 2.125C20.0151 2.125 21.75 3.8599 21.75 6C21.75 8.1401 20.0151 9.875 17.875 9.875C15.7349 9.875 14 8.1401 14 6C14 3.8599 15.7349 2.125 17.875 2.125ZM17.875 3.875C16.7014 3.875 15.75 4.8264 15.75 6C15.75 6.45107 15.8912 6.86887 16.1309 7.21289C16.1531 7.24478 16.1773 7.27508 16.2012 7.30566C16.3675 7.51859 16.573 7.6982 16.8076 7.83496C16.8234 7.84415 16.8385 7.85449 16.8545 7.86328C17.1575 8.02958 17.505 8.125 17.875 8.125C19.0486 8.125 20 7.1736 20 6C20 4.8264 19.0486 3.875 17.875 3.875Z"
+        fill="currentColor"
+      />
+    </svg>
+  </BaseIcon>
+</template>
+
+<script>
+import BaseIcon from './BaseIcon.vue'
+
+export default {
+  name: 'Popup',
+  components: { BaseIcon },
+  inheritAttrs: false,
+  emits: [],
+  computed: {
+    listeners() {
+      return this.$listeners || {}
+    }
+  }
+}
+</script>

package/src/icons/index.js

@@ -1774,5 +1774,6 @@ export { default as WkiSkewWidth } from './SkewWidth.vue'
 export { default as WkiStrokeLine } from './StrokeLine.vue'
 export { default as WkiTopline } from './Topline.vue'
 export { default as WkiLettersSpacing } from './LettersSpacing.vue'
+export { default as WkiPopup } from './Popup.vue'
 
 // --- AUTO-GENERATED LUCIDE EXPORTS END ---