@juit/vue-z 0.0.23 → 0.0.25

package/dist/index.js

@@ -1,6 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { QBtnDropdown, QTooltip, QBtnGroup, QBtn, QList, patterns, QInput, QIcon, useDialogPluginComponent, QDialog, QCard, QCardSection, QCardActions, QSeparator, QLinearProgress, QForm, QSelect, QItem, QItemSection, QSpinner, QItemLabel, QPopupProxy, QDate, QChip, is, useQuasar, QTr, QTh, QCheckbox, QTable, QTd, Dialog, Quasar } from "quasar";
 import { defineComponent, ref, useSlots, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode, createElementBlock, Fragment, createTextVNode, toDisplayString, inject, reactive, watch, triggerRef, onBeforeUnmount, provide, shallowRef, computed, normalizeProps, guardReactiveProps, mergeModels, useModel, createVNode, normalizeClass, onMounted, createElementVNode, withModifiers, createSlots, renderList, normalizeStyle, nextTick, useAttrs, warn, toRaw, h, getCurrentScope } from "vue";
 import { useTranslator, ISO_COUNTRIES } from "@juit/vue-i18n";
@@ -203,18 +200,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     const _props = __props;
     const _slots = useSlots();
     __expose({
-      show: () => {
-        var _a;
-        return (_a = _ref.value) == null ? void 0 : _a.show();
-      },
-      hide: () => {
-        var _a;
-        return (_a = _ref.value) == null ? void 0 : _a.hide();
-      },
-      toggle: () => {
-        var _a;
-        return (_a = _ref.value) == null ? void 0 : _a.toggle();
-      }
+      show: () => _ref.value?.show(),
+      hide: () => _ref.value?.hide(),
+      toggle: () => _ref.value?.toggle()
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QBtnDropdown), mergeProps({
@@ -1013,9 +1001,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     const _slots = useSlots();
     const _hasFocus = ref(false);
     const _state = computed(() => {
-      var _a, _b;
-      if ((_a = _helper.value) == null ? void 0 : _a.isDisabled) return "disabled";
-      if ((_b = _helper.value) == null ? void 0 : _b.isEditable) return "editable";
+      if (_helper.value?.isDisabled) return "disabled";
+      if (_helper.value?.isEditable) return "editable";
       return "inactive";
     });
     const _disabled = computed(() => _state.value === "disabled");
@@ -1030,37 +1017,21 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       if (!_props.onClear) return void 0;
       if (!_value.value) return void 0;
       return () => {
-        var _a, _b;
-        (_a = _qinput.value) == null ? void 0 : _a.focus();
-        (_b = _props.onClear) == null ? void 0 : _b.call(_props);
+        _qinput.value?.focus();
+        _props.onClear?.();
       };
     });
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _qinput.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _qinput.value?.focus(),
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _qinput.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _qinput.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _qinput.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _qinput.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _qinput.value) == null ? void 0 : _a.hasError) || false;
-      }),
+      hasError: computed(() => _qinput.value?.hasError || false),
       /** The native element of the input */
-      nativeEl: computed(() => {
-        var _a;
-        return (_a = _qinput.value) == null ? void 0 : _a.nativeEl;
-      }),
+      nativeEl: computed(() => _qinput.value?.nativeEl),
       /** A flag indicating whether this field is _editable_ or not */
       isEditable: _editable,
       /** A flag indicating whether this field is _disabled_ or not */
@@ -1078,13 +1049,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       if (rules.length === 0) rules.push(() => true);
       return rules;
     });
-    watch([_editable, _rules], () => {
-      var _a;
-      return (_a = _qinput.value) == null ? void 0 : _a.resetValidation();
-    });
+    watch([_editable, _rules], () => _qinput.value?.resetValidation());
     formReadyState(() => {
-      var _a;
-      if ((_a = _qinput.value) == null ? void 0 : _a.hasError) return false;
+      if (_qinput.value?.hasError) return false;
       if (_props.required) return !!_value.value;
       return true;
     });
