@evance/evance-ui 1.1.8 → 1.1.9

package/dist/cjs/components/EvThumbnail/EvThumbnail.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvThumbnail.cjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { makeEvImgProps } from \"@/components/EvImg\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { PropType } from \"vue\";\n\nexport type ThumbnailSize = HintedString<\n    | \"xx-small\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\"\n    | \"xx-large\"\n>;\n\nexport const thumbnailPresets = {\n    defaults: {\n        inline: true,\n        aspectRatio: 1,\n    },\n    \"xx-small\": {\n        height: 24,\n        rounded: \"x-small\",\n    },\n    \"x-small\": {\n        height: 36,\n        rounded: \"x-small\",\n    },\n    small: {\n        height: 48,\n        rounded: \"small\",\n    },\n    medium: {\n        height: 64,\n        rounded: \"small\",\n    },\n    large: {\n        height: 96,\n        rounded: \"medium\",\n    },\n    \"x-large\": {\n        height: 128,\n        rounded: \"large\",\n    },\n    \"xx-large\": {\n        height: 256,\n        rounded: \"large\",\n    },\n};\n\nexport const makeEvThumbnailProps = propsFactory(\n    {\n        size: String as PropType<ThumbnailSize>,\n\n        ...makeEvImgProps(),\n        ...makeRoundedProps(),\n        ...makeComponentProps(),\n    },\n    \"EvThumbnail\",\n);"],"names":["propsFactory","makeEvImgProps","makeRoundedProps","makeComponentProps"],"mappings":";;;;;;;AAgBO,MAAM,mBAAmB;AAAA,EAC5B,UAAU;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EAAA;AAEjB;AAEO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,MAAM;AAAA,IAEN,GAAGC,qBAAe;AAAA,IAClB,GAAGC,yBAAiB;AAAA,IACpB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;"}

package/dist/cjs/components/EvThumbnail/EvThumbnail.vue.cjs

