@fastkit/vui 0.16.33 → 0.16.34

package/dist/vui.mjs

@@ -33,7 +33,7 @@ import { createPropsOptions, defineSlots, renderSlotOrEmpty, isFragment, resolve
 export * from '@fastkit/vue-utils';
 import * as vue_loading_star from '@fastkit/vue-loading';
 export * from '@fastkit/vue-loading';
-import { defineComponent, computed, createVNode, mergeProps, ref, watch, onMounted, onBeforeUnmount, isVNode, cloneVNode, withDirectives, Fragment, vShow, onBeforeUpdate, vModelSelect, Transition, inject, provide, createTextVNode, reactive, nextTick } from 'vue';
+import { defineComponent, computed, createVNode, mergeProps, ref, watch, onMounted, onBeforeUnmount, Fragment, isVNode, cloneVNode, withDirectives, vShow, onBeforeUpdate, vModelSelect, Transition, inject, provide, createTextVNode, reactive, nextTick } from 'vue';
 import { loadImage } from '@fastkit/dom';
 import { useRouter, useRoute, RouterLink, useLink } from 'vue-router';
 import { resizeDirectiveArgument, installResizeDirective } from '@fastkit/vue-resize';
@@ -1303,10 +1303,6 @@ var VAvatar = defineComponent({
       color: () => props11.color || defaults.color,
       variant: () => props11.variant || defaults.variant
     });
-    const actionable = useActionable(ctx, {
-      clickableClassName: () => "v-avatar--clickable",
-      linkFallbackTag: "div"
-    });
     const classes = computed(() => {
       const {
         size
@@ -1326,24 +1322,23 @@ var VAvatar = defineComponent({
         "--avatar-size": `${size}px`
       };
     });
+    const actionable = useActionable(ctx, {
+      attrs: () => ({
+        class: ["v-avatar", classes.value, color.colorClasses.value],
+        style: styles.value
+      }),
+      actionableClass: () => "v-avatar--clickable",
+      linkFallbackTag: "div"
+    });
     return () => {
       const {
         src
       } = props11;
-      const {
-        Tag,
-        attrs
-      } = actionable.value;
-      return createVNode(Tag, mergeProps(attrs, {
-        "class": ["v-avatar", classes.value, color.colorClasses.value],
-        "style": styles.value
-      }), {
-        default: () => [!!src && createVNode(VBusyImage, {
-          "class": "v-avatar__image",
-          "src": src,
-          "cover": true
-        }, null) || ctx.slots.default?.()]
-      });
+      return actionable.render(!!src && createVNode(VBusyImage, {
+        "class": "v-avatar__image",
+        "src": src,
+        "cover": true
+      }, null) || ctx.slots.default?.());
     };
   }
 });
@@ -1399,10 +1394,6 @@ var VChip = defineComponent({
       const _icon = resolveRawVChipIcon(props11.endIcon, "end");
       return _icon && _icon();
     });
-    const actionable = useActionable(ctx, {
-      clickableClassName: () => "v-chip--clickable",
-      linkFallbackTag: "div"
-    });
     const classes = computed(() => {
       const {
         size
@@ -1411,19 +1402,16 @@ var VChip = defineComponent({
         "v-chip--label": props11.label
       }, typeof size === "string" && `v-chip--${size}`];
     });
-    return () => {
-      const {
-        Tag,
-        attrs
-      } = actionable.value;
-      return createVNode(Tag, mergeProps(attrs, {
-        "class": ["v-chip", classes.value, color.colorClasses.value]
-      }), {
-        default: () => [startIcon.value, createVNode("span", {
-          "class": "v-chip__content"
-        }, [ctx.slots.default?.()]), endIcon.value]
-      });
-    };
+    const actionable = useActionable(ctx, {
+      attrs: () => ({
+        class: ["v-chip", classes.value, color.colorClasses.value]
+      }),
+      actionableClass: () => "v-chip--clickable",
+      linkFallbackTag: "div"
+    });
+    return () => actionable.render([startIcon.value, createVNode("span", {
+      "class": "v-chip__content"
+    }, [ctx.slots.default?.()]), endIcon.value]);
   }
 });
 function createCardProps() {
@@ -1552,15 +1540,16 @@ var VButton = defineComponent({
     }]);
     return () => {
       return createVNode(VAction, mergeProps(ctx.attrs, {
-        "class": ["v-button", classes.value]
+        "class": ["v-button", classes.value],
+        "guardInProgressClass": "v-button--guard-in-progress"
       }), {
-        default: () => [createVNode("span", {
+        default: () => createVNode(Fragment, null, [createVNode("span", {
           "class": "v-button__content"
         }, [startIcon.value, ctx.slots.default?.(), icon.value, endIcon.value]), isLoading.value && createVNode(loading_exports.VProgressCircular, {
           "class": "v-button__loading",
           "indeterminate": true,
           "size": LOADING_SIZE_MAP[control.size.value]
-        }, null)]
+        }, null)])
       });
     };
   }
@@ -1960,7 +1949,7 @@ var VListTile = defineComponent({
       const _endIcon = endIcon.value;
       return createVNode(VAction, mergeProps(ctx.attrs, {
         "class": ["v-list-tile", classes.value],
-        "clickableClassName": "v-list-tile--clickable"
+        "actionableClass": "v-list-tile--clickable"
       }), {
         default: () => [_startIcon && createVNode("span", {
           "class": "v-list-tile__icon v-list-tile__icon--start"