@@ -1095,8 +1062,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     const _onKeydown = (event) => void _emit("keydown", event);
     const _onKeyup = (event) => void _emit("keyup", event);
     function _onClick(event) {
-      var _a;
-      if (_editable.value) (_a = _props.onClick) == null ? void 0 : _a.call(_props, event);
+      if (_editable.value) _props.onClick?.(event);
     }
     function _onKeydownClear(event) {
       if (!_props.onClear) return;
@@ -1137,19 +1103,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       if (!_qinput.value) throw new Error("No QInput ref");
       if (!_helper.value) throw new Error("No ZFormHelper ref");
-      watch(() => {
-        var _a;
-        return (_a = _qinput.value) == null ? void 0 : _a.nativeEl;
-      }, (newElement, oldElement) => {
+      watch(() => _qinput.value?.nativeEl, (newElement, oldElement) => {
         _removeEventListeners(oldElement);
         _addEventListeners(newElement);
         if (newElement) newElement.inputMode = _props.mode;
       }, { immediate: true });
     });
-    onBeforeUnmount(() => {
-      var _a;
-      return _removeEventListeners((_a = _qinput.value) == null ? void 0 : _a.nativeEl);
-    });
+    onBeforeUnmount(() => _removeEventListeners(_qinput.value?.nativeEl));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(_sfc_main$C, {
@@ -1193,70 +1153,67 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               "model-value": _value.value,
               "onUpdate:modelValue": _update
             }, {
-              append: withCtx(() => {
-                var _a;
-                return [
-                  _editable.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    ((_a = _qinput.value) == null ? void 0 : _a.hasError) ? (openBlock(), createBlock(unref(QIcon), {
+              append: withCtx(() => [
+                _editable.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  _qinput.value?.hasError ? (openBlock(), createBlock(unref(QIcon), {
+                    key: 0,
+                    name: unref(icons).error,
+                    class: "z-icon z-icon-error"
+                  }, null, 8, ["name"])) : createCommentVNode("", true),
+                  __props.required && !_value.value ? (openBlock(), createBlock(unref(QIcon), {
+                    key: 1,
+                    name: unref(icons).required,
+                    class: "z-icon"
+                  }, null, 8, ["name"])) : _onClear.value ? (openBlock(), createBlock(unref(QIcon), {
+                    key: 2,
+                    name: unref(icons).cancel,
+                    class: "z-icon z-icon-clickable",
+                    onClick: _onClear.value
+                  }, null, 8, ["name", "onClick"])) : createCommentVNode("", true)
+                ], 64)) : createCommentVNode("", true),
+                __props.icon ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  __props.onClickIcon && formProps2.editable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    __props.icon ? (openBlock(), createBlock(unref(QIcon), {
                       key: 0,
-                      name: unref(icons).error,
-                      class: "z-icon z-icon-error"
-                    }, null, 8, ["name"])) : createCommentVNode("", true),
-                    __props.required && !_value.value ? (openBlock(), createBlock(unref(QIcon), {
-                      key: 1,
-                      name: unref(icons).required,
-                      class: "z-icon"
-                    }, null, 8, ["name"])) : _onClear.value ? (openBlock(), createBlock(unref(QIcon), {
-                      key: 2,
-                      name: unref(icons).cancel,
                       class: "z-icon z-icon-clickable",
-                      onClick: _onClear.value
+                      name: __props.icon,
+                      onClick: withModifiers(__props.onClickIcon, ["stop"])
                     }, null, 8, ["name", "onClick"])) : createCommentVNode("", true)
-                  ], 64)) : createCommentVNode("", true),
-                  __props.icon ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    __props.onClickIcon && formProps2.editable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  ], 64)) : __props.link && !formProps2.formEditable ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    typeof __props.link === "string" ? (openBlock(), createElementBlock("a", {
+                      key: 0,
+                      href: __props.link,
+                      class: "z-icon-link",
+                      onClick: withModifiers(() => {
+                      }, ["stop"])
+                    }, [
                       __props.icon ? (openBlock(), createBlock(unref(QIcon), {
                         key: 0,
                         class: "z-icon z-icon-clickable",
-                        name: __props.icon,
-                        onClick: withModifiers(__props.onClickIcon, ["stop"])
-                      }, null, 8, ["name", "onClick"])) : createCommentVNode("", true)
-                    ], 64)) : __props.link && !formProps2.formEditable ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      typeof __props.link === "string" ? (openBlock(), createElementBlock("a", {
-                        key: 0,
-                        href: __props.link,
-                        class: "z-icon-link",
-                        onClick: withModifiers(() => {
-                        }, ["stop"])
-                      }, [
+                        name: __props.icon
+                      }, null, 8, ["name"])) : createCommentVNode("", true)
+                    ], 8, _hoisted_5$3)) : (openBlock(), createBlock(unref(RouterLink), {
+                      key: 1,
+                      to: __props.link,
+                      class: "z-icon-link"
+                    }, {
+                      default: withCtx(() => [
                         __props.icon ? (openBlock(), createBlock(unref(QIcon), {
                           key: 0,
                           class: "z-icon z-icon-clickable",
                           name: __props.icon
                         }, null, 8, ["name"])) : createCommentVNode("", true)
-                      ], 8, _hoisted_5$3)) : (openBlock(), createBlock(unref(RouterLink), {
-                        key: 1,
-                        to: __props.link,
-                        class: "z-icon-link"
-                      }, {
-                        default: withCtx(() => [
-                          __props.icon ? (openBlock(), createBlock(unref(QIcon), {
-                            key: 0,
-                            class: "z-icon z-icon-clickable",
-                            name: __props.icon
-                          }, null, 8, ["name"])) : createCommentVNode("", true)
-                        ]),
-                        _: 1
-                      }, 8, ["to"]))
-                    ], 64)) : (openBlock(), createBlock(unref(QIcon), {
-                      key: 2,
-                      class: "z-icon",
-                      name: __props.icon
-                    }, null, 8, ["name"]))
-                  ], 64)) : createCommentVNode("", true),
-                  _slots.append ? renderSlot(_ctx.$slots, "append", normalizeProps(mergeProps({ key: 2 }, formProps2)), void 0, true) : createCommentVNode("", true)
-                ];
-              }),
+                      ]),
+                      _: 1
+                    }, 8, ["to"]))
+                  ], 64)) : (openBlock(), createBlock(unref(QIcon), {
+                    key: 2,
+                    class: "z-icon",
+                    name: __props.icon
+                  }, null, 8, ["name"]))
+                ], 64)) : createCommentVNode("", true),
+                _slots.append ? renderSlot(_ctx.$slots, "append", normalizeProps(mergeProps({ key: 2 }, formProps2)), void 0, true) : createCommentVNode("", true)
+              ]),
               default: withCtx(() => [
                 _value.value && __props.suffix ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
                   createElementVNode("span", _hoisted_3$5, toDisplayString(_value.value), 1),
@@ -1382,25 +1339,13 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     });
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _ztext.value?.focus(),
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _ztext.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _ztext.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.hasError) || false;
-      })
+      hasError: computed(() => _ztext.value?.hasError || false)
     });
     onMounted(() => {
       if (!_ztext.value) throw new Error("No ZText ref");
@@ -1459,10 +1404,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     const value = useModel(__props, "modelValue");
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _zstring.value) == null ? void 0 : _a.focus();
-      }
+      focus: () => _zstring.value?.focus()
     });
     onMounted(() => {
       if (!_zstring.value) throw new Error("No QInput ref");
@@ -1588,14 +1530,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const state = useModel(__props, "modelValue");
     const emit = __emit;
     __expose({
-      show: () => {
-        var _a;
-        return (_a = dialogRef.value) == null ? void 0 : _a.show();
-      },
-      shake: () => {
-        var _a;
-        return (_a = dialogRef.value) == null ? void 0 : _a.shake();
-      },
+      show: () => dialogRef.value?.show(),
+      shake: () => dialogRef.value?.shake(),
       confirm: onDialogOK,
       cancel: onDialogCancel
     });
@@ -1706,22 +1642,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const dialog = ref();
     const emit = __emit;
     __expose({
-      show: () => {
-        var _a;
-        return (_a = dialog.value) == null ? void 0 : _a.show();
-      },
-      shake: () => {
-        var _a;
-        return (_a = dialog.value) == null ? void 0 : _a.shake();
-      },
-      confirm: (value) => {
-        var _a;
-        return (_a = dialog.value) == null ? void 0 : _a.confirm(value);
-      },
-      cancel: () => {
-        var _a;
-        return (_a = dialog.value) == null ? void 0 : _a.cancel();
-      }
+      show: () => dialog.value?.show(),
+      shake: () => dialog.value?.shake(),
+      confirm: (value) => dialog.value?.confirm(value),
+      cancel: () => dialog.value?.cancel()
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(ZDialog, {
@@ -1747,20 +1671,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                 label: __props.cancel || unref(t)({ en: "Cancel", de: "Abbrechen" }),
                 icon: __props.cancelIcon,
                 color: __props.cancelColor,
-                onClick: _cache[0] || (_cache[0] = ($event) => {
-                  var _a;
-                  return (_a = dialog.value) == null ? void 0 : _a.cancel();
-                })
+                onClick: _cache[0] || (_cache[0] = ($event) => dialog.value?.cancel())
               }, null, 8, ["label", "icon", "color"]),
               createVNode(ZBtn, {
                 class: "col",
                 label: __props.confirm || unref(t)({ en: "Confirm", de: "Bestätigen" }),
                 icon: __props.confirmIcon,
                 color: __props.confirmColor,
-                onClick: _cache[1] || (_cache[1] = ($event) => {
-                  var _a;
-                  return (_a = dialog.value) == null ? void 0 : _a.confirm();
-                })
+                onClick: _cache[1] || (_cache[1] = ($event) => dialog.value?.confirm())
               }, null, 8, ["label", "icon", "color"])
             ]),
             _: 1
@@ -1820,14 +1738,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     });
     const _emit = __emit;
     __expose({
-      show: () => {
-        var _a;
-        return (_a = _dialog.value) == null ? void 0 : _a.show();
-      },
-      hide: () => {
-        var _a;
-        return (_a = _dialog.value) == null ? void 0 : _a.cancel();
-      }
+      show: () => _dialog.value?.show(),
+      hide: () => _dialog.value?.cancel()
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(ZDialog, {
@@ -1922,31 +1834,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       lazyRules: void 0
     }));
     __expose({
-      focus: () => {
-        var _a;
-        return (_a = _qform.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _qform.value?.focus(),
       validate: (shouldFocus) => _qform.value ? _qform.value.validate(shouldFocus) : Promise.reject(new Error("No QForm")),
-      resetValidation: () => {
-        var _a;
-        return (_a = _qform.value) == null ? void 0 : _a.resetValidation();
-      },
-      submit: () => {
-        var _a;
-        return (_a = _qform.value) == null ? void 0 : _a.submit();
-      },
-      reset: () => {
-        var _a;
-        return (_a = _qform.value) == null ? void 0 : _a.reset();
-      },
-      getValidationComponents: () => {
-        var _a;
-        return (_a = _qform.value) == null ? void 0 : _a.getValidationComponents();
-      },
-      isReady: computed(() => {
-        var _a;
-        return ((_a = _zinputs.value) == null ? void 0 : _a.isReady) || false;
-      })
+      resetValidation: () => _qform.value?.resetValidation(),
+      submit: () => _qform.value?.submit(),
+      reset: () => _qform.value?.reset(),
+      getValidationComponents: () => _qform.value?.getValidationComponents(),
+      isReady: computed(() => _zinputs.value?.isReady || false)
     });
     onMounted(() => {
       if (!_zinputs.value) throw new Error("No ZInputGroup ref");
@@ -1983,7 +1877,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
 });
 function loader(parent) {
   const _loading = ref(0);
-  const loading = computed(() => (parent == null ? void 0 : parent.loading.value) || _loading.value > 0);
+  const loading = computed(() => parent?.loading.value || _loading.value > 0);
   async function load(callback) {
     _loading.value++;
     try {
@@ -2088,10 +1982,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const _emit = __emit;
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _qselect.value) == null ? void 0 : _a.focus();
-      }
+      focus: () => _qselect.value?.focus()
     });
     const _options = shallowRef([]);
     const _rules = computed(() => {
@@ -2101,7 +1992,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       rules.push(..._props.rules);
       return [(value) => {
         for (const rule of rules) {
-          const result = rule((value == null ? void 0 : value.label) || "");
+          const result = rule(value?.label || "");
           if (typeof result === "string") return result;
           if (result === false) return false;
         }
@@ -2110,26 +2001,23 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     });
     const _selected = shallowRef(_input.value ? { label: _input.value, value: _input.value } : void 0);
     function _onSelected(option) {
-      var _a;
       _selected.value = option;
       _input.value = option.label;
       _autocompleter.cancel();
-      (_a = _qselect.value) == null ? void 0 : _a.hidePopup();
+      _qselect.value?.hidePopup();
       _options.value = [];
       _emit("selected", option);
     }
     watch(_input, (value) => {
-      var _a;
-      (_a = _qselect.value) == null ? void 0 : _a.updateInputValue(value, true);
+      _qselect.value?.updateInputValue(value, true);
       if (value) _selected.value = { label: value, value };
       else if (_selected.value) _selected.value = void 0;
     }, { immediate: true });
     function _onInputValue(value) {
-      var _a;
       value = value.trim().replace(/\s+/g, " ");
       if (value === _input.value) return;
       _input.value = value;
-      (_a = _qselect.value) == null ? void 0 : _a.validate();
+      _qselect.value?.validate();
       const found = _options.value.find((option) => option.label === value);
       if (!found) _autocomplete(value);
     }
@@ -2137,10 +2025,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       _options.value = [];
     }
     function _onPopupShow() {
-      var _a, _b, _c, _d;
-      if (!((_b = (_a = _qselect.value) == null ? void 0 : _a.options) == null ? void 0 : _b.length)) return;
-      (_c = _qselect.value) == null ? void 0 : _c.setOptionIndex(-1);
-      (_d = _qselect.value) == null ? void 0 : _d.moveOptionSelection(1, true);
+      if (!_qselect.value?.options?.length) return;
+      _qselect.value?.setOptionIndex(-1);
+      _qselect.value?.moveOptionSelection(1, true);
     }
     function onKeydown(event) {
       if (!_qselect.value) return;
@@ -2156,10 +2043,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const { load, loading } = createLoader(true);
     class Autocompleter {
       constructor(text) {
-        __publicField(this, "_canceled", false);
         this.text = text;
         nextTick(() => load(async () => {
-          var _a;
           if (this._canceled) return;
           const results = text ? await _props.onAutocomplete(text) : [];
           const options = Object.freeze(results.map((option) => {
@@ -2167,14 +2052,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             return option;
           }));
           if (this._canceled) return;
-          if (options.length === 0) (_a = _qselect.value) == null ? void 0 : _a.hidePopup();
+          if (options.length === 0) _qselect.value?.hidePopup();
           _options.value = options;
-          nextTick(() => {
-            var _a2, _b, _c;
-            return ((_b = (_a2 = _qselect.value) == null ? void 0 : _a2.options) == null ? void 0 : _b.length) && ((_c = _qselect.value) == null ? void 0 : _c.showPopup());
-          });
+          nextTick(() => _qselect.value?.options?.length && _qselect.value?.showPopup());
         }));
       }
+      _canceled = false;
       /** Cancel this autocompleter */
       cancel() {
         this._canceled = true;
@@ -2240,31 +2123,28 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   size: "xs"
                 })
               ]),
-              append: withCtx(() => {
-                var _a;
-                return [
-                  ((_a = _qselect.value) == null ? void 0 : _a.hasError) ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 0,
-                    name: unref(icons).error,
-                    class: "z-icon z-icon-error"
-                  }, null, 8, ["name"])) : createCommentVNode("", true),
-                  formProps2.editable && _selected.value && __props.clearable ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 1,
-                    name: unref(icons).cancel,
-                    class: "z-icon z-icon-clickable",
-                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _input.value = "", ["stop", "prevent"]))
-                  }, null, 8, ["name"])) : !_selected.value && __props.required ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 2,
-                    name: unref(icons).required,
-                    class: "z-icon"
-                  }, null, 8, ["name"])) : createCommentVNode("", true),
-                  __props.icon ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 3,
-                    name: __props.icon,
-                    class: "z-icon"
-                  }, null, 8, ["name"])) : createCommentVNode("", true)
-                ];
-              }),
+              append: withCtx(() => [
+                _qselect.value?.hasError ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 0,
+                  name: unref(icons).error,
+                  class: "z-icon z-icon-error"
+                }, null, 8, ["name"])) : createCommentVNode("", true),
+                formProps2.editable && _selected.value && __props.clearable ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 1,
+                  name: unref(icons).cancel,
+                  class: "z-icon z-icon-clickable",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _input.value = "", ["stop", "prevent"]))
+                }, null, 8, ["name"])) : !_selected.value && __props.required ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 2,
+                  name: unref(icons).required,
+                  class: "z-icon"
+                }, null, 8, ["name"])) : createCommentVNode("", true),
+                __props.icon ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 3,
+                  name: __props.icon,
+                  class: "z-icon"
+                }, null, 8, ["name"])) : createCommentVNode("", true)
+              ]),
               option: withCtx((scope) => [
                 _slots.option ? renderSlot(_ctx.$slots, "option", normalizeProps(mergeProps({ key: 0 }, scope))) : (openBlock(), createBlock(unref(QItem), mergeProps({ key: 1 }, scope.itemProps, { dense: "" }), {
                   default: withCtx(() => [
@@ -2374,16 +2254,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const _emit = __emit;
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _zautocomplete.value) == null ? void 0 : _a.focus();
-      }
+      focus: () => _zautocomplete.value?.focus()
     });
     let _googleService = void 0;
     async function _predictAddress(value) {
-      var _a, _b, _c;
       if (!_googleService) {
-        if (!((_c = (_b = (_a = globalThis.google) == null ? void 0 : _a.maps) == null ? void 0 : _b.places) == null ? void 0 : _c.AutocompleteService)) {
+        if (!globalThis.google?.maps?.places?.AutocompleteService) {
           throw new Error("Google Maps AutocompleteService not available");
         }
         _googleService = new google.maps.places.AutocompleteService();
@@ -2422,8 +2298,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return predictions;
     }
     async function _fillAddress(option) {
-      var _a, _b, _c;
-      if (!((_c = (_b = (_a = globalThis.google) == null ? void 0 : _a.maps) == null ? void 0 : _b.places) == null ? void 0 : _c.Place)) {
+      if (!globalThis.google?.maps?.places?.Place) {
         throw new Error("Google Maps Place not available");
       }
       const place = new google.maps.places.Place({ id: option.value });
@@ -2576,25 +2451,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const _slots = useSlots();
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _qselect.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _qselect.value?.focus(),
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _qselect.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _qselect.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _qselect.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _qselect.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _qselect.value) == null ? void 0 : _a.hasError) || false;
-      })
+      hasError: computed(() => _qselect.value?.hasError || false)
     });
     const _options = computed(() => {
       if (Array.isArray(_props.options)) {
@@ -2605,16 +2468,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const _rules = computed(() => {
       return _props.required ? [validators.required()] : [() => true];
     });
-    watch([() => {
-      var _a;
-      return (_a = _helper.value) == null ? void 0 : _a.isEditable;
-    }, _rules], () => {
-      var _a;
-      return (_a = _qselect.value) == null ? void 0 : _a.resetValidation();
-    });
+    watch([() => _helper.value?.isEditable, _rules], () => _qselect.value?.resetValidation());
     formReadyState(() => {
-      var _a;
-      if ((_a = _qselect.value) == null ? void 0 : _a.hasError) return false;
+      if (_qselect.value?.hasError) return false;
       if (_props.required) return !!_value.value;
       return true;
     });
@@ -2661,38 +2517,35 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               options: _options.value,
               behavior: "menu"
             }, createSlots({
-              append: withCtx(() => {
-                var _a;
-                return [
-                  _slots.prepend ? renderSlot(_ctx.$slots, "prepend", normalizeProps(mergeProps({ key: 0 }, formProps2))) : createCommentVNode("", true),
-                  formProps2.editable ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 1,
-                    name: unref(icons).select,
-                    class: "z-icon"
-                  }, null, 8, ["name"])) : createCommentVNode("", true),
-                  ((_a = _qselect.value) == null ? void 0 : _a.hasError) ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 2,
-                    name: unref(icons).error,
-                    class: "z-icon z-icon-error"
-                  }, null, 8, ["name"])) : createCommentVNode("", true),
-                  formProps2.editable && _value.value && __props.clearable ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 3,
-                    name: unref(icons).cancel,
-                    class: "z-icon z-icon-clickable",
-                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _value.value = "", ["stop", "prevent"]))
-                  }, null, 8, ["name"])) : !_value.value && __props.required ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 4,
-                    name: unref(icons).required,
-                    class: "z-icon"
-                  }, null, 8, ["name"])) : createCommentVNode("", true),
-                  __props.icon ? (openBlock(), createBlock(unref(QIcon), {
-                    key: 5,
-                    name: __props.icon,
-                    class: "z-icon"
-                  }, null, 8, ["name"])) : createCommentVNode("", true),
-                  _slots.append ? renderSlot(_ctx.$slots, "append", normalizeProps(mergeProps({ key: 6 }, formProps2))) : createCommentVNode("", true)
-                ];
-              }),
+              append: withCtx(() => [
+                _slots.prepend ? renderSlot(_ctx.$slots, "prepend", normalizeProps(mergeProps({ key: 0 }, formProps2))) : createCommentVNode("", true),
+                formProps2.editable ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 1,
+                  name: unref(icons).select,
+                  class: "z-icon"
+                }, null, 8, ["name"])) : createCommentVNode("", true),
+                _qselect.value?.hasError ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 2,
+                  name: unref(icons).error,
+                  class: "z-icon z-icon-error"
+                }, null, 8, ["name"])) : createCommentVNode("", true),
+                formProps2.editable && _value.value && __props.clearable ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 3,
+                  name: unref(icons).cancel,
+                  class: "z-icon z-icon-clickable",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _value.value = "", ["stop", "prevent"]))
+                }, null, 8, ["name"])) : !_value.value && __props.required ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 4,
+                  name: unref(icons).required,
+                  class: "z-icon"
+                }, null, 8, ["name"])) : createCommentVNode("", true),
+                __props.icon ? (openBlock(), createBlock(unref(QIcon), {
+                  key: 5,
+                  name: __props.icon,
+                  class: "z-icon"
+                }, null, 8, ["name"])) : createCommentVNode("", true),
+                _slots.append ? renderSlot(_ctx.$slots, "append", normalizeProps(mergeProps({ key: 6 }, formProps2))) : createCommentVNode("", true)
+              ]),
               _: 2
             }, [
               _slots.option ? {
@@ -2927,10 +2780,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         return `${from} - ${to}`;
       }
     });
