@fastkit/vui 0.19.33 → 0.19.35

package/dist/vui.mjs

@@ -238,8 +238,7 @@ function createControlProps() {
     size: {
       type: String,
       validator: (value) => {
-        if (value == null)
-          return true;
+        if (value == null) return true;
         return CONTROL_SIZES.includes(value);
       }
     },
@@ -267,8 +266,7 @@ function createControlFieldProviderProps() {
     variant: {
       type: String,
       validator: (value) => {
-        if (value == null)
-          return true;
+        if (value == null) return true;
         return CONTROL_FIELD_VARIANTS.includes(value);
       }
     }
@@ -293,8 +291,7 @@ function rawIconProp() {
   return _rawIconProp;
 }
 function resolveRawIconProp(payload, prop, extraProps) {
-  if (!prop)
-    return;
+  if (!prop) return;
   return typeof prop === "function" ? prop((input) => createVNode(VIcon, mergeProps(input, extraProps), null), payload) : createVNode(VIcon, mergeProps(extraProps, {
     "name": prop
   }), null);
@@ -397,14 +394,12 @@ var {
 } = createFormNodeWrapperSettings();
 function createRequiredChipRenderer(required, props12, vui = useVui()) {
   return () => {
-    if (!required())
-      return;
+    if (!required()) return;
     let chip;
     const {
       requiredChip
     } = props12;
-    if (requiredChip === false)
-      return;
+    if (requiredChip === false) return;
     if (requiredChip) {
       if (typeof requiredChip === "string") {
         chip = requiredChip;
@@ -894,8 +889,7 @@ function splitAttrs(attrs) {
 var NUMBERISH_PROP = [Number, String];
 var DEFAULT_HEIGHT = 150;
 var resolveBusyImageSizeValue = (source) => {
-  if (source == null)
-    return;
+  if (source == null) return;
   return isNaN(source) ? String(source) : `${source}px`;
 };
 var slots3 = defineSlots();
@@ -977,8 +971,7 @@ var VBusyImage = defineComponent({
     let booted = false;
     const mounted = ref(false);
     watch(() => [ctx.attrs.src, mounted.value], ([src, _mounted]) => {
-      if (!_mounted)
-        return;
+      if (!_mounted) return;
       coverImageRef.value = void 0;
       if (isAvailableSrc(src)) {
         loadStateRef.value = "loading";
@@ -1008,11 +1001,9 @@ var VBusyImage = defineComponent({
     };
     onMounted(() => {
       mounted.value = true;
-      if (booted || props12.cover)
-        return;
+      if (booted || props12.cover) return;
       const image = nodeRef.value;
-      if (!image)
-        return;
+      if (!image) return;
       const loadType = imageIsReady(image);
       if (loadType) {
         setManualState(loadType);
@@ -1063,8 +1054,7 @@ var VBusyImage = defineComponent({
   }
 });
 function imageIsReady(image) {
-  if (!image.complete)
-    return false;
+  if (!image.complete) return false;
   return image.naturalWidth + image.naturalHeight > 0 ? "load" : "error";
 }
 function isAvailableSrc(src) {
@@ -1315,8 +1305,7 @@ var VAvatar = defineComponent({
       const {
         size
       } = props12;
-      if (typeof size !== "number")
-        return;
+      if (typeof size !== "number") return;
       return {
         "--avatar-size": `${size}px`
       };
@@ -1357,13 +1346,11 @@ function createChipProps() {
   };
 }
 function resolveRawVChipIcon(raw, type) {
-  if (!raw)
-    return;
+  if (!raw) return;
   if (typeof raw === "function") {
     return () => {
       const child = raw();
-      if (child == null)
-        return;
+      if (child == null) return;
       return createVNode("span", {
         "class": ["v-chip__icon", `v-chip__icon--${type}`]
       }, [child]);
@@ -1467,8 +1454,7 @@ var VCardActions = defineComponent({
 });
 var BUTTON_ALIGNS = ["left", "center", "right"];
 function resolveRawVButtonIcon(raw, type = "main") {
-  if (!raw)
-    return;
+  if (!raw) return;
   return typeof raw === "function" ? raw : () => createVNode(VIcon, {
     "class": ["v-button__icon", `v-button__icon--${type}`],
     "name": raw
@@ -1521,8 +1507,7 @@ var VButton = defineComponent({
     const isLoading = computed(() => props12.loading);
     const spacer = computed(() => {
       const _spacer = props12.spacer;
-      if (!_spacer)
-        return;
+      if (!_spacer) return;
       return _spacer === true ? "left" : _spacer;
     });
     const classes = computed(() => [color.colorClasses.value, spacer.value ? `v-button--spacer-${spacer.value}` : void 0, `v-button--${control.size.value}`, `v-button--align-${props12.align}`, {
@@ -1661,8 +1646,7 @@ var VPagination = defineComponent({
     const itemSize = ref(0);
     const capacityLength = computed(() => {
       const _itemSize = itemSize.value;
-      if (!_itemSize)
-        return 0;
+      if (!_itemSize) return 0;
       return Math.floor(containerWidth.value / _itemSize);
     });
     const colorScope = useScopeColorClass({
@@ -1729,22 +1713,18 @@ var VPagination = defineComponent({
       [`v-pagination--${props12.align}`]: true
     }, colorScope.value.className]);
     async function setPage(value) {
-      if (isDisabled.value)
-        return;
+      if (isDisabled.value) return;
       const {
         beforeChange,
         routeQuery
       } = props12;
       const newPage = resolveNumberish(value);
-      if (computedPage.value === newPage)
-        return;
+      if (computedPage.value === newPage) return;
       if (beforeChange) {
         try {
           let result = beforeChange(newPage);
-          if (isPromise(result))
-            result = await result;
-          if (result === false)
-            return;
+          if (isPromise(result)) result = await result;
+          if (result === false) return;
         } catch (e) {
         }
       }
@@ -1819,8 +1799,7 @@ var VPagination = defineComponent({
       })();
       const onClick = (ev) => {
         ev.preventDefault();
-        if (page === void 0 || active || disabled)
-          return;
+        if (page === void 0 || active || disabled) return;
         setPage(page);
       };
       const key = `${source}-${index}`;
@@ -1851,8 +1830,7 @@ var VPagination = defineComponent({
       immediate: true
     });
     return () => {
-      if (!isActive.value)
-        return void 0;
+      if (!isActive.value) return void 0;
       const $items = ["prev", ...computedItems.value, "next"].map((i, index) => genItem(i, index));
       return withDirectives(createVNode("nav", {
         "class": ["v-pagination", classes.value],
@@ -1915,8 +1893,7 @@ var VListTile = defineComponent({
       to: ctx.attrs.to || ""
     });
     const isActive = computed(() => {
-      if (!hasTo.value)
-        return false;
+      if (!hasTo.value) return false;
       return props12.exactMatch ? link.isExactActive.value : link.isActive.value;
     });
     const color = useScopeColorClass(props12);
@@ -2104,11 +2081,9 @@ var VNavigationItem = defineComponent({
       if (match2) {
         return (Array.isArray(match2) ? match2 : [match2]).map(trimEndSlash);
       }
-      if (!to2)
-        return;
+      if (!to2) return;
       const toPath = typeof to2 === "string" ? to2 : to2.path;
-      if (!toPath)
-        return;
+      if (!toPath) return;
       return [trimEndSlash(toPath)];
     });
     const classes = computed(() => [{
@@ -2156,8 +2131,7 @@ var VNavigationItem = defineComponent({
       };
     });
     function open() {
-      if (!children.value)
-        return;
+      if (!children.value) return;
       opened.value = true;
     }
     function close() {
@@ -2243,8 +2217,7 @@ var VNavigation = defineComponent({
         key,
         ref: ref10
       }) => {
-        if (key === item.key)
-          return;
+        if (key === item.key) return;
         ref10.close();
       });
     }
@@ -2340,8 +2313,7 @@ var VControlField = defineComponent({
       } else {
         child = resolvedSlots.value[position]?.();
       }
-      if (!child)
-        return;
+      if (!child) return;
       return createVNode("div", {
         "class": ["v-control-field__adornment", `v-control-field__adornment--${position}`]
       }, [child]);
@@ -2754,43 +2726,34 @@ var VSelect = defineComponent({
     };
     const clearKeyFocused = () => {
       const menu = menuRef.value?.menu;
-      if (!menu)
-        return;
+      if (!menu) return;
       const bodyEl = menu.bodyRef.value;
-      if (!bodyEl)
-        return;
+      if (!bodyEl) return;
       const els = Array.from(bodyEl.querySelectorAll(".v-option"));
       els.forEach((el) => el.classList.remove("v-option--key-focused"));
     };
     const getItemElements = () => {
       const menu = menuRef.value?.menu;
-      if (!menu)
-        return;
+      if (!menu) return;
       const bodyEl = menu.bodyRef.value;
-      if (!bodyEl)
-        return;
+      if (!bodyEl) return;
       const els = Array.from(bodyEl.querySelectorAll(".v-option")).filter((el) => {
-        if (el.tabIndex === -1)
-          return false;
+        if (el.tabIndex === -1) return false;
         const disabled = el.getAttribute("disabled");
         const ariaDisabled = el.getAttribute("aria-disabled");
-        if (ariaDisabled === "true")
-          return false;
+        if (ariaDisabled === "true") return false;
         return disabled == null || disabled === "";
       });
-      if (!els.length)
-        return;
+      if (!els.length) return;
       return els;
     };
     const arrowKeyHandler = (ev) => {
       const {
         key
       } = ev;
-      if (!menuOpened.value || !ARROW_KEY_TYPES.includes(key))
-        return;
+      if (!menuOpened.value || !ARROW_KEY_TYPES.includes(key)) return;
       const els = getItemElements();
-      if (!els)
-        return;
+      if (!els) return;
       const currentEl = els.find((el) => el.classList.contains("v-option--key-focused"));
       const currentIndex = currentEl && els.indexOf(currentEl);
       let nextIndex;
@@ -2825,11 +2788,9 @@ var VSelect = defineComponent({
       const {
         key
       } = ev;
-      if (!menuOpened.value || !CHOICE_KEY_TYPES.includes(key))
-        return;
+      if (!menuOpened.value || !CHOICE_KEY_TYPES.includes(key)) return;
       const els = getItemElements();
-      if (!els)
-        return;
+      if (!els) return;
       const currentEl = els.find((el) => el.classList.contains("v-option--key-focused"));
       if (currentEl) {
         const ev2 = new MouseEvent("click", {
@@ -2845,10 +2806,8 @@ var VSelect = defineComponent({
       }
     };
     const keyboardEventHandler = (ev) => {
-      if (ARROW_KEY_TYPES.includes(ev.key))
-        return arrowKeyHandler(ev);
-      if (CHOICE_KEY_TYPES.includes(ev.key))
-        return choiceKeyHandler(ev);
+      if (ARROW_KEY_TYPES.includes(ev.key)) return arrowKeyHandler(ev);
+      if (CHOICE_KEY_TYPES.includes(ev.key)) return choiceKeyHandler(ev);
     };
     useKeyboard([{
       key: KEYBOARD_EVENT_TYPES,
@@ -3047,8 +3006,7 @@ var VTextField = defineComponent({
       const {
         counterResult
       } = inputControl;
-      if (!counterResult)
-        return;
+      if (!counterResult) return;
       return createVNode(VTextCounter, counterResult, null);
     };
     ctx.expose({
@@ -3071,17 +3029,13 @@ var VTextField = defineComponent({
   }
 });
 var toString = (value) => {
-  if (value == null)
-    return "";
+  if (value == null) return "";
   return String(value);
 };
 var toNumber = (value) => {
-  if (value == null)
-    return null;
-  if (typeof value === "number")
-    return value;
-  if (value.trim() === "")
-    return null;
+  if (value == null) return null;
+  if (typeof value === "number") return value;
+  if (value.trim() === "") return null;
   return Number(value);
 };
 var VNumberField = defineComponent({
@@ -3109,8 +3063,7 @@ var VNumberField = defineComponent({
       const {
         inputmode: inputmode2
       } = ctx.attrs;
-      if (inputmode2)
-        return inputmode2;
+      if (inputmode2) return inputmode2;
       return hasNumberMask.value ? "decimal" : void 0;
     });
     const onUpdateModelValue = (value) => {
@@ -3173,8 +3126,7 @@ var VTextarea = defineComponent({
       const {
         counterResult
       } = inputControl;
-      if (!counterResult)
-        return;
+      if (!counterResult) return;
       return createVNode(VTextCounter, counterResult, null);
     };
     return () => createVNode(VFormControl, {
@@ -3419,8 +3371,7 @@ var VTabs = defineComponent({
       let value = props12.modelValue;
       if (value == null || value === "") {
         const firstItem = props12.items[0];
-        if (!firstItem)
-          return;
+        if (!firstItem) return;
         value = firstItem.value;
       }
       if (internalValueRef.value !== value) {
@@ -3429,22 +3380,18 @@ var VTabs = defineComponent({
           const {
             router
           } = props12;
-          if (!router)
-            return;
+          if (!router) return;
           const hit = computedItemsRef.value.find((item) => item.value === value);
-          if (!hit)
-            return;
+          if (!hit) return;
           const {
             location
           } = hit;
-          if (!location)
-            return;
+          if (!location) return;
           const {
             to: to2,
             route
           } = location;
-          if (route.fullPath === vui.location.currentRoute.fullPath)
-            return;
+          if (route.fullPath === vui.location.currentRoute.fullPath) return;
           vui.router[to2.replace ? "replace" : "push"](to2);
         } else if (!props12.router && props12.modelValue !== value) {
           ctx.emit("update:modelValue", value);
@@ -3482,17 +3429,13 @@ var VTabs = defineComponent({
     const findTab = (tab) => tabRefs.value.find((t) => t.value === tab);
     function scrollToTab(tabValue) {
       const tab = findTab(tabValue);
-      if (!tab)
-        return;
+      if (!tab) return;
       const $tab = tab.$el;
-      if (!$tab)
-        return;
+      if (!$tab) return;
       const scroller2 = ScrollerRef.instance;
-      if (!scroller2)
-        return;
+      if (!scroller2) return;
       const container = scroller2.scroller.element();
-      if (!container)
-        return;
+      if (!container) return;
       const {
         autoScrollOffset
       } = props12;
@@ -3507,10 +3450,8 @@ var VTabs = defineComponent({
       } = container;
       hiddenLeft = Math.max(scrollLeft - tabLeft, 0);
       hiddenRight = Math.max(tabRight - scrollerWidth - scrollLeft, 0);
-      if (hiddenLeft > 0)
-        hiddenLeft += autoScrollOffset;
-      if (hiddenRight > 0)
-        hiddenRight += autoScrollOffset;
+      if (hiddenLeft > 0) hiddenLeft += autoScrollOffset;
+      if (hiddenRight > 0) hiddenRight += autoScrollOffset;
       let scrollAmount = 0;
       if (hiddenRight > 0) {
         scrollAmount = hiddenRight;
@@ -3533,8 +3474,7 @@ var VTabs = defineComponent({
       scrollToTab(newValue);
     });
     vui.location.watchRoute((route) => {
-      if (!props12.router)
-        return;
+      if (!props12.router) return;
       const path = props12.withQuery ? route.fullPath : route.path;
       const hit = computedItemsRef.value.find(({
         location
@@ -3642,8 +3582,7 @@ var VBreadcrumbs = defineComponent({
       "class": "v-breadcrumbs__divider__icon"
     }, null)];
     return () => {
-      if (lengthRef.value < 1)
-        return;
+      if (lengthRef.value < 1) return;
       let dividerSlot;
       const propDivider = props12.divider;
       if (propDivider) {
@@ -3677,8 +3616,7 @@ var VBreadcrumbs = defineComponent({
             myChildren.push($icon);
           }
         }
-        if (text)
-          myChildren.push(text);
+        if (text) myChildren.push(text);
         const itemChild = to ? createVNode(VAction, {
           "class": "v-breadcrumbs__link",
           "to": to,
@@ -3736,10 +3674,8 @@ var VContentSwitcher = defineComponent({
       let {
         autotop: settings
       } = props12;
-      if (settings === true)
-        settings = {};
-      if (!settings)
-        return;
+      if (settings === true) settings = {};
+      if (!settings) return;
       return {
         ...settings
       };
@@ -3761,20 +3697,16 @@ var VContentSwitcher = defineComponent({
       return el;
     }
     watch(() => props12.modelValue, (value, beforeValue) => {
-      if (value == null)
-        return;
+      if (value == null) return;
       internalValueRef.value = value;
-      if (beforeValue == null)
-        return;
+      if (beforeValue == null) return;
       const order = computedOrderRef.value;
       const index = order.indexOf(value);
       const beforeIndex = order.indexOf(beforeValue);
       let transition = "fade";
       if (index !== -1 && beforeIndex !== -1) {
-        if (index > beforeIndex)
-          transition = "v-content-switcher-next";
-        if (index < beforeIndex)
-          transition = "v-content-switcher-prev";
+        if (index > beforeIndex) transition = "v-content-switcher-next";
+        if (index < beforeIndex) transition = "v-content-switcher-prev";
       }
       transitionRef.value = transition;
     }, {
@@ -3950,8 +3882,7 @@ var VDataTable = defineComponent({
       const {
         rowSettings: rowSettings2
       } = props12;
-      if (!rowSettings2)
-        return () => ({});
+      if (!rowSettings2) return () => ({});
       return typeof rowSettings2 === "function" ? rowSettings2 : () => rowSettings2;
     });
     const containedVariant = vui.setting("containedVariant");
@@ -4010,8 +3941,7 @@ var VDataTable = defineComponent({
     }]);
     const layout = VueAppLayout.use();
     const bodyInnerStylesRef = computed(() => {
-      if (!bootedRef.value)
-        return;
+      if (!bootedRef.value) return;
       const {
         fixedHeader,
         maxHeight
@@ -4071,8 +4001,7 @@ var VDataTable = defineComponent({
         total
       } = props12;
       const _limit = limitRef.value;
-      if (!total)
-        return 0;
+      if (!total) return 0;
       return Math.ceil(total / _limit);
     });
     const lengthRef = computed(() => props12.items.length);
@@ -4100,8 +4029,7 @@ var VDataTable = defineComponent({
         sort,
         order
       } = settings;
-      if ((sort === void 0 || sortByRef.value === sort) && (order === void 0 || orderByRef.value === order))
-        return;
+      if ((sort === void 0 || sortByRef.value === sort) && (order === void 0 || orderByRef.value === order)) return;
       const queries = {};
       if (sort) {
         queries[props12.sortQuery] = sort;
@@ -4132,10 +4060,8 @@ var VDataTable = defineComponent({
         values.sort((a, b) => {
           const ai = sortedKeys.indexOf(a);
           const bi = sortedKeys.indexOf(b);
-          if (ai < bi)
-            return -1;
-          if (ai > bi)
-            return 1;
+          if (ai < bi) return -1;
+          if (ai > bi) return 1;
           return 0;
         });
         internalValues.value = values;
@@ -4169,8 +4095,7 @@ var VDataTable = defineComponent({
       const {
         sortQuery
       } = header;
-      if (!sortQuery)
-        return;
+      if (!sortQuery) return;
       if (sortByRef.value === sortQuery) {
         return toggleOrderBy();
       }
@@ -4293,8 +4218,7 @@ var VDataTable = defineComponent({
           "key": header.key,
           "tabindex": sortQuery ? 0 : void 0,
           "onClick": (ev) => {
-            if (!sortQuery)
-              return;
+            if (!sortQuery) return;
             handleClickSortHeader(header);
           }
         }, [createVNode("div", {
@@ -4794,8 +4718,7 @@ var VuiService = class {
 setDefaultActionableClassName("clickable");
 var scroller = getDocumentScroller();
 function mergeVuiPluginOptions(base, override) {
-  if (!override)
-    return base;
+  if (!override) return base;
   const merged = mergeVuiServiceOptions(base, override);
   if (override.stack) {
     merged.stack = {
@@ -4828,8 +4751,7 @@ var VuiPlugin = class {
         },
         // eslint-disable-next-line no-shadow
         fn: (el, opts2) => {
-          if (window.getComputedStyle(el).scrollMargin)
-            return;
+          if (window.getComputedStyle(el).scrollMargin) return;
           const duration = opts2?.behavior === "smooth" ? void 0 : 0;
           return scroller.toElement(el, {
             offset: $vui.getAutoScrollToElementOffsetTop(),