wave-ui 3.27.0 → 3.27.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "3.27.0",
+  "version": "3.27.1",
   "description": "A UI framework for Vue.js 3 (and 2) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "homepage": "https://antoniandre.github.io/wave-ui",

package/src/wave-ui/components/w-list.vue

@@ -49,7 +49,7 @@ export default {
   name: 'w-list',
 
   setup () {
-    return { _waveUiUseId: useId() }
+    return { waveUiUseId: useId() }
   },
 
   props: {
@@ -96,7 +96,7 @@ export default {
 
     listId () {
       if (!this.addIds) return null
-      return typeof this.addIds === 'string' ? this.addIds : `w-list--${this._waveUiUseId}`
+      return typeof this.addIds === 'string' ? this.addIds : `w-list--${this.waveUiUseId}`
     },
 
     selectedItems () {

package/src/wave-ui/components/w-select.vue

@@ -168,7 +168,7 @@ export default {
   computed: {
     /** Prefix for w-list item ids (`id_item-N`) and ARIA listbox linkage; stable with SSR. */
     selectListId () {
-      return this.id ? `${this.id}__listbox` : `w-select-menu--${this._waveUiUseId}`
+      return this.id ? `${this.id}__listbox` : `w-select-menu--${this.waveUiUseId}`
     },
 
     // Check all the items and add a `value` if missing, containing either: value, label or index

package/src/wave-ui/components/w-slider.vue

@@ -121,7 +121,7 @@ export default {
   computed: {
     /** DOM id for the thumb control and related labels (distinct from `inputId` on `w-slider`). */
     thumbId () {
-      return this.id ? `${this.id}__thumb` : `button--${this._waveUiUseId}`
+      return this.id ? `${this.id}__thumb` : `button--${this.waveUiUseId}`
     },
 
     minVal () {

package/src/wave-ui/components/w-tabs/index.vue

@@ -79,7 +79,7 @@ export default {
   name: 'w-tabs',
 
   setup () {
-    return { _tabsStableId: useId() }
+    return { tabsStableId: useId() }
   },
 
   props: {
@@ -183,7 +183,7 @@ export default {
     addTab (item) {
       // If there is no unique ID provided, inject one in each tab.
       // This will cause a single other update from watching the tabs items and stop there.
-      if (!(item[this.itemIdKey] ?? item._uid ?? false)) item._uid = `${this._tabsStableId}-${this.tabs.length}`
+      if (!(item[this.itemIdKey] ?? item._uid ?? false)) item._uid = `${this.tabsStableId}-${this.tabs.length}`
 
       this.tabs.push({
         _uid: item[this.itemIdKey] ?? item._uid,
@@ -200,7 +200,7 @@ export default {
       this.tabs = items.map((item, _index) => {
         // If there is no unique ID provided, inject one in each tab.
         // This will cause a single other update from watching the tabs items and stop there.
-        if (!(item[this.itemIdKey] ?? item._uid ?? false)) item._uid = `${this._tabsStableId}-${_index}`
+        if (!(item[this.itemIdKey] ?? item._uid ?? false)) item._uid = `${this.tabsStableId}-${_index}`
 
         return {
           ...item,

package/src/wave-ui/components/w-tooltip.vue

@@ -4,7 +4,7 @@ transition(:name="transitionName" appear @after-leave="onAfterLeave")
   .w-tooltip(
     v-if="detachableVisible"
     ref="detachable"
-    :key="_tooltipInstanceId"
+    :key="tooltipInstanceId"
     :class="classes"
     :style="styles")
     slot
@@ -20,7 +20,8 @@ export default {
   mixins: [DetachableMixin],
 
   setup () {
-    return { _tooltipInstanceId: useId() }
+    // No leading `_`/`$`: Vue omits those from the render context (setup() reserved prefixes).
+    return { tooltipInstanceId: useId() }
   },
 
   props: {

package/src/wave-ui/mixins/form-elements.js

@@ -11,8 +11,9 @@ export default {
 
   setup () {
     return {
-      // SSR-safe unique suffix (Vue 3.5+). Exposed on `this` for Options API templates.
-      _waveUiUseId: useId()
+      // SSR-safe unique suffix (Vue 3.5+). Must not start with `_`/`$` or Vue omits it from the
+      // render context and template/slot access can warn or fail (see exposeSetupStateOnRenderContext).
+      waveUiUseId: useId()
     }
   },
 
@@ -37,11 +38,11 @@ export default {
     /** Stable DOM id for the control (and labels), including SSR/hydration. */
     inputId () {
       const componentName = this.$options.name || 'w-field'
-      return this.id || `${componentName}--${this._waveUiUseId}`
+      return this.id || `${componentName}--${this.waveUiUseId}`
     },
 
     inputName () {
-      return this.name || `${this.$options.name}--${this._waveUiUseId}`
+      return this.name || `${this.$options.name}--${this.waveUiUseId}`
     },
     isDisabled () {
       return this.disabled || this.formProps.disabled