-    const _target = computed(() => {
-      var _a;
-      return ((_a = _ztext.value) == null ? void 0 : _a.$el.querySelector(".q-field__inner")) || void 0;
-    });
+    const _target = computed(() => _ztext.value?.$el.querySelector(".q-field__inner") || void 0);
     const _hiding = ref(false);
     function _today() {
       const today = /* @__PURE__ */ new Date();
@@ -2940,13 +2790,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return `${year}-${month}-${day}`;
     }
     function _onClick(event) {
-      var _a;
-      if (!_hiding.value) (_a = _qpopup.value) == null ? void 0 : _a.toggle();
+      if (!_hiding.value) _qpopup.value?.toggle();
       event.stopPropagation();
       event.preventDefault();
     }
     function _onUpdate(value) {
-      var _a;
       if (!value) return;
       if (value !== _value.value) {
         if (typeof value === "string") {
@@ -2961,15 +2809,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           };
         }
       }
-      (_a = _qpopup.value) == null ? void 0 : _a.hide();
+      _qpopup.value?.hide();
     }
     const _onClear = computed(() => {
-      var _a;
       if (_props.clearable === false) return void 0;
       if (_props.clearable === true) return () => _value.value = void 0;
       if (_props.clearable === "today") {
         const today = _today();
-        if (((_a = _value.value) == null ? void 0 : _a.from) === today && _value.value.to === today) return void 0;
+        if (_value.value?.from === today && _value.value.to === today) return void 0;
         return () => _value.value = { from: today, to: today };
       } else return void 0;
     });
