npm - @onereach/ui-components - Versions diffs - 22.2.0-beta.5481.0 → 22.2.0-beta.5483.0 - Mend

@onereach/ui-components 22.2.0-beta.5481.0 → 22.2.0-beta.5483.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/dist/esm/OrDateRangePicker-DYkQxckA.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OrDateRangePicker-DYkQxckA.mjs","sources":["../../../components/or-date-range-picker-v3/src/styles.ts","../../../components/or-date-range-picker-v3/src/OrDateRangePicker.vue"],"sourcesContent":["export const DateRangePicker: string[] = [\n // Layout\n 'layout-column',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const DateRangePickerPopover: string[] = [\n // Box\n 'w-[572px]',\n];\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 <OrDateTimePickerDateControl\n v-model=\"draftFrom\"\n v-dropdown-open=\"() => openPopover('from')\"\n v-dropdown-close=\"closePopover\"\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 <OrDateTimePickerDateControl\n v-model=\"draftTo\"\n v-dropdown-open=\"() => openPopover('to')\"\n v-dropdown-close=\"closePopover\"\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 :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 <div :class=\"popoverStyles\">\n <OrDateTimePickerPopoverHeader\n v-if=\"isMobile\"\n >\n <OrDateTimePickerMobileControl\n :label=\"'Start Date'\"\n :selected=\"activeControl === 'from'\"\n @click=\"activeControl = 'from'\"\n >\n {{ draftFrom ? formatMobileDate(draftFrom, resolvedFormat, resolvedLocale) : '--' }}\n </OrDateTimePickerMobileControl>\n\n -\n\n <OrDateTimePickerMobileControl\n :label=\"'End Date'\"\n :selected=\"activeControl === 'to'\"\n @click=\"activeControl = 'to'\"\n >\n {{ draftTo ? formatMobileDate(draftTo, resolvedFormat, resolvedLocale) : '--' }}\n </OrDateTimePickerMobileControl>\n </OrDateTimePickerPopoverHeader>\n\n <div :class=\"['layout-row', '[&]:gap-md']\">\n <template v-if=\"isDesktop || (isMobile && activeControl === 'from')\">\n <div :class=\"['layout-column', 'grow']\">\n <OrDateTimePickerMonthSelect\n v-model=\"initialValueFrom\"\n :locale=\"resolvedLocale\"\n />\n\n <OrDateTimePickerDateSelect\n v-model=\"activeControlDraft\"\n :initial-value=\"initialValueFrom\"\n :format=\"resolvedFormat\"\n :locale=\"resolvedLocale\"\n :range-start=\"draftFrom || initialValueFrom\"\n :range-end=\"draftTo || initialValueTo\"\n :date-filter=\"startDateFilter\"\n @update:model-value=\"toggleControl()\"\n />\n </div>\n </template>\n\n <template v-if=\"isDesktop || (isMobile && activeControl === 'to')\">\n <div :class=\"['layout-column', 'grow']\">\n <OrDateTimePickerMonthSelect\n v-model=\"initialValueTo\"\n :locale=\"resolvedLocale\"\n />\n\n <OrDateTimePickerDateSelect\n v-model=\"activeControlDraft\"\n :initial-value=\"initialValueTo\"\n :format=\"resolvedFormat\"\n :locale=\"resolvedLocale\"\n :range-start=\"draftFrom || initialValueFrom\"\n :range-end=\"draftTo || initialValueTo\"\n :date-filter=\"endDateFilter\"\n @update:model-value=\"toggleControl()\"\n />\n </div>\n </template>\n </div>\n\n <OrDateTimePickerPopoverFooter\n :disabled=\"invalid\"\n @apply=\"apply(); popover && popover.close()\"\n @reset=\"reset(); popover && popover.close()\"\n />\n </div>\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=\"'calendar_month'\"\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 { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useDateFormat, useLocale, useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { DateFormat, FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, formatMobileDate, getCurrentDate, getNextMonthDate } 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 { DateRangePickerModelValue } from './types';\nimport { ReferenceElement } from '@floating-ui/dom';\n\nexport default defineComponent({\n name: 'OrDateRangePicker',\n\n components: {\n OrDateTimePickerDateControl,\n OrDateTimePickerDateSelect,\n OrDateTimePickerMobileControl,\n OrDateTimePickerMonthSelect,\n OrDateTimePickerPopoverFooter,\n OrDateTimePickerPopoverHeader,\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<DateRangePickerModelValue>,\n default: undefined,\n },\n\n format: {\n type: [String, Function] as PropType<`${DateFormat}` | FormatFunction<DateTimePickerModelValue>>,\n default: undefined,\n },\n\n locale: {\n type: String,\n default: undefined,\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 startDateFilter: {\n type: Function as PropType<FilterFunction<Date>>,\n default: undefined,\n },\n\n endDateFilter: {\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-date-range-picker-v3',\n ...Styles.DateRangePicker,\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-date-range-picker-popover-v3',\n ...(isMobile.value ? [] : Styles.DateRangePickerPopover),\n ]);\n\n // Options\n const resolvedFormat = useDateFormat(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] ?? getNextMonthDate());\n\n watch(() => props.modelValue, (value) => {\n initialValueFrom.value = value?.[0] ?? getCurrentDate();\n initialValueTo.value = value?.[1] ?? getNextMonthDate();\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 watch(draft, (value) => {\n if (value && value[0] && value[1] && Number(value[0]) > Number(value[1])) {\n draft.value = [value[1], value[0]];\n\n toggleControl();\n }\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 activeControlDraft = computed({\n get: () => activeControl.value === 'from' ? draftFrom.value : draftTo.value,\n\n set: (value) => {\n if (activeControl.value === 'from') {\n draftFrom.value = value;\n } else {\n draftTo.value = value;\n }\n },\n });\n\n const invalid = computed(() => {\n if (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 toggleControl(): void {\n activeControl.value = activeControl.value === 'from' ? 'to' : 'from';\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 activeControlDraft,\n\n invalid,\n\n apply,\n reset,\n\n toggleControl,\n\n openPopover,\n closePopover,\n\n formatMobileDate,\n\n isDesktop,\n isMobile,\n };\n },\n});\n</script>\n"],"names":["DateRangePicker","DateRangePickerPopover","_sfc_main","defineComponent","OrDateTimePickerDateControl","OrDateTimePickerDateSelect","OrDateTimePickerMobileControl","OrDateTimePickerMonthSelect","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.DateRangePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","isMobile","Styles.DateRangePickerPopover","resolvedFormat","useDateFormat","toRef","resolvedLocale","useLocale","initialValueFrom","getCurrentDate","initialValueTo","_b","getNextMonthDate","watch","value","model","useProxyModelValue","draft","toggleControl","draftFrom","draftTo","activeControl","activeControlDraft","invalid","apply","reset","openPopover","control","popoverInstance","closePopover","isDesktop","useResponsive","formatMobileDate","_hoisted_2","_hoisted_3","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerDateControl","_directive_dropdown_open","_directive_dropdown_close","_createTextVNode","_component_OrPopover","_createElementVNode","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_hoisted_1","_component_OrDateTimePickerMonthSelect","_component_OrDateTimePickerDateSelect","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":";;;;;;;;;;;;;;;;AAAO,MAAMA,KAA4B;AAAA;AAAA,EAEvC;AAAA;AAAA,EAGA;AACF,GAEaC,KAAmC;AAAA;AAAA,EAE9C;AACF,GC0LAC,KAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,6BAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,eAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AAAA,EAEA,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,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,MACH,GAAGN,EAAM,YAAYO,GAAgB,WAAW,CAAC,MAAM,IAAI,CAAC;AAAA,IAAA,CAC7D,GAEKC,IAAWL,KACXM,IAAeJ,EAAS,MAAA;;AAAM,cAAAK,IAAAF,EAAS,UAAT,gBAAAE,EAAgB;AAAA,KAAI,GAElDC,IAAUR,KACVS,IAAeP,EAAS,MAAA;;AAAM,cAAAK,IAAAC,EAAQ,UAAR,gBAAAD,EAAe;AAAA,KAAK,GAElDG,IAAgBR,EAAS,MAAM;AAAA,MACnC;AAAA,MACA,GAAIS,EAAS,QAAQ,CAAA,IAAKC;AAAAA,IAAO,CAClC,GAGKC,IAAiBC,GAAcC,EAAMlB,GAAO,QAAQ,CAAC,GACrDmB,IAAiBC,GAAUF,EAAMlB,GAAO,QAAQ,CAAC,GAGjDqB,IAAmBlB,IAAIO,IAAAV,EAAM,eAAN,gBAAAU,EAAmB,OAAMY,GAAgB,GAChEC,IAAiBpB,IAAIqB,IAAAxB,EAAM,eAAN,gBAAAwB,EAAmB,OAAMC,GAAkB;AAEtE,IAAAC,EAAM,MAAM1B,EAAM,YAAY,CAAC2B,MAAU;AACvC,MAAAN,EAAiB,SAAQM,KAAA,gBAAAA,EAAQ,OAAML,EAAe,GACtDC,EAAe,SAAQI,KAAA,gBAAAA,EAAQ,OAAMF,EAAiB;AAAA,IAAA,CACvD;AAED,UAAMG,IAAQC,GAAmBX,EAAMlB,GAAO,YAAY,GAAGC,EAAQ,IAAI,GACnE6B,IAAQ3B,EAAIyB,EAAM,KAAK;AAEvB,IAAAF,EAAAE,GAAO,CAACD,MAAU;AACtB,MAAAG,EAAM,QAAQH;AAAA,IAAA,CACf,GAEKD,EAAAI,GAAO,CAACH,MAAU;AACtB,MAAIA,KAASA,EAAM,CAAC,KAAKA,EAAM,CAAC,KAAK,OAAOA,EAAM,CAAC,CAAC,IAAI,OAAOA,EAAM,CAAC,CAAC,MACrEG,EAAM,QAAQ,CAACH,EAAM,CAAC,GAAGA,EAAM,CAAC,CAAC,GAEnBI;IAChB,CACD;AAED,UAAMC,IAAY3B,EAAS;AAAA,MACzB,KAAK,MAAM;;AAAA,gBAAAK,IAAAoB,EAAM,UAAN,gBAAApB,EAAc;AAAA;AAAA,MAEzB,KAAK,CAACiB,MAAU;;AACd,QAAAG,EAAM,QAAQ,CAACH,IAAOjB,IAAAoB,EAAM,UAAN,gBAAApB,EAAc,EAAE;AAAA,MACxC;AAAA,IAAA,CACD,GAEKuB,IAAU5B,EAAS;AAAA,MACvB,KAAK,MAAM;;AAAA,gBAAAK,IAAAoB,EAAM,UAAN,gBAAApB,EAAc;AAAA;AAAA,MAEzB,KAAK,CAACiB,MAAU;;AACd,QAAAG,EAAM,QAAQ,EAACpB,IAAAoB,EAAM,UAAN,gBAAApB,EAAc,IAAIiB,CAAK;AAAA,MACxC;AAAA,IAAA,CACD,GAEKO,IAAgB/B,EAAmB,MAAM,GAEzCgC,IAAqB9B,EAAS;AAAA,MAClC,KAAK,MAAM6B,EAAc,UAAU,SAASF,EAAU,QAAQC,EAAQ;AAAA,MAEtE,KAAK,CAACN,MAAU;AACV,QAAAO,EAAc,UAAU,SAC1BF,EAAU,QAAQL,IAElBM,EAAQ,QAAQN;AAAA,MAEpB;AAAA,IAAA,CACD,GAEKS,IAAU/B,EAAS,MACnB,EAAA2B,EAAU,SAASC,EAAQ,MAKhC;AAGD,aAASI,IAAc;AACrB,MAAAT,EAAM,QAAQE,EAAM;AAAA,IACtB;AAEA,aAASQ,IAAc;AACrB,MAAAR,EAAM,QAAQF,EAAM,SAAS,CAAC,QAAW,MAAS;AAAA,IACpD;AAEA,aAASG,IAAsB;AAC7B,MAAAG,EAAc,QAAQA,EAAc,UAAU,SAAS,OAAO;AAAA,IAChE;AAEA,aAASK,EAAYC,GAA8B;AACjD,UAAI,CAACxC,EAAM,YAAY,CAACA,EAAM,UAAU;AACtC,cAAMyC,IAAkB9B,EAAQ;AAEhC,QAAI8B,KACDA,EAAgB,KAAoB,GAGvCP,EAAc,QAAQM;AAAA,MACxB;AAAA,IACF;AAEA,aAASE,IAAqB;AAC5B,YAAMD,IAAkB9B,EAAQ;AAEhC,MAAI8B,KACDA,EAAgB,MAAqB;AAAA,IAE1C;AAGA,UAAM,EAAE,WAAAE,GAAW,UAAA7B,EAAS,IAAI8B,GAAc;AAEvC,WAAA;AAAA,MACL,MAAA1C;AAAA,MACA,YAAAE;AAAA,MAEA,UAAAI;AAAA,MACA,cAAAC;AAAA,MAEA,SAAAE;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MAEA,gBAAAG;AAAA,MACA,gBAAAG;AAAA,MAEA,kBAAAE;AAAA,MACA,gBAAAE;AAAA,MAEA,OAAAK;AAAA,MACA,OAAAE;AAAA,MAEA,WAAAE;AAAA,MACA,SAAAC;AAAA,MAEA,eAAAC;AAAA,MACA,oBAAAC;AAAA,MAEA,SAAAC;AAAA,MAEA,OAAAC;AAAA,MACA,OAAAC;AAAA,MAEA,eAAAP;AAAA,MAEA,aAAAQ;AAAA,MACA,cAAAG;AAAA,MAEA,kBAAAG;AAAA,MAEA,WAAAF;AAAA,MACA,UAAA7B;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;GArYmBgC,KAAK;AAAA,EAAA,KAAA;AAAA;GAoBLC,KAAK;AAAA,EAAA,KAAA;AAAA,2BA4BnB,CAAyB,iBAAA,MAAA,CAAA;;;;;mZA1I7BC,EAgLM,gBAAA;SA9KEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAEF,OAAAC,EAAgBC,EAAO,UAAA;AAAA,EAAA,GAAA;AAAA,wDAElBC,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQ;AAAA,MAAA,UAAAF,EAAA;AAAA,MAMQ,UAAKA,EAAA;AAAA,IAAA,GAAA;AAAA;QAFfG,EAAAH,EAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA;;;;;;IAQX,GAAA,GAAA,CAAA,YAAA,UAAA,CAAA,KACGI,EAAe,IAAA,EAAA;AAAA,IAAAC,GAGNR,EAAO,GAAAI,EAAAK,GAAA;AAAA,MAChB,KAAI;AAAA,MACJ,SAAON,EAAI;AAAA,MACX,MAAUA,EAAA;AAAA,MACV,SAAQ,CAAE,CAAAA,EAAA;AAAA,MAAA,UAAAA,EAAA;AAAA,MAgHM,UAAKA,EAAA;AAAA,IAAA,GAAA;AAAA,MAElB,OAAAO,EAAA,MAAA;AAAA,QAAAP,EAAA,cAAAH,KACgBI,EAAAO,GAAA;AAAA,UACb,KAAK;AAAA,UACL,MAAA;AAAA,UACA,OAAK;AAAA,UAAA,UAAAR,EAAA,YAAAA,EAAA;AAAA,qBAKR,EAGE,MAAAS,EAAA,EAAA,IAAAC,EAAA,CAAAC,MAAAX,EAAA,MAAA,qBAAA,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA,GAAA,MAAA,GAAA,CAAA,UAAA,CAAA,MAAAH,EAFuB,GAAAI,EAAAW,GAAA;AAAA,UACtB,KAAA;AAAA,UAAA,MAAA;AAAA;;;MA1HI,SAAAL,EAAA,MAAA;AAAA,QAAAF,EAAAQ,EAAAC,GAAA;AAAA,UAGR,YAAQd,EAAA;AAAA,UACR,uBAAQS,EAAc,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAAX,EAAA,YAAAW;AAAA,UACtB,QAAQX,EAAE;AAAA,UACV,QAAQA,EAAE;AAAA,UACV,UAAUA,EAAQ,WAAAA,EAAA,QAAA,UAAA,UAAAA,EAAA,kBAAA;AAAA,UAClB,UAAUA,EAAA;AAAA,UAAA,UAAAA,EAAA;AAAA;6CANO,UAAY,YAAA,YAAA,YAAA,UAAA,CAAA,GAAA;AAAA,UAAA,CAAAe,GAAA,MAAAf,EAAA,YAAA,MAAA,CAAA;AAAA,UAWhC,CAAAgB,GAAAhB,EAAA,YAAA;AAAA,QAAA,CAAA;AAAA,QACWiB,EAAA,KAAA;AAAA,QAAAZ,EAAAQ,EAAAC,GAAA;AAAA,UAGR,YAAQd,EAAA;AAAA,UACR,uBAAQS,EAAc,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAAX,EAAA,UAAAW;AAAA,UACtB,QAAQX,EAAE;AAAA,UACV,QAAQA,EAAE;AAAA,UACV,UAAUA,EAAQ,WAAAA,EAAA,QAAA,UAAA,UAAAA,EAAA,kBAAA;AAAA,UAClB,UAAUA,EAAA;AAAA,UAAA,UAAAA,EAAA;AAAA;6CANO,UAAY,YAAA,YAAA,YAAA,UAAA,CAAA,GAAA;AAAA,UAAA,CAAAe,GAAA,MAAAf,EAAA,YAAA,IAAA,CAAA;AAAA,UAShC,CAgFYgB,GAAAhB,EAAA,YAAA;AAAA,QAAA,CAAA;AAAA,UA9EAkB,GAAM;AAAA,UACf,KAAA;AAAA,UACA,SAAS;AAAA,UACT,sBAAW,EAAc,SAAA,QAAA;AAAA,UACzB,qBAAoBlB,EAAO;AAAA,UAC3B,WAAK;AAAA,UAAA,sBAAA;AAAA,uBAEN,MAsEMS,EAAA,EAAA,IAAA,CAAAE,MAAAX,EAAA;QAAA,GAAA;AAAA,UAtEK,SAAAO,EAAA,MAAA;AAAA,YAAAY,EAAA,OAAA;AAAA,qBAEDpB,EAAQC,EAAA,aAAA;AAAA,YAAA,GAAA;AAAA,iCAQkBC,EAAAmB,GAAA,EAAA,KAAA,KAAA;AAAA,gBAAA,SALxBb,EAAE,MAAY;AAAA,kBAAAM,EACTQ,GAAa;AAAA,oBACvB,OAAK;AAAA,oBAAA,UAAArB,EAAA,kBAAA;AAAA,oBAE8E,SAAAS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAAX,EAAA,gBAAA;AAAA,kBAAA,GAAA;AAAA;;;;qBAWtD,GAAA,CAAA,UAAA,CAAA;AAAA,kBAAAiB,EALtB,KAAU;AAAA,kBAAAJ,EACPQ,GAAa;AAAA,oBACvB,OAAK;AAAA,oBAAA,UAAArB,EAAA,kBAAA;AAAA,oBAE0E,SAAAS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAAX,EAAA,gBAAA;AAAA,kBAAA,GAAA;AAAA;;;;;;;cAIpF,CAAA,KACkBI,EAAc,IAAA,EAAA;AAAA,cAC5Be,EAAA,OAAAG,IAAA;AAAA,gBACEtB,EAAA,aAGEA,mDAFS,OAAgBN,IAAA;AAAA,kBAAAmB,EAAAU,GAAA;AAAA,oBACxB,YAAQvB,EAAA;AAAA,oBAAA,uBAAAS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAAX,EAAA,mBAAAW;AAAA,oBAGX,QASEX,EAAA;AAAA,kBARS,GAAA,MAAA,GAAA,CAAA,cAAA,QAAA,CAAA;AAAA,kBAAAa,EAAAW,GAAA;AAAA;;;sBACRf,EAAA,CAAA,MAAaA,EAAE,CAAgB,IAAA,CAAAE,MAAAX,EAAA;oBAC/B;AAAA,oBACA,iBAAQA,EAAA;AAAA,oBACR,QAAWA,EAAA;AAAA,oBACX,QAAWA,EAAA;AAAA,oBACX,eAAaA,EAAe,aAAAA,EAAA;AAAA,oBAAA,aAAAA,EAAA,WAAAA,EAAA;AAAA;;iBAOjC,KAAAI,EAAA,IAAA,EAAA;AAAA,gBAAAJ,EACE,aAGEA,EAFuB,YAAAA,EAAA,kBAAA,QAAAH,EAAA,GAAAC,EAAA,OAAAH,IAAA;AAAA,kBAAAkB,EAAAU,GAAA;AAAA,oBACtB,YAAQvB,EAAA;AAAA,oBAAA,uBAAAS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAAX,EAAA,iBAAAW;AAAA,oBAGX,QASEX,EAAA;AAAA,kBARS,GAAA,MAAA,GAAA,CAAA,cAAA,QAAA,CAAA;AAAA,kBAAAa,EAAAW,GAAA;AAAA;;;sBACRf,EAAA,CAAA,MAAaA,EAAE,CAAc,IAAA,CAAAE,MAAAX,EAAA;oBAC7B;AAAA,oBACA,iBAAQA,EAAA;AAAA,oBACR,QAAWA,EAAA;AAAA,oBACX,QAAWA,EAAA;AAAA,oBACX,eAAaA,EAAa,aAAAA,EAAA;AAAA,oBAAA,aAAAA,EAAA,WAAAA,EAAA;AAAA;;sBAOnCI,EAIE,IAAA,EAAA;AAAA,cAAA,CAAA;AAAA,gBAFMqB,GAAE;AAAA,gBACP,UAAKzB,EAAA;AAAA,gBAAA,SAAAS,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAAE,MAAA;;;;;;;;;UAKZ,GAAA;AAAA,QAAA,GAAA,GAAA,CAAA,SAAA,CAAA;AAAA;;;yCAnHkB,YAAY,UAAA,CAAA,IAAA;AAAA,MAAA,CAAAI,GAAA,MAAAf,EAAA,YAAA,MAAA,CAAA;AAAA,MAwIhB,CAAmBgB,GAAAhB,EAAA,YAAA;AAAA,IAAA,CAAA;AAAA,iCAGpBH,EAAQ,GAAAI,EAAAyB,GAAA;AAAA,MAAA,KAAA;AAAA;;;;;;;;;;IAYV,CAAA,IAAAtB,EAAA,IAAA,EAAA;AAAA,IAAHC,EAAAQ,EAAAc,GAAA,EAAA,UAAA3B,EAAA,YAAA;AAAA,MAAA,SAAAO,EAAA,MAAA;AAAA;;;;;;;;;"}

package/dist/esm/{OrTagInput-CjYmyfIU.mjs → OrTagInput-D4-z3jby.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[data-v-e2132f34]{min-width:0;background:none;outline:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { onClickOutside as le } from "@vueuse/core";
-import { defineComponent as re, ref as f, toRefs as ae, computed as d, reactive as ne, watch as de, nextTick as A, resolveComponent as p, openBlock as B, createElementBlock as se, normalizeClass as E, createBlock as P, withCtx as r, renderSlot as v, createTextVNode as m, toDisplayString as i, createCommentVNode as D, createVNode as w, createSlots as I, createElementVNode as R, withDirectives as q, mergeProps as ie, withKeys as ue, vModelDynamic as pe, vShow as U } from "vue";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[data-v-8227a0f7]{min-width:0;background:none;outline:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+import { onClickOutside as te } from "@vueuse/core";
+import { defineComponent as le, ref as f, toRefs as ae, computed as d, reactive as re, watch as de, nextTick as R, resolveComponent as p, openBlock as B, createElementBlock as se, normalizeClass as A, createBlock as E, withCtx as l, renderSlot as v, createTextVNode as m, toDisplayString as i, createCommentVNode as N, createVNode as w, createSlots as I, createElementVNode as K, withDirectives as P, mergeProps as ie, withKeys as ue, vModelDynamic as pe, vShow as U } from "vue";
 import { useResponsive as fe, useIdAttribute as ve, useControlAttributes as me, useValidationAttributes as ye, useProxyModelValue as ge } from "@onereach/ui-components-common/hooks";
 import { toArray as be, include as ce, exclude as he } from "@onereach/ui-components-common/utils";
 import { O as Oe } from "./OrError-B5ihH6-3.mjs";
@@ -12,13 +12,13 @@ import { O as ke } from "./OrLabel-DssheqEn.mjs";
 import { O as Se } from "./OrLoader-2SaTMxmZ.mjs";
 import { a as j } from "./OrTag-Bixe0EQq.mjs";
 import { O as $e, T as G } from "./OrTags-CS0bcLtx.mjs";
-import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Me = [
+import { _ as Te } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Le = [
   // Layout
   "layout-column",
   // Spacing
   "gap-xs"
-], Ce = [
+], Me = [
   // Layout
   // 'flex-auto',
   // Typography
@@ -26,10 +26,14 @@ const Me = [
   // Theme (placeholder)
   "placeholder:theme-foreground-outline",
   "dark:placeholder:theme-foreground-outline-dark"
-], Te = [
+], Ce = [
   // Box
   "!min-h-0"
-], Ae = re({
+], Re = [
+  "rounded-t-0"
+], Ae = [
+  "rounded-b-0"
+], Ee = le({
   name: "OrTagInput",
   components: {
     OrError: Oe,
@@ -101,6 +105,14 @@ const Me = [
     saveOnBlur: {
       type: Boolean,
       default: !1
+    },
+    nonRoundedTop: {
+      type: Boolean,
+      default: !1
+    },
+    nonRoundedBottom: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -120,23 +132,25 @@ const Me = [
     "blur",
     "activate"
   ],
-  setup(e, t) {
-    const H = f(), g = f(), V = f(), b = f(), { modelValue: k, overflow: S, placeholder: $, disabled: y, readonly: c, saveOnBlur: L } = ae(e), { isMobile: M } = fe(), l = d(() => [
+  setup(e, n) {
+    const D = f(), g = f(), V = f(), b = f(), { modelValue: k, overflow: S, placeholder: $, disabled: y, readonly: c, saveOnBlur: T } = ae(e), { isMobile: L } = fe(), t = d(() => [
       "or-tag-input-v3",
-      ...Me,
+      ...Le,
       ...e.variant === Ve.Embedded ? ["grow"] : []
     ]), J = d(() => [
-      ...Ce
+      ...Me
     ]), Q = d(() => [
-      ...Te
+      ...Ce
     ]), W = d(() => [
       "interactivity-select",
-      ...e.additionalInputBoxStyles
-    ]), N = ne({
+      ...e.additionalInputBoxStyles,
+      ...e.nonRoundedTop ? Re : [],
+      ...e.nonRoundedBottom ? Ae : []
+    ]), q = re({
       id: ve(),
       ...me(),
       ...ye()
-    }), u = f(!1), n = ge(k, t.emit), s = f(), X = d(() => be(n.value).map((o) => ({
+    }), u = f(!1), r = ge(k, n.emit), s = f(), X = d(() => be(r.value).map((o) => ({
       label: o,
       value: o,
       tagProps: {
@@ -144,8 +158,8 @@ const Me = [
       }
     }))), h = d(() => {
       var o;
-      return ((o = n.value) == null ? void 0 : o.length) ?? 0;
-    }), C = d(() => N.maxlength), Y = d(() => {
+      return ((o = r.value) == null ? void 0 : o.length) ?? 0;
+    }), M = d(() => q.maxlength), Y = d(() => {
       var a;
       const o = s.value ? s.value.length : h.value === 0 ? ((a = $.value) == null ? void 0 : a.length) ?? 0 : 0;
       return {
@@ -155,97 +169,97 @@ const Me = [
       variant: c.value || y.value || !u.value ? "tag" : "reset",
       disabled: y.value
     }));
-    function T() {
+    function C() {
       var o;
       (o = g.value) == null || o.focus();
     }
-    function z() {
+    function H() {
       var o;
       (o = g.value) == null || o.blur();
     }
-    function F() {
-      u.value = !1, A(() => z()), t.emit("blur");
+    function z() {
+      u.value = !1, R(() => H()), n.emit("blur");
     }
     function _() {
-      y.value || c.value || (u.value || (u.value = !0, t.emit("focus")), A(() => T()));
+      y.value || c.value || (u.value || (u.value = !0, n.emit("focus")), R(() => C()));
     }
-    function K() {
+    function F() {
       var a;
       const o = s.value;
-      o && ((a = n.value) != null && a.includes(o) || C.value && h.value >= C.value || (n.value = ce(o, n.value ?? []), s.value = "", A(() => T())));
+      o && ((a = r.value) != null && a.includes(o) || M.value && h.value >= M.value || (r.value = ce(o, r.value ?? []), s.value = "", R(() => C())));
     }
     function ee(o) {
-      n.value = he(o, n.value ?? []);
+      r.value = he(o, r.value ?? []);
     }
     function oe() {
-      n.value = [], s.value = "", t.emit("reset");
+      r.value = [], s.value = "", n.emit("reset");
     }
-    function te() {
+    function ne() {
       s.value = "";
     }
-    return le(V, () => {
+    return te(V, () => {
       var o, a;
-      u.value === !1 || ((a = (o = b.value) == null ? void 0 : o.overflowPopover) == null ? void 0 : a.state) === "open" || (L.value && K(), F());
-    }), de(n, (o, a) => {
+      u.value === !1 || ((a = (o = b.value) == null ? void 0 : o.overflowPopover) == null ? void 0 : a.state) === "open" || (T.value && F(), z());
+    }), de(r, (o, a) => {
       var O;
       S.value === G.Scroll && (o == null ? void 0 : o.length) !== (a == null ? void 0 : a.length) && ((O = b.value) == null ? void 0 : O.scrollToEnd).call(O);
     }), {
-      root: H,
+      root: D,
       control: g,
       inputBox: V,
       tags: b,
-      rootStyles: l,
+      rootStyles: t,
       controlStyles: J,
       itemStyles: Q,
       inputBoxStyles: W,
       controlInlineStyles: Y,
-      controlAttributes: N,
-      proxyModelValue: n,
+      controlAttributes: q,
+      proxyModelValue: r,
       draftModelValue: s,
       tagsItems: X,
       tagsProps: x,
       currentLength: h,
-      maxLength: C,
+      maxLength: M,
       activated: u,
       showControl: Z,
-      isMobile: M,
-      focus: T,
-      blur: z,
-      add: K,
+      isMobile: L,
+      focus: C,
+      blur: H,
+      add: F,
       activate: _,
-      deactivate: F,
+      deactivate: z,
       remove: ee,
       reset: oe,
-      clear: te
+      clear: ne
     };
   }
-}), Ee = { class: "inline-flex w-fit max-w-full" }, Pe = ["placeholder", "readonly", "disabled"];
-function De(e, t, H, g, V, b) {
-  const k = p("OrLabel"), S = p("OrTags"), $ = p("OrLoader"), y = p("OrIconButton"), c = p("OrInputBox"), L = p("OrHint"), M = p("OrError");
+}), Ne = { class: "inline-flex w-fit max-w-full" }, Pe = ["placeholder", "readonly", "disabled"];
+function De(e, n, D, g, V, b) {
+  const k = p("OrLabel"), S = p("OrTags"), $ = p("OrLoader"), y = p("OrIconButton"), c = p("OrInputBox"), T = p("OrHint"), L = p("OrError");
   return B(), se("div", {
     ref: "root",
-    class: E(e.rootStyles)
+    class: A(e.rootStyles)
   }, [
-    e.$slots.label || e.$slots.addon || e.label ? (B(), P(k, {
+    e.$slots.label || e.$slots.addon || e.label ? (B(), E(k, {
       key: 0,
       "control-id": e.controlAttributes.id,
       variant: "input",
       required: e.required,
       disabled: e.disabled
     }, {
-      addon: r(() => [
+      addon: l(() => [
         v(e.$slots, "addon", {}, void 0, !0)
       ]),
-      default: r(() => [
+      default: l(() => [
         v(e.$slots, "label", {}, () => [
           m(i(e.label), 1)
         ], !0)
       ]),
       _: 3
-    }, 8, ["control-id", "required", "disabled"])) : D("", !0),
+    }, 8, ["control-id", "required", "disabled"])) : N("", !0),
     w(c, {
       ref: "inputBox",
-      class: E(e.inputBoxStyles),
+      class: A(e.inputBoxStyles),
       variant: e.variant,
       invalid: !!e.error,
       readonly: e.readonly,
@@ -254,29 +268,29 @@ function De(e, t, H, g, V, b) {
       "force-state": e.activated ? "focus-within" : void 0,
       onFocus: e.activate
     }, I({
-      default: r(() => [
+      default: l(() => [
         w(S, {
           ref: "tags",
-          class: E(["grow"]),
+          class: A(["grow"]),
           items: e.tagsItems,
           disabled: e.disabled,
           "tag-props": e.tagsProps,
           overflow: e.overflow,
-          onReset: t[6] || (t[6] = (l) => e.remove(l))
+          onReset: n[6] || (n[6] = (t) => e.remove(t))
         }, I({
-          tag: r(({ item: l }) => [
-            v(e.$slots, "tag", { item: l }, () => [
-              m(i(l.label), 1)
+          tag: l(({ item: t }) => [
+            v(e.$slots, "tag", { item: t }, () => [
+              m(i(t.label), 1)
             ], !0)
           ]),
           _: 2
         }, [
           e.showControl ? {
             name: "tail",
-            fn: r(() => [
-              R("div", Ee, [
-                q(R("input", ie({ ref: "control" }, e.controlAttributes, {
-                  "onUpdate:modelValue": t[0] || (t[0] = (l) => e.draftModelValue = l),
+            fn: l(() => [
+              K("div", Ne, [
+                P(K("input", ie({ ref: "control" }, e.controlAttributes, {
+                  "onUpdate:modelValue": n[0] || (n[0] = (t) => e.draftModelValue = t),
                   class: e.controlStyles,
                   style: e.controlInlineStyles,
                   type: "text",
@@ -286,13 +300,13 @@ function De(e, t, H, g, V, b) {
                   autocomplete: "off",
                   minlength: void 0,
                   maxlength: void 0,
-                  onInput: t[1] || (t[1] = (l) => e.$emit("input", l)),
+                  onInput: n[1] || (n[1] = (t) => e.$emit("input", t)),
                   onKeydown: [
-                    t[2] || (t[2] = (l) => e.$emit("keydown", l)),
-                    t[3] || (t[3] = ue((l) => e.add(), ["enter"]))
+                    n[2] || (n[2] = (t) => e.$emit("keydown", t)),
+                    n[3] || (n[3] = ue((t) => e.add(), ["enter"]))
                   ],
-                  onKeyup: t[4] || (t[4] = (l) => e.$emit("keyup", l)),
-                  onFocus: t[5] || (t[5] = (...l) => e.activate && e.activate(...l))
+                  onKeyup: n[4] || (n[4] = (t) => e.$emit("keyup", t)),
+                  onFocus: n[5] || (n[5] = (...t) => e.activate && e.activate(...t))
                 }), null, 16, Pe), [
                   [
                     pe,
@@ -311,20 +325,20 @@ function De(e, t, H, g, V, b) {
     }, [
       e.$slots.prependInner ? {
         name: "prepend",
-        fn: r(() => [
+        fn: l(() => [
           v(e.$slots, "prependInner", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
       e.$slots.appendInner ? {
         name: "addon",
-        fn: r(() => [
+        fn: l(() => [
           v(e.$slots, "appendInner", {}, void 0, !0)
         ]),
         key: "1"
       } : e.loading ? {
         name: "addon",
-        fn: r(() => [
+        fn: l(() => [
           w($, {
             variant: "circular",
             color: e.error ? "danger" : "primary",
@@ -334,22 +348,22 @@ function De(e, t, H, g, V, b) {
         key: "2"
       } : e.enableClear && !e.readonly && !e.disabled ? {
         name: "addon",
-        fn: r(() => [
-          e.proxyModelValue && e.proxyModelValue.length > 0 || e.draftModelValue ? (B(), P(y, {
+        fn: l(() => [
+          e.proxyModelValue && e.proxyModelValue.length > 0 || e.draftModelValue ? (B(), E(y, {
             key: 0,
             icon: "close",
             color: "inherit",
-            onClick: t[7] || (t[7] = (l) => e.reset())
-          })) : D("", !0)
+            onClick: n[7] || (n[7] = (t) => e.reset())
+          })) : N("", !0)
         ]),
         key: "3"
       } : void 0
     ]), 1032, ["class", "variant", "invalid", "readonly", "disabled", "force-state", "onFocus"]),
-    e.$slots.hint || e.hint || e.maxLength ? q((B(), P(L, {
+    e.$slots.hint || e.hint || e.maxLength ? P((B(), E(T, {
       key: 1,
       disabled: e.disabled
     }, I({
-      default: r(() => [
+      default: l(() => [
         v(e.$slots, "hint", {}, () => [
           m(i(e.hint), 1)
         ], !0)
@@ -358,23 +372,23 @@ function De(e, t, H, g, V, b) {
     }, [
       e.maxLength ? {
         name: "addon",
-        fn: r(() => [
+        fn: l(() => [
           m(i(e.currentLength) + " / " + i(e.maxLength), 1)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled"])), [
       [U, !e.error]
-    ]) : D("", !0),
-    q(w(M, { disabled: e.disabled }, I({
-      default: r(() => [
+    ]) : N("", !0),
+    P(w(L, { disabled: e.disabled }, I({
+      default: l(() => [
         m(i(e.error) + " ", 1)
       ]),
       _: 2
     }, [
       e.maxLength ? {
         name: "addon",
-        fn: r(() => [
+        fn: l(() => [
           m(i(e.currentLength) + " / " + i(e.maxLength), 1)
         ]),
         key: "0"
@@ -384,8 +398,8 @@ function De(e, t, H, g, V, b) {
     ])
   ], 2);
 }
-const Ye = /* @__PURE__ */ Le(Ae, [["render", De], ["__scopeId", "data-v-e2132f34"]]);
+const xe = /* @__PURE__ */ Te(Ee, [["render", De], ["__scopeId", "data-v-8227a0f7"]]);
 export {
-  Ye as O
+  xe as O
 };
-//# sourceMappingURL=OrTagInput-CjYmyfIU.mjs.map
+//# sourceMappingURL=OrTagInput-D4-z3jby.mjs.map

package/dist/esm/OrTagInput-D4-z3jby.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OrTagInput-D4-z3jby.mjs","sources":["../../../components/or-tag-input-v3/src/styles.ts","../../../components/or-tag-input-v3/src/OrTagInput.vue"],"sourcesContent":["export const TagInput: string[] = [\n // Layout\n 'layout-column',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const TagInputControl: string[] = [\n // Layout\n // 'flex-auto',\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 TagInputItem: string[] = [\n // Box\n '!min-h-0',\n];\n\nexport const NonRoundedTop: string[] = [\n 'rounded-t-0',\n];\n\nexport const NonRoundedBottom: string[] = [\n 'rounded-b-0',\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=\"controlAttributes.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 :ref=\"'inputBox'\"\n :class=\"inputBoxStyles\"\n :variant=\"variant\"\n :invalid=\"!!error\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n :tabindex=\"0\"\n :force-state=\"activated ? 'focus-within': undefined\"\n @focus=\"activate\"\n >\n <template\n v-if=\"$slots.prependInner\"\n v-slot:prepend\n >\n <slot name=\"prependInner\" />\n </template>\n <OrTags\n :ref=\"'tags'\"\n :class=\"['grow']\"\n :items=\"tagsItems\"\n :disabled=\"disabled\"\n :tag-props=\"tagsProps\"\n :overflow=\"overflow\"\n @reset=\"remove($event)\"\n >\n <template v-slot:tag=\"{ item }\">\n <slot\n name=\"tag\"\n :item=\"item\"\n >\n {{ item.label }}\n </slot>\n </template>\n\n <template\n v-if=\"showControl\"\n v-slot:tail\n >\n <div class=\"inline-flex w-fit max-w-full\">\n <input\n :ref=\"'control'\"\n v-bind=\"controlAttributes\"\n v-model.trim=\"draftModelValue\"\n :class=\"controlStyles\"\n :style=\"controlInlineStyles\"\n :type=\"'text'\"\n :placeholder=\"!proxyModelValue || (proxyModelValue && proxyModelValue.length === 0) ? placeholder : undefined\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n :autocomplete=\"'off'\"\n :minlength=\"undefined\"\n :maxlength=\"undefined\"\n @input=\"$emit('input', $event)\"\n @keydown=\"$emit('keydown', $event)\"\n @keydown.enter=\"add()\"\n @keyup=\"$emit('keyup', $event)\"\n @focus=\"activate\"\n >\n </div>\n </template>\n </OrTags>\n <template\n v-if=\"$slots.appendInner\"\n v-slot:addon\n >\n <slot name=\"appendInner\" />\n </template>\n <template\n v-else-if=\"loading\"\n v-slot:addon\n >\n <OrLoader\n :variant=\"'circular'\"\n :color=\"error ? 'danger' : 'primary'\"\n :size=\"isMobile ? 'm' : 's'\"\n />\n </template>\n\n <template\n v-else-if=\"enableClear && !readonly && !disabled\"\n v-slot:addon\n >\n <template v-if=\"proxyModelValue && proxyModelValue.length > 0 || draftModelValue\">\n <OrIconButton\n :icon=\"'close'\"\n :color=\"'inherit'\"\n @click=\"reset()\"\n />\n </template>\n </template>\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 {{ currentLength }} / {{ 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 {{ currentLength }} / {{ maxLength }}\n </template>\n </OrError>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { MaybeElementRef, onClickOutside } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, reactive, ref, toRefs, watch } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { exclude, include, toArray } 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 { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { TagColor } from '@onereach/ui-components.or-tag-v3';\nimport { OrTagsV3 as OrTags, TagObject, TagsOverflow } from '@onereach/ui-components.or-tags-v3';\nimport { TagInput, TagInputControl, TagInputItem, NonRoundedTop, NonRoundedBottom } from './styles';\nimport { TagInputModelValue } from './types';\n\nexport default defineComponent({\n name: 'OrTagInput',\n\n components: {\n OrError,\n OrHint,\n OrIconButton,\n OrInputBox,\n OrLabel,\n OrLoader,\n OrTags,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<TagInputModelValue>,\n default: () => [],\n },\n\n variant: {\n type: String as PropType<`${InputBoxVariant}`>,\n default: undefined,\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 loading: {\n type: Boolean,\n default: false,\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 overflow: {\n type: String as PropType<`${TagsOverflow}`>,\n default: () => TagsOverflow.Hidden,\n },\n\n // todo: review default state, disabling will breaking\n enableClear: {\n type: Boolean,\n default: true,\n },\n\n additionalInputBoxStyles: {\n type: Array as PropType<string[]>,\n default: () => [],\n },\n\n saveOnBlur: {\n type: Boolean,\n default: false,\n },\n\n nonRoundedTop: {\n type: Boolean,\n default: false,\n },\n\n nonRoundedBottom: {\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 'reset',\n ],\n\n expose: [\n 'root',\n\n 'reset',\n 'clear',\n\n 'focus',\n 'blur',\n\n 'activate',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n const control = ref<HTMLInputElement>();\n const inputBox = ref<InstanceType<typeof OrInputBox>>();\n const tags = ref<InstanceType<typeof OrTags>>();\n\n // Props\n const { modelValue, overflow, placeholder, disabled, readonly, saveOnBlur } = toRefs(props);\n const { isMobile } = useResponsive();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-tag-input-v3',\n ...TagInput,\n ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n ]);\n\n const controlStyles = computed(() => [\n ...TagInputControl,\n ]);\n\n const itemStyles = computed(() => [\n ...TagInputItem,\n ]);\n\n const inputBoxStyles = computed(() => [\n 'interactivity-select',\n ...props.additionalInputBoxStyles,\n ...(props.nonRoundedTop ? NonRoundedTop : []),\n ...(props.nonRoundedBottom ? NonRoundedBottom : []),\n ]);\n\n // State\n const controlAttributes = reactive({\n id: useIdAttribute(),\n ...useControlAttributes(),\n ...useValidationAttributes(),\n });\n\n const activated = ref(false);\n const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n const draftModelValue = ref<string>();\n\n const tagsItems = computed(() => {\n return toArray(proxyModelValue.value).map((item) => ({\n label: item,\n value: item,\n\n tagProps: {\n color: item === draftModelValue.value ? TagColor.Danger : TagColor.Default,\n },\n } as TagObject));\n });\n\n const currentLength = computed(() => proxyModelValue.value?.length ?? 0);\n const maxLength = computed(() => controlAttributes.maxlength);\n\n const controlInlineStyles = computed(() => {\n const chars = draftModelValue.value\n ? draftModelValue.value.length\n : currentLength.value === 0\n ? placeholder.value?.length ?? 0\n : 0;\n return {\n width: `${Math.max(chars + 1 || 0, 3)}ch`,\n };\n });\n\n const showControl = computed(() => {\n return draftModelValue.value\n || currentLength.value === 0\n || activated.value;\n });\n\n const tagsProps = computed(() => ({\n variant: readonly.value || disabled.value || !activated.value ? 'tag' : 'reset',\n disabled: disabled.value,\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 function deactivate() {\n activated.value = false;\n nextTick(() => blur());\n context.emit('blur');\n }\n\n function activate() {\n if (disabled.value || readonly.value) return;\n\n if (!activated.value) {\n activated.value = true;\n context.emit('focus');\n }\n\n nextTick(() => focus());\n }\n\n function add(): void {\n const newItem = draftModelValue.value;\n\n if (!newItem) return;\n if (proxyModelValue.value?.includes(newItem)) return;\n if (maxLength.value && currentLength.value >= maxLength.value) return;\n\n proxyModelValue.value = include(newItem, proxyModelValue.value ?? []);\n draftModelValue.value = '';\n\n nextTick(() => focus());\n }\n\n function remove(value: string): void {\n proxyModelValue.value = exclude(value, proxyModelValue.value ?? []);\n }\n\n function reset(): void {\n proxyModelValue.value = [];\n draftModelValue.value = '';\n context.emit('reset');\n }\n\n function clear(): void {\n draftModelValue.value = '';\n }\n\n // Effects\n onClickOutside((inputBox as MaybeElementRef), () => {\n if (activated.value === false || (tags.value?.overflowPopover as any)?.state === 'open') return;\n if (saveOnBlur.value) add();\n deactivate();\n });\n\n watch(proxyModelValue, (items, prevItems) => {\n if (overflow.value !== TagsOverflow.Scroll) return;\n if (items?.length !== prevItems?.length) {\n (tags.value?.scrollToEnd as any)();\n }\n });\n\n return {\n root,\n control,\n inputBox,\n tags,\n rootStyles,\n controlStyles,\n itemStyles,\n inputBoxStyles,\n controlInlineStyles,\n controlAttributes,\n proxyModelValue,\n draftModelValue,\n tagsItems,\n tagsProps,\n currentLength,\n maxLength,\n activated,\n showControl,\n isMobile,\n focus,\n blur,\n add,\n activate,\n deactivate,\n remove,\n reset,\n clear,\n };\n },\n});\n</script>\n\n<style scoped>\ninput {\n min-width: 0;\n background: none;\n outline: none;\n}\n</style>\n"],"names":["TagInput","TagInputControl","TagInputItem","NonRoundedTop","NonRoundedBottom","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInputBox","OrLabel","OrLoader","OrTags","TagsOverflow","props","context","root","ref","control","inputBox","tags","modelValue","overflow","placeholder","disabled","readonly","saveOnBlur","toRefs","isMobile","useResponsive","rootStyles","computed","InputBoxVariant","controlStyles","itemStyles","inputBoxStyles","controlAttributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","activated","proxyModelValue","useProxyModelValue","draftModelValue","tagsItems","toArray","item","TagColor","currentLength","_a","maxLength","controlInlineStyles","chars","showControl","tagsProps","focus","blur","deactivate","nextTick","activate","add","newItem","include","remove","value","exclude","reset","clear","onClickOutside","_b","watch","items","prevItems","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_createSlots","_withCtx","_component_OrTags","_cache","$event","_createElementVNode","_mergeProps","_withKeys","_component_OrLoader","_component_OrIconButton","_withDirectives","_component_OrHint","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrTimeRangePicker-DhsGrtcw.mjs → OrTimeRangePicker-jf6aY4hk.mjs} RENAMED Viewed

@@ -216,7 +216,7 @@ const Oe = [
     };
   }
 }), Pe = {
-  class: /* @__PURE__ */ m(["layout-row", "gap-md"])
+  class: /* @__PURE__ */ m(["layout-row", "[&]:gap-md"])
 }, Fe = /* @__PURE__ */ A("div", {
   class: /* @__PURE__ */ m(["grow"])
 }, null, -1);
@@ -407,4 +407,4 @@ const Ne = /* @__PURE__ */ Te(ke, [["render", Ve]]);
 export {
   Ne as O
 };
-//# sourceMappingURL=OrTimeRangePicker-DhsGrtcw.mjs.map
+//# sourceMappingURL=OrTimeRangePicker-jf6aY4hk.mjs.map

package/dist/esm/OrTimeRangePicker-jf6aY4hk.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OrTimeRangePicker-jf6aY4hk.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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"}

package/dist/esm/components/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { O as a } from "../OrAutocomplete-ds-VkL_e.mjs";
+import { O as a } from "../OrAutocomplete-eskOHnRl.mjs";
 import { a as t, A as s, O } from "../OrAvatar-XcP_rrT3.mjs";
 import { B as p, O as m } from "../OrBottomSheet-CJxmY84p.mjs";
 import { O as x } from "../OrButtonGroup-Cd6tpyP3.mjs";
@@ -19,10 +19,10 @@ import { EditorState as X } from "@codemirror/state";
 import { O as Z } from "../OrCombinedInput-CLIIindo.mjs";
 import { C as $, O as rr } from "../OrConfirm-o50DtKQg.mjs";
 import { O as ar } from "../OrContextMenu-L14E1lLm.mjs";
-import { D as tr, O as sr } from "../OrDataGrid-D2FFVgHK.mjs";
+import { D as tr, O as sr } from "../OrDataGrid-DLVkDA8L.mjs";
 import { O as ir } from "../OrDateFormat-DKgu_p6Y.mjs";
 import { O as mr } from "../OrDatePicker-C2QFP1NK.mjs";
-import { O as xr } from "../OrDateRangePicker-B8atNK11.mjs";
+import { O as xr } from "../OrDateRangePicker-DYkQxckA.mjs";
 import { O as fr } from "../OrDateTimeFormat-ByEReaKo.mjs";
 import { O as Tr } from "../OrDateTimePicker-FuoCwgfZ.mjs";
 import { O as dr, a as Sr, b as ur, c as Pr, d as Cr, e as Ir, f as gr, g as Dr, h as br, i as kr, j as Rr, k as Br, l as Er, s as hr } from "../OrDateTimePicker.vue_vue_type_script_lang-DJ6A7YKZ.mjs";
@@ -81,7 +81,7 @@ import { O as Pe, a as Ce, S as Ie } from "../OrStatus-D4QIuE7R.mjs";
 import { O as De } from "../OrSwitch-Cmi57-QB.mjs";
 import { O as ke } from "../OrTab-Cl_ZBFjH.mjs";
 import { O as Be, a as Ee, T as he } from "../OrTabs-Dgii4fCQ.mjs";
-import { O as ve } from "../OrTagInput-CjYmyfIU.mjs";
+import { O as ve } from "../OrTagInput-D4-z3jby.mjs";
 import { O as Le, a as Me, T as we } from "../OrTag-Bixe0EQq.mjs";
 import { O as Ge, T as Ae } from "../OrTags-CS0bcLtx.mjs";
 import { O as je } from "../OrTeleport.vue3-C9kW_8PS.mjs";
@@ -89,7 +89,7 @@ import { O as Qe } from "../OrText-3zAJU5xf.mjs";
 import { O as qe } from "../OrTextarea-VEuq5855.mjs";
 import { O as Ke } from "../OrTimeFormat-DScNr0vb.mjs";
 import { O as Xe } from "../OrTimePicker-Deh-pYk1.mjs";
-import { O as Ze } from "../OrTimeRangePicker-DhsGrtcw.mjs";
+import { O as Ze } from "../OrTimeRangePicker-jf6aY4hk.mjs";
 import { a as $e, O as rt, p as ot, t as at, b as et, u as tt } from "../types-BwxhurSS.mjs";
 import { O as Ot } from "../OrTooltip-DqwjoE82.mjs";
 import { O as pt, T as mt } from "../OrTree-By3MLZUL.mjs";

package/dist/esm/components/or-autocomplete-v3/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { O as r } from "../../OrAutocomplete-ds-VkL_e.mjs";
+import { O as r } from "../../OrAutocomplete-eskOHnRl.mjs";
 export {
   r as OrAutocompleteV3
 };