vueless 0.0.747 → 0.0.749

package/ui.navigation-tabs/UTabs.vue

@@ -84,6 +84,7 @@ provide("setUTabsSelectedItem", (value: string) => (selectedItem.value = value))
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
 const {
+  getDataTest,
   config,
   wrapperAttrs,
   tabsAttrs,
@@ -107,7 +108,7 @@ const {
       </slot>
     </div>
 
-    <div ref="scroll-container" v-bind="tabsAttrs" :data-test="dataTest" @scroll="checkScroll">
+    <div ref="scroll-container" v-bind="tabsAttrs" :data-test="getDataTest()" @scroll="checkScroll">
       <!-- @slot Use it to add the UTab component. -->
       <slot>
         <UTab
@@ -118,7 +119,7 @@ const {
           :disabled="item.disabled"
           :size="size"
           v-bind="tabAttrs"
-          :data-test="`${dataTest}-item-${index}`"
+          :data-test="getDataTest(`item-${index}`)"
         />
       </slot>
     </div>

package/ui.other-dot/UDot.vue

@@ -17,9 +17,9 @@ withDefaults(defineProps<Props>(), {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { dotAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, dotAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
-  <div v-bind="dotAttrs" :data-test="dataTest" />
+  <div v-bind="dotAttrs" :data-test="getDataTest()" />
 </template>

package/ui.text-alert/UAlert.vue

@@ -53,6 +53,7 @@ const closeButtonColor = computed(() => {
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
 const {
+  getDataTest,
   config,
   wrapperAttrs,
   bodyAttrs,
@@ -67,7 +68,7 @@ const {
 </script>
 
 <template>
-  <div v-if="isShownAlert" v-bind="wrapperAttrs" :data-test="dataTest">
+  <div v-if="isShownAlert" v-bind="wrapperAttrs" :data-test="getDataTest()">
     <!-- @slot Use it to add something above the text. -->
     <slot name="top" />
 
@@ -126,7 +127,7 @@ const {
             :color="closeButtonColor"
             :name="config.defaults.closeIcon"
             v-bind="closeIconAttrs"
-            :data-test="`${dataTest}-button`"
+            :data-test="getDataTest('button')"
           />
         </slot>
       </UButton>

package/ui.text-badge/UBadge.vue

@@ -79,17 +79,15 @@ const mutatedProps = computed(() => ({
   rightIcon: Boolean(props.rightIcon) || hasSlotContent(slots["right"]),
 }));
 
-const { badgeAttrs, bodyAttrs, leftIconAttrs, centerIconAttrs, rightIconAttrs } = useUI<Config>(
-  defaultConfig,
-  mutatedProps,
-);
+const { getDataTest, badgeAttrs, bodyAttrs, leftIconAttrs, centerIconAttrs, rightIconAttrs } =
+  useUI<Config>(defaultConfig, mutatedProps);
 </script>
 
 <template>
   <div
     ref="wrapper"
     v-bind="badgeAttrs"
-    :data-test="dataTest"
+    :data-test="getDataTest()"
     :tabindex="tabindex"
     @blur="onBlur"
     @focus="onFocus"

package/ui.text-block/UText.vue

@@ -18,11 +18,11 @@ withDefaults(defineProps<Props>(), {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { wrapperAttrs, htmlAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, wrapperAttrs, htmlAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
-  <div v-bind="wrapperAttrs" :data-test="dataTest">
+  <div v-bind="wrapperAttrs" :data-test="getDataTest()">
     <!-- @slot Use it to add something inside. -->
     <div v-if="!hasSlotContent($slots['default'])" v-bind="htmlAttrs" v-html="html" />
     <slot />

package/ui.text-empty/UEmpty.vue

@@ -21,6 +21,7 @@ withDefaults(defineProps<Props>(), {
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
 const {
+  getDataTest,
   config,
   titleAttrs,
   descriptionAttrs,
@@ -33,7 +34,7 @@ const {
 </script>
 
 <template>
-  <div v-bind="wrapperAttrs" :data-test="dataTest">
+  <div v-bind="wrapperAttrs" :data-test="getDataTest()">
     <div v-bind="headerAttrs">
       <!-- @slot Use it to add something to the header. -->
       <slot name="header">

package/ui.text-file/UFile.vue

@@ -48,6 +48,7 @@ function onBlur() {
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
 const {
+  getDataTest,
   config,
   fileAttrs,
   bodyAttrs,
@@ -59,7 +60,7 @@ const {
 </script>
 
 <template>
-  <ULink :href="url" v-bind="fileAttrs" :data-test="dataTest">
+  <ULink :href="url" v-bind="fileAttrs" :data-test="getDataTest()">
     <slot name="left" :file="{ elementId, label, url, imageUrl }" />
 
     <slot :file="{ elementId, label, url, imageUrl }">
@@ -89,7 +90,7 @@ const {
         color="gray"
         :name="config.defaults.removeIcon"
         v-bind="removeIconAttrs"
-        :data-test="`${dataTest}-remove-item`"
+        :data-test="getDataTest('remove-item')"
         @click.stop.prevent="onRemove"
       />
     </slot>

package/ui.text-files/UFiles.vue

@@ -51,7 +51,7 @@ function onRemoveFile(fileId: string | number) {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { filesLabelAttrs, itemsAttrs, itemAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, filesLabelAttrs, itemsAttrs, itemAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
@@ -83,7 +83,7 @@ const { filesLabelAttrs, itemsAttrs, itemAttrs } = useUI<Config>(defaultConfig);
           :size="size"
           :removable="removable"
           v-bind="itemAttrs"
-          :data-test="`${dataTest}-item`"
+          :data-test="getDataTest(`item-${index}`)"
           @remove="onRemoveFile"
         >
           <template #left="{ file: currentFile }">

package/ui.text-header/UHeader.vue

@@ -18,11 +18,11 @@ withDefaults(defineProps<Props>(), {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { headerAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, headerAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
-  <component :is="tag" v-bind="headerAttrs" :data-test="dataTest">
+  <component :is="tag" v-bind="headerAttrs" :data-test="getDataTest()">
     <slot>{{ label }}</slot>
   </component>
 </template>

package/ui.text-money/UMoney.vue

@@ -28,7 +28,7 @@ const currencySymbolPosition = computed(() => {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { moneyAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, moneyAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
@@ -43,7 +43,7 @@ const { moneyAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
     :decimal-separator="decimalSeparator"
     :thousands-separator="thousandsSeparator"
     v-bind="moneyAttrs"
-    :data-test="dataTest"
+    :data-test="getDataTest()"
   >
     <template #left>
       <!-- @slot Use it to add something before money amount. -->

package/ui.text-notify/UNotify.vue

@@ -124,6 +124,7 @@ function getBodyAttrs(type: Notification["type"]) {
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
 const {
+  getDataTest,
   config,
   wrapperAttrs,
   bodySuccessAttrs,
@@ -145,7 +146,7 @@ const {
     :style="notifyPositionStyles"
     tag="div"
     v-bind="{ ...config.transitionGroup, ...wrapperAttrs }"
-    :data-test="dataTest"
+    :data-test="getDataTest()"
   >
     <div
       v-for="notification in notifications"
@@ -211,7 +212,7 @@ const {
         interactive
         :name="config.defaults.closeIcon"
         v-bind="closeIconAttrs"
-        :data-test="`${dataTest}-close`"
+        :data-test="getDataTest('close')"
         @click="onClickClose(notification)"
       />
     </div>

package/ui.text-number/UNumber.vue

@@ -49,7 +49,7 @@ const preparedNumber = computed(() => {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { wrapperAttrs, numberAttrs, mathSignAttrs, integerAttrs, fractionAttrs } =
+const { getDataTest, wrapperAttrs, numberAttrs, mathSignAttrs, integerAttrs, fractionAttrs } =
   useUI<Config>(defaultConfig);
 </script>
 
@@ -58,7 +58,7 @@ const { wrapperAttrs, numberAttrs, mathSignAttrs, integerAttrs, fractionAttrs }
     <!-- @slot Use it to add something before the number. -->
     <slot name="left" />
 
-    <div v-bind="numberAttrs" :data-test="dataTest">
+    <div v-bind="numberAttrs" :data-test="getDataTest()">
       <span v-if="value" v-bind="mathSignAttrs" v-text="mathSign" />
 
       <span v-bind="integerAttrs" v-text="preparedNumber.integer" />