@@ -2985,20 +2832,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     });
     __expose({
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _ztext.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _ztext.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.hasError) || false;
-      }),
+      hasError: computed(() => _ztext.value?.hasError || false),
       /** Return _today_ in date format (`yyyy-mm-dd`) in the current timezone */
       today: () => _today()
     });
@@ -3020,41 +2858,38 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         "on-clear": _onClear.value,
         onClick: _onClick
       }), {
-        append: withCtx(() => {
-          var _a;
-          return [
-            createVNode(unref(QPopupProxy), {
-              ref_key: "_qpopup",
-              ref: _qpopup,
-              "no-parent-event": "",
-              target: _target.value,
-              onBeforeHide: _cache[0] || (_cache[0] = ($event) => _hiding.value = true),
-              onHide: _cache[1] || (_cache[1] = ($event) => _hiding.value = false)
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(QDate), {
-                  minimal: "",
-                  range: "",
-                  mask: "YYYY-MM-DD",
-                  "model-value": _value.value || "",
-                  "first-day-of-week": 1,
-                  "onUpdate:modelValue": _onUpdate
-                }, null, 8, ["model-value"])
-              ]),
-              _: 1
-            }, 8, ["target"]),
-            ((_a = _ztext.value) == null ? void 0 : _a.isEditable) ? (openBlock(), createBlock(unref(QIcon), {
-              key: 0,
-              class: "z-icon z-icon-clickable",
-              name: __props.icon,
-              onClick: _onClick
-            }, null, 8, ["name"])) : (openBlock(), createBlock(unref(QIcon), {
-              key: 1,
-              class: "z-icon",
-              name: __props.icon
-            }, null, 8, ["name"]))
-          ];
-        }),
+        append: withCtx(() => [
+          createVNode(unref(QPopupProxy), {
+            ref_key: "_qpopup",
+            ref: _qpopup,
+            "no-parent-event": "",
+            target: _target.value,
+            onBeforeHide: _cache[0] || (_cache[0] = ($event) => _hiding.value = true),
+            onHide: _cache[1] || (_cache[1] = ($event) => _hiding.value = false)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(QDate), {
+                minimal: "",
+                range: "",
+                mask: "YYYY-MM-DD",
+                "model-value": _value.value || "",
+                "first-day-of-week": 1,
+                "onUpdate:modelValue": _onUpdate
+              }, null, 8, ["model-value"])
+            ]),
+            _: 1
+          }, 8, ["target"]),
+          _ztext.value?.isEditable ? (openBlock(), createBlock(unref(QIcon), {
+            key: 0,
+            class: "z-icon z-icon-clickable",
+            name: __props.icon,
+            onClick: _onClick
+          }, null, 8, ["name"])) : (openBlock(), createBlock(unref(QIcon), {
+            key: 1,
+            class: "z-icon",
+            name: __props.icon
+          }, null, 8, ["name"]))
+        ]),
         _: 1
       }, 16, ["model-value", "label", "placeholder", "hint", "bottom-slots", "editable", "disabled", "readonly", "required", "on-clear"]);
     };
