@fastkit/vui 1.0.0-next.0 → 1.1.0

package/dist/vui.mjs

@@ -26,7 +26,7 @@ import { VScroller, getDocumentScroller } from '@fastkit/vue-scroller';
 export * from '@fastkit/vue-scroller';
 import { defineMenuComponent, defineDialogComponent, createStackActionProps, useStackAction, defineSnackbarComponent, createStackableDefine, useStackControl, createMenuProps, VDynamicStacks, BUILTIN_ACTION_HANDLERS, installVueStackPlugin } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
-import { useActionable, VAction, actionableInheritProps, setDefaultActionableClassName, setDefaultRouterLink } from '@fastkit/vue-action';
+import { registerActionableAttrsResolver, registerActionableRenderWrapper, useActionable, VAction, actionableInheritProps, setDefaultActionableClassName, setDefaultRouterLink } from '@fastkit/vue-action';
 export * from '@fastkit/vue-action';
 export { VAction as VLink } from '@fastkit/vue-action';
 import { createPropsOptions, typedSlotWithCtx, defineSlots, typedSlotsWithCtx, renderSlotOrEmpty, withCtx, isFragment, resolveNumberish, resolveVNodeChildOrSlots, withCtxForSlots, rawNumberPropType, onAppUnmount } from '@fastkit/vue-utils';
@@ -34,7 +34,7 @@ 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, Fragment, isVNode, cloneVNode, withDirectives, vShow, onBeforeUpdate, Transition, inject, provide, createTextVNode, nextTick, vModelSelect, reactive } from 'vue';
-import { defineDisabledReasonComponent } from '@fastkit/vue-disabled-reason';
+import { defineDisabledReasonComponent, DISABLED_REASON_CONTAINER_BIND } from '@fastkit/vue-disabled-reason';
 import { loadImage } from '@fastkit/dom';
 import { useRouter, useRoute, RouterLink, useLink } from 'vue-router';
 import { resizeDirectiveArgument, installResizeDirective } from '@fastkit/vue-resize';