@@ -0,0 +1,82 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                   */
+const EvThumbnail = require("./EvThumbnail.cjs");
+const EvImg_vue_vue_type_script_setup_true_lang = require("../EvImg/EvImg.vue.cjs");
+const rounded = require("../../composables/rounded.cjs");
+const DangerIcon = require("../../icons/glyph/DangerIcon.svg.cjs");
+const ImageIcon = require("../../icons/glyph/ImageIcon.svg.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const EvSkeleton_vue_vue_type_script_setup_true_lang = require("../EvSkeleton/EvSkeleton.vue.cjs");
+const aspectRatio = require("../../composables/aspectRatio.cjs");
+const helpers = require("../../util/helpers.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvThumbnail",
+  props: { ...EvThumbnail.makeEvThumbnailProps() },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const computedProps = vue.computed(() => {
+      if (!props.size) {
+        return props;
+      }
+      const presets = EvThumbnail.thumbnailPresets[props.size] ?? {};
+      const defaults = EvThumbnail.thumbnailPresets.defaults;
+      const combined = helpers.applyDefaults(props, { ...defaults, ...presets });
+      if (!combined.width && combined.aspectRatio && combined.height) {
+        const aspectRatio$1 = aspectRatio.parseAspectRatio(combined.aspectRatio);
+        if (aspectRatio$1 && isFinite(aspectRatio$1)) {
+          const numericHeight = typeof combined.height === "string" ? parseFloat(combined.height) : combined.height;
+          const width = Math.round(numericHeight * aspectRatio$1);
+          return { ...combined, width };
+        }
+      }
+      return combined;
+    });
+    const imgProps = vue.computed(
+      () => helpers.filterComponentProps(EvImg_vue_vue_type_script_setup_true_lang.default, computedProps.value)
+    );
+    const roundedClasses = vue.computed(
+      () => rounded.useRounded(computedProps.value).roundedClasses.value
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvImg_vue_vue_type_script_setup_true_lang.default), vue.mergeProps({
+        class: ["ev-thumbnail", roundedClasses.value]
+      }, imgProps.value), vue.createSlots({
+        placeholder: vue.withCtx(() => [
+          vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+            glyph: vue.unref(ImageIcon.default),
+            appearance: "subtle"
+          }, null, 8, ["glyph"])
+        ]),
+        loading: vue.withCtx(() => [
+          vue.createVNode(vue.unref(EvSkeleton_vue_vue_type_script_setup_true_lang.default), {
+            type: "image",
+            width: "100%",
+            height: "100%"
+          })
+        ]),
+        error: vue.withCtx(() => [
+          vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+            glyph: vue.unref(DangerIcon.default),
+            appearance: "danger"
+          }, null, 8, ["glyph"])
+        ]),
+        _: 2
+      }, [
+        vue.unref(slots).default ? {
+          name: "default",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvThumbnail.vue.cjs.map

package/dist/cjs/components/EvThumbnail/EvThumbnail.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvThumbnail.vue.cjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvThumbnail.scss\";\nimport { makeEvThumbnailProps, thumbnailPresets } from \"./EvThumbnail\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { computed } from \"vue\";\nimport { applyDefaults, filterComponentProps } from \"@/util\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { DangerIcon, ImageIcon } from \"@/icons\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\nimport { parseAspectRatio } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvThumbnailProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst computedProps = computed(() => {\n    if (!props.size) {\n        return props;\n    }\n    const presets = thumbnailPresets[props.size] ?? {};\n    const defaults = thumbnailPresets.defaults;\n    const combined = applyDefaults(props, { ...defaults, ...presets });\n\n    if (!combined.width && combined.aspectRatio && combined.height) {\n        const aspectRatio = parseAspectRatio(combined.aspectRatio);\n        if (aspectRatio && isFinite(aspectRatio)) {\n            const numericHeight =\n                typeof combined.height === \"string\"\n                    ? parseFloat(combined.height)\n                    : combined.height;\n            const width = Math.round(numericHeight * aspectRatio);\n            return { ...combined, width };\n        }\n    }\n    return combined;\n});\n\nconst imgProps = computed(() =>\n    filterComponentProps(EvImg, computedProps.value),\n);\nconst roundedClasses = computed(\n    () => useRounded(computedProps.value).roundedClasses.value,\n);\n\n\n</script>\n\n<template>\n    <ev-img :class=\"['ev-thumbnail', roundedClasses]\" v-bind=\"imgProps\">\n        <template v-if=\"slots.default\" #default>\n            <slot />\n        </template>\n        <template #placeholder>\n            <ev-icon :glyph=\"ImageIcon\" appearance=\"subtle\" />\n        </template>\n        <template #loading>\n            <ev-skeleton type=\"image\" width=\"100%\" height=\"100%\" />\n        </template>\n        <template #error>\n            <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\n        </template>\n    </ev-img>\n</template>\n"],"names":["_useSlots","computed","thumbnailPresets","applyDefaults","aspectRatio","parseAspectRatio","filterComponentProps","EvImg","useRounded"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQA,IAAAA;AAIR,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,MAAM;AACN,eAAA;AAAA,MAAA;AAEX,YAAM,UAAUC,YAAA,iBAAiB,MAAM,IAAI,KAAK,CAAC;AACjD,YAAM,WAAWA,YAAAA,iBAAiB;AAC5B,YAAA,WAAWC,QAAAA,cAAc,OAAO,EAAE,GAAG,UAAU,GAAG,SAAS;AAEjE,UAAI,CAAC,SAAS,SAAS,SAAS,eAAe,SAAS,QAAQ;AACtD,cAAAC,gBAAcC,YAAAA,iBAAiB,SAAS,WAAW;AACrD,YAAAD,iBAAe,SAASA,aAAW,GAAG;AAChC,gBAAA,gBACF,OAAO,SAAS,WAAW,WACrB,WAAW,SAAS,MAAM,IAC1B,SAAS;AACnB,gBAAM,QAAQ,KAAK,MAAM,gBAAgBA,aAAW;AAC7C,iBAAA,EAAE,GAAG,UAAU,MAAM;AAAA,QAAA;AAAA,MAChC;AAEG,aAAA;AAAA,IAAA,CACV;AAED,UAAM,WAAWH,IAAA;AAAA,MAAS,MACtBK,QAAA,qBAAqBC,mDAAO,cAAc,KAAK;AAAA,IACnD;AACA,UAAM,iBAAiBN,IAAA;AAAA,MACnB,MAAMO,mBAAW,cAAc,KAAK,EAAE,eAAe;AAAA,IACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvThumbnail/EvThumbnail.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvThumbnail_vue_vue_type_script_setup_true_lang = require("./EvThumbnail.vue.cjs");
+exports.default = EvThumbnail_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvThumbnail.vue2.cjs.map

package/dist/cjs/components/EvTimeField/EvTimeField.cjs

@@ -0,0 +1,20 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TimeIcon = require("../../icons/glyph/TimeIcon.svg.cjs");
+const props = require("../../util/props.cjs");
+const helpers = require("../../util/helpers.cjs");
+const EvTextfield = require("../EvTextfield/EvTextfield.cjs");
+const makeEvTimeFieldProps = props.propsFactory(
+  {
+    ...helpers.omit(
+      EvTextfield.makeEvTextfieldProps({
+        iconStart: TimeIcon.default
+      }),
+      ["type"]
+    )
+  },
+  "EvTimeField"
+);
+exports.makeEvTimeFieldProps = makeEvTimeFieldProps;
+//# sourceMappingURL=EvTimeField.cjs.map

package/dist/cjs/components/EvTimeField/EvTimeField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTimeField.cjs","sources":["../../../../src/components/EvTimeField/EvTimeField.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvTextfieldProps } from \"@/components\";\nimport { TimeIcon } from \"@/icons\";\n\nexport const makeEvTimeFieldProps = propsFactory(\n    {\n        ...omit(\n            makeEvTextfieldProps({\n                iconStart: TimeIcon,\n            }),\n            [\"type\"],\n        ),\n    },\n    \"EvTimeField\",\n);"],"names":["propsFactory","omit","makeEvTextfieldProps","TimeIcon"],"mappings":";;;;;;;AAIO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,GAAGC,QAAA;AAAA,MACCC,iCAAqB;AAAA,QACjB,WAAWC,SAAAA;AAAAA,MAAA,CACd;AAAA,MACD,CAAC,MAAM;AAAA,IAAA;AAAA,EAEf;AAAA,EACA;AACJ;;"}

package/dist/cjs/components/EvTimeField/EvTimeField.vue.cjs