@@ -3123,10 +2958,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const _props = __props;
     const _value = useModel(__props, "modelValue");
     const _localized = computed(() => d(_value.value, _props.format, "UTC"));
-    const _target = computed(() => {
-      var _a;
-      return ((_a = _ztext.value) == null ? void 0 : _a.$el.querySelector(".q-field__inner")) || void 0;
-    });
+    const _target = computed(() => _ztext.value?.$el.querySelector(".q-field__inner") || void 0);
     const _hiding = ref(false);
     function _today() {
       const today = /* @__PURE__ */ new Date();
@@ -3136,16 +2968,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       return `${year}-${month}-${day}`;
     }
     function _onClick(event) {
-      var _a;
-      if (!_hiding.value) (_a = _qpopup.value) == null ? void 0 : _a.toggle();
+      if (!_hiding.value) _qpopup.value?.toggle();
       event.stopPropagation();
       event.preventDefault();
     }
     function _onUpdate(value) {
-      var _a;
       if (!value) return;
       if (value !== _value.value) _value.value = value;
-      (_a = _qpopup.value) == null ? void 0 : _a.hide();
+      _qpopup.value?.hide();
     }
     const _onClear = computed(() => {
       if (_props.clearable === false) return void 0;
@@ -3162,20 +2992,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     __expose({
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _ztext.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _ztext.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.hasError) || false;
-      }),
+      hasError: computed(() => _ztext.value?.hasError || false),
       /** Return _today_ in date format (`yyyy-mm-dd`) in the current timezone */
       today: () => _today()
     });
