@onereach/ui-components 23.2.4-beta.5592.0 → 23.2.4-beta.5594.0

package/dist/esm/OrTextarea-VEuq5855.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrTextarea-VEuq5855.mjs","sources":["../../../components/or-textarea-v3/src/styles.ts","../../../components/or-textarea-v3/src/OrTextarea.vue"],"sourcesContent":["import { InputBoxSize } from '@onereach/ui-components.or-input-box-v3';\n\nexport const Textarea: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TextareaControl: string[] = [\n  // Box\n  'w-full',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const TextareaControlSizes: Record<InputBoxSize, string[]> = {\n  [InputBoxSize.M]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm+* md:py-sm*',\n  ],\n\n  [InputBoxSize.S]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm*',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <textarea\n        :ref=\"'control'\"\n        v-bind=\"attributes\"\n        v-model=\"model\"\n        :class=\"controlStyles\"\n        :style=\"controlInlineStyles\"\n        :name=\"name\"\n        :rows=\"rows\"\n        :autocomplete=\"autocomplete\"\n        :placeholder=\"placeholder\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        @input=\"$emit('input', $event)\"\n        @keydown=\"$emit('keydown', $event)\"\n        @keyup=\"$emit('keyup', $event)\"\n        @focus=\"$emit('focus', $event)\"\n        @blur=\"$emit('blur', $event)\"\n      />\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useTextareaAutosize } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { isObject } from '@onereach/ui-components-common/utils';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { Textarea, TextareaControl, TextareaControlSizes } from './styles';\nimport { TextareaModelValue, TextareaRows } from './types';\n\nexport default defineComponent({\n  name: 'OrTextarea',\n\n  components: {\n    OrError,\n    OrHint,\n    OrInputBox,\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TextareaModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    rows: {\n      type: [Number, Object] as PropType<TextareaRows>,\n      default: 2,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-textarea-v3',\n      ...Textarea,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLTextAreaElement>();\n\n    const controlStyles = computed(() => [\n      ...TextareaControl,\n      ...TextareaControlSizes[props.size],\n      ...isObject(props.rows) ? ['resize-none'] : [],\n    ]);\n\n    const controlInlineStyles = computed(() => {\n      if (control.value) {\n        const paddingTop = Number(getComputedStyle(control.value).getPropertyValue('padding-top').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n        const paddingBottom = Number(getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        const lineHeight = Number(getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        return {\n          minHeight: `${paddingTop + paddingBottom + (isObject(props.rows) ? props.rows.min : props.rows) * lineHeight}px`,\n          maxHeight: isObject(props.rows) && props.rows.max ? `${paddingTop + paddingBottom + props.rows.max * lineHeight}px` : undefined,\n        };\n      }\n\n      return {};\n    });\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref('') });\n\n    const length = computed(() => {\n      return model.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Effects\n    if (isObject(props.rows)) {\n      // Unluckily, `useTextareaAutosize` doesn't have a teardown function\n      // So, dynamically changed `rows` won't have any effect\n      useTextareaAutosize({\n        element: control,\n        input: model,\n      });\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n      controlInlineStyles,\n\n      model,\n\n      length,\n      maxLength,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ntextarea {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["Textarea","TextareaControl","TextareaControlSizes","InputBoxSize","_sfc_main","defineComponent","OrError","OrHint","OrInputBox","OrLabel","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","InputBoxVariant","control","controlStyles","isObject","controlInlineStyles","paddingTop","_b","_a","paddingBottom","_d","_c","lineHeight","_f","_e","model","useProxyModelValue","toRef","length","maxLength","focus","blur","useTextareaAutosize","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_withDirectives","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrTextarea-VEuq5855.mjs","sources":["../../../components/or-textarea-v3/src/styles.ts","../../../components/or-textarea-v3/src/OrTextarea.vue"],"sourcesContent":["import { InputBoxSize } from '@onereach/ui-components.or-input-box-v3';\n\nexport const Textarea: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TextareaControl: string[] = [\n  // Box\n  'w-full',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const TextareaControlSizes: Record<InputBoxSize, string[]> = {\n  [InputBoxSize.M]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm+* md:py-sm*',\n  ],\n\n  [InputBoxSize.S]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm*',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <textarea\n        :ref=\"'control'\"\n        v-bind=\"attributes\"\n        v-model=\"model\"\n        :class=\"controlStyles\"\n        :style=\"controlInlineStyles\"\n        :name=\"name\"\n        :rows=\"rows\"\n        :autocomplete=\"autocomplete\"\n        :placeholder=\"placeholder\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        @input=\"$emit('input', $event)\"\n        @keydown=\"$emit('keydown', $event)\"\n        @keyup=\"$emit('keyup', $event)\"\n        @focus=\"$emit('focus', $event)\"\n        @blur=\"$emit('blur', $event)\"\n      />\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useTextareaAutosize } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { isObject } from '@onereach/ui-components-common/utils';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { Textarea, TextareaControl, TextareaControlSizes } from './styles';\nimport { TextareaModelValue, TextareaRows } from './types';\n\nexport default defineComponent({\n  name: 'OrTextarea',\n\n  components: {\n    OrError,\n    OrHint,\n    OrInputBox,\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TextareaModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    rows: {\n      type: [Number, Object] as PropType<TextareaRows>,\n      default: 2,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-textarea-v3',\n      ...Textarea,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLTextAreaElement>();\n\n    const controlStyles = computed(() => [\n      ...TextareaControl,\n      ...TextareaControlSizes[props.size],\n      ...isObject(props.rows) ? ['resize-none'] : [],\n    ]);\n\n    const controlInlineStyles = computed(() => {\n      if (control.value) {\n        const paddingTop = Number(getComputedStyle(control.value).getPropertyValue('padding-top').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n        const paddingBottom = Number(getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        const lineHeight = Number(getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        return {\n          minHeight: `${paddingTop + paddingBottom + (isObject(props.rows) ? props.rows.min : props.rows) * lineHeight}px`,\n          maxHeight: isObject(props.rows) && props.rows.max ? `${paddingTop + paddingBottom + props.rows.max * lineHeight}px` : undefined,\n        };\n      }\n\n      return {};\n    });\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref('') });\n\n    const length = computed(() => {\n      return model.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Effects\n    if (isObject(props.rows)) {\n      // Unluckily, `useTextareaAutosize` doesn't have a teardown function\n      // So, dynamically changed `rows` won't have any effect\n      useTextareaAutosize({\n        element: control,\n        input: model,\n      });\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n      controlInlineStyles,\n\n      model,\n\n      length,\n      maxLength,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ntextarea {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["Textarea","TextareaControl","TextareaControlSizes","InputBoxSize","_sfc_main","defineComponent","OrError","OrHint","OrInputBox","OrLabel","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","InputBoxVariant","control","controlStyles","isObject","controlInlineStyles","paddingTop","_b","_a","paddingBottom","_d","_c","lineHeight","_f","_e","model","useProxyModelValue","toRef","length","maxLength","focus","blur","useTextareaAutosize","_resolveComponent","_openBlock","_createElementBlock","$slots","_ctx","_createBlock","required","_renderSlot","_withCtx","_createCommentVNode","_createVNode","size","error","readonly","disabled","_withDirectives","_mergeProps","_cache","$event","name","rows","$emit","_hoisted_1","_component_OrHint","_createSlots","_createTextVNode","_toDisplayString","_vShow"],"mappings":"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"}

package/dist/esm/OrTimeFormat-mxL8_Rx9.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrTimeFormat-mxL8_Rx9.mjs","sources":["../../../components/or-time-format-v3/src/styles.ts","../../../components/or-time-format-v3/src/OrTimeFormat.vue"],"sourcesContent":["export const TimeFormat: string[] = [\n  // Layout\n  'inline',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"modelValue\">\n      {{ formatTime(modelValue, resolvedFormat, resolvedLocale) }}\n    </template>\n\n    <template v-else>\n      {{ placeholder }}\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { useLocale, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, formatTime } from '@onereach/ui-components.or-date-time-picker-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimeFormat',\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-format-v3',\n      ...Styles.TimeFormat,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    return {\n      root,\n      rootStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      formatTime,\n    };\n  },\n});\n</script>\n"],"names":["TimeFormat","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","Styles.TimeFormat","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","formatTime","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_Fragment"],"mappings":";;;;;AAAO,MAAMA,IAAuB;AAAA;AAAA,EAElC;AACF,GCmBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAGKC,IAAiBC,EAAcC,EAAMR,GAAO,QAAQ,CAAC,GACrDS,IAAiBC,EAAUF,EAAMR,GAAO,QAAQ,CAAC;AAEhD,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,gBAAAG;AAAA,MACA,gBAAAG;AAAA,MAEA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA7ESC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAEFC,EAAUR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;QAI1BS,EAEWT,EAAA,WAAAA,EAAA,YAAAA,EAAA,gBAAAA,EAAA,cAAA,CAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,MAAAM,KAAAC,EAAAG,GAAA,EAAA,KAAA,KAAA;AAAA;;;;;"}
+{"version":3,"file":"OrTimeFormat-mxL8_Rx9.mjs","sources":["../../../components/or-time-format-v3/src/styles.ts","../../../components/or-time-format-v3/src/OrTimeFormat.vue"],"sourcesContent":["export const TimeFormat: string[] = [\n  // Layout\n  'inline',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"modelValue\">\n      {{ formatTime(modelValue, resolvedFormat, resolvedLocale) }}\n    </template>\n\n    <template v-else>\n      {{ placeholder }}\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { useLocale, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, formatTime } from '@onereach/ui-components.or-date-time-picker-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimeFormat',\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-format-v3',\n      ...Styles.TimeFormat,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    return {\n      root,\n      rootStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      formatTime,\n    };\n  },\n});\n</script>\n"],"names":["TimeFormat","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","Styles.TimeFormat","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","formatTime","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","modelValue","_Fragment","_createTextVNode","_toDisplayString"],"mappings":";;;;;AAAO,MAAMA,IAAuB;AAAA;AAAA,EAElC;AACF,GCmBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAGKC,IAAiBC,EAAcC,EAAMR,GAAO,QAAQ,CAAC,GACrDS,IAAiBC,EAAUF,EAAMR,GAAO,QAAQ,CAAC;AAEhD,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,gBAAAG;AAAA,MACA,gBAAAG;AAAA,MAEA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA7ESC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;AACN,SAAAC,EAAA,GAAYC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAEFC,EAAUR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,IAL9BA,EAAA,cAAAM,KAAAC,EAAAE,GAAA,EAAA,KAAA,KAAA;AAAA,MASIC,EAAAC,EAEWX,EAXf,WAAAA,EAAA,YAAAA,EAAA,gBAAAA,EAAA,cAAA,CAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,MAAAM,KAAAC,EAAAE,GAAA,EAAA,KAAA,KAAA;AAAA;;;;;"}

package/dist/esm/OrTimePicker-CQJesQKa.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrTimePicker-CQJesQKa.mjs","sources":["../../../components/or-time-picker-v3/src/styles.ts","../../../components/or-time-picker-v3/src/OrTimePicker.vue"],"sourcesContent":["export const TimePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"openPopover\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draft\"\n        v-dropdown-open=\"openPopover\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader>\n          <OrDateTimePickerMobileControl\n            :label=\"'Time'\"\n            :selected=\"true\"\n          >\n            {{ draft ? formatMobileTime(draft, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <OrDateTimePickerTimeSelect\n          v-model=\"draft\"\n          :initial-value=\"initialValue\"\n          :format=\"resolvedFormat\"\n          :locale=\"resolvedLocale\"\n          :hours-filter=\"hoursFilter\"\n          :minutes-filter=\"minutesFilter\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :is-active=\"popover && popover.state === 'open'\"\n        />\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    minutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-picker-v3',\n      ...Styles.TimePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-picker-popover-v3',\n      ...Styles.TimePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValue = ref(props.modelValue ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValue.value = value ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const invalid = computed(() => {\n      if (draft.value) {\n        if (props.hoursFilter && !props.hoursFilter(draft.value)) {\n          return true;\n        }\n\n        if (props.minutesFilter && !props.minutesFilter(draft.value)) {\n          return true;\n        }\n\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value;\n    }\n\n    function openPopover(): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValue,\n\n      model,\n      draft,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n    };\n  },\n});\n</script>\n"],"names":["TimePicker","TimePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValue","getCurrentDate","watch","value","model","useProxyModelValue","draft","invalid","apply","reset","openPopover","popoverInstance","closePopover","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerTimeControl","_directive_dropdown_open","_directive_dropdown_close","_component_OrPopover","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrTimePicker-CQJesQKa.mjs","sources":["../../../components/or-time-picker-v3/src/styles.ts","../../../components/or-time-picker-v3/src/OrTimePicker.vue"],"sourcesContent":["export const TimePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"openPopover\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draft\"\n        v-dropdown-open=\"openPopover\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader>\n          <OrDateTimePickerMobileControl\n            :label=\"'Time'\"\n            :selected=\"true\"\n          >\n            {{ draft ? formatMobileTime(draft, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <OrDateTimePickerTimeSelect\n          v-model=\"draft\"\n          :initial-value=\"initialValue\"\n          :format=\"resolvedFormat\"\n          :locale=\"resolvedLocale\"\n          :hours-filter=\"hoursFilter\"\n          :minutes-filter=\"minutesFilter\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :is-active=\"popover && popover.state === 'open'\"\n        />\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    minutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-picker-v3',\n      ...Styles.TimePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-picker-popover-v3',\n      ...Styles.TimePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValue = ref(props.modelValue ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValue.value = value ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const invalid = computed(() => {\n      if (draft.value) {\n        if (props.hoursFilter && !props.hoursFilter(draft.value)) {\n          return true;\n        }\n\n        if (props.minutesFilter && !props.minutesFilter(draft.value)) {\n          return true;\n        }\n\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value;\n    }\n\n    function openPopover(): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValue,\n\n      model,\n      draft,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n    };\n  },\n});\n</script>\n"],"names":["TimePicker","TimePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValue","getCurrentDate","watch","value","model","useProxyModelValue","draft","invalid","apply","reset","openPopover","popoverInstance","closePopover","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","$slots","_ctx","_createBlock","_component_OrLabel","_renderSlot","_withCtx","_createCommentVNode","_withDirectives","variant","_component_OrInputBox","error","readonly","disabled","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_normalizeClass","required","_directive_dropdown_open","_directive_dropdown_close","_component_OrPopover","anchor","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_createTextVNode","_toDisplayString","_component_OrDateTimePickerTimeSelect","hourStep","minuteStep","_component_OrDateTimePickerPopoverFooter","_hoisted_1","_component_OrHint","_vShow","_component_OrError"],"mappings":"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"}

package/dist/esm/OrTimeRangePicker-DGvdvq4c.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrTimeRangePicker-DGvdvq4c.mjs","sources":["../../../components/or-time-range-picker-v3/src/styles.ts","../../../components/or-time-range-picker-v3/src/OrTimeRangePicker.vue"],"sourcesContent":["export const TimeRangePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimeRangePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"() => openPopover('from')\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draftFrom\"\n        v-dropdown-open=\"() => openPopover('from')\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'from'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      -\n\n      <OrDateTimePickerTimeControl\n        v-model=\"draftTo\"\n        v-dropdown-open=\"() => openPopover('to')\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'to'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader\n          v-if=\"isMobile\"\n        >\n          <OrDateTimePickerMobileControl\n            :label=\"'Start Time'\"\n            :selected=\"activeControl === 'from'\"\n            @click=\"activeControl = 'from'\"\n          >\n            {{ draftFrom ? formatMobileTime(draftFrom, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n\n          -\n\n          <OrDateTimePickerMobileControl\n            :label=\"'End Time'\"\n            :selected=\"activeControl === 'to'\"\n            @click=\"activeControl = 'to'\"\n          >\n            {{ draftTo ? formatMobileTime(draftTo, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <div :class=\"['layout-row', 'gap-md']\">\n          <template v-if=\"isDesktop || (isMobile && activeControl === 'from')\">\n            <OrDateTimePickerTimeSelect\n              v-model=\"draftFrom\"\n              :class=\"['grow']\"\n              :initial-value=\"initialValueFrom\"\n              :format=\"resolvedFormat\"\n              :locale=\"resolvedLocale\"\n              :hour-step=\"hourStep\"\n              :minute-step=\"minuteStep\"\n              :hours-filter=\"startTimeHoursFilter\"\n              :minutes-filter=\"startTimeMinutesFilter\"\n              :is-active=\"popover && popover.state === 'open'\"\n            />\n          </template>\n\n          <template v-if=\"isDesktop || (isMobile && activeControl === 'to')\">\n            <OrDateTimePickerTimeSelect\n              v-model=\"draftTo\"\n              :class=\"['grow']\"\n              :initial-value=\"initialValueTo\"\n              :format=\"resolvedFormat\"\n              :locale=\"resolvedLocale\"\n              :hour-step=\"hourStep\"\n              :minute-step=\"minuteStep\"\n              :hours-filter=\"endTimeHoursFilter\"\n              :minutes-filter=\"endTimeMinutesFilter\"\n              :is-active=\"popover && popover.state === 'open'\"\n            />\n          </template>\n        </div>\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useResponsive, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\nimport { TimeRangePickerModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrTimeRangePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TimeRangePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    startTimeHoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    startTimeMinutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endTimeHoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endTimeMinutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-range-picker-v3',\n      ...Styles.TimeRangePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-range-picker-popover-v3',\n      ...Styles.TimeRangePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValueFrom = ref(props.modelValue?.[0] ?? getCurrentDate());\n    const initialValueTo = ref(props.modelValue?.[1] ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValueFrom.value = value?.[0] ?? getCurrentDate();\n      initialValueTo.value = value?.[1] ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const draftFrom = computed({\n      get: () => draft.value?.[0],\n\n      set: (value) => {\n        draft.value = [value, draft.value?.[1]];\n      },\n    });\n\n    const draftTo = computed({\n      get: () => draft.value?.[1],\n\n      set: (value) => {\n        draft.value = [draft.value?.[0], value];\n      },\n    });\n\n    const activeControl = ref<'from' | 'to'>('from');\n\n    const invalid = computed(() => {\n      if (draftFrom.value && draftTo.value && draftFrom.value < draftTo.value) {\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value ?? [undefined, undefined];\n    }\n\n    function openPopover(control: 'from' | 'to'): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n\n        activeControl.value = control;\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValueFrom,\n      initialValueTo,\n\n      model,\n      draft,\n\n      draftFrom,\n      draftTo,\n\n      activeControl,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["TimeRangePicker","TimeRangePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimeRangePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimeRangePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValueFrom","getCurrentDate","initialValueTo","_b","watch","value","model","useProxyModelValue","draft","draftFrom","draftTo","activeControl","invalid","apply","reset","openPopover","control","popoverInstance","closePopover","isDesktop","isMobile","useResponsive","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerTimeControl","_directive_dropdown_open","_directive_dropdown_close","_createTextVNode","_component_OrPopover","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_createElementVNode","_hoisted_1","_component_OrDateTimePickerTimeSelect","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrTimeRangePicker-DGvdvq4c.mjs","sources":["../../../components/or-time-range-picker-v3/src/styles.ts","../../../components/or-time-range-picker-v3/src/OrTimeRangePicker.vue"],"sourcesContent":["export const TimeRangePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimeRangePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"() => openPopover('from')\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draftFrom\"\n        v-dropdown-open=\"() => openPopover('from')\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'from'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      -\n\n      <OrDateTimePickerTimeControl\n        v-model=\"draftTo\"\n        v-dropdown-open=\"() => openPopover('to')\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'to'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader\n          v-if=\"isMobile\"\n        >\n          <OrDateTimePickerMobileControl\n            :label=\"'Start Time'\"\n            :selected=\"activeControl === 'from'\"\n            @click=\"activeControl = 'from'\"\n          >\n            {{ draftFrom ? formatMobileTime(draftFrom, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n\n          -\n\n          <OrDateTimePickerMobileControl\n            :label=\"'End Time'\"\n            :selected=\"activeControl === 'to'\"\n            @click=\"activeControl = 'to'\"\n          >\n            {{ draftTo ? formatMobileTime(draftTo, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <div :class=\"['layout-row', 'gap-md']\">\n          <template v-if=\"isDesktop || (isMobile && activeControl === 'from')\">\n            <OrDateTimePickerTimeSelect\n              v-model=\"draftFrom\"\n              :class=\"['grow']\"\n              :initial-value=\"initialValueFrom\"\n              :format=\"resolvedFormat\"\n              :locale=\"resolvedLocale\"\n              :hour-step=\"hourStep\"\n              :minute-step=\"minuteStep\"\n              :hours-filter=\"startTimeHoursFilter\"\n              :minutes-filter=\"startTimeMinutesFilter\"\n              :is-active=\"popover && popover.state === 'open'\"\n            />\n          </template>\n\n          <template v-if=\"isDesktop || (isMobile && activeControl === 'to')\">\n            <OrDateTimePickerTimeSelect\n              v-model=\"draftTo\"\n              :class=\"['grow']\"\n              :initial-value=\"initialValueTo\"\n              :format=\"resolvedFormat\"\n              :locale=\"resolvedLocale\"\n              :hour-step=\"hourStep\"\n              :minute-step=\"minuteStep\"\n              :hours-filter=\"endTimeHoursFilter\"\n              :minutes-filter=\"endTimeMinutesFilter\"\n              :is-active=\"popover && popover.state === 'open'\"\n            />\n          </template>\n        </div>\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useResponsive, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\nimport { TimeRangePickerModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrTimeRangePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TimeRangePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    startTimeHoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    startTimeMinutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endTimeHoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endTimeMinutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-range-picker-v3',\n      ...Styles.TimeRangePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-range-picker-popover-v3',\n      ...Styles.TimeRangePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValueFrom = ref(props.modelValue?.[0] ?? getCurrentDate());\n    const initialValueTo = ref(props.modelValue?.[1] ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValueFrom.value = value?.[0] ?? getCurrentDate();\n      initialValueTo.value = value?.[1] ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const draftFrom = computed({\n      get: () => draft.value?.[0],\n\n      set: (value) => {\n        draft.value = [value, draft.value?.[1]];\n      },\n    });\n\n    const draftTo = computed({\n      get: () => draft.value?.[1],\n\n      set: (value) => {\n        draft.value = [draft.value?.[0], value];\n      },\n    });\n\n    const activeControl = ref<'from' | 'to'>('from');\n\n    const invalid = computed(() => {\n      if (draftFrom.value && draftTo.value && draftFrom.value < draftTo.value) {\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value ?? [undefined, undefined];\n    }\n\n    function openPopover(control: 'from' | 'to'): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n\n        activeControl.value = control;\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValueFrom,\n      initialValueTo,\n\n      model,\n      draft,\n\n      draftFrom,\n      draftTo,\n\n      activeControl,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["TimeRangePicker","TimeRangePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimeRangePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimeRangePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValueFrom","getCurrentDate","initialValueTo","_b","watch","value","model","useProxyModelValue","draft","draftFrom","draftTo","activeControl","invalid","apply","reset","openPopover","control","popoverInstance","closePopover","isDesktop","isMobile","useResponsive","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","$slots","_ctx","_createBlock","_component_OrLabel","_renderSlot","_withCtx","_createCommentVNode","_withDirectives","variant","_component_OrInputBox","error","readonly","disabled","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_normalizeClass","required","_directive_dropdown_open","_directive_dropdown_close","_component_OrPopover","anchor","_component_OrDateTimePickerPopoverHeader","_createTextVNode","_toDisplayString","_hoisted_1","_component_OrDateTimePickerTimeSelect","hourStep","startTimeHoursFilter","startTimeMinutesFilter","endTimeHoursFilter","endTimeMinutesFilter","_component_OrDateTimePickerPopoverFooter","_hoisted_2","_component_OrHint","_vShow","_component_OrError"],"mappings":"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"}

package/dist/esm/OrTooltip-DqwjoE82.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrTooltip-DqwjoE82.mjs","sources":["../../../components/or-tooltip-v3/src/styles.ts","../../../components/or-tooltip-v3/src/OrTooltip.vue"],"sourcesContent":["import { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\n\nexport const Tooltip: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Typography\n  'leading-[0]',\n];\n\nexport const TooltipBody: string[] = [\n  // Layout\n  'layout-inline-column',\n\n  // Shape\n  'rounded-sm',\n\n  // Spacing\n  'mx-sm',\n  'my-sm',\n\n  'px-sm',\n  'py-xs',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-on-surface-inverse',\n  'dark:theme-foreground-on-surface-inverse-dark',\n\n  'theme-background-surface-inverse',\n  'dark:theme-background-surface-inverse-dark',\n];\n\nexport const TooltipBodyPlacements: Record<PopoverPlacement, string[]> = {\n  [PopoverPlacement.Top]: [\n    // Spacing\n    'mb-0',\n  ],\n\n  [PopoverPlacement.TopStart]: [\n    // Spacing\n    'mb-0',\n    'ml-0',\n  ],\n\n  [PopoverPlacement.TopEnd]: [\n    // Spacing\n    'mb-0',\n    'mr-0',\n  ],\n\n  [PopoverPlacement.Bottom]: [\n    // Spacing\n    'mt-0',\n  ],\n\n  [PopoverPlacement.BottomStart]: [\n    // Spacing\n    'mt-0',\n    'ml-0',\n  ],\n\n  [PopoverPlacement.BottomEnd]: [\n    // Spacing\n    'mt-0',\n    'mr-0',\n  ],\n\n  [PopoverPlacement.Left]: [\n    // Spacing\n    'mr-0',\n  ],\n\n  [PopoverPlacement.LeftStart]: [\n    // Spacing\n    'mr-0',\n    'mt-0',\n  ],\n\n  [PopoverPlacement.LeftEnd]: [\n    // Spacing\n    'mr-0',\n    'mb-0',\n  ],\n\n  [PopoverPlacement.Right]: [\n    // Spacing\n    'ml-0',\n  ],\n\n  [PopoverPlacement.RightStart]: [\n    // Spacing\n    'ml-0',\n    'mt-0',\n  ],\n\n  [PopoverPlacement.RightEnd]: [\n    // Spacing\n    'ml-0',\n    'mb-0',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    @mouseover=\"!hasExternalControl && open()\"\n    @mouseout=\"!hasExternalControl && close()\"\n  >\n    <slot />\n\n    <template v-if=\"$slots.content || content\">\n      <OrPopover\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :is-open=\"state === 'open'\"\n        :variant=\"'popover'\"\n        :trigger=\"localTrigger\"\n        :placement=\"placement\"\n        :fallback-placement=\"fallbackPlacement\"\n        :offset=\"offset\"\n        :disable-default-styles=\"true\"\n        :keep-alive=\"false\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <div :class=\"bodyStyles\">\n          <slot name=\"content\">\n            {{ content }}\n          </slot>\n        </div>\n      </OrPopover>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { Tooltip, TooltipBody, TooltipBodyPlacements } from './styles';\n\nexport default defineComponent({\n  name: 'OrTooltip',\n\n  components: {\n    OrPopover,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    content: {\n      type: String,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    fallbackPlacement: {\n      type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n      default: undefined,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    debounce: {\n      type: Number,\n      default: 250,\n    },\n\n    // Left for backward compatibility since `trigger` prop covers similar tasks in a more neat way\n    externalControl: {\n      type: Boolean,\n      default: false,\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    if (props.externalControl) {\n      console.warn('Property externalControl is deprecated for OrTooltipV3. Use trigger prop to pass the ref to external control.');\n    }\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Computed trigger based on availability of trigger passed from outside\n    const localTrigger = computed<ReferenceElement | undefined>(() => {\n      return props.trigger ?? root.value;\n    });\n\n    // Used instead of `externalControl`\n    const hasExternalControl = computed<boolean>(() => {\n      return props.trigger !== undefined || props.externalControl;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tooltip-v3',\n      ...Tooltip,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-tooltip-popover-v3',\n    ]);\n\n    const bodyStyles = computed(() => [\n      ...TooltipBody,\n      ...TooltipBodyPlacements[props.placement],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit, {\n      debounce: toRef(props, 'debounce'),\n    });\n\n    return {\n      root,\n      localTrigger,\n      hasExternalControl,\n      rootStyles,\n      popoverStyles,\n      bodyStyles,\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["Tooltip","TooltipBody","TooltipBodyPlacements","PopoverPlacement","_sfc_main","defineComponent","OrPopover","props","context","root","ref","localTrigger","computed","hasExternalControl","rootStyles","popoverStyles","bodyStyles","state","open","close","toggle","usePopoverState","toRef","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_component_OrPopover","_withCtx","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"OrTooltip-DqwjoE82.mjs","sources":["../../../components/or-tooltip-v3/src/styles.ts","../../../components/or-tooltip-v3/src/OrTooltip.vue"],"sourcesContent":["import { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\n\nexport const Tooltip: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Typography\n  'leading-[0]',\n];\n\nexport const TooltipBody: string[] = [\n  // Layout\n  'layout-inline-column',\n\n  // Shape\n  'rounded-sm',\n\n  // Spacing\n  'mx-sm',\n  'my-sm',\n\n  'px-sm',\n  'py-xs',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-on-surface-inverse',\n  'dark:theme-foreground-on-surface-inverse-dark',\n\n  'theme-background-surface-inverse',\n  'dark:theme-background-surface-inverse-dark',\n];\n\nexport const TooltipBodyPlacements: Record<PopoverPlacement, string[]> = {\n  [PopoverPlacement.Top]: [\n    // Spacing\n    'mb-0',\n  ],\n\n  [PopoverPlacement.TopStart]: [\n    // Spacing\n    'mb-0',\n    'ml-0',\n  ],\n\n  [PopoverPlacement.TopEnd]: [\n    // Spacing\n    'mb-0',\n    'mr-0',\n  ],\n\n  [PopoverPlacement.Bottom]: [\n    // Spacing\n    'mt-0',\n  ],\n\n  [PopoverPlacement.BottomStart]: [\n    // Spacing\n    'mt-0',\n    'ml-0',\n  ],\n\n  [PopoverPlacement.BottomEnd]: [\n    // Spacing\n    'mt-0',\n    'mr-0',\n  ],\n\n  [PopoverPlacement.Left]: [\n    // Spacing\n    'mr-0',\n  ],\n\n  [PopoverPlacement.LeftStart]: [\n    // Spacing\n    'mr-0',\n    'mt-0',\n  ],\n\n  [PopoverPlacement.LeftEnd]: [\n    // Spacing\n    'mr-0',\n    'mb-0',\n  ],\n\n  [PopoverPlacement.Right]: [\n    // Spacing\n    'ml-0',\n  ],\n\n  [PopoverPlacement.RightStart]: [\n    // Spacing\n    'ml-0',\n    'mt-0',\n  ],\n\n  [PopoverPlacement.RightEnd]: [\n    // Spacing\n    'ml-0',\n    'mb-0',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    @mouseover=\"!hasExternalControl && open()\"\n    @mouseout=\"!hasExternalControl && close()\"\n  >\n    <slot />\n\n    <template v-if=\"$slots.content || content\">\n      <OrPopover\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :is-open=\"state === 'open'\"\n        :variant=\"'popover'\"\n        :trigger=\"localTrigger\"\n        :placement=\"placement\"\n        :fallback-placement=\"fallbackPlacement\"\n        :offset=\"offset\"\n        :disable-default-styles=\"true\"\n        :keep-alive=\"false\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <div :class=\"bodyStyles\">\n          <slot name=\"content\">\n            {{ content }}\n          </slot>\n        </div>\n      </OrPopover>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { Tooltip, TooltipBody, TooltipBodyPlacements } from './styles';\n\nexport default defineComponent({\n  name: 'OrTooltip',\n\n  components: {\n    OrPopover,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    content: {\n      type: String,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    fallbackPlacement: {\n      type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n      default: undefined,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    debounce: {\n      type: Number,\n      default: 250,\n    },\n\n    // Left for backward compatibility since `trigger` prop covers similar tasks in a more neat way\n    externalControl: {\n      type: Boolean,\n      default: false,\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    if (props.externalControl) {\n      console.warn('Property externalControl is deprecated for OrTooltipV3. Use trigger prop to pass the ref to external control.');\n    }\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Computed trigger based on availability of trigger passed from outside\n    const localTrigger = computed<ReferenceElement | undefined>(() => {\n      return props.trigger ?? root.value;\n    });\n\n    // Used instead of `externalControl`\n    const hasExternalControl = computed<boolean>(() => {\n      return props.trigger !== undefined || props.externalControl;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tooltip-v3',\n      ...Tooltip,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-tooltip-popover-v3',\n    ]);\n\n    const bodyStyles = computed(() => [\n      ...TooltipBody,\n      ...TooltipBodyPlacements[props.placement],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit, {\n      debounce: toRef(props, 'debounce'),\n    });\n\n    return {\n      root,\n      localTrigger,\n      hasExternalControl,\n      rootStyles,\n      popoverStyles,\n      bodyStyles,\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["Tooltip","TooltipBody","TooltipBodyPlacements","PopoverPlacement","_sfc_main","defineComponent","OrPopover","props","context","root","ref","localTrigger","computed","hasExternalControl","rootStyles","popoverStyles","bodyStyles","state","open","close","toggle","usePopoverState","toRef","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","$slots","offset","_withCtx","_createElementVNode","_createCommentVNode"],"mappings":"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"}