@@ -0,0 +1,246 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                   */
+const EvTimeField = require("./EvTimeField.cjs");
+const EvMenu_vue_vue_type_script_setup_true_lang = require("../EvMenu/EvMenu.vue.cjs");
+const EvTextfield_vue_vue_type_script_setup_true_lang = require("../EvTextfield/EvTextfield.vue.cjs");
+const EvSurface_vue_vue_type_script_setup_true_lang = require("../EvSurface/EvSurface.vue.cjs");
+const EvTimePicker_vue_vue_type_script_setup_true_lang = require("../EvTimePicker/EvTimePicker.vue.cjs");
+const time = require("../../composables/time.cjs");
+const modelProxy = require("../../composables/modelProxy.cjs");
+const helpers = require("../../util/helpers.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvTimeField",
+  props: {
+    ...EvTimeField.makeEvTimeFieldProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    let inferredFormat = null;
+    const modelValue = modelProxy.useModelProxy(
+      props,
+      "modelValue",
+      void 0,
+      (value) => {
+        inferredFormat = time.inferTimeFormat(value);
+        const date = time.normalizeTimeToDate(value);
+        if (!date) {
+          return null;
+        }
+        date.setSeconds(0, 0);
+        return date;
+      },
+      (value) => {
+        return time.serializeDateToTime(value, inferredFormat ?? "time");
+      }
+    );
+    const displayValue = vue.ref("");
+    const pickerValue = vue.ref(null);
+    vue.watch(
+      modelValue,
+      (value) => {
+        displayValue.value = time.displayTimeFromDate(value);
+        pickerValue.value = modelValue.value;
+      },
+      { immediate: true }
+    );
+    const evMenuRef = vue.ref();
+    const evTextfieldRef = vue.ref();
+    const evTextfieldProps = vue.computed(() => {
+      return helpers.omit(helpers.filterComponentProps(EvTextfield_vue_vue_type_script_setup_true_lang.default, props), ["modelValue"]);
+    });
+    const isFocused = vue.shallowRef(false);
+    const timePickerRef = vue.ref();
+    const isMenuOpen = vue.shallowRef(false);
+    function onMenuAfterLeave() {
+      if (isFocused.value && evTextfieldRef.value) {
+        evTextfieldRef.value.focus();
+      }
+    }
+    function onFieldFocus() {
+      isFocused.value = true;
+      isMenuOpen.value = true;
+    }
+    function onFieldBlur(e) {
+      var _a;
+      if (!((_a = timePickerRef.value) == null ? void 0 : _a.$el.contains(e.relatedTarget))) {
+        isMenuOpen.value = false;
+        if (displayValue.value.length === 0) {
+          if (inferredFormat === "time") {
+            modelValue.value = null;
+          } else {
+            const date2 = modelValue.value;
+            date2.setHours(0, 0, 0, 0);
+            modelValue.value = date2;
+            displayValue.value = "00:00";
+          }
+          return;
+        }
+        const parts = displayValue.value.split(":");
+        const date = pickerValue.value ?? /* @__PURE__ */ new Date();
+        let minutes = Number(parts[1] ?? 0);
+        if (minutes < 10) {
+          minutes *= 10;
+        }
+        date.setHours(Number(parts[0]), minutes, 0, 0);
+        modelValue.value = time.normalizeTimeToDate(date);
+        displayValue.value = time.displayTimeFromDate(date);
+      }
+    }
+    function onDatePickerFocusIn(e) {
+      isFocused.value = true;
+    }
+    function normalizeTimeInput(raw) {
+      let value = raw.replace(/[^\d:]/g, "");
+      const parts = value.split(":");
+      if (parts.length > 2) {
+        value = parts[0] + ":" + parts.slice(1).join("");
+      }
+      const [hoursRaw, minutesRaw = ""] = value.split(":");
+      if (!value.includes(":") && hoursRaw.length >= 2) {
+        value = hoursRaw.slice(0, 2) + ":" + hoursRaw.slice(2);
+      }
+      const [h, m = ""] = value.split(":");
+      let hours = h;
+      if (value.includes(":") && h.length === 1) {
+        hours = "0" + h;
+      }
+      if (hours.length === 2 && Number(hours) > 23) {
+        hours = "23";
+      }
+      let minutes = m.slice(0, 2);
+      if (minutes.length === 2 && Number(minutes) > 59) {
+        minutes = "59";
+      }
+      return value.includes(":") ? `${hours}:${minutes}` : hours;
+    }
+    function onUpdatePickerValue(value) {
+      modelValue.value = time.normalizeTimeToDate(value);
+    }
+    function onFieldKeydown(e) {
+      const passThrough = [
+        "Backspace",
+        "Delete",
+        "Home",
+        "End",
+        "ArrowLeft",
+        "ArrowRight",
+        "Tab"
+      ];
+      if (passThrough.includes(e.key)) {
+        return;
+      }
+      const isPaste = e.key === "v" && e.ctrlKey;
+      const isSelectAll = e.key === "a" && e.ctrlKey;
+      const whitelist = new RegExp("[0-9:]");
+      if (!whitelist.test(e.key) && !isPaste && !isSelectAll) {
+        e.preventDefault();
+        return;
+      }
+      const raw = e.target.value;
+      if (e.key === ":" && raw.includes(":")) {
+        e.preventDefault();
+        return;
+      }
+      if (raw.length - getSelectedLength(e.target) >= 5) {
+        e.preventDefault();
+        return;
+      }
+    }
+    function getSelectedLength(input) {
+      if (input.selectionStart == null || input.selectionEnd == null) {
+        return 0;
+      }
+      return input.selectionEnd - input.selectionStart;
+    }
+    function onFieldInput(e) {
+      const raw = e.target.value;
+      displayValue.value = normalizeTimeInput(raw);
+      if (displayValue.value.length === 0) {
+        if (inferredFormat === "time") {
+          modelValue.value = null;
+        } else {
+          const date2 = modelValue.value;
+          date2.setHours(0, 0, 0, 0);
+          modelValue.value = date2;
+        }
+        return;
+      }
+      const parts = displayValue.value.split(":");
+      const date = pickerValue.value ?? /* @__PURE__ */ new Date();
+      let minutes = Number(parts[1] ?? 0);
+      if (minutes < 10) {
+        minutes *= 10;
+      }
+      date.setHours(Number(parts[0]), minutes, 0, 0);
+      pickerValue.value = time.normalizeTimeToDate(date);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvTextfield_vue_vue_type_script_setup_true_lang.default), vue.mergeProps({
+        ref_key: "evTextfieldRef",
+        ref: evTextfieldRef
+      }, evTextfieldProps.value, {
+        focused: isFocused.value,
+        "onUpdate:focused": _cache[2] || (_cache[2] = ($event) => isFocused.value = $event),
+        class: "ev-time-field",
+        inputmode: "numeric",
+        pattern: "[0-9:]*",
+        "model-value": displayValue.value,
+        "onClick:control": onFieldFocus,
+        onBlur: onFieldBlur,
+        onKeydown: onFieldKeydown,
+        onInput: onFieldInput
+      }), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(EvMenu_vue_vue_type_script_setup_true_lang.default), {
+            ref_key: "evMenuRef",
+            ref: evMenuRef,
+            modelValue: isMenuOpen.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isMenuOpen.value = $event),
+            activator: "parent",
+            position: "bottom-start",
+            "open-on-click": false,
+            "close-on-content-click": false,
+            onAfterLeave: onMenuAfterLeave
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(EvSurface_vue_vue_type_script_setup_true_lang.default), {
+                elevation: "overlay",
+                class: "ev-time-field--surface"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(EvTimePicker_vue_vue_type_script_setup_true_lang.default), {
+                    ref_key: "timePickerRef",
+                    ref: timePickerRef,
+                    modelValue: pickerValue.value,
+                    "onUpdate:modelValue": [
+                      _cache[0] || (_cache[0] = ($event) => pickerValue.value = $event),
+                      onUpdatePickerValue
+                    ],
+                    onFocusin: onDatePickerFocusIn
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 2
+      }, [
+        vue.unref(slots).label ? {
+          name: "label",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "label")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["focused", "model-value"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvTimeField.vue.cjs.map

package/dist/cjs/components/EvTimeField/EvTimeField.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTimeField.vue.cjs","sources":["../../../../src/components/EvTimeField/EvTimeField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimeField.scss\";\nimport { makeEvTimeFieldProps } from \"./EvTimeField\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTimePicker } from \"@/components/EvTimePicker\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { FocusEvent, KeyboardEvent } from \"react\";\nimport { useModelProxy } from \"@/composables\";\nimport {\n    displayTimeFromDate,\n    inferTimeFormat,\n    normalizeTimeToDate,\n    serializeDateToTime,\n} from \"@/composables/time\";\n\nconst props = defineProps({\n    ...makeEvTimeFieldProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\nlet inferredFormat = null;\nconst modelValue = useModelProxy(\n    props,\n    \"modelValue\",\n    undefined,\n    (value) => {\n        inferredFormat = inferTimeFormat(value);\n        const date = normalizeTimeToDate(value);\n        if (!date) {\n            return null;\n        }\n        date.setSeconds(0, 0);\n        return date;\n    },\n    (value) => {\n        return serializeDateToTime(value, inferredFormat ?? \"time\");\n    },\n);\n\nconst displayValue = ref(\"\");\nconst pickerValue = ref(null);\n\nwatch(\n    modelValue,\n    (value) => {\n        displayValue.value = displayTimeFromDate(value);\n        pickerValue.value = modelValue.value;\n    },\n    { immediate: true },\n);\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Time Picker\nconst timePickerRef = ref<typeof EvTimePicker>();\n\n// Menu\nconst isMenuOpen = shallowRef(false);\n\n/**\n * ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n */\nfunction onMenuAfterLeave() {\n    if (isFocused.value && evTextfieldRef.value) {\n        evTextfieldRef.value.focus();\n    }\n}\n\nfunction onFieldFocus() {\n    isFocused.value = true;\n    isMenuOpen.value = true;\n}\n\nfunction onFieldBlur(e: FocusEvent) {\n    if (!timePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        isMenuOpen.value = false;\n        if (displayValue.value.length === 0) {\n            if (inferredFormat === \"time\") {\n                modelValue.value = null;\n            } else {\n                const date = modelValue.value;\n                date.setHours(0, 0, 0, 0);\n                modelValue.value = date;\n                displayValue.value = \"00:00\";\n            }\n            return;\n        }\n        const parts = displayValue.value.split(\":\");\n        const date = pickerValue.value ?? new Date();\n        let minutes = Number(parts[1] ?? 0);\n        if (minutes < 10) {\n            minutes *= 10;\n        }\n        date.setHours(Number(parts[0]), minutes, 0, 0);\n        modelValue.value = normalizeTimeToDate(date);\n        displayValue.value = displayTimeFromDate(date);\n    }\n}\n\nfunction onDatePickerFocusIn(e: FocusEvent) {\n    isFocused.value = true;\n}\n\nfunction normalizeTimeInput(raw: string): string {\n    let value = raw.replace(/[^\\d:]/g, \"\");\n    // Prevent more than one colon\n    const parts = value.split(\":\");\n    if (parts.length > 2) {\n        value = parts[0] + \":\" + parts.slice(1).join(\"\");\n    }\n    const [hoursRaw, minutesRaw = \"\"] = value.split(\":\");\n    // Auto insert colon after 2 digits IF user hasn't typed one\n    if (!value.includes(\":\") && hoursRaw.length >= 2) {\n        value = hoursRaw.slice(0, 2) + \":\" + hoursRaw.slice(2);\n    }\n    const [h, m = \"\"] = value.split(\":\");\n    // Pad single-digit hour when colon appears\n    let hours = h;\n    if (value.includes(\":\") && h.length === 1) {\n        hours = \"0\" + h;\n    }\n\n    // Limit ranges (soft clamp while typing)\n    if (hours.length === 2 && Number(hours) > 23) {\n        hours = \"23\";\n    }\n\n    let minutes = m.slice(0, 2);\n    if (minutes.length === 2 && Number(minutes) > 59) {\n        minutes = \"59\";\n    }\n\n    return value.includes(\":\") ? `${hours}:${minutes}` : hours;\n}\n\nfunction onUpdatePickerValue(value) {\n    modelValue.value = normalizeTimeToDate(value);\n}\n\nfunction onFieldKeydown(e: KeyboardEvent) {\n    const passThrough = [\n        \"Backspace\",\n        \"Delete\",\n        \"Home\",\n        \"End\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Tab\",\n    ];\n    if (passThrough.includes(e.key)) {\n        return;\n    }\n    const isPaste = e.key === \"v\" && e.ctrlKey;\n    const isSelectAll = e.key === \"a\" && e.ctrlKey;\n    // Block anything not in the whitelist\n    const whitelist = new RegExp(\"[0-9:]\");\n    if (!whitelist.test(e.key) && !isPaste && !isSelectAll) {\n        e.preventDefault();\n        return;\n    }\n    const raw = (e.target as HTMLInputElement).value;\n    if (e.key === \":\" && raw.includes(\":\")) {\n        e.preventDefault();\n        return;\n    }\n    if (raw.length - getSelectedLength(e.target as HTMLInputElement) >= 5) {\n        e.preventDefault();\n        return;\n    }\n}\n\n/**\n * ## Get Selected Length\n * @param input\n */\nfunction getSelectedLength(input: HTMLInputElement): number\n{\n    if (input.selectionStart == null || input.selectionEnd == null) {\n        return 0;\n    }\n    return input.selectionEnd - input.selectionStart;\n}\n\nfunction onFieldInput(e: Event) {\n    const raw = (e.target as HTMLInputElement).value;\n    displayValue.value = normalizeTimeInput(raw);\n\n    if (displayValue.value.length === 0) {\n        if (inferredFormat === \"time\") {\n            modelValue.value = null;\n        } else {\n            const date = modelValue.value;\n            date.setHours(0, 0, 0, 0);\n            modelValue.value = date;\n        }\n        return;\n    }\n\n    // Attempt to update picker if we have a value that is reasonable\n    const parts = displayValue.value.split(\":\");\n    const date = pickerValue.value ?? new Date();\n    let minutes = Number(parts[1] ?? 0);\n    if (minutes < 10) {\n        minutes *= 10;\n    }\n    date.setHours(Number(parts[0]), minutes, 0, 0);\n    pickerValue.value = normalizeTimeToDate(date);\n}\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model:focused=\"isFocused\"\n        class=\"ev-time-field\"\n        inputmode=\"numeric\"\n        pattern=\"[0-9:]*\"\n        :model-value=\"displayValue\"\n        @click:control=\"onFieldFocus\"\n        @blur=\"onFieldBlur\"\n        @keydown=\"onFieldKeydown\"\n        @input=\"onFieldInput\">\n        <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n        </template>\n        <template #default>\n            <ev-menu\n                ref=\"evMenuRef\"\n                v-model=\"isMenuOpen\"\n                activator=\"parent\"\n                position=\"bottom-start\"\n                :open-on-click=\"false\"\n                :close-on-content-click=\"false\"\n                @after-leave=\"onMenuAfterLeave\">\n                <ev-surface elevation=\"overlay\" class=\"ev-time-field--surface\">\n                    <ev-time-picker\n                        ref=\"timePickerRef\"\n                        v-model=\"pickerValue\"\n                        @focusin=\"onDatePickerFocusIn\"\n                        @update:model-value=\"onUpdatePickerValue\" />\n                </ev-surface>\n            </ev-menu>\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["_useSlots","useModelProxy","inferTimeFormat","normalizeTimeToDate","serializeDateToTime","ref","watch","displayTimeFromDate","computed","omit","filterComponentProps","EvTextfield","shallowRef","date"],"mappings":"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"}

package/dist/cjs/components/EvTimeField/EvTimeField.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvTimeField_vue_vue_type_script_setup_true_lang = require("./EvTimeField.vue.cjs");
+exports.default = EvTimeField_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvTimeField.vue2.cjs.map

package/dist/cjs/components/EvTimePicker/EvTimePicker.cjs

@@ -0,0 +1,17 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const props = require("../../util/props.cjs");
+const makeEvTimePickerProps = props.propsFactory(
+  {
+    modelValue: [String, Date],
+    hourFormat: {
+      type: Number,
+      default: void 0,
+      validator: (val) => val === 12 || val === 24
+    }
+  },
+  "EvTimePicker"
+);
+exports.makeEvTimePickerProps = makeEvTimePickerProps;
+//# sourceMappingURL=EvTimePicker.cjs.map

package/dist/cjs/components/EvTimePicker/EvTimePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTimePicker.cjs","sources":["../../../../src/components/EvTimePicker/EvTimePicker.ts"],"sourcesContent":["import { EventProp, propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\nexport interface EvTimePickerProps {\n    modelValue: string | Date;\n    hourFormat: 12 | 24;\n    period: \"am\" | \"pm\";\n    \"onUpdate:modelValue\": EventProp<[unknown]> | undefined;\n}\n\nexport const makeEvTimePickerProps = propsFactory(\n    {\n        modelValue: [String, Date],\n        hourFormat: {\n            type: Number as PropType<EvTimePickerProps[\"hourFormat\"]>,\n            default: undefined,\n            validator: (val: number) => val === 12 || val === 24,\n        },\n    },\n    \"EvTimePicker\",\n);\n"],"names":["propsFactory"],"mappings":";;;;AAUO,MAAM,wBAAwBA,MAAA;AAAA,EACjC;AAAA,IACI,YAAY,CAAC,QAAQ,IAAI;AAAA,IACzB,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAgB,QAAQ,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE1D;AAAA,EACA;AACJ;;"}

package/dist/cjs/components/EvTimePicker/EvTimePicker.vue.cjs

@@ -0,0 +1,154 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                    */
+const EvTimePicker = require("./EvTimePicker.cjs");
+const EvTimePickerHours_vue_vue_type_script_setup_true_lang = require("./EvTimePickerHours/EvTimePickerHours.vue.cjs");
+const EvTimePickerMinutes_vue_vue_type_script_setup_true_lang = require("./EvTimePickerMinutes/EvTimePickerMinutes.vue.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("../EvButton/EvButton.vue.cjs");
+const EvButtonSelect_vue_vue_type_script_setup_true_lang = require("../EvButtonSelect/EvButtonSelect.vue.cjs");
+const EvNumber_vue_vue_type_script_setup_true_lang = require("../EvNumber/EvNumber.vue.cjs");
+const EvDivider_vue_vue_type_script_setup_true_lang = require("../EvDivider/EvDivider.vue.cjs");
+;/* empty css                            */
+const EvHeading_vue_vue_type_script_setup_true_lang = require("../EvHeading/EvHeading.vue.cjs");
+;/* empty css                            */
+const time = require("../../composables/time.cjs");
+const locale = require("../../composables/locale.cjs");
+const date = require("../../composables/date/date.cjs");
+const modelProxy = require("../../composables/modelProxy.cjs");
+const _hoisted_1 = { class: "ev-time-picker" };
+const _hoisted_2 = { class: "ev-time-picker--controls" };
+const _hoisted_3 = { class: "ev-time-picker--options" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvTimePicker",
+  props: {
+    ...EvTimePicker.makeEvTimePickerProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const locale$1 = locale.useLocaleManager();
+    const dateAdapter = date.useDate();
+    const period = vue.shallowRef("am");
+    let inferredFormat = null;
+    const modelValue = modelProxy.useModelProxy(
+      props,
+      "modelValue",
+      void 0,
+      (value) => {
+        inferredFormat = time.inferTimeFormat(value);
+        const date2 = time.normalizeTimeToDate(value);
+        if (!date2) {
+          return null;
+        }
+        date2.setSeconds(0, 0);
+        period.value = date2.getHours() >= 12 ? "pm" : "am";
+        return date2;
+      },
+      (value) => {
+        return time.serializeDateToTime(value, inferredFormat ?? "time");
+      }
+    );
+    const hourFormat = vue.computed(() => {
+      if (props.hourFormat) {
+        return props.hourFormat;
+      }
+      const formatter = new Intl.DateTimeFormat(locale$1.currentLocale.value, {
+        hour: "numeric"
+      });
+      const options = formatter.resolvedOptions();
+      return ["h11", "h12"].includes(options.hourCycle) ? 12 : 24;
+    });
+    function onClickPeriod() {
+      if (!modelValue.value) {
+        return;
+      }
+      const value = dateAdapter.date(modelValue.value);
+      const modifier = period.value === "am" ? -12 : 12;
+      value.setHours(value.getHours() + modifier);
+      modelValue.value = new Date(value);
+    }
+    const hours = vue.computed(() => {
+      var _a;
+      return ((_a = modelValue.value) == null ? void 0 : _a.getHours()) ?? 0;
+    });
+    const minutes = vue.computed(() => {
+      var _a;
+      return ((_a = modelValue.value) == null ? void 0 : _a.getMinutes()) ?? 0;
+    });
+    const numberFormat = {
+      minimumIntegerDigits: 2,
+      useGrouping: false
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(EvHeading_vue_vue_type_script_setup_true_lang.default), {
+            size: "x-large",
+            tag: "div",
+            class: "mb-0"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(EvNumber_vue_vue_type_script_setup_true_lang.default), {
+                value: hours.value,
+                format: numberFormat
+              }, null, 8, ["value"]),
+              vue.createTextVNode(":"),
+              vue.createVNode(vue.unref(EvNumber_vue_vue_type_script_setup_true_lang.default), {
+                value: minutes.value,
+                format: numberFormat
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(vue.unref(EvButtonSelect_vue_vue_type_script_setup_true_lang.default), {
+            modelValue: period.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => period.value = $event),
+            mandatory: "",
+            rounded: "",
+            size: "small",
+            variant: "subtle",
+            "selected-variant": "bold"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang.default), {
+                value: "am",
+                text: "AM",
+                onClick: onClickPeriod
+              }),
+              vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang.default), {
+                value: "pm",
+                text: "PM",
+                onClick: onClickPeriod
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        vue.createVNode(vue.unref(EvDivider_vue_vue_type_script_setup_true_lang.default)),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(vue.unref(EvTimePickerHours_vue_vue_type_script_setup_true_lang.default), {
+            modelValue: vue.unref(modelValue),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+            period: period.value,
+            "hour-format": hourFormat.value
+          }, null, 8, ["modelValue", "period", "hour-format"]),
+          vue.createVNode(vue.unref(EvDivider_vue_vue_type_script_setup_true_lang.default), { vertical: "" }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(":")
+            ]),
+            _: 1
+          }),
+          vue.createVNode(vue.unref(EvTimePickerMinutes_vue_vue_type_script_setup_true_lang.default), {
+            modelValue: vue.unref(modelValue),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+            "hour-format": hourFormat.value
+          }, null, 8, ["modelValue", "hour-format"])
+        ])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvTimePicker.vue.cjs.map

package/dist/cjs/components/EvTimePicker/EvTimePicker.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTimePicker.vue.cjs","sources":["../../../../src/components/EvTimePicker/EvTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimePicker.scss\";\nimport { computed, shallowRef } from \"vue\";\nimport { useDate, useLocaleManager, useModelProxy } from \"@/composables\";\nimport { makeEvTimePickerProps } from \"./EvTimePicker\";\nimport { EvTimePickerHours } from \"./EvTimePickerHours\";\nimport { EvTimePickerMinutes } from \"./EvTimePickerMinutes\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonSelect } from \"@/components/EvButtonSelect\";\nimport { EvNumber } from \"@/components/EvNumber\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvHeading } from \"@/components/EvHeading\";\nimport {\n    inferTimeFormat,\n    normalizeTimeToDate,\n    serializeDateToTime,\n} from \"@/composables/time\";\n\nconst props = defineProps({\n    ...makeEvTimePickerProps(),\n});\ndefineEmits([\"update:modelValue\"]);\nconst locale = useLocaleManager();\nconst dateAdapter = useDate();\nconst period = shallowRef(\"am\");\nlet inferredFormat = null;\nconst modelValue = useModelProxy(\n    props,\n    \"modelValue\",\n    undefined,\n    (value) => {\n        inferredFormat = inferTimeFormat(value);\n        const date = normalizeTimeToDate(value);\n        if (!date) {\n            return null;\n        }\n        date.setSeconds(0, 0);\n        period.value = date.getHours() >= 12 ? \"pm\" : \"am\";\n        return date;\n    },\n    (value) => {\n        return serializeDateToTime(value, inferredFormat ?? \"time\");\n    },\n);\n\nconst hourFormat = computed<12 | 24>(() => {\n    if (props.hourFormat) {\n        return props.hourFormat;\n    }\n    const formatter = new Intl.DateTimeFormat(locale.currentLocale.value, {\n        hour: \"numeric\",\n    });\n    const options = formatter.resolvedOptions();\n    return [\"h11\", \"h12\"].includes(options.hourCycle) ? 12 : 24;\n});\n\nfunction onClickPeriod() {\n    if (!modelValue.value) {\n        return;\n    }\n    const value = dateAdapter.date(modelValue.value) as Date;\n    const modifier = period.value === \"am\" ? -12 : 12;\n    value.setHours(value.getHours() + modifier);\n    modelValue.value = new Date(value);\n}\n\nconst hours = computed(() => {\n    return modelValue.value?.getHours() ?? 0;\n});\n\nconst minutes = computed(() => {\n    return modelValue.value?.getMinutes() ?? 0;\n});\n\nconst numberFormat = {\n    minimumIntegerDigits: 2,\n    useGrouping: false,\n};\n\n</script>\n\n<template>\n    <div class=\"ev-time-picker\">\n\n        <div class=\"ev-time-picker--controls\">\n            <ev-heading size=\"x-large\" tag=\"div\" class=\"mb-0\">\n                <ev-number :value=\"hours\" :format=\"numberFormat\" />:<ev-number\n                    :value=\"minutes\"\n                    :format=\"numberFormat\" />\n            </ev-heading>\n\n            <ev-button-select\n                v-model=\"period\"\n                mandatory\n                rounded\n                size=\"small\"\n                variant=\"subtle\"\n                selected-variant=\"bold\">\n                <ev-button value=\"am\" text=\"AM\" @click=\"onClickPeriod\" />\n                <ev-button value=\"pm\" text=\"PM\" @click=\"onClickPeriod\" />\n            </ev-button-select>\n        </div>\n\n        <ev-divider />\n\n        <div class=\"ev-time-picker--options\">\n            <ev-time-picker-hours\n                v-model=\"modelValue\"\n                :period=\"period\"\n                :hour-format=\"hourFormat\" />\n\n            <ev-divider vertical>:</ev-divider>\n\n            <ev-time-picker-minutes\n                v-model=\"modelValue\"\n                :hour-format=\"hourFormat\" />\n        </div>\n    </div>\n</template>\n"],"names":["locale","useLocaleManager","useDate","shallowRef","useModelProxy","inferTimeFormat","date","normalizeTimeToDate","serializeDateToTime","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAMA,WAASC,OAAAA,iBAAiB;AAChC,UAAM,cAAcC,KAAAA,QAAQ;AACtB,UAAA,SAASC,eAAW,IAAI;AAC9B,QAAI,iBAAiB;AACrB,UAAM,aAAaC,WAAA;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,UAAU;AACP,yBAAiBC,qBAAgB,KAAK;AAChC,cAAAC,QAAOC,yBAAoB,KAAK;AACtC,YAAI,CAACD,OAAM;AACA,iBAAA;AAAA,QAAA;AAEN,QAAAA,MAAA,WAAW,GAAG,CAAC;AACpB,eAAO,QAAQA,MAAK,SAAS,KAAK,KAAK,OAAO;AACvC,eAAAA;AAAA,MACX;AAAA,MACA,CAAC,UAAU;AACA,eAAAE,yBAAoB,OAAO,kBAAkB,MAAM;AAAA,MAAA;AAAA,IAElE;AAEM,UAAA,aAAaC,IAAAA,SAAkB,MAAM;AACvC,UAAI,MAAM,YAAY;AAClB,eAAO,MAAM;AAAA,MAAA;AAEjB,YAAM,YAAY,IAAI,KAAK,eAAeT,SAAO,cAAc,OAAO;AAAA,QAClE,MAAM;AAAA,MAAA,CACT;AACK,YAAA,UAAU,UAAU,gBAAgB;AACnC,aAAA,CAAC,OAAO,KAAK,EAAE,SAAS,QAAQ,SAAS,IAAI,KAAK;AAAA,IAAA,CAC5D;AAED,aAAS,gBAAgB;AACjB,UAAA,CAAC,WAAW,OAAO;AACnB;AAAA,MAAA;AAEJ,YAAM,QAAQ,YAAY,KAAK,WAAW,KAAK;AAC/C,YAAM,WAAW,OAAO,UAAU,OAAO,MAAM;AAC/C,YAAM,SAAS,MAAM,SAAS,IAAI,QAAQ;AAC/B,iBAAA,QAAQ,IAAI,KAAK,KAAK;AAAA,IAAA;AAG/B,UAAA,QAAQS,IAAAA,SAAS,MAAM;;AAClB,eAAA,gBAAW,UAAX,mBAAkB,eAAc;AAAA,IAAA,CAC1C;AAEK,UAAA,UAAUA,IAAAA,SAAS,MAAM;;AACpB,eAAA,gBAAW,UAAX,mBAAkB,iBAAgB;AAAA,IAAA,CAC5C;AAED,UAAM,eAAe;AAAA,MACjB,sBAAsB;AAAA,MACtB,aAAa;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvTimePicker/EvTimePicker.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvTimePicker_vue_vue_type_script_setup_true_lang = require("./EvTimePicker.vue.cjs");
+exports.default = EvTimePicker_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvTimePicker.vue2.cjs.map

package/dist/cjs/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.cjs

@@ -0,0 +1,14 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const props = require("../../../util/props.cjs");
+const makeEvTimePickerHoursProps = props.propsFactory(
+  {
+    period: String,
+    modelValue: Date,
+    hourFormat: Number
+  },
+  "EvTimePickerHours"
+);
+exports.makeEvTimePickerHoursProps = makeEvTimePickerHoursProps;
+//# sourceMappingURL=EvTimePickerHours.cjs.map

package/dist/cjs/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTimePickerHours.cjs","sources":["../../../../../src/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\n\nexport const makeEvTimePickerHoursProps = propsFactory(\n    {\n        period: String,\n        modelValue: Date,\n        hourFormat: Number as PropType<12 | 24>,\n    },\n    \"EvTimePickerHours\",\n);\n\nexport interface Hour {\n    value: string;\n    text: string;\n    isDisabled: boolean;\n    isSelected: boolean;\n}\n"],"names":["propsFactory"],"mappings":";;;;AAIO,MAAM,6BAA6BA,MAAA;AAAA,EACtC;AAAA,IACI,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA;AACJ;;"}