@@ -3197,40 +3018,37 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         "on-clear": _onClear.value,
         onClick: _onClick
       }), {
-        append: withCtx(() => {
-          var _a;
-          return [
-            createVNode(unref(QPopupProxy), {
-              ref_key: "_qpopup",
-              ref: _qpopup,
-              "no-parent-event": "",
-              target: _target.value,
-              onBeforeHide: _cache[0] || (_cache[0] = ($event) => _hiding.value = true),
-              onHide: _cache[1] || (_cache[1] = ($event) => _hiding.value = false)
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(QDate), {
-                  minimal: "",
-                  mask: "YYYY-MM-DD",
-                  "model-value": _value.value,
-                  "first-day-of-week": 1,
-                  "onUpdate:modelValue": _onUpdate
-                }, null, 8, ["model-value"])
-              ]),
-              _: 1
-            }, 8, ["target"]),
-            ((_a = _ztext.value) == null ? void 0 : _a.isEditable) ? (openBlock(), createBlock(unref(QIcon), {
-              key: 0,
-              class: "z-icon z-icon-clickable",
-              name: __props.icon,
-              onClick: _onClick
-            }, null, 8, ["name"])) : (openBlock(), createBlock(unref(QIcon), {
-              key: 1,
-              class: "z-icon",
-              name: __props.icon
-            }, null, 8, ["name"]))
-          ];
-        }),
+        append: withCtx(() => [
+          createVNode(unref(QPopupProxy), {
+            ref_key: "_qpopup",
+            ref: _qpopup,
+            "no-parent-event": "",
+            target: _target.value,
+            onBeforeHide: _cache[0] || (_cache[0] = ($event) => _hiding.value = true),
+            onHide: _cache[1] || (_cache[1] = ($event) => _hiding.value = false)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(QDate), {
+                minimal: "",
+                mask: "YYYY-MM-DD",
+                "model-value": _value.value,
+                "first-day-of-week": 1,
+                "onUpdate:modelValue": _onUpdate
+              }, null, 8, ["model-value"])
+            ]),
+            _: 1
+          }, 8, ["target"]),
+          _ztext.value?.isEditable ? (openBlock(), createBlock(unref(QIcon), {
+            key: 0,
+            class: "z-icon z-icon-clickable",
+            name: __props.icon,
+            onClick: _onClick
+          }, null, 8, ["name"])) : (openBlock(), createBlock(unref(QIcon), {
+            key: 1,
+            class: "z-icon",
+            name: __props.icon
+          }, null, 8, ["name"]))
+        ]),
         _: 1
       }, 16, ["model-value", "label", "placeholder", "hint", "bottom-slots", "editable", "disabled", "readonly", "required", "on-clear"]);
     };
@@ -3295,25 +3113,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const _value = useModel(__props, "modelValue");
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _ztext.value?.focus(),
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _ztext.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _ztext.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.hasError) || false;
-      })
+      hasError: computed(() => _ztext.value?.hasError || false)
     });
     const _suffix = computed(() => {
       if (!_value.value) return "";
@@ -3352,9 +3158,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       return String.fromCharCode((10 - sum % 10) % 10 + 48);
     }
     function _onBeforeinput(event) {
-      var _a;
       if (event.inputType !== "insertText") return;
-      if ((_a = event.data) == null ? void 0 : _a.match(/^\d+$/)) return;
+      if (event.data?.match(/^\d+$/)) return;
       event.preventDefault();
     }
     function _onKeydown(event) {
@@ -3369,7 +3174,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       if (!_ztext.value) throw new Error("No ZText ref");
     });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createBlock(ZText, mergeProps({
         ref_key: "_ztext",
         ref: _ztext
@@ -3390,7 +3194,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         rules: _rules.value,
         "lazy-rules": _ctx.lazyRules,
         "max-length": 13,
-        suffix: ((_a = _ztext.value) == null ? void 0 : _a.isEditable) ? _suffix.value : void 0,
+        suffix: _ztext.value?.isEditable ? _suffix.value : void 0,
         onClear: _cache[1] || (_cache[1] = ($event) => _value.value = ""),
         onBeforeinput: _onBeforeinput,
         onKeydown: _onKeydown
@@ -3631,30 +3435,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const _slots = useSlots();
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _ztext.value?.focus(),
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _ztext.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _ztext.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.hasError) || false;
-      }),
+      hasError: computed(() => _ztext.value?.hasError || false),
       /** If the field has validation errors or not */
-      isEditable: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.isEditable) || false;
-      })
+      isEditable: computed(() => _ztext.value?.isEditable || false)
     });
     const _rules = computed(() => {
       const rules = [
@@ -3680,12 +3469,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const dsep = computed(() => 1.23.toLocaleString(translator.locale)[1]);
     const _string = ref(_formatNumber(_number.value));
     function _onBeforeinput(event) {
-      var _a;
       const element = event.target;
       if (event.inputType !== "insertText") return;
       if (
         // have we typed only digits???
-        ((_a = event.data) == null ? void 0 : _a.match(/^\d+$/)) || // have we typed the only decimal separator???
+        event.data?.match(/^\d+$/) || // have we typed the only decimal separator???
         event.data === dsep.value && element.value.indexOf(dsep.value) < 0 || // have we typed a negation sign (at the beginning of the input)???
         event.data === "-" && element.value[0] !== "-" && element.selectionStart === 0
       ) return;
@@ -3700,21 +3488,17 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       return event.preventDefault();
     }
     function _formatNumber(number) {
-      var _a;
       if (number === null) return "";
       return number.toLocaleString(translator.locale, {
         maximumFractionDigits: 20,
-        useGrouping: !((_a = _ztext.value) == null ? void 0 : _a.hasFocus)
+        useGrouping: !_ztext.value?.hasFocus
       });
     }
     function _parseNumber(string) {
       string = string.replaceAll(tsep.value, "").replaceAll(dsep.value, ".").replaceAll(/[^-.\d]/g, "");
       return string === "" ? null : string === "-" ? null : parseFloat(string) || 0;
     }
-    watch([() => {
-      var _a;
-      return (_a = _ztext.value) == null ? void 0 : _a.hasFocus;
-    }, () => translator.locale], () => {
+    watch([() => _ztext.value?.hasFocus, () => translator.locale], () => {
       _string.value = _formatNumber(_number.value);
     });
     watch(_number, (number) => {
@@ -3834,40 +3618,24 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const _slots = useSlots();
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _znumber.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _znumber.value?.focus(),
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _znumber.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _znumber.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _znumber.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _znumber.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _znumber.value) == null ? void 0 : _a.hasError) || false;
-      })
+      hasError: computed(() => _znumber.value?.hasError || false)
     });
     onMounted(() => {
       if (!_znumber.value) throw new Error("No ZNullableNumber ref");
-      nextTick(() => {
-        var _a;
-        return (_a = _znumber.value) == null ? void 0 : _a.resetValidation();
-      });
+      nextTick(() => _znumber.value?.resetValidation());
     });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createBlock(_sfc_main$g, mergeProps({
         ref_key: "_znumber",
         ref: _znumber
       }, { ..._ctx.$attrs, required: false, validateNull: true }, {
-        "model-value": ((_a = _znumber.value) == null ? void 0 : _a.isEditable) ? _number.value || null : _number.value,
+        "model-value": _znumber.value?.isEditable ? _number.value || null : _number.value,
         mode: __props.mode,
         label: __props.label,
         placeholder: `0${__props.suffix}`,
@@ -3963,25 +3731,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const _visible = ref(false);
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _ztext.value?.focus(),
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _ztext.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _ztext.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.hasError) || false;
-      })
+      hasError: computed(() => _ztext.value?.hasError || false)
     });
     onMounted(() => {
       if (!_ztext.value) throw new Error("No ZText ref");
@@ -4102,52 +3858,27 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       emit("show");
     }
     function onHide() {
-      var _a;
       emit("hide");
-      (_a = _ztext.value) == null ? void 0 : _a.validate();
+      _ztext.value?.validate();
     }
     watch(() => _props.value, () => {
-      nextTick(() => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.validate();
-      });
+      nextTick(() => _ztext.value?.validate());
     });
     __expose({
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _ztext.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _ztext.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.hasError) || false;
-      }),
+      hasError: computed(() => _ztext.value?.hasError || false),
       /** Show the picker dialog */
