@fastkit/vui 1.1.0 → 1.1.1

package/dist/vui.css

@@ -1524,10 +1524,10 @@
     height:1px;
     overflow:hidden;
     position:absolute;
+    white-space:nowrap;
     width:1px;
     clip:rect(0 0 0 0);
     clip-path:inset(100%);
-    white-space:nowrap;
   }
   .v-checkable__faux{
     align-items:center;
@@ -1716,10 +1716,10 @@
     height:1px;
     overflow:hidden;
     position:absolute;
+    white-space:nowrap;
     width:1px;
     clip:rect(0 0 0 0);
     clip-path:inset(100%);
-    white-space:nowrap;
   }
   .v-option:after,.v-option:before{
     content:"";
@@ -1781,10 +1781,10 @@
     height:1px;
     overflow:hidden;
     position:absolute;
+    white-space:nowrap;
     width:1px;
     clip:rect(0 0 0 0);
     clip-path:inset(100%);
-    white-space:nowrap;
   }
   .v-select__body{
     padding:.5em 0;

package/dist/vui.d.ts

@@ -624,7 +624,7 @@ declare const VTextField: vue.DefineComponent<vue.ExtractPropTypes<{
     error: boolean;
     showOwnErrors: boolean;
     detach: boolean;
-    type: "number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password";
+    type: "number" | "search" | "time" | "text" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password";
     hiddenInfo: boolean;
     maskModel: _fastkit_vue_form_control.TextInputMaskModel;
     limit: boolean;
@@ -2475,7 +2475,7 @@ declare const VBusyImage: vue.DefineComponent<vue.ExtractPropTypes<{
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"off" | "on" | undefined>;
-    inputmode: PropType<"text" | "search" | "none" | "decimal" | "email" | "numeric" | "tel" | "url" | undefined>;
+    inputmode: PropType<"search" | "text" | "none" | "decimal" | "email" | "numeric" | "tel" | "url" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -2670,7 +2670,7 @@ declare const VBusyImage: vue.DefineComponent<vue.ExtractPropTypes<{
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"off" | "on" | undefined>;
-    inputmode: PropType<"text" | "search" | "none" | "decimal" | "email" | "numeric" | "tel" | "url" | undefined>;
+    inputmode: PropType<"search" | "text" | "none" | "decimal" | "email" | "numeric" | "tel" | "url" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -6799,7 +6799,9 @@ declare const VForm: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, {
+    control: VueForm;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     submit: (form: VueForm, ev: Event) => boolean;
     'update:sending': (sending: boolean, form: VueForm) => boolean;
     finishAction: (actionContext: _fastkit_vue_form_control.FormActionContext) => boolean;

package/dist/vui.mjs

@@ -33,7 +33,7 @@ import { createPropsOptions, typedSlotWithCtx, defineSlots, typedSlotsWithCtx, r
 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 { defineComponent, computed, createVNode, mergeProps, ref, watch, onMounted, onBeforeUnmount, Fragment, isVNode, cloneVNode, withDirectives, vShow, onBeforeUpdate, Transition, inject, provide, createTextVNode, getCurrentInstance, nextTick, vModelSelect, reactive } from 'vue';
 import { defineDisabledReasonComponent, DISABLED_REASON_CONTAINER_BIND } from '@fastkit/vue-disabled-reason';
 import { loadImage } from '@fastkit/dom';
 import { useRouter, useRoute, RouterLink, useLink } from 'vue-router';
@@ -427,9 +427,8 @@ var VFormControl = defineComponent({
     ...slots(),
     error: Boolean
   },
-  slots,
   emits,
-  // eslint-disable-next-line no-shadow
+  slots,
   setup(props12, ctx) {
     const vui = useVui();
     const control = useFormNodeWrapper(props12, ctx, {
@@ -466,10 +465,7 @@ var VFormControl = defineComponent({
       "v-form-control--untouched": control.untouched,
       "v-form-control--invalid": control.invalid,
       "v-form-control--valid": control.valid
-    }, colorProvider.className(
-      // eslint-disable-next-line no-nested-ternary
-      props12.error ? "error" : control.invalid && !control.isReadonly ? "error" : "primary"
-    )]);
+    }, colorProvider.className(props12.error ? "error" : control.invalid && !control.isReadonly ? "error" : "primary")]);
     const getRequiredChip = createRequiredChipRenderer(() => control.isRequired, props12, vui);
     const handleClick = (ev) => ctx.emit("clickLabel", ev, control);
     return () => {
@@ -545,9 +541,8 @@ function defineFormSelectorComponent(opts) {
       failedToLoadItemsMessage: {},
       ...slots2()
     },
-    slots: slots2,
     emits: emits12,
-    // eslint-disable-next-line no-shadow
+    slots: slots2,
     setup(props13, ctx) {
       const selectorControl = useFormSelectorControl(props13, ctx, {
         nodeType,
@@ -827,7 +822,6 @@ var VSheetModal = defineComponent({
   inheritAttrs: false,
   props: sheetModalProps,
   emits: emits2,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const stackControl = useStackControl(props12, ctx, {
       stackType: SHEET_STACK_TYPE
@@ -1983,16 +1977,11 @@ var VListTile = defineComponent({
         "v-list-tile--active": isActive.value
       }];
     });
-    watch(
-      () => isActive.value,
-      // eslint-disable-next-line no-shadow
-      (isActive2) => {
-        ctx.emit("changeActive", isActive2);
-      },
-      {
-        immediate: true
-      }
-    );
+    watch(() => isActive.value, (isActive2) => {
+      ctx.emit("changeActive", isActive2);
+    }, {
+      immediate: true
+    });
     return () => {
       const _startIcon = startIcon.value;
       const _endIcon = endIcon.value;
@@ -2307,7 +2296,6 @@ var VNavigation = defineComponent({
       }, [$caption]), items.value.map((item) => renderNavigationItemInput(item, {
         class: "v-navigation__item",
         startIconEmptySpace: startIconEmptySpace.value,
-        // eslint-disable-next-line no-shadow
         ref: (ref10) => {
           setItemRef(item, ref10);
         },
@@ -2345,10 +2333,10 @@ var VControlField = defineComponent({
     ...slots5(),
     error: Boolean
   },
-  slots: slots5,
   emits: {
     click: (ev) => true
   },
+  slots: slots5,
   setup(props12, ctx) {
     const parentNode = useParentFormNode();
     const control = useControl(props12);
@@ -2366,10 +2354,7 @@ var VControlField = defineComponent({
         "v-control-field--readonly": readonly.value,
         "v-control-field--focused": props12.focused,
         "v-control-field--auto-height": autoHeight.value
-      }, control.classes.value, colorProvider.className(
-        // eslint-disable-next-line no-nested-ternary
-        props12.error ? "error" : invalid.value && !readonly.value ? "error" : "primary"
-      )];
+      }, control.classes.value, colorProvider.className(props12.error ? "error" : invalid.value && !readonly.value ? "error" : "primary")];
       return _classes;
     });
     const resolvedSlots = computed(() => {
@@ -2474,7 +2459,6 @@ var VCheckbox = defineComponent({
     indeterminate: Boolean
   },
   emits: emits3,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_CHECKBOX_SYMBOL,
@@ -2538,7 +2522,6 @@ var VRadio = defineComponent({
     ...createControlProps()
   },
   emits: emits4,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_RADIO_SYMBOL,
@@ -2591,7 +2574,6 @@ var VSwitch = defineComponent({
     ...createControlProps()
   },
   emits: emits5,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_SWITCH_SYMBOL,
@@ -2655,7 +2637,6 @@ var VOption = defineComponent({
     ...createControlProps()
   },
   emits: emits6,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_OPTION_SYMBOL,
@@ -2738,9 +2719,8 @@ var VSelect = defineComponent({
     }),
     closeOnNavigation: Boolean
   },
-  slots: slots7,
   emits: emits7,
-  // eslint-disable-next-line no-shadow
+  slots: slots7,
   setup(props12, ctx) {
     const menuRef = ref(null);
     const menuOpened = ref(false);
@@ -3057,7 +3037,6 @@ var VTextField = defineComponent({
   props: createTextFieldProps(),
   emits: emits8,
   slots: slots8,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const inputControl = useTextInputNodeControl(props12, ctx, {
       nodeType: VUI_TEXT_FIELD_SYMBOL
@@ -3175,7 +3154,6 @@ var VTextarea = defineComponent({
     ...slots9()
   },
   emits: emits9,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const vui = useVui();
     const inputControl = useTextareaNodeControl(props12, ctx, {
@@ -3242,7 +3220,6 @@ var VFormGroup = defineComponent({
   props: createVFormGroupProps(),
   emits: emits10,
   slots: formGroupSlots,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormGroup(props12, ctx, {
       nodeType: VUI_FORM_GROUP_SYMBOL
@@ -3260,6 +3237,10 @@ var {
 } = createFormSettings({
   nodeType: VUI_FORM_SYMBOL
 });
+function useRender(render) {
+  const vm = getCurrentInstance();
+  vm.render = render;
+}
 var formSlots = defineSlots();
 function createVFormProps() {
   return {
@@ -3273,7 +3254,6 @@ var VForm = defineComponent({
   props: createVFormProps(),
   emits: emits11,
   slots: formSlots,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useForm(props12, ctx, {
       nodeType: VUI_FORM_SYMBOL
@@ -3287,12 +3267,12 @@ var VForm = defineComponent({
       "v-form--sending": nodeControl.sending
     }]);
     useControl(props12);
-    ctx.expose({
-      control: nodeControl
-    });
-    return () => createVNode("form", mergeProps({
+    useRender(() => createVNode("form", mergeProps({
       "class": classes.value
-    }, nodeControl.formAttrs), [ctx.slots.default?.(nodeControl)]);
+    }, nodeControl.formAttrs), [ctx.slots.default?.(nodeControl)]));
+    return {
+      control: nodeControl
+    };
   }
 });
 function _isSlot8(s) {
@@ -4764,7 +4744,6 @@ var VuiService = class {
     const _onClick = BUILTIN_ACTION_HANDLERS[key];
     const action = {
       key,
-      // eslint-disable-next-line no-shadow
       content: ({
         control,
         key: key2
@@ -4826,7 +4805,6 @@ var VuiPlugin = class {
         options: {
           behavior: "smooth"
         },
-        // eslint-disable-next-line no-shadow
         fn: (el, opts2) => {
           if (window.getComputedStyle(el).scrollMargin) return;
           const duration = opts2?.behavior === "smooth" ? void 0 : 0;