bge-ui 1.4.1 → 1.4.3

package/dist/index.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, normalizeStyle, createStaticVNode, provide, reactive, toRefs, ref, watch, unref, getCurrentScope, onScopeDispose, readonly, computed, getCurrentInstance, onMounted as onMounted$1, useSlots, inject, createTextVNode, toDisplayString, createCommentVNode, TransitionGroup, withCtx, withDirectives, vModelDynamic, vModelText, createBlock, withModifiers, cloneVNode, Fragment, Text, Comment, Teleport, onUnmounted, h, Transition, vShow, onBeforeMount, nextTick, resolveDynamicComponent, shallowReactive, render as render$7, isVNode, vModelCheckbox, renderList, toRef, useAttrs, normalizeProps, mergeProps, onBeforeUpdate, withKeys, createSlots, guardReactiveProps, isRef } from "vue";
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, normalizeStyle, createStaticVNode, provide, reactive, toRefs, ref, watch, unref, getCurrentScope, onScopeDispose, readonly, computed, getCurrentInstance, onMounted, useSlots, inject, createTextVNode, toDisplayString, createCommentVNode, TransitionGroup, withCtx, withDirectives, vModelDynamic, vModelText, createBlock, withModifiers, cloneVNode, Fragment, Text, Comment, Teleport, onUnmounted, h, Transition, vShow, onBeforeMount, nextTick, resolveDynamicComponent, shallowReactive, render as render$7, isVNode, vModelCheckbox, renderList, toRef, useAttrs, normalizeProps, mergeProps, onBeforeUpdate, withKeys, createSlots, guardReactiveProps, isRef } from "vue";
 const _hoisted_1$26 = ["disabled"];
 const _hoisted_2$1M = { class: "loading-icon" };
 const _sfc_main$2g = /* @__PURE__ */ defineComponent({
@@ -4666,7 +4666,7 @@ function toValue(r) {
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const toString = Object.prototype.toString;
-const isObject = (val2) => toString.call(val2) === "[object Object]";
+const isObject = (val) => toString.call(val) === "[object Object]";
 const noop$1 = () => {
 };
 const isIOS$1 = /* @__PURE__ */ getIsIOS();
@@ -4882,7 +4882,7 @@ function onClickOutside$1(target, handler, options = {}) {
 function useMounted() {
   const isMounted = ref(false);
   if (getCurrentInstance()) {
-    onMounted$1(() => {
+    onMounted(() => {
       isMounted.value = true;
     });
   }
@@ -5366,7 +5366,7 @@ var range = function range2(rule, value, source, errors2, options) {
   var min2 = typeof rule.min === "number";
   var max2 = typeof rule.max === "number";
   var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
-  var val2 = value;
+  var val = value;
   var key = null;
   var num = typeof value === "number";
   var str = typeof value === "string";
@@ -5382,20 +5382,20 @@ var range = function range2(rule, value, source, errors2, options) {
     return false;
   }
   if (arr) {
-    val2 = value.length;
+    val = value.length;
   }
   if (str) {
-    val2 = value.replace(spRegexp, "_").length;
+    val = value.replace(spRegexp, "_").length;
   }
   if (len) {
-    if (val2 !== rule.len) {
+    if (val !== rule.len) {
       errors2.push(format$1(options.messages[key].len, rule.fullField, rule.len));
     }
-  } else if (min2 && !max2 && val2 < rule.min) {
+  } else if (min2 && !max2 && val < rule.min) {
     errors2.push(format$1(options.messages[key].min, rule.fullField, rule.min));
-  } else if (max2 && !min2 && val2 > rule.max) {
+  } else if (max2 && !min2 && val > rule.max) {
     errors2.push(format$1(options.messages[key].max, rule.fullField, rule.max));
-  } else if (min2 && max2 && (val2 < rule.min || val2 > rule.max)) {
+  } else if (min2 && max2 && (val < rule.min || val > rule.max)) {
     errors2.push(format$1(options.messages[key].range, rule.fullField, rule.min, rule.max));
   }
 };
@@ -6122,7 +6122,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const shouldShowError = computed(
       () => validateStateDebounced.value === "error"
     );
-    onMounted$1(() => {
+    onMounted(() => {
       formContext == null ? void 0 : formContext.addField(context);
     });
     return (_ctx, _cache) => {
@@ -6219,8 +6219,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       emit("blur");
       emit("update:modelValue", input.value);
     }
-    watch(() => props.modelValue, (val2) => {
-      input.value = val2;
+    watch(() => props.modelValue, (val) => {
+      input.value = val;
       formItemContext && formItemContext.validate && formItemContext.validate().catch((err) => err);
     });
     function handleChange() {
@@ -6242,7 +6242,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       emit("change", input.value);
       emit("update:modelValue", input.value);
     }
-    onMounted$1(() => {
+    onMounted(() => {
       if (props.modelValue) {
         input.value = props.modelValue;
       }
@@ -6377,7 +6377,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
     const barStyle = ref();
     const update = () => barStyle.value = getBarStyle();
-    onMounted$1(() => {
+    onMounted(() => {
       update();
     });
     return (_ctx, _cache) => {
@@ -6418,7 +6418,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     function setActive(active) {
       isActive.value = active;
     }
-    onMounted$1(() => {
+    onMounted(() => {
       tabContext.addPane(reactive({
         ref: tabPaneRef.value,
         value: props.value,
@@ -8492,7 +8492,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       toggleTooltip.value = result.toggleTooltip;
       tooltipElement.value = result.tooltipElement;
     }
-    onMounted$1(() => {
+    onMounted(() => {
       initTooltip();
     });
     __expose({
@@ -8651,7 +8651,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         zIndex: 3e3
       };
     });
-    onMounted$1(() => {
+    onMounted(() => {
       visible.value = true;
       startTimer();
     });
@@ -8895,16 +8895,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const props = __props;
     const formItemContext = inject(formItemContextKey$3, void 0);
     const input = ref(false);
-    watch(() => props.modelValue, (val2) => {
-      if (typeof val2 === "number" || typeof val2 === "string" || typeof val2 === "boolean") {
+    watch(() => props.modelValue, (val) => {
+      if (typeof val === "number" || typeof val === "string" || typeof val === "boolean") {
         input.value = true;
-        if (val2 === props.trueValue) {
+        if (val === props.trueValue) {
           input.value = true;
         } else {
           input.value = false;
         }
       } else {
-        if (val2.includes(props.trueValue)) {
+        if (val.includes(props.trueValue)) {
           input.value = true;
         } else {
           input.value = false;
@@ -8913,15 +8913,15 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       formItemContext && formItemContext.validate && formItemContext.validate().catch((err) => err);
     });
     onMounted(() => {
-      if (typeof val === "number" || typeof val === "string" || typeof val === "boolean") {
+      if (typeof props.modelValue === "number" || typeof props.modelValue === "string" || typeof props.modelValue === "boolean") {
         input.value = true;
-        if (val === props.trueValue) {
+        if (props.modelValue === props.trueValue) {
           input.value = true;
         } else {
           input.value = false;
         }
       } else {
-        if (val.includes(props.trueValue)) {
+        if (props.modelValue.includes(props.trueValue)) {
           input.value = true;
         } else {
           input.value = false;
@@ -9065,8 +9065,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const props = __props;
     const formItemContext = inject(formItemContextKey$2, void 0);
     const input = ref(false);
-    watch(() => props.modelValue, (val2) => {
-      if (val2 === props.trueValue) {
+    watch(() => props.modelValue, (val) => {
+      if (val === props.trueValue) {
         input.value = true;
       } else {
         input.value = false;
@@ -9080,7 +9080,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         return props.falseValue;
       }
     }
-    onMounted$1(() => {
+    onMounted(() => {
       if (props.modelValue === props.trueValue) {
         input.value = true;
       } else {
@@ -10715,8 +10715,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         tooltip.value && tooltip.value.popper.value && tooltip.value.popper.value.update();
       }, 50);
     }
-    watch(() => props.modelValue, (val2) => {
-      let percent = val2;
+    watch(() => props.modelValue, (val) => {
+      let percent = val;
       percent = percent > 100 ? 100 : percent;
       percent = percent < 0 ? 0 : percent;
       setPosition(percent);
@@ -10897,7 +10897,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const defaultSlot = useSlots().default;
     const props = __props;
     const context = inject("bge-select-context", void 0);
-    onMounted$1(() => {
+    onMounted(() => {
       context.addOption({
         ...props
       });
@@ -10916,8 +10916,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
-  for (const [key, val2] of props) {
-    target[key] = val2;
+  for (const [key, val] of props) {
+    target[key] = val;
   }
   return target;
 };
@@ -14729,8 +14729,8 @@ const errors = {
   prop: (name) => `"${name}" prop must be enabled!`,
   dateArr: (name) => `You need to use array as "model-value" binding in order to support "${name}"`
 };
-const convertType = (val2) => {
-  return val2;
+const convertType = (val) => {
+  return val;
 };
 const getNumVal = (num) => {
   if (num === 0)
@@ -15562,8 +15562,8 @@ const getDefaultUI = (ui) => {
       Object.keys(ui).map((item) => {
         const key = item;
         const value = ui[key];
-        const val2 = typeof ui[key] === "string" ? { [value]: true } : Object.fromEntries(value.map((k) => [k, true]));
-        return [item, val2];
+        const val = typeof ui[key] === "string" ? { [value]: true } : Object.fromEntries(value.map((k) => [k, true]));
+        return [item, val];
       })
     )
   };
@@ -15719,7 +15719,7 @@ const useExternalInternalMapper = (emit, props, isInputFocused) => {
   const mapYearExternalToInternal = (value) => {
     if (Array.isArray(value)) {
       if (defaultedMultiDates.value.enabled) {
-        return value.map((val2) => convertCustomModeType(val2, setYear(getDate(), val2)));
+        return value.map((val) => convertCustomModeType(val, setYear(getDate(), val)));
       }
       return checkRangeEnabled(
         () => [
@@ -15756,7 +15756,7 @@ const useExternalInternalMapper = (emit, props, isInputFocused) => {
     const today = set(getDate(), { date: 1 });
     if (Array.isArray(value)) {
       if (defaultedMultiDates.value.enabled) {
-        return value.map((val2) => convertCustomModeType(val2, setDateMonthOrYear(today, +val2.month, +val2.year)));
+        return value.map((val) => convertCustomModeType(val, setDateMonthOrYear(today, +val.month, +val.year)));
       }
       return checkRangeEnabled(
         () => [
@@ -15903,22 +15903,22 @@ const useExternalInternalMapper = (emit, props, isInputFocused) => {
     }
     return convertModelToTz(new Date(value));
   };
-  const toModelType = (val2) => {
-    if (!val2)
+  const toModelType = (val) => {
+    if (!val)
       return "";
     if (props.utc) {
-      return dateToUtc(val2, props.utc === "preserve", props.enableSeconds);
+      return dateToUtc(val, props.utc === "preserve", props.enableSeconds);
     }
     if (props.modelType) {
       if (props.modelType === "timestamp")
-        return +convertZonedModelToLocal(val2);
+        return +convertZonedModelToLocal(val);
       if (props.modelType === "iso")
-        return convertZonedModelToLocal(val2).toISOString();
+        return convertZonedModelToLocal(val).toISOString();
       if (props.modelType === "format" && (typeof props.format === "string" || !props.format))
-        return formatDateFn(convertZonedModelToLocal(val2));
-      return formatDateFn(convertZonedModelToLocal(val2), props.modelType, true);
+        return formatDateFn(convertZonedModelToLocal(val));
+      return formatDateFn(convertZonedModelToLocal(val), props.modelType, true);
     }
-    return convertZonedModelToLocal(val2);
+    return convertZonedModelToLocal(val);
   };
   const emitValue = (value, useTz = false, returnOnly = false) => {
     if (returnOnly)
@@ -16770,9 +16770,9 @@ const useValidation = (props) => {
     }
     return true;
   };
-  const isValidYear = (val2) => {
-    if (val2) {
-      const activeYear = getYear(val2);
+  const isValidYear = (val) => {
+    if (val) {
+      const activeYear = getYear(val);
       return activeYear >= +props.yearRange[0] && activeYear <= props.yearRange[1];
     }
     return true;
@@ -17236,7 +17236,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         handleRangeTextInput(value);
       } else if (defaultedMultiDates.value.enabled) {
         const dates = value.split(`;`);
-        parsedDate.value = dates.map((val2) => parser(val2.trim())).filter((val2) => val2);
+        parsedDate.value = dates.map((val) => parser(val.trim())).filter((val) => val);
       } else {
         parsedDate.value = parser(value);
       }
@@ -17478,7 +17478,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const previewStyle = ref({});
     const actionBtnContainer = ref(null);
     const actionRowRef = ref(null);
-    onMounted$1(() => {
+    onMounted(() => {
       if (props.arrowNavigation) {
         buildMatrix([unrefElement(cancelButtonRef), unrefElement(selectButtonRef)], "actionRow");
       }
@@ -17678,7 +17678,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     onBeforeUpdate(() => {
       selectionActiveRef.value = null;
     });
-    onMounted$1(() => {
+    onMounted(() => {
       nextTick().then(() => setContainerHeightAndScroll());
       if (!props.noOverlayFocus) {
         focusGrid();
@@ -17764,9 +17764,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    const onClick = (val2) => {
-      if (!val2.disabled) {
-        emit("selected", val2.value);
+    const onClick = (val) => {
+      if (!val.disabled) {
+        emit("selected", val.value);
       }
     };
     const toggle = () => {
@@ -17803,9 +17803,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         return;
       checkStopPropagation(ev, defaultedConfig.value, true);
     };
-    const setHoverValue = (val2) => {
-      hoverValue.value = val2;
-      emit("hover-value", val2);
+    const setHoverValue = (val) => {
+      hoverValue.value = val;
+      emit("hover-value", val);
     };
     const onTab = () => {
       toggle();
@@ -17976,7 +17976,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const elRef = ref(null);
-    onMounted$1(() => emit("set-ref", elRef));
+    onMounted(() => emit("set-ref", elRef));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
         ref_key: "elRef",
@@ -18271,7 +18271,7 @@ const useMonthOrQuarterPicker = ({
       }
     }
   });
-  onMounted$1(() => {
+  onMounted(() => {
     assign();
   });
   const selectYear = (year2, instance) => {
@@ -18372,7 +18372,7 @@ const useMonthPicker = (props, emit) => {
     props,
     emit
   });
-  onMounted$1(() => {
+  onMounted(() => {
     if (props.startDate) {
       if (modelValue.value && props.focusStartDate || !modelValue.value) {
         onYearSelect(getYear(getDate(props.startDate)), 0);
@@ -18388,7 +18388,7 @@ const useMonthPicker = (props, emit) => {
   const getModelMonthYear = () => {
     if (modelValue.value) {
       if (Array.isArray(modelValue.value)) {
-        return modelValue.value.map((val2) => getMonthYear(val2));
+        return modelValue.value.map((val) => getMonthYear(val));
       }
       return getMonthYear(modelValue.value);
     }
@@ -18545,7 +18545,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const slots2 = useSlots();
     const yearModeSlots = mapSlots(slots2, "yearMode");
     const props = __props;
-    onMounted$1(() => {
+    onMounted(() => {
       if (!props.shadow) {
         emit("mount", null);
       }
@@ -18660,7 +18660,7 @@ const useYearPicker = (props, emit) => {
   const hoverDate = ref(null);
   const { defaultedHighlight, defaultedMultiDates, defaultedFilters, defaultedRange, propDates } = useDefaults(props);
   const focusYear = ref();
-  onMounted$1(() => {
+  onMounted(() => {
     if (props.startDate) {
       if (modelValue.value && props.focusStartDate || !modelValue.value) {
         focusYear.value = getYear(getDate(props.startDate));
@@ -18860,7 +18860,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const elementRefs = ref([]);
     const holdTimeout = ref();
     const timeOverlayOpen = ref(false);
-    onMounted$1(() => {
+    onMounted(() => {
       emit("mounted");
     });
     const setTime = (time) => {
@@ -18875,17 +18875,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       () => (type4) => isValueDisabled(type4, props[type4]) || isOverlayValueDisabled(type4, props[type4])
     );
     const timeValues = computed(() => ({ hours: props.hours, minutes: props.minutes, seconds: props.seconds }));
-    const isOverlayValueDisabled = (type4, val2) => {
+    const isOverlayValueDisabled = (type4, val) => {
       if (defaultedRange.value.enabled && !defaultedRange.value.disableTimeRangeValidation) {
-        return !props.validateTime(type4, val2);
+        return !props.validateTime(type4, val);
       }
       return false;
     };
     const disabledRangedArrows = (type4, inc) => {
       if (defaultedRange.value.enabled && !defaultedRange.value.disableTimeRangeValidation) {
         const inVal = inc ? +props[`${type4}Increment`] : -+props[`${type4}Increment`];
-        const val2 = props[type4] + inVal;
-        return !props.validateTime(type4, val2);
+        const val = props[type4] + inVal;
+        return !props.validateTime(type4, val);
       }
       return false;
     };
@@ -18939,10 +18939,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         return true;
       return Boolean((_a = disabledTimes[type4]) == null ? void 0 : _a.includes(value));
     };
-    const getAmPmDiff = (val2, type4) => {
+    const getAmPmDiff = (val, type4) => {
       if (type4 !== "hours")
-        return val2;
-      return amPm.value === "AM" ? val2 : val2 + 12;
+        return val;
+      return amPm.value === "AM" ? val : val + 12;
     };
     const getGridItems = (type4) => {
       const timeRange = props.is24 ? 24 : 12;
@@ -18962,16 +18962,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         return { active, disabled };
       });
     };
-    const sanitizeMinutesAndSeconds = (val2) => val2 >= 0 ? val2 : 59;
-    const sanitizeHours = (val2) => val2 >= 0 ? val2 : 23;
-    const isDateInRange = (val2, type4) => {
+    const sanitizeMinutesAndSeconds = (val) => val >= 0 ? val : 59;
+    const sanitizeHours = (val) => val >= 0 ? val : 23;
+    const isDateInRange = (val, type4) => {
       const minTime = props.minTime ? setTime(sanitizeTime(props.minTime)) : null;
       const maxTime = props.maxTime ? setTime(sanitizeTime(props.maxTime)) : null;
       const selectedDate = setTime(
         sanitizeTime(
           timeValues.value,
           type4,
-          type4 === "minutes" || type4 === "seconds" ? sanitizeMinutesAndSeconds(val2) : sanitizeHours(val2)
+          type4 === "minutes" || type4 === "seconds" ? sanitizeMinutesAndSeconds(val) : sanitizeHours(val)
         )
       );
       if (minTime && maxTime)
@@ -19300,7 +19300,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const timeInputRefs = ref([]);
     const overlayRef = ref(null);
     const timePickerOverlayOpen = ref(false);
-    onMounted$1(() => {
+    onMounted(() => {
       emit("mount");
       if (!props.timePicker && props.arrowNavigation) {
         buildMatrix([unrefElement(openTimePickerBtn.value)], "time");
@@ -19704,7 +19704,7 @@ const useTimePicker = (props, emit) => {
     }
     return assignTime(first.hours, first.minutes, first.seconds);
   };
-  onMounted$1(() => {
+  onMounted(() => {
     if (!props.shadow) {
       assignStartTime(defaultedStartTime.value);
       if (!modelValue.value)
@@ -19761,7 +19761,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const timePickerSlots = mapSlots(slots2, "timePicker");
     const tpRef = ref(null);
     const { time, modelValue, disabledTimesConfig, updateTime, validateTime: validateTime2 } = useTimePicker(props, emit);
-    onMounted$1(() => {
+    onMounted(() => {
       if (!props.shadow) {
         emit("mount", null);
       }
@@ -19862,7 +19862,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const showYearPicker = ref(false);
     const overlayOpen = ref(false);
     const elementRefs = ref([null, null, null, null]);
-    onMounted$1(() => {
+    onMounted(() => {
       emit("mount");
     });
     const bindOptions = (type4) => ({
@@ -19917,13 +19917,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         return { active, disabled, highlighted };
       });
     });
-    const toggleWrap = (val2, type4, show) => {
+    const toggleWrap = (val, type4, show) => {
       if (show !== void 0) {
-        val2.value = show;
+        val.value = show;
       } else {
-        val2.value = !val2.value;
+        val.value = !val.value;
       }
-      if (!val2.value) {
+      if (!val.value) {
         overlayOpen.value = false;
         emit("overlay-closed", type4);
       } else {
@@ -19958,7 +19958,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           index: 1,
           toggle: toggleMonthPicker,
           modelValue: monthModelBind.value,
-          updateModelValue: (val2) => monthModelBind.value = val2,
+          updateModelValue: (val) => monthModelBind.value = val,
           text: getMonthDisplayVal.value.text,
           showSelectionGrid: showMonthPicker.value,
           items: groupedMonths.value,
@@ -19970,7 +19970,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           index: 2,
           toggle: toggleYearPicker,
           modelValue: yearModelBind.value,
-          updateModelValue: (val2) => yearModelBind.value = val2,
+          updateModelValue: (val) => yearModelBind.value = val,
           text: formatNumber(props.year, props.locale),
           showSelectionGrid: showYearPicker.value,
           items: groupedYears.value,
@@ -20223,7 +20223,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
       return getDayNames(props.formatLocale, props.locale, +props.weekStart);
     });
-    onMounted$1(() => {
+    onMounted(() => {
       emit("mount", { cmp: "calendar", refs: dayRefs });
       if (!defaultedConfig.value.noSwipe) {
         if (calendarWrapRef.value) {
@@ -20594,7 +20594,7 @@ const useDatePicker = (props, emit, triggerCalendarTransition, updateFlow) => {
       emit("select-date");
     }
   };
-  onMounted$1(() => {
+  onMounted(() => {
     if (!props.shadow) {
       if (!modelValue.value) {
         setStartDate();
@@ -20978,16 +20978,16 @@ const useDatePicker = (props, emit, triggerCalendarTransition, updateFlow) => {
       postRangeSelect();
     }
   };
-  const updateMonthYear = (instance, val2) => {
+  const updateMonthYear = (instance, val) => {
     var _a;
-    setCalendarMonthYear(instance, val2.month, val2.year, true);
+    setCalendarMonthYear(instance, val.month, val.year, true);
     if (defaultedMultiCalendars.value.count && !defaultedMultiCalendars.value.solo) {
       autoChangeMultiCalendars(instance);
     }
-    emit("update-month-year", { instance, month: val2.month, year: val2.year });
+    emit("update-month-year", { instance, month: val.month, year: val.year });
     triggerCalendarTransition(defaultedMultiCalendars.value.solo ? instance : void 0);
     const flowActive = ((_a = props.flow) == null ? void 0 : _a.length) ? props.flow[props.flowStep] : void 0;
-    if (!val2.fromNav && (flowActive === FlowStep.month || flowActive === FlowStep.year)) {
+    if (!val.fromNav && (flowActive === FlowStep.month || flowActive === FlowStep.year)) {
       updateFlow();
     }
   };
@@ -21382,7 +21382,7 @@ const useQuarterPicker = (props, emit) => {
   const isQuarterActive = computed(() => (date4) => {
     if (modelValue.value) {
       if (Array.isArray(modelValue.value)) {
-        return modelValue.value.some((val2) => isSameQuarter(date4, val2));
+        return modelValue.value.some((val) => isSameQuarter(date4, val));
       }
       return isSameQuarter(modelValue.value, date4);
     }
@@ -21677,7 +21677,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const innerMenuRef = ref(null);
     const menuMount = ref(false);
     const dynCmpRef = ref(null);
-    onMounted$1(() => {
+    onMounted(() => {
       if (!props.shadow) {
         menuMount.value = true;
         getCalendarWidth();
@@ -22142,7 +22142,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       defaultedMultiDates
     } = useDefaults(props);
     const { menuTransition, showTransition } = useTransitions(defaultedTransitions);
-    onMounted$1(() => {
+    onMounted(() => {
       parseExternalModelValue(props.modelValue);
       nextTick().then(() => {
         if (!defaultedInline.value.enabled) {
@@ -22585,19 +22585,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const inputValue = ref();
     const formItemContext = inject(formItemContextKey, void 0);
-    function inputValueCallback(val2) {
-      inputValue.value = val2.split(" - ");
+    function inputValueCallback(val) {
+      inputValue.value = val.split(" - ");
     }
-    watch(() => props.modelValue, (val2) => {
-      date4.value = val2;
+    watch(() => props.modelValue, (val) => {
+      date4.value = val;
       formItemContext && formItemContext.validate && formItemContext.validate().catch((err) => err);
     });
-    watch(date4, (val2) => {
-      emit("input", val2);
-      emit("change", val2);
-      emit("update:modelValue", val2);
+    watch(date4, (val) => {
+      emit("input", val);
+      emit("change", val);
+      emit("update:modelValue", val);
     });
-    onMounted$1(() => {
+    onMounted(() => {
       if (props.modelValue) {
         date4.value = props.modelValue;
       }
@@ -22694,13 +22694,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isChecked = ref(false);
     const emit = __emit;
     const props = __props;
-    watch(() => props.modelValue, (val2) => {
-      isChecked.value = val2 === props.trueValue;
+    watch(() => props.modelValue, (val) => {
+      isChecked.value = val === props.trueValue;
     }, {
       immediate: true
     });
-    watch(isChecked, (val2) => {
-      if (val2) {
+    watch(isChecked, (val) => {
+      if (val) {
         emit("update:modelValue", props.trueValue);
         emit("change", props.trueValue);
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bge-ui",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "",
   "type": "module",
   "main": "./src/index.ts",

package/src/checkbox/index.vue

@@ -25,7 +25,7 @@
   </label>
 </template>
 <script lang="ts" setup>
-import { ref, watch, inject } from 'vue'
+import { ref, watch, inject, onMounted } from 'vue'
 defineOptions({
   name: 'CheckBox',
 })
@@ -95,15 +95,15 @@ watch(() => props.modelValue, (val) => {
 })
 
 onMounted(() => { 
-  if (typeof val === 'number' || typeof val === 'string' || typeof val === 'boolean') {
+  if (typeof props.modelValue === 'number' || typeof props.modelValue === 'string' || typeof props.modelValue === 'boolean') {
     input.value = true
-    if (val === props.trueValue) {
+    if (props.modelValue === props.trueValue) {
       input.value = true
     } else {
       input.value = false
     }
   } else {
-    if (val.includes(props.trueValue)) {
+    if (props.modelValue.includes(props.trueValue)) {
       input.value = true
     } else {
       input.value = false