-      show: () => {
-        var _a;
-        return (_a = _zdialog.value) == null ? void 0 : _a.show();
-      },
+      show: () => _zdialog.value?.show(),
       /** Hide the picker dialog, confirming it with a value */
-      confirm: (value) => {
-        var _a;
-        return (_a = _zdialog.value) == null ? void 0 : _a.confirm(value);
-      },
+      confirm: (value) => _zdialog.value?.confirm(value),
       /** Hide the picker dialog, cancelling it without a value */
-      cancel: () => {
-        var _a;
-        return (_a = _zdialog.value) == null ? void 0 : _a.cancel();
-      },
+      cancel: () => _zdialog.value?.cancel(),
       /** Hide the picker dialog */
-      shake: () => {
-        var _a;
-        return (_a = _zdialog.value) == null ? void 0 : _a.shake();
-      }
+      shake: () => _zdialog.value?.shake()
     });
     onMounted(() => {
       if (!_ztext.value) throw new Error("No ZText ref");
@@ -4171,14 +3902,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         readonly: _ctx.readonly,
         required: __props.required,
         "on-clear": __props.onClear,
-        onClick: _cache[1] || (_cache[1] = ($event) => {
-          var _a;
-          return (_a = _zdialog.value) == null ? void 0 : _a.show();
-        }),
-        onClickIcon: _cache[2] || (_cache[2] = ($event) => {
-          var _a;
-          return (_a = _zdialog.value) == null ? void 0 : _a.show();
-        })
+        onClick: _cache[1] || (_cache[1] = ($event) => _zdialog.value?.show()),
+        onClickIcon: _cache[2] || (_cache[2] = ($event) => _zdialog.value?.show())
       }), {
         append: withCtx((formProps2) => [
           createVNode(ZDialog, {
@@ -4324,10 +4049,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const _value = useModel(__props, "modelValue");
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _qselect.value) == null ? void 0 : _a.focus();
-      }
+      focus: () => _qselect.value?.focus()
     });
     const _options = shallowRef([]);
     const _tags = ref([]);
@@ -4364,16 +4086,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         const options = _tags.value.filter((val) => val.indexOf(needle) >= 0).filter((val) => _value.value.indexOf(val) < 0);
         _options.value = Object.freeze(options);
       }, (select) => {
-        var _a;
-        if (text && ((_a = select.options) == null ? void 0 : _a.length)) {
+        if (text && select.options?.length) {
           select.setOptionIndex(-1);
           select.moveOptionSelection(1, false);
         }
       });
     }
     function _add(_) {
-      var _a;
-      (_a = _qselect.value) == null ? void 0 : _a.updateInputValue("");
+      _qselect.value?.updateInputValue("");
     }
     onMounted(() => {
       if (!_qselect.value) throw new Error("No QSelect ref");
@@ -4877,32 +4597,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       return true;
     }];
     function _onBeforeinput(event) {
-      var _a;
       if (event.inputType !== "insertText") return;
-      if ((_a = event.data) == null ? void 0 : _a.match(/^[0-9+ ]$/)) return;
+      if (event.data?.match(/^[0-9+ ]$/)) return;
       event.preventDefault();
     }
     __expose({
       /** Focus on this control */
-      focus: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.focus();
-      },
+      focus: () => _ztext.value?.focus(),
       /** Reset validation for this field */
-      resetValidation: () => {
-        var _a;
-        return (_a = _ztext.value) == null ? void 0 : _a.resetValidation();
-      },
+      resetValidation: () => _ztext.value?.resetValidation(),
       /** Force validation of this field */
-      validate: () => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: () => _ztext.value?.validate() || false,
       /** If the field has validation errors or not */
-      hasError: computed(() => {
-        var _a;
-        return ((_a = _ztext.value) == null ? void 0 : _a.hasError) || false;
-      })
+      hasError: computed(() => _ztext.value?.hasError || false)
     });
     onMounted(() => {
       if (!_ztext.value) throw new Error("No ZText ref");
@@ -5030,17 +4737,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const _backup = structuredClone(toRaw(_props.value));
     const _form = ref();
     const _modified = computed(() => !is.deepEqual(_props.value, _backup));
-    const _submittable = computed(() => {
-      var _a;
-      return _modified.value && ((_a = _form.value) == null ? void 0 : _a.isReady);
-    });
+    const _submittable = computed(() => _modified.value && _form.value?.isReady);
     function _cancel() {
       _emit("cancel");
     }
     async function _submit() {
-      var _a;
       if (!_submittable.value) return;
-      const valid = await ((_a = _form.value) == null ? void 0 : _a.validate());
+      const valid = await _form.value?.validate();
       if (valid) _emit("save");
     }
     return (_ctx, _cache) => {
@@ -5350,10 +5053,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     let _backup = void 0;
     const _form = ref();
     const _modified = computed(() => _editing.value && !is.deepEqual(_value.value, _backup));
-    const _ready = computed(() => {
-      var _a;
-      return (_a = _form.value) == null ? void 0 : _a.isReady;
-    });
+    const _ready = computed(() => _form.value?.isReady);
     const _submittable = computed(() => _modified.value && _ready);
     const _showData = ref(false);
     const _showJson = ref(false);
@@ -5377,33 +5077,27 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       });
     }
     async function _submit() {
-      var _a;
       if (!_props.onSave) return;
       if (!_submittable.value) return;
-      const valid = await ((_a = _form.value) == null ? void 0 : _a.validate());
+      const valid = await _form.value?.validate();
       if (valid) _props.onSave();
     }
     async function _delete() {
       if (_value.value.deleted) return;
       await load(async () => {
-        var _a;
         const result = await confirmDelete();
-        if (result) (_a = _props.onDelete) == null ? void 0 : _a.call(_props);
+        if (result) _props.onDelete?.();
       });
     }
     async function _restore() {
       if (!_value.value.deleted) return;
       await load(async () => {
-        var _a;
         const result = await confirmRestore();
-        if (result) (_a = _props.onRestore) == null ? void 0 : _a.call(_props);
+        if (result) _props.onRestore?.();
       });
     }
     __expose({
-      validate: async () => {
-        var _a;
-        return await ((_a = _form.value) == null ? void 0 : _a.validate()) || false;
-      },
+      validate: async () => await _form.value?.validate() || false,
       modified: _modified,
       submittable: _submittable,
       isReady: _ready
@@ -6432,79 +6126,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               dense: __props.dense
             }, null, 8, ["modelValue", "selection", "borders", "loading", "columns", "slot-data", "dense"])
           ]),
