@rotki/ui-library 2.15.0 → 2.16.1

package/dist/components/date-time-picker/RuiDateTimePicker.vue2.js

@@ -1,394 +0,0 @@
-import { defineComponent, useCssVars, unref, useModel, ref, useTemplateRef, computed, openBlock, createBlock, mergeProps, isRef, withCtx, createVNode, renderSlot, createElementVNode, createElementBlock, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, withModifiers, mergeModels, nextTick } from "vue";
-import RuiButton from "../buttons/button/RuiButton.vue.js";
-import _sfc_main$1 from "./RuiDateTimePickerMenu.vue.js";
-import { useDateTimeSelection } from "./use-date-time-selection.js";
-import { useInputHandler } from "./use-input-handler.js";
-import { useKeyboardHandler } from "./use-keyboard-handler.js";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-import RuiMenu from "../overlays/menu/RuiMenu.vue.js";
-import { useLabelWithQuote } from "../../composables/forms/use-label-with-quote.js";
-import { getRootAttrs, getNonRootAttrs } from "../../utils/helpers.js";
-import { useFocusWithin, useFocus, isDefined } from "@vueuse/core";
-import { get, set } from "@vueuse/shared";
-const _hoisted_1 = ["data-error", "tabindex"];
-const _hoisted_2 = {
-  key: 0,
-  "data-id": "required-indicator",
-  class: "text-rui-error"
-};
-const _hoisted_3 = ["disabled", "value", "placeholder", "readonly", "aria-invalid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiDateTimePicker",
-    inheritAttrs: false
-  },
-  __name: "RuiDateTimePicker",
-  props: /* @__PURE__ */ mergeModels({
-    minDate: {},
-    maxDate: {},
-    format: { default: "day-first" },
-    type: { default: "epoch-ms" },
-    accuracy: { default: "minute" },
-    disabled: { type: Boolean, default: false },
-    allowEmpty: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    dense: { type: Boolean, default: false },
-    label: { default: "Pick a date" },
-    variant: { default: "default" },
-    hint: {},
-    errorMessages: { default: () => [] },
-    successMessages: { default: () => [] },
-    hideDetails: { type: Boolean, default: false },
-    required: { type: Boolean, default: false }
-  }, {
-    "modelValue": { required: true },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v335a9d31": unref(labelWithQuote)
-    }));
-    const modelValue = useModel(__props, "modelValue");
-    const baseFormats = {
-      "day-first": "DD/MM/YYYY HH:mm",
-      "month-first": "MM/DD/YYYY HH:mm",
-      "year-first": "YYYY/MM/DD HH:mm"
-    };
-    const isOpen = ref(false);
-    const cursorPosition = ref(0);
-    const currentValue = ref();
-    const textInput = useTemplateRef("textInput");
-    const activator = useTemplateRef("activator");
-    const menuWrapperRef = useTemplateRef("menuWrapperRef");
-    const calendarMenuOpen = ref(false);
-    const { focused: activatorFocusedWithin } = useFocusWithin(activator);
-    const { focused: menuWrapperFocusedWithin } = useFocusWithin(menuWrapperRef);
-    const { focused: searchInputFocused } = useFocus(textInput);
-    const anyFocused = computed(() => get(activatorFocusedWithin) || get(menuWrapperFocusedWithin));
-    const {
-      clear: clearSelection,
-      getDateTime,
-      internalErrorMessages,
-      maxAllowedDate,
-      minAllowedDate,
-      segmentData,
-      selectedDate,
-      selectedDay,
-      selectedHour,
-      selectedMillisecond,
-      selectedMinute,
-      selectedMonth,
-      selectedSecond,
-      selectedTime,
-      selectedTimezone,
-      selectedYear,
-      setNow,
-      valueSet
-    } = useDateTimeSelection({
-      accuracy: __props.accuracy,
-      allowEmpty: __props.allowEmpty,
-      maxDate: __props.maxDate,
-      minDate: __props.minDate,
-      modelValue,
-      type: __props.type
-    });
-    const { setValue, getCurrent } = useInputHandler(segmentData, currentValue);
-    const dateFormat = computed(() => {
-      const fmt = baseFormats[__props.format];
-      if (__props.accuracy === "second") {
-        return fmt.replace("HH:mm", "HH:mm:ss");
-      } else if (__props.accuracy === "millisecond") {
-        return fmt.replace("HH:mm", "HH:mm:ss.SSS");
-      }
-      return fmt;
-    });
-    const {
-      getCurrentSegment,
-      handleBlur,
-      handleClick,
-      handleFocus,
-      handleInput,
-      handleInputSelection,
-      handleKeyDown,
-      handleMouseDown,
-      handlePaste,
-      setSegment
-    } = useKeyboardHandler({
-      accuracy: __props.accuracy,
-      currentValue,
-      cursorPosition,
-      dateFormat,
-      disabled: __props.disabled,
-      getCurrent,
-      getDateTime,
-      readonly: __props.readonly,
-      setValue,
-      textInput
-    });
-    const labelWithQuote = useLabelWithQuote(
-      () => __props.label,
-      () => __props.required
-    );
-    const isOutlined = computed(() => __props.variant === "outlined");
-    const formattedDisplay = computed(() => {
-      let result = get(dateFormat);
-      const replacements = [
-        { pattern: "YYYY", value: getDisplayValue(selectedYear, 4) },
-        { pattern: "MM", value: getDisplayValue(selectedMonth, 2) },
-        { pattern: "DD", value: getDisplayValue(selectedDay, 2) },
-        { pattern: "HH", value: getDisplayValue(selectedHour, 2) },
-        { pattern: "mm", value: getDisplayValue(selectedMinute, 2) },
-        { pattern: "ss", value: getDisplayValue(selectedSecond, 2) },
-        { pattern: "SSS", value: getDisplayValue(selectedMillisecond, 3) }
-      ];
-      for (const { pattern, value } of replacements) {
-        if (value !== void 0) {
-          result = result.replace(pattern, value);
-        }
-      }
-      return result;
-    });
-    const timeSelection = computed({
-      get() {
-        const type = getCurrentSegment()?.type;
-        if (type === "mm") {
-          return "minute";
-        } else if (type === "ss") {
-          return "second";
-        } else if (type === "SSS") {
-          return "millisecond";
-        }
-        return "hour";
-      },
-      set(value) {
-        let segmentType = "HH";
-        if (value === "minute") {
-          segmentType = "mm";
-        } else if (value === "second") {
-          segmentType = "ss";
-        } else if (value === "millisecond") {
-          segmentType = "SSS";
-        }
-        setSegment(segmentType);
-      }
-    });
-    const float = computed(() => (get(isOpen) || get(valueSet) || get(searchInputFocused)) && get(isOutlined));
-    const combinedErrorMessages = computed(() => {
-      let propErrors;
-      if (__props.errorMessages) {
-        propErrors = Array.isArray(__props.errorMessages) ? __props.errorMessages : [__props.errorMessages];
-      } else {
-        propErrors = Array.isArray(__props.errorMessages) ? __props.errorMessages : [];
-      }
-      return [...propErrors, ...get(internalErrorMessages)];
-    });
-    function getDisplayValue(digit, padding) {
-      return isDefined(digit) ? get(digit).toString().padStart(padding, "0") : void 0;
-    }
-    async function setInputFocus() {
-      await nextTick(() => {
-        set(searchInputFocused, true);
-      });
-    }
-    function clear(segmentType) {
-      {
-        clearSelection();
-        set(currentValue, void 0);
-        return;
-      }
-    }
-    function handleInputClick(event) {
-      handleClick(event);
-      if (!get(isOpen)) {
-        set(isOpen, true);
-      }
-    }
-    function arrowClicked(event) {
-      if (get(isOpen)) {
-        set(isOpen, false);
-        event.stopPropagation();
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(RuiMenu, mergeProps({
-        modelValue: unref(isOpen),
-        "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => isRef(isOpen) ? isOpen.value = $event : null),
-        class: _ctx.$style.wrapper,
-        dense: __props.dense,
-        hint: __props.hint,
-        disabled: __props.disabled,
-        "success-messages": __props.successMessages,
-        "error-messages": unref(combinedErrorMessages),
-        "close-on-content-click": false,
-        "show-details": !__props.hideDetails,
-        persistent: unref(calendarMenuOpen),
-        popper: {
-          placement: "bottom-start"
-        },
-        "full-width": "",
-        "disable-auto-focus": ""
-      }, {
-        ...unref(getRootAttrs)(_ctx.$attrs)
-      }), {
-        activator: withCtx(({ attrs, open, hasError, hasSuccess }) => [
-          createElementVNode("div", mergeProps({
-            ref_key: "activator",
-            ref: activator,
-            class: ["group", [
-              _ctx.$style.activator,
-              {
-                [_ctx.$style.disabled]: __props.disabled,
-                [_ctx.$style.readonly]: __props.readonly,
-                [_ctx.$style.outlined]: unref(isOutlined),
-                [_ctx.$style.dense]: __props.dense,
-                [_ctx.$style.float]: unref(float),
-                [_ctx.$style.opened]: open,
-                [_ctx.$style["with-value"]]: unref(valueSet),
-                [_ctx.$style["with-error"]]: hasError,
-                [_ctx.$style["with-success"]]: hasSuccess && !hasError
-              }
-            ]]
-          }, {
-            ...unref(getNonRootAttrs)(_ctx.$attrs, ["onClick", "class"]),
-            ...__props.readonly ? {} : attrs
-          }, {
-            "data-id": "activator",
-            "data-error": hasError ? "" : void 0,
-            tabindex: __props.disabled || __props.readonly ? -1 : 0,
-            onClick: _cache[10] || (_cache[10] = ($event) => setInputFocus())
-          }), [
-            unref(isOutlined) && (unref(searchInputFocused) || open || unref(valueSet)) ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              "data-id": "label",
-              class: normalizeClass([
-                _ctx.$style.label,
-                {
-                  "absolute": unref(isOutlined),
-                  "pr-2": !unref(valueSet) && !open && unref(isOutlined)
-                }
-              ])
-            }, [
-              createTextVNode(toDisplayString(__props.label) + " ", 1),
-              __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, " ﹡ ")) : createCommentVNode("", true)
-            ], 2)) : createCommentVNode("", true),
-            createElementVNode("span", {
-              class: normalizeClass([_ctx.$style.icon__wrapper, _ctx.$style.icon__prepend])
-            }, [
-              createVNode(RuiIcon, {
-                class: normalizeClass([_ctx.$style.icon]),
-                size: __props.dense ? 16 : 24,
-                name: "lu-calendar-days"
-              }, null, 8, ["class", "size"])
-            ], 2),
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.value)
-            }, [
-              createElementVNode("input", {
-                ref_key: "textInput",
-                ref: textInput,
-                disabled: __props.disabled,
-                value: unref(formattedDisplay),
-                class: "bg-transparent outline-none flex-1 min-w-0",
-                type: "text",
-                placeholder: unref(dateFormat),
-                readonly: __props.readonly,
-                "aria-invalid": hasError,
-                onMousedown: _cache[0] || (_cache[0] = ($event) => unref(handleMouseDown)($event)),
-                onFocus: _cache[1] || (_cache[1] = ($event) => unref(handleFocus)()),
-                onBlur: _cache[2] || (_cache[2] = ($event) => unref(handleBlur)()),
-                onSelect: _cache[3] || (_cache[3] = ($event) => unref(handleInputSelection)($event)),
-                onClick: _cache[4] || (_cache[4] = withModifiers(($event) => handleInputClick($event), ["stop"])),
-                onKeydown: _cache[5] || (_cache[5] = ($event) => unref(handleKeyDown)($event)),
-                onPaste: _cache[6] || (_cache[6] = ($event) => unref(handlePaste)($event)),
-                onInput: _cache[7] || (_cache[7] = ($event) => unref(handleInput)($event))
-              }, null, 40, _hoisted_3)
-            ], 2),
-            __props.allowEmpty && unref(valueSet) && !__props.disabled ? (openBlock(), createBlock(RuiButton, {
-              key: 1,
-              variant: "text",
-              icon: "",
-              "data-id": "clear-button",
-              size: "sm",
-              tabindex: "-1",
-              color: "error",
-              class: normalizeClass(["group-hover:!visible", [
-                _ctx.$style.clear,
-                unref(anyFocused) && "!visible",
-                {
-                  "mr-2": !__props.dense
-                }
-              ]]),
-              onClick: _cache[8] || (_cache[8] = withModifiers(($event) => clear(), ["stop", "prevent"]))
-            }, {
-              default: withCtx(() => [
-                createVNode(RuiIcon, {
-                  name: "lu-x",
-                  size: "18"
-                })
-              ]),
-              _: 1
-            }, 8, ["class"])) : createCommentVNode("", true),
-            createElementVNode("span", {
-              class: normalizeClass([_ctx.$style.icon__wrapper, _ctx.$style.icon__append]),
-              "data-id": "append",
-              onClick: _cache[9] || (_cache[9] = ($event) => arrowClicked($event))
-            }, [
-              createVNode(RuiIcon, {
-                class: normalizeClass([_ctx.$style.icon, { "rotate-180": open }]),
-                size: __props.dense ? 16 : 24,
-                name: "lu-chevron-down"
-              }, null, 8, ["class", "size"])
-            ], 2)
-          ], 16, _hoisted_1),
-          unref(isOutlined) ? (openBlock(), createElementBlock("fieldset", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.fieldset)
-          }, [
-            createElementVNode("legend", {
-              class: normalizeClass({ "px-2": unref(float) })
-            }, null, 2)
-          ], 2)) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createVNode(_sfc_main$1, {
-            ref_key: "menuWrapperRef",
-            ref: menuWrapperRef,
-            "selected-date": unref(selectedDate),
-            "onUpdate:selectedDate": _cache[11] || (_cache[11] = ($event) => isRef(selectedDate) ? selectedDate.value = $event : null),
-            "selected-time": unref(selectedTime),
-            "onUpdate:selectedTime": _cache[12] || (_cache[12] = ($event) => isRef(selectedTime) ? selectedTime.value = $event : null),
-            "selected-hour": unref(selectedHour),
-            "onUpdate:selectedHour": _cache[13] || (_cache[13] = ($event) => isRef(selectedHour) ? selectedHour.value = $event : null),
-            "selected-minute": unref(selectedMinute),
-            "onUpdate:selectedMinute": _cache[14] || (_cache[14] = ($event) => isRef(selectedMinute) ? selectedMinute.value = $event : null),
-            "selected-second": unref(selectedSecond),
-            "onUpdate:selectedSecond": _cache[15] || (_cache[15] = ($event) => isRef(selectedSecond) ? selectedSecond.value = $event : null),
-            "selected-millisecond": unref(selectedMillisecond),
-            "onUpdate:selectedMillisecond": _cache[16] || (_cache[16] = ($event) => isRef(selectedMillisecond) ? selectedMillisecond.value = $event : null),
-            "time-selection": unref(timeSelection),
-            "onUpdate:timeSelection": _cache[17] || (_cache[17] = ($event) => isRef(timeSelection) ? timeSelection.value = $event : null),
-            "selected-timezone": unref(selectedTimezone),
-            "onUpdate:selectedTimezone": _cache[18] || (_cache[18] = ($event) => isRef(selectedTimezone) ? selectedTimezone.value = $event : null),
-            "calendar-menu-open": unref(calendarMenuOpen),
-            "onUpdate:calendarMenuOpen": _cache[19] || (_cache[19] = ($event) => isRef(calendarMenuOpen) ? calendarMenuOpen.value = $event : null),
-            accuracy: __props.accuracy,
-            "max-date": unref(maxAllowedDate),
-            "min-date": unref(minAllowedDate),
-            onSetNow: _cache[20] || (_cache[20] = ($event) => unref(setNow)())
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "menu-content")
-            ]),
-            _: 3
-          }, 8, ["selected-date", "selected-time", "selected-hour", "selected-minute", "selected-second", "selected-millisecond", "time-selection", "selected-timezone", "calendar-menu-open", "accuracy", "max-date", "min-date"])
-        ]),
-        _: 3
-      }, 16, ["modelValue", "class", "dense", "hint", "disabled", "success-messages", "error-messages", "show-details", "persistent"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiDateTimePicker.vue2.js.map

package/dist/components/date-time-picker/RuiDateTimePicker.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiDateTimePicker.vue2.js","sources":["../../../src/components/date-time-picker/RuiDateTimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DateTimeSegmentType } from '@/components/date-time-picker/types';\nimport type { TimePickerSelection } from '@/components/time-picker/RuiTimePicker.vue';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiDateTimePickerMenu from '@/components/date-time-picker/RuiDateTimePickerMenu.vue';\nimport { useDateTimeSelection } from '@/components/date-time-picker/use-date-time-selection';\nimport { useInputHandler } from '@/components/date-time-picker/use-input-handler';\nimport { useKeyboardHandler } from '@/components/date-time-picker/use-keyboard-handler';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu from '@/components/overlays/menu/RuiMenu.vue';\nimport { useLabelWithQuote } from '@/composables/forms/use-label-with-quote';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\ntype DateFormat = 'year-first' | 'month-first' | 'day-first';\n\ntype DateTimeModelType = 'date' | 'epoch-ms' | 'epoch';\n\ntype ModelValueType<T extends DateTimeModelType> = T extends 'date'\n  ? Date | undefined\n  : T extends 'epoch-ms'\n    ? number | undefined\n    : T extends 'epoch'\n      ? number | undefined\n      : Date | number | undefined;\n\nexport interface RuiDateTimePickerProps {\n  minDate?: Date | number;\n  maxDate?: Date | number | 'now';\n  format?: DateFormat;\n  type?: DateTimeModelType;\n  accuracy?: 'minute' | 'second' | 'millisecond';\n  disabled?: boolean;\n  allowEmpty?: boolean;\n  readonly?: boolean;\n  dense?: boolean;\n  label?: string;\n  variant?: 'default' | 'filled' | 'outlined';\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiDateTimePicker',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<ModelValueType<DateTimeModelType>>({ required: true });\n\nconst {\n  disabled = false,\n  readonly = false,\n  allowEmpty = false,\n  dense = false,\n  type = 'epoch-ms',\n  hideDetails = false,\n  label = 'Pick a date',\n  variant = 'default',\n  hint,\n  maxDate,\n  minDate,\n  format = 'day-first',\n  accuracy = 'minute',\n  errorMessages = [],\n  successMessages = [],\n  required = false,\n} = defineProps<RuiDateTimePickerProps>();\n\ndefineSlots<{\n  'menu-content': () => any;\n}>();\n\nconst baseFormats: Record<DateFormat, string> = {\n  'day-first': 'DD/MM/YYYY HH:mm',\n  'month-first': 'MM/DD/YYYY HH:mm',\n  'year-first': 'YYYY/MM/DD HH:mm',\n};\n\nconst isOpen = ref<boolean>(false);\nconst cursorPosition = ref<number>(0);\nconst currentValue = ref<number>();\n\nconst textInput = useTemplateRef<HTMLInputElement>('textInput');\nconst activator = useTemplateRef<HTMLDivElement>('activator');\nconst menuWrapperRef = useTemplateRef<HTMLDivElement>('menuWrapperRef');\nconst calendarMenuOpen = ref<boolean>(false);\n\nconst { focused: activatorFocusedWithin } = useFocusWithin(activator);\nconst { focused: menuWrapperFocusedWithin } = useFocusWithin(menuWrapperRef);\nconst { focused: searchInputFocused } = useFocus(textInput);\n\nconst anyFocused = computed<boolean>(() => get(activatorFocusedWithin) || get(menuWrapperFocusedWithin));\n\nconst {\n  clear: clearSelection,\n  getDateTime,\n  internalErrorMessages,\n  maxAllowedDate,\n  minAllowedDate,\n  segmentData,\n  selectedDate,\n  selectedDay,\n  selectedHour,\n  selectedMillisecond,\n  selectedMinute,\n  selectedMonth,\n  selectedSecond,\n  selectedTime,\n  selectedTimezone,\n  selectedYear,\n  setNow,\n  valueSet,\n} = useDateTimeSelection({\n  accuracy,\n  allowEmpty,\n  maxDate,\n  minDate,\n  modelValue,\n  type,\n});\n\nconst { setValue, getCurrent } = useInputHandler(segmentData, currentValue);\n\nconst dateFormat = computed<string>(() => {\n  const fmt = baseFormats[format];\n  if (accuracy === 'second') {\n    return fmt.replace('HH:mm', 'HH:mm:ss');\n  }\n  else if (accuracy === 'millisecond') {\n    return fmt.replace('HH:mm', 'HH:mm:ss.SSS');\n  }\n  return fmt;\n});\n\nconst {\n  clear: clearSegment,\n  getCurrentSegment,\n  handleBlur,\n  handleClick,\n  handleFocus,\n  handleInput,\n  handleInputSelection,\n  handleKeyDown,\n  handleMouseDown,\n  handlePaste,\n  setSegment,\n} = useKeyboardHandler({\n  accuracy,\n  currentValue,\n  cursorPosition,\n  dateFormat,\n  disabled,\n  getCurrent,\n  getDateTime,\n  readonly,\n  setValue,\n  textInput,\n});\n\nconst labelWithQuote = useLabelWithQuote(\n  () => label,\n  () => required,\n);\n\nconst isOutlined = computed<boolean>(() => variant === 'outlined');\n\nconst formattedDisplay = computed<string>(() => {\n  let result = get(dateFormat);\n\n  const replacements = [\n    { pattern: 'YYYY', value: getDisplayValue(selectedYear, 4) },\n    { pattern: 'MM', value: getDisplayValue(selectedMonth, 2) },\n    { pattern: 'DD', value: getDisplayValue(selectedDay, 2) },\n    { pattern: 'HH', value: getDisplayValue(selectedHour, 2) },\n    { pattern: 'mm', value: getDisplayValue(selectedMinute, 2) },\n    { pattern: 'ss', value: getDisplayValue(selectedSecond, 2) },\n    { pattern: 'SSS', value: getDisplayValue(selectedMillisecond, 3) },\n  ];\n\n  for (const { pattern, value } of replacements) {\n    if (value !== undefined) {\n      result = result.replace(pattern, value);\n    }\n  }\n\n  return result;\n});\n\nconst timeSelection = computed<TimePickerSelection>({\n  get() {\n    const type = getCurrentSegment()?.type;\n\n    if (type === 'mm') {\n      return 'minute';\n    }\n    else if (type === 'ss') {\n      return 'second';\n    }\n    else if (type === 'SSS') {\n      return 'millisecond';\n    }\n    return 'hour';\n  },\n  set(value: TimePickerSelection) {\n    let segmentType: DateTimeSegmentType = 'HH';\n    if (value === 'minute') {\n      segmentType = 'mm';\n    }\n    else if (value === 'second') {\n      segmentType = 'ss';\n    }\n    else if (value === 'millisecond') {\n      segmentType = 'SSS';\n    }\n\n    setSegment(segmentType);\n  },\n});\n\nconst float = computed<boolean>(() => (get(isOpen) || get(valueSet) || get(searchInputFocused)) && get(isOutlined));\n\nconst combinedErrorMessages = computed<string[]>(() => {\n  let propErrors: string[];\n  if (errorMessages) {\n    propErrors = Array.isArray(errorMessages) ? errorMessages : [errorMessages];\n  }\n  else {\n    propErrors = Array.isArray(errorMessages) ? errorMessages : [];\n  }\n  return [...propErrors, ...get(internalErrorMessages)];\n});\n\nfunction getDisplayValue(digit: Ref<number | undefined>, padding: number): string | undefined {\n  return isDefined(digit) ? get(digit).toString().padStart(padding, '0') : undefined;\n}\n\nasync function setInputFocus(): Promise<void> {\n  await nextTick(() => {\n    set(searchInputFocused, true);\n  });\n}\n\nfunction clear(segmentType?: string): void {\n  if (!segmentType) {\n    clearSelection();\n    set(currentValue, undefined);\n    return;\n  }\n\n  clearSegment(segmentType);\n}\n\nfunction handleInputClick(event: MouseEvent): void {\n  // Handle segment selection first, before any DOM changes from menu opening\n  handleClick(event);\n  // Open menu if not already open\n  if (!get(isOpen)) {\n    set(isOpen, true);\n  }\n}\n\nfunction arrowClicked(event: MouseEvent): void {\n  if (get(isOpen)) {\n    set(isOpen, false);\n    event.stopPropagation();\n  }\n}\n</script>\n\n<template>\n  <RuiMenu\n    v-model=\"isOpen\"\n    :class=\"$style.wrapper\"\n    :dense=\"dense\"\n    :hint=\"hint\"\n    :disabled=\"disabled\"\n    :success-messages=\"successMessages\"\n    :error-messages=\"combinedErrorMessages\"\n    :close-on-content-click=\"false\"\n    :show-details=\"!hideDetails\"\n    :persistent=\"calendarMenuOpen\"\n    :popper=\"{\n      placement: 'bottom-start',\n    }\"\n    full-width\n    disable-auto-focus\n    v-bind=\"{\n      ...getRootAttrs($attrs),\n    }\"\n  >\n    <template #activator=\"{ attrs, open, hasError, hasSuccess }\">\n      <div\n        ref=\"activator\"\n        class=\"group\"\n        :class=\"[\n          $style.activator,\n          {\n            [$style.disabled]: disabled,\n            [$style.readonly]: readonly,\n            [$style.outlined]: isOutlined,\n            [$style.dense]: dense,\n            [$style.float]: float,\n            [$style.opened]: open,\n            [$style['with-value']]: valueSet,\n            [$style['with-error']]: hasError,\n            [$style['with-success']]: hasSuccess && !hasError,\n          },\n        ]\"\n        v-bind=\"{\n          ...getNonRootAttrs($attrs, ['onClick', 'class']),\n          ...(readonly ? {} : attrs),\n        }\"\n        data-id=\"activator\"\n        :data-error=\"hasError ? '' : undefined\"\n        :tabindex=\"disabled || readonly ? -1 : 0\"\n        @click=\"setInputFocus()\"\n      >\n        <span\n          v-if=\"isOutlined && (searchInputFocused || open || valueSet)\"\n          data-id=\"label\"\n          :class=\"[\n            $style.label,\n            {\n              'absolute': isOutlined,\n              'pr-2': !valueSet && !open && isOutlined,\n            },\n          ]\"\n        >\n          {{ label }}\n          <span\n            v-if=\"required\"\n            data-id=\"required-indicator\"\n            class=\"text-rui-error\"\n          >\n            ﹡\n          </span>\n        </span>\n\n        <span :class=\"[$style.icon__wrapper, $style.icon__prepend]\">\n          <RuiIcon\n            :class=\"[$style.icon]\"\n            :size=\"dense ? 16 : 24\"\n            name=\"lu-calendar-days\"\n          />\n        </span>\n\n        <div :class=\"$style.value\">\n          <input\n            ref=\"textInput\"\n            :disabled=\"disabled\"\n            :value=\"formattedDisplay\"\n            class=\"bg-transparent outline-none flex-1 min-w-0\"\n            type=\"text\"\n            :placeholder=\"dateFormat\"\n            :readonly=\"readonly\"\n            :aria-invalid=\"hasError\"\n            @mousedown=\"handleMouseDown($event)\"\n            @focus=\"handleFocus()\"\n            @blur=\"handleBlur()\"\n            @select=\"handleInputSelection($event)\"\n            @click.stop=\"handleInputClick($event)\"\n            @keydown=\"handleKeyDown($event)\"\n            @paste=\"handlePaste($event)\"\n            @input=\"handleInput($event)\"\n          />\n        </div>\n\n        <RuiButton\n          v-if=\"allowEmpty && valueSet && !disabled\"\n          variant=\"text\"\n          icon\n          data-id=\"clear-button\"\n          size=\"sm\"\n          tabindex=\"-1\"\n          color=\"error\"\n          class=\"group-hover:!visible\"\n          :class=\"[\n            $style.clear,\n            anyFocused && '!visible',\n            {\n              'mr-2': !dense,\n            },\n          ]\"\n          @click.stop.prevent=\"clear()\"\n        >\n          <RuiIcon\n            name=\"lu-x\"\n            size=\"18\"\n          />\n        </RuiButton>\n\n        <span\n          :class=\"[$style.icon__wrapper, $style.icon__append]\"\n          data-id=\"append\"\n          @click=\"arrowClicked($event)\"\n        >\n          <RuiIcon\n            :class=\"[$style.icon, { 'rotate-180': open }]\"\n            :size=\"dense ? 16 : 24\"\n            name=\"lu-chevron-down\"\n          />\n        </span>\n      </div>\n      <fieldset\n        v-if=\"isOutlined\"\n        :class=\"$style.fieldset\"\n      >\n        <legend :class=\"{ 'px-2': float }\" />\n      </fieldset>\n    </template>\n    <template #default>\n      <RuiDateTimePickerMenu\n        ref=\"menuWrapperRef\"\n        v-model:selected-date=\"selectedDate\"\n        v-model:selected-time=\"selectedTime\"\n        v-model:selected-hour=\"selectedHour\"\n        v-model:selected-minute=\"selectedMinute\"\n        v-model:selected-second=\"selectedSecond\"\n        v-model:selected-millisecond=\"selectedMillisecond\"\n        v-model:time-selection=\"timeSelection\"\n        v-model:selected-timezone=\"selectedTimezone\"\n        v-model:calendar-menu-open=\"calendarMenuOpen\"\n        :accuracy=\"accuracy\"\n        :max-date=\"maxAllowedDate\"\n        :min-date=\"minAllowedDate\"\n        @set-now=\"setNow()\"\n      >\n        <slot name=\"menu-content\" />\n      </RuiDateTimePickerMenu>\n    </template>\n  </RuiMenu>\n</template>\n\n<style lang=\"scss\" module>\n.wrapper {\n  @apply w-full inline-flex flex-col;\n\n  .activator {\n    @apply relative inline-flex items-center w-full;\n    @apply outline-none focus-within:outline-none cursor-pointer min-h-14 pl-3 py-2 pr-8 rounded;\n    @apply m-0 bg-white transition-all text-body-1 text-left hover:border-black;\n\n    &:not(.outlined) {\n      @apply hover:bg-gray-100 focus-within:bg-gray-100;\n    }\n\n    &.dense {\n      @apply py-1.5 min-h-10;\n\n      ~ .fieldset {\n        @apply px-2;\n      }\n    }\n\n    &.disabled {\n      @apply opacity-65 text-rui-text-disabled active:text-rui-text-disabled cursor-default pointer-events-none;\n    }\n\n    &.readonly {\n      @apply opacity-80 pointer-events-none cursor-default bg-gray-50;\n    }\n\n    &.outlined {\n      @apply border-none hover:border-none;\n\n      &.opened,\n      &:focus,\n      &:focus-within {\n        @apply border-rui-primary;\n\n        ~ .fieldset {\n          @apply border-rui-primary #{!important};\n          @apply border-2 #{!important};\n        }\n      }\n\n      ~ .fieldset {\n        @apply border border-black/[0.23];\n      }\n\n      &:hover {\n        ~ .fieldset {\n          @apply border-black;\n        }\n      }\n\n      &.disabled {\n        ~ .fieldset {\n          @apply border-dotted;\n          @apply border border-black/[0.23] #{!important};\n        }\n      }\n\n      &.with-success {\n        .label {\n          @apply text-rui-success #{!important};\n        }\n\n        ~ .fieldset {\n          @apply border-rui-success #{!important};\n        }\n      }\n\n      &.with-error {\n        .label {\n          @apply text-rui-error #{!important};\n        }\n\n        ~ .fieldset {\n          @apply border-rui-error #{!important};\n        }\n      }\n    }\n\n    .label {\n      @apply text-rui-text-secondary;\n      max-width: calc(100% - 2.5rem);\n    }\n\n    .label,\n    .value {\n      @apply block truncate transition-all duration-75;\n    }\n\n    .value {\n      @apply flex gap-1 flex-wrap flex-1 ps-8;\n    }\n\n    .clear {\n      @apply ml-auto shrink-0 invisible;\n    }\n\n    .icon {\n      @apply text-rui-text-secondary transition;\n\n      &__wrapper {\n        @apply flex items-center justify-end;\n        @apply absolute top-px bottom-0;\n      }\n\n      &__append {\n        @apply right-3;\n      }\n\n      &__prepend {\n        @apply left-3;\n      }\n    }\n\n    &.float {\n      .label {\n        @apply -translate-y-2 top-0 text-xs px-1;\n      }\n\n      ~ .fieldset {\n        legend {\n          &:after {\n            content: v-bind(labelWithQuote);\n          }\n        }\n      }\n\n      &.opened,\n      &.opened.with-value,\n      &:focus,\n      &:focus.with-value,\n      &:focus-within,\n      &:focus-within.with-value {\n        .label {\n          @apply text-rui-primary;\n        }\n\n        ~ .fieldset {\n          @apply border-rui-primary;\n          @apply border-2 #{!important};\n        }\n      }\n    }\n  }\n\n  .fieldset {\n    @apply absolute w-full min-w-0 h-[calc(100%+0.5rem)] top-0 left-0 rounded pointer-events-none px-2 transition-all -mt-2;\n\n    legend {\n      @apply opacity-0 text-xs truncate;\n      max-width: calc(100% - 1rem);\n\n      &:before {\n        content: ' ';\n      }\n\n      &:after {\n        @apply truncate max-w-full leading-[0];\n        content: '\\200B';\n      }\n    }\n  }\n}\n\n.menu {\n  @apply overflow-y-auto max-h-60 min-w-[2.5rem];\n}\n\n.highlighted {\n  @apply bg-rui-grey-200 #{!important};\n\n  &.active {\n    @apply bg-rui-grey-300 #{!important};\n  }\n}\n\n:global(.dark) {\n  .wrapper {\n    .activator {\n      @apply bg-transparent text-rui-text;\n\n      &:not(.outlined) {\n        @apply hover:bg-white/10 focus-within:bg-white/10;\n\n        &.disabled {\n          @apply bg-white/10;\n        }\n      }\n\n      &.readonly {\n        @apply bg-white/10;\n      }\n\n      &.outlined {\n        ~ .fieldset {\n          @apply border-white/[0.23];\n        }\n\n        &.disabled {\n          ~ .fieldset {\n            @apply border-white/[0.23] #{!important};\n          }\n        }\n\n        &:hover {\n          ~ .fieldset {\n            @apply border-white;\n          }\n        }\n      }\n    }\n  }\n\n  .highlighted {\n    @apply bg-rui-grey-800 #{!important};\n\n    &.active {\n      @apply bg-rui-grey-700 #{!important};\n    }\n  }\n}\n</style>\n"],"names":["_useModel","_openBlock","_createBlock","_mergeProps","_unref","$style","$attrs","_withCtx","_createElementVNode","_createElementBlock","_normalizeClass","_createTextVNode","_toDisplayString","_createVNode","_withModifiers","RuiDateTimePickerMenu","_renderSlot"],"mappings":"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"}

package/dist/components/date-time-picker/RuiDateTimePicker.vue3.js

@@ -1,66 +0,0 @@
-const wrapper = "_wrapper_118qp_2";
-const activator = "_activator_118qp_5";
-const outlined = "_outlined_118qp_10";
-const dense = "_dense_118qp_13";
-const fieldset = "_fieldset_118qp_16";
-const disabled = "_disabled_118qp_19";
-const readonly = "_readonly_118qp_22";
-const opened = "_opened_118qp_28";
-const label = "_label_118qp_45";
-const value = "_value_118qp_62";
-const clear = "_clear_118qp_68";
-const icon = "_icon_118qp_71";
-const icon__wrapper = "_icon__wrapper_118qp_74";
-const icon__append = "_icon__append_118qp_78";
-const icon__prepend = "_icon__prepend_118qp_81";
-const float = "_float_118qp_84";
-const menu = "_menu_118qp_112";
-const highlighted = "_highlighted_118qp_116";
-const active = "_active_118qp_119";
-const style0 = {
-  wrapper,
-  activator,
-  outlined,
-  dense,
-  fieldset,
-  disabled,
-  readonly,
-  opened,
-  "with-success": "_with-success_118qp_45",
-  label,
-  "with-error": "_with-error_118qp_51",
-  value,
-  clear,
-  icon,
-  icon__wrapper,
-  icon__append,
-  icon__prepend,
-  float,
-  "with-value": "_with-value_118qp_90",
-  menu,
-  highlighted,
-  active
-};
-export {
-  activator,
-  active,
-  clear,
-  style0 as default,
-  dense,
-  disabled,
-  fieldset,
-  float,
-  highlighted,
-  icon,
-  icon__append,
-  icon__prepend,
-  icon__wrapper,
-  label,
-  menu,
-  opened,
-  outlined,
-  readonly,
-  value,
-  wrapper
-};
-//# sourceMappingURL=RuiDateTimePicker.vue3.js.map

package/dist/components/date-time-picker/RuiDateTimePicker.vue3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiDateTimePicker.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.js

@@ -1,120 +0,0 @@
-import { defineComponent, useModel, openBlock, createElementBlock, createVNode, createElementVNode, withCtx, unref, renderSlot, mergeModels } from "vue";
-import RuiButton from "../buttons/button/RuiButton.vue.js";
-import _sfc_main$1 from "../calendar/RuiCalendar.vue.js";
-/* empty css                           */
-import { timezones } from "./timezones.js";
-import RuiAutoComplete from "../forms/auto-complete/RuiAutoComplete.vue.js";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-import RuiTimePicker from "../time-picker/RuiTimePicker.vue.js";
-const _hoisted_1 = { class: "flex divide-x divide-rui-grey-200 dark:divide-rui-grey-800" };
-const _hoisted_2 = { class: "flex gap-3 p-4 pl-3" };
-const _hoisted_3 = { class: "flex flex-col justify-center items-center" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiDateTimePickerMenu"
-  },
-  __name: "RuiDateTimePickerMenu",
-  props: /* @__PURE__ */ mergeModels({
-    accuracy: {},
-    maxDate: {},
-    minDate: {}
-  }, {
-    "selectedDate": { required: true },
-    "selectedDateModifiers": {},
-    "selectedTime": { required: true },
-    "selectedTimeModifiers": {},
-    "selectedHour": { required: true },
-    "selectedHourModifiers": {},
-    "selectedMinute": { required: true },
-    "selectedMinuteModifiers": {},
-    "selectedSecond": { required: true },
-    "selectedSecondModifiers": {},
-    "selectedMillisecond": { required: true },
-    "selectedMillisecondModifiers": {},
-    "timeSelection": { required: true },
-    "timeSelectionModifiers": {},
-    "selectedTimezone": { required: true },
-    "selectedTimezoneModifiers": {},
-    "calendarMenuOpen": { type: Boolean, ...{ required: true } },
-    "calendarMenuOpenModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["set-now"], ["update:selectedDate", "update:selectedTime", "update:selectedHour", "update:selectedMinute", "update:selectedSecond", "update:selectedMillisecond", "update:timeSelection", "update:selectedTimezone", "update:calendarMenuOpen"]),
-  setup(__props, { emit: __emit }) {
-    const selectedDate = useModel(__props, "selectedDate");
-    const selectedTime = useModel(__props, "selectedTime");
-    const selectedHour = useModel(__props, "selectedHour");
-    const selectedMinute = useModel(__props, "selectedMinute");
-    const selectedSecond = useModel(__props, "selectedSecond");
-    const selectedMillisecond = useModel(__props, "selectedMillisecond");
-    const timeSelection = useModel(__props, "timeSelection");
-    const selectedTimezone = useModel(__props, "selectedTimezone");
-    const calendarMenuOpen = useModel(__props, "calendarMenuOpen");
-    const emit = __emit;
-    function setNow() {
-      emit("set-now");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, {
-          modelValue: selectedDate.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
-          "menu-open": calendarMenuOpen.value,
-          "onUpdate:menuOpen": _cache[1] || (_cache[1] = ($event) => calendarMenuOpen.value = $event),
-          borderless: "",
-          "max-date": __props.maxDate,
-          "min-date": __props.minDate
-        }, null, 8, ["modelValue", "menu-open", "max-date", "min-date"]),
-        createVNode(RuiTimePicker, {
-          modelValue: selectedTime.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedTime.value = $event),
-          hour: selectedHour.value,
-          "onUpdate:hour": _cache[3] || (_cache[3] = ($event) => selectedHour.value = $event),
-          minute: selectedMinute.value,
-          "onUpdate:minute": _cache[4] || (_cache[4] = ($event) => selectedMinute.value = $event),
-          second: selectedSecond.value,
-          "onUpdate:second": _cache[5] || (_cache[5] = ($event) => selectedSecond.value = $event),
-          millisecond: selectedMillisecond.value,
-          "onUpdate:millisecond": _cache[6] || (_cache[6] = ($event) => selectedMillisecond.value = $event),
-          selection: timeSelection.value,
-          "onUpdate:selection": _cache[7] || (_cache[7] = ($event) => timeSelection.value = $event),
-          accuracy: __props.accuracy,
-          borderless: ""
-        }, null, 8, ["modelValue", "hour", "minute", "second", "millisecond", "selection", "accuracy"]),
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(RuiButton, {
-                variant: "text",
-                icon: "",
-                "data-id": "set-now",
-                onClick: _cache[8] || (_cache[8] = ($event) => setNow())
-              }, {
-                default: withCtx(() => [
-                  createVNode(RuiIcon, {
-                    name: "lu-clock",
-                    size: "18"
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            createVNode(RuiAutoComplete, {
-              modelValue: selectedTimezone.value,
-              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => selectedTimezone.value = $event),
-              "hide-details": "",
-              label: "Timezone",
-              class: "pt-0 pr-0",
-              variant: "outlined",
-              options: unref(timezones)
-            }, null, 8, ["modelValue", "options"])
-          ]),
-          renderSlot(_ctx.$slots, "default")
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiDateTimePickerMenu.vue.js.map

package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiDateTimePickerMenu.vue.js","sources":["../../../src/components/date-time-picker/RuiDateTimePickerMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCalendar from '@/components/calendar/RuiCalendar.vue';\nimport { timezones } from '@/components/date-time-picker/timezones';\nimport RuiAutoComplete from '@/components/forms/auto-complete/RuiAutoComplete.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiTimePicker, { type TimePickerSelection } from '@/components/time-picker/RuiTimePicker.vue';\n\ndefineOptions({\n  name: 'RuiDateTimePickerMenu',\n});\n\nconst selectedDate = defineModel<Date | undefined>('selectedDate', { required: true });\nconst selectedTime = defineModel<Date | undefined>('selectedTime', { required: true });\nconst selectedHour = defineModel<number | undefined>('selectedHour', { required: true });\nconst selectedMinute = defineModel<number | undefined>('selectedMinute', { required: true });\nconst selectedSecond = defineModel<number | undefined>('selectedSecond', { required: true });\nconst selectedMillisecond = defineModel<number | undefined>('selectedMillisecond', { required: true });\nconst timeSelection = defineModel<TimePickerSelection>('timeSelection', { required: true });\nconst selectedTimezone = defineModel<string | undefined>('selectedTimezone', { required: true });\nconst calendarMenuOpen = defineModel<boolean>('calendarMenuOpen', { required: true });\n\ndefineProps<{\n  accuracy: TimeAccuracy;\n  maxDate?: Date | number;\n  minDate?: Date | number;\n}>();\n\nconst emit = defineEmits<{\n  'set-now': [];\n}>();\n\ndefineSlots<{\n  default: () => any;\n}>();\n\nfunction setNow(): void {\n  emit('set-now');\n}\n</script>\n\n<template>\n  <div class=\"flex divide-x divide-rui-grey-200 dark:divide-rui-grey-800\">\n    <RuiCalendar\n      v-model=\"selectedDate\"\n      v-model:menu-open=\"calendarMenuOpen\"\n      borderless\n      :max-date=\"maxDate\"\n      :min-date=\"minDate\"\n    />\n    <RuiTimePicker\n      v-model=\"selectedTime\"\n      v-model:hour=\"selectedHour\"\n      v-model:minute=\"selectedMinute\"\n      v-model:second=\"selectedSecond\"\n      v-model:millisecond=\"selectedMillisecond\"\n      v-model:selection=\"timeSelection\"\n      :accuracy=\"accuracy\"\n      borderless\n    />\n    <div>\n      <div class=\"flex gap-3 p-4 pl-3\">\n        <div class=\"flex flex-col justify-center items-center\">\n          <RuiButton\n            variant=\"text\"\n            icon\n            data-id=\"set-now\"\n            @click=\"setNow()\"\n          >\n            <RuiIcon\n              name=\"lu-clock\"\n              size=\"18\"\n            />\n          </RuiButton>\n        </div>\n        <RuiAutoComplete\n          v-model=\"selectedTimezone\"\n          hide-details\n          label=\"Timezone\"\n          class=\"pt-0 pr-0\"\n          variant=\"outlined\"\n          :options=\"timezones\"\n        />\n      </div>\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_useModel","_openBlock","_createElementBlock","_createVNode","RuiCalendar","_createElementVNode","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,eAAeA,SAA6B,SAAC,cAAkC;AACrF,UAAM,eAAeA,SAA6B,SAAC,cAAkC;AACrF,UAAM,eAAeA,SAA+B,SAAC,cAAkC;AACvF,UAAM,iBAAiBA,SAA+B,SAAC,gBAAoC;AAC3F,UAAM,iBAAiBA,SAA+B,SAAC,gBAAoC;AAC3F,UAAM,sBAAsBA,SAA+B,SAAC,qBAAyC;AACrG,UAAM,gBAAgBA,SAAgC,SAAC,eAAmC;AAC1F,UAAM,mBAAmBA,SAA+B,SAAC,kBAAsC;AAC/F,UAAM,mBAAmBA,SAAoB,SAAC,kBAAsC;AAQpF,UAAM,OAAO;AAQb,aAAS,SAAe;AACtB,WAAK,SAAS;AAAA,IAChB;;AAIE,aAAAC,UAAA,GAAAC,mBA4CM,OA5CN,YA4CM;AAAA,QA3CJC,YAMEC,aAAA;AAAA,sBALS,aAAA;AAAA,uEAAA,aAAY,QAAA;AAAA,UACb,aAAW,iBAAA;AAAA,qEAAA,iBAAgB,QAAA;AAAA,UACnC,YAAA;AAAA,UACC,YAAU,QAAA;AAAA,UACV,YAAU,QAAA;AAAA,QAAA;QAEbD,YASE,eAAA;AAAA,sBARS,aAAA;AAAA,uEAAA,aAAY,QAAA;AAAA,UACb,MAAM,aAAA;AAAA,iEAAA,aAAY,QAAA;AAAA,UAClB,QAAQ,eAAA;AAAA,mEAAA,eAAc,QAAA;AAAA,UACtB,QAAQ,eAAA;AAAA,mEAAA,eAAc,QAAA;AAAA,UACtB,aAAa,oBAAA;AAAA,wEAAA,oBAAmB,QAAA;AAAA,UAChC,WAAW,cAAA;AAAA,sEAAA,cAAa,QAAA;AAAA,UAC/B,UAAU,QAAA;AAAA,UACX,YAAA;AAAA,QAAA;QAEFE,mBAyBM,OAAA,MAAA;AAAA,UAxBJA,mBAsBM,OAtBN,YAsBM;AAAA,YArBJA,mBAYM,OAZN,YAYM;AAAA,cAXJF,YAUY,WAAA;AAAA,gBATV,SAAQ;AAAA,gBACR,MAAA;AAAA,gBACA,WAAQ;AAAA,gBACP,+CAAO,OAAA;AAAA,cAAM;iCAEd,MAGE;AAAA,kBAHFA,YAGE,SAAA;AAAA,oBAFA,MAAK;AAAA,oBACL,MAAK;AAAA,kBAAA;;;;;YAIXA,YAOE,iBAAA;AAAA,0BANS,iBAAA;AAAA,2EAAA,iBAAgB,QAAA;AAAA,cACzB,gBAAA;AAAA,cACA,OAAM;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACP,SAASG,MAAA,SAAA;AAAA,YAAA;;UAGdC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}

package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue2.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./RuiDateTimePickerMenu.vue.js";
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiDateTimePickerMenu.vue2.js.map