@fastkit/vui 1.1.0 → 1.2.0

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);
@@ -2870,10 +2850,10 @@ var VSelect = defineComponent({
       if (!els) return;
       const currentEl = els.find((el) => el.classList.contains("v-option--key-focused"));
       if (currentEl) {
-        const ev2 = new MouseEvent("click", {
-          view: window,
+        const ev2 = new PointerEvent("click", {
           bubbles: true,
-          cancelable: true
+          cancelable: true,
+          view: window
         });
         currentEl.dispatchEvent(ev2);
         ev2.preventDefault();
@@ -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;