-          body: withCtx((scope) => {
-            var _a, _b;
-            return [
-              createVNode(unref(QTr), {
-                props: scope,
-                style: normalizeStyle((_a = __props.rowStyle) == null ? void 0 : _a.call(__props, scope.row)),
-                class: normalizeClass(`
+          body: withCtx((scope) => [
+            createVNode(unref(QTr), {
+              props: scope,
+              style: normalizeStyle(__props.rowStyle?.(scope.row)),
+              class: normalizeClass(`
           ${scope.__trClass}
-          ${((_b = __props.rowClass) == null ? void 0 : _b.call(__props, scope.row)) || ""}
+          ${__props.rowClass?.(scope.row) || ""}
           ${_ctx.onRowClick ? "cursor-pointer" : ""}
         `),
-                onClick: ($event) => {
-                  var _a2;
-                  return (_a2 = _ctx.onRowClick) == null ? void 0 : _a2.call(_ctx, $event, scope.row, scope.rowIndex);
-                },
-                onDblclick: ($event) => {
-                  var _a2;
-                  return (_a2 = _ctx.onRowDblclick) == null ? void 0 : _a2.call(_ctx, $event, scope.row, scope.rowIndex);
-                },
-                onContextmenu: ($event) => {
-                  var _a2;
-                  return (_a2 = _ctx.onRowContextmenu) == null ? void 0 : _a2.call(_ctx, $event, scope.row, scope.rowIndex);
-                }
-              }, {
-                default: withCtx(() => {
-                  var _a2;
-                  return [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList([(_a2 = __props.rowLink) == null ? void 0 : _a2.call(__props, scope.row)], (link) => {
-                      return openBlock(), createElementBlock(Fragment, { key: link }, [
-                        scope.selected !== void 0 ? (openBlock(), createBlock(unref(QTd), {
-                          key: 0,
-                          class: "text-center shrink"
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(unref(QCheckbox), {
-                              modelValue: scope.selected,
-                              "onUpdate:modelValue": ($event) => scope.selected = $event,
-                              dense: "",
-                              size: __props.dense ? "xs" : void 0
-                            }, null, 8, ["modelValue", "onUpdate:modelValue", "size"])
-                          ]),
-                          _: 2
-                        }, 1024)) : createCommentVNode("", true),
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(scope.cols, (col) => {
-                          return openBlock(), createBlock(unref(QTd), {
-                            key: col.name,
-                            props: scope
-                          }, {
+              onClick: ($event) => _ctx.onRowClick?.($event, scope.row, scope.rowIndex),
+              onDblclick: ($event) => _ctx.onRowDblclick?.($event, scope.row, scope.rowIndex),
+              onContextmenu: ($event) => _ctx.onRowContextmenu?.($event, scope.row, scope.rowIndex)
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList([__props.rowLink?.(scope.row)], (link) => {
+                  return openBlock(), createElementBlock(Fragment, { key: link }, [
+                    scope.selected !== void 0 ? (openBlock(), createBlock(unref(QTd), {
+                      key: 0,
+                      class: "text-center shrink"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(QCheckbox), {
+                          modelValue: scope.selected,
+                          "onUpdate:modelValue": ($event) => scope.selected = $event,
+                          dense: "",
+                          size: __props.dense ? "xs" : void 0
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "size"])
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(scope.cols, (col) => {
+                      return openBlock(), createBlock(unref(QTd), {
+                        key: col.name,
+                        props: scope
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(TableLink), { to: link }, {
                             default: withCtx(() => [
-                              createVNode(unref(TableLink), { to: link }, {
-                                default: withCtx(() => [
-                                  slots[`data-${col.name}`] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                                    renderSlot(_ctx.$slots, `data-${col.name}`, {
-                                      index: scope.rowIndex,
-                                      row: scope.row,
-                                      value: col.value
-                                    }, void 0, true)
-                                  ])) : (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(col.value), 1))
-                                ]),
-                                _: 2
-                              }, 1032, ["to"])
+                              slots[`data-${col.name}`] ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                                renderSlot(_ctx.$slots, `data-${col.name}`, {
+                                  index: scope.rowIndex,
+                                  row: scope.row,
+                                  value: col.value
+                                }, void 0, true)
+                              ])) : (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(col.value), 1))
                             ]),
                             _: 2
-                          }, 1032, ["props"]);
-                        }), 128))
-                      ], 64);
+                          }, 1032, ["to"])
+                        ]),
+                        _: 2
+                      }, 1032, ["props"]);
                     }), 128))
-                  ];
-                }),
-                _: 2
-              }, 1032, ["props", "style", "class", "onClick", "onDblclick", "onContextmenu"])
-            ];
-          }),
+                  ], 64);
+                }), 128))
+              ]),
+              _: 2
+            }, 1032, ["props", "style", "class", "onClick", "onDblclick", "onContextmenu"])
+          ]),
           "no-data": withCtx(() => [
             __props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createVNode(unref(QSpinner), {