@@ -68,6 +68,7 @@ __export(src_exports, {
   CONTROL_FIELD_VARIANTS: () => CONTROL_FIELD_VARIANTS,
   CONTROL_LOADING_SPINNER_SIZES: () => CONTROL_LOADING_SPINNER_SIZES,
   CONTROL_SIZES: () => CONTROL_SIZES,
+  DISABLED_REASON_PROPS: () => DISABLED_REASON_PROPS,
   ICON_NAMES: () => ICON_NAMES,
   KEYBOARD_EVENT_TYPES: () => KEYBOARD_EVENT_TYPES,
   PAGINATION_ALIGNS: () => PAGINATION_ALIGNS,
@@ -644,6 +645,7 @@ __export(components_exports, {
   BUTTON_ALIGNS: () => BUTTON_ALIGNS,
   CHIP_SIZES: () => CHIP_SIZES,
   CHOICE_KEY_TYPES: () => CHOICE_KEY_TYPES,
+  DISABLED_REASON_PROPS: () => DISABLED_REASON_PROPS,
   ICON_NAMES: () => ICON_NAMES,
   KEYBOARD_EVENT_TYPES: () => KEYBOARD_EVENT_TYPES,
   PAGINATION_ALIGNS: () => PAGINATION_ALIGNS,
@@ -877,11 +879,13 @@ var VSkeltonLoaderBone = defineComponent({
     };
   }
 });
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var menuProps = createMenuProps();
-var VDisabledReason = defineDisabledReasonComponent({
-  name: "VDisabledReason",
-  props: {
-    ...menuProps,
+var DISABLED_REASON_PROPS = {
+  ...menuProps,
+  ...createPropsOptions({
     /**
      * Display type
      *
@@ -893,7 +897,11 @@ var VDisabledReason = defineDisabledReasonComponent({
       type: String,
       default: "tooltip"
     }
-  },
+  })
+};
+var VDisabledReason = defineDisabledReasonComponent({
+  name: "VDisabledReason",
+  props: DISABLED_REASON_PROPS,
   setup(api) {
     return (reason) => {
       const {
@@ -914,6 +922,29 @@ var VDisabledReason = defineDisabledReasonComponent({
     };
   }
 });
+registerActionableAttrsResolver((attrs, ctx) => {
+  const disabledReason = ctx.getAttr("disabledReason");
+  if (disabledReason) {
+    delete attrs.disabledReason;
+    return [void 0, {
+      disabledReason
+    }];
+  }
+});
+registerActionableRenderWrapper((customProps, currentNode) => {
+  const {
+    disabledReason
+  } = customProps;
+  const disabledReasonInput = typeof disabledReason === "string" || typeof disabledReason === "function" ? {
+    reason: disabledReason
+  } : disabledReason;
+  if (disabledReasonInput) {
+    return createVNode(VDisabledReason, disabledReasonInput, _isSlot(currentNode) ? currentNode : {
+      default: () => [currentNode]
+    });
+  }
+  return currentNode;
+});
 var IMAGE_ATTRS = ["alt", "crossorigin", "decoding", "sizes", "src", "srcset", "usemap"];
 function splitAttrs(attrs) {
   const el = {
@@ -1635,7 +1666,7 @@ var VButtonGroup = defineComponent({
     };
   }
 });
-function _isSlot(s) {
+function _isSlot2(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var PAGINATION_ALIGNS = ["left", "center", "right"];
@@ -1858,7 +1889,7 @@ var VPagination = defineComponent({
           "class": classes2,
           "to": to,
           "key": key
-        }, _isSlot(children) ? children : {
+        }, _isSlot2(children) ? children : {
           default: () => [children]
         });
       }
@@ -2052,7 +2083,7 @@ var VHero = defineComponent({
     };
   }
 });
-function _isSlot2(s) {
+function _isSlot3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 function createNavigationItemProps() {
@@ -2091,7 +2122,7 @@ function renderNavigationItemInput(input, extraProps) {
   return createVNode(VNavigationItem, {
     ...props12,
     ...extraProps
-  }, _isSlot2(label) ? label : {
+  }, _isSlot3(label) ? label : {
     default: () => [label]
   });
 }
@@ -2365,11 +2396,11 @@ var VControlField = defineComponent({
       }, [child]);
     };
     const handleClick = (ev) => ctx.emit("click", ev);
-    return () => createVNode("div", {
+    return () => createVNode("div", mergeProps({
       "class": classes.value,
       "onClick": handleClick,
       "ref": hostElRef
-    }, [renderAdornment("start"), createVNode("div", {
+    }, DISABLED_REASON_CONTAINER_BIND), [renderAdornment("start"), createVNode("div", {
       "class": "v-control-field__body"
     }, [ctx.slots.default?.()]), renderAdornment("end")]);
   }
@@ -2418,9 +2449,9 @@ var VCheckable = defineComponent({
       "v-checkable--custom-icon": !!ctx.slots.icon,
       disabled: disabled.value
     }, colorProvider.className(invalid.value ? "error" : "primary")]);
-    return () => createVNode("label", {
+    return () => createVNode("label", mergeProps({
       "class": ["v-checkable", classes.value]
-    }, [createVNode("span", {
+    }, DISABLED_REASON_CONTAINER_BIND), [createVNode("span", {
       "class": "v-checkable__faux"
     }, [ctx.slots.input?.(), ctx.slots.icon ? ctx.slots.icon() : createVNode("span", {
       "class": "v-checkable__faux__icon"
@@ -2481,7 +2512,7 @@ var VCheckbox = defineComponent({
     }, withCtxForSlots(slots12));
   }
 });
-function _isSlot3(s) {
+function _isSlot4(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VCheckboxGroup = defineFormSelectorComponent({
@@ -2492,7 +2523,7 @@ var VCheckboxGroup = defineFormSelectorComponent({
   itemRenderer: ({
     attrs,
     slots: slots12
-  }) => createVNode(VCheckbox, attrs, _isSlot3(slots12) ? slots12 : {
+  }) => createVNode(VCheckbox, attrs, _isSlot4(slots12) ? slots12 : {
     default: () => [slots12]
   })
 });
@@ -2535,7 +2566,7 @@ var VRadio = defineComponent({
     }, withCtxForSlots(slots12));
   }
 });
-function _isSlot4(s) {
+function _isSlot5(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VRadioGroup = defineFormSelectorComponent({
@@ -2545,7 +2576,7 @@ var VRadioGroup = defineFormSelectorComponent({
   itemRenderer: ({
     attrs,
     slots: slots12
-  }) => createVNode(VRadio, attrs, _isSlot4(slots12) ? slots12 : {
+  }) => createVNode(VRadio, attrs, _isSlot5(slots12) ? slots12 : {
     default: () => [slots12]
   })
 });
@@ -2598,7 +2629,7 @@ var VSwitch = defineComponent({
     }, withCtxForSlots(slots12));
   }
 });
-function _isSlot5(s) {
+function _isSlot6(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VSwitchGroup = defineFormSelectorComponent({
@@ -2609,7 +2640,7 @@ var VSwitchGroup = defineFormSelectorComponent({
   itemRenderer: ({
     attrs,
     slots: slots12
-  }) => createVNode(VSwitch, attrs, _isSlot5(slots12) ? slots12 : {
+  }) => createVNode(VSwitch, attrs, _isSlot6(slots12) ? slots12 : {
     default: () => [slots12]
   })
 });
@@ -2678,7 +2709,7 @@ var VOptionGroup = defineComponent({
     };
   }
 });
-function _isSlot6(s) {
+function _isSlot7(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var ARROW_KEY_TYPES = useKeyboard.Key(["ArrowUp", "ArrowDown"]);
@@ -2879,13 +2910,13 @@ var VSelect = defineComponent({
           "groupId": group.id,
           "label": group.label(inputControl),
           "disabled": group.disabled
-        }, _isSlot6(_slot2 = group.items.map((item) => {
+        }, _isSlot7(_slot2 = group.items.map((item) => {
           let _slot;
           return createVNode(VOption, {
             "disabled": item.disabled,
             "value": item.value,
             "key": item.value
-          }, _isSlot6(_slot = item.label(inputControl)) ? _slot : {
+          }, _isSlot7(_slot = item.label(inputControl)) ? _slot : {
             default: () => [_slot]
           });
         })) ? _slot2 : {
@@ -3264,7 +3295,7 @@ var VForm = defineComponent({
     }, nodeControl.formAttrs), [ctx.slots.default?.(nodeControl)]);
   }
 });
-function _isSlot7(s) {
+function _isSlot8(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VTab = defineComponent({
@@ -3309,7 +3340,7 @@ var VTab = defineComponent({
           "class": classes,
           "to": to,
           "replace": replace
-        }, _isSlot7(children) ? children : {
+        }, _isSlot8(children) ? children : {
           default: () => [children]
         });
       }
@@ -3326,7 +3357,7 @@ var VTab = defineComponent({
 });
 
 // src/components/VTabs/VTabs.tsx
-function _isSlot8(s) {
+function _isSlot9(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var slots10 = defineSlots();
@@ -3571,7 +3602,7 @@ var VTabs = defineComponent({
               to(value);
             }
           }
-        }, _isSlot8(children2) ? children2 : {
+        }, _isSlot9(children2) ? children2 : {
           default: () => [children2]
         });
       });
@@ -3590,7 +3621,7 @@ var VTabs = defineComponent({
     };
   }
 });
-function _isSlot9(s) {
+function _isSlot10(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VBreadcrumbs = defineComponent({
@@ -3667,7 +3698,7 @@ var VBreadcrumbs = defineComponent({
           "class": "v-breadcrumbs__link",
           "to": to,
           "exactActiveClass": "v-breadcrumbs__link--active"
-        }, _isSlot9(myChildren) ? myChildren : {
+        }, _isSlot10(myChildren) ? myChildren : {
           default: () => [myChildren]
         }) : myChildren;
         children.push(createVNode("li", {
@@ -3685,7 +3716,7 @@ var VBreadcrumbs = defineComponent({
     };
   }
 });
-function _isSlot10(s) {
+function _isSlot11(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VContentSwitcher = defineComponent({
@@ -3797,7 +3828,7 @@ var VContentSwitcher = defineComponent({
         "onLeaveCancelled": () => {
           getEl().style.height = "";
         }
-      }, _isSlot10(children) ? children : {
+      }, _isSlot11(children) ? children : {
         default: () => [children]
       })]);
     };
@@ -4823,6 +4854,6 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, KEYBOARD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, DISABLED_REASON_PROPS, KEYBOARD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
 //# sourceMappingURL=vui.mjs.map
 //# sourceMappingURL=vui.mjs.map