@onereach/ui-components 25.3.2 → 25.3.3-beta.5798.0

package/dist/esm/OrSelect-Ch1X9fVC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrSelect-Ch1X9fVC.mjs","sources":["../../../components/or-select-v3/src/partials/or-select-control-input/styles.ts","../../../components/or-select-v3/src/partials/or-select-control-input/OrSelectControlInput.vue","../../../components/or-select-v3/src/partials/or-select-placeholder/styles.ts","../../../components/or-select-v3/src/partials/or-select-placeholder/OrSelectPlaceholder.vue","../../../components/or-select-v3/src/partials/or-select-multiple-control/styles.ts","../../../components/or-select-v3/src/partials/or-select-multiple-control/OrSelectMultipleControl.vue","../../../components/or-select-v3/src/partials/or-select-single-control/styles.ts","../../../components/or-select-v3/src/partials/or-select-single-control/OrSelectSingleControl.vue","../../../components/or-select-v3/src/styles.ts","../../../components/or-select-v3/src/OrSelect.vue"],"sourcesContent":["export const SelectControlInput: string[] = [\n  // Base\n  'appearance-none',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n  'theme-background-transparent',\n  'outline-none',\n];\n","<template>\n  <input\n    :ref=\"'root'\"\n    v-model=\"proxyModelValue\"\n    :style=\"controlInlineStyles\"\n    :class=\"controlStyles\"\n    :type=\"'text'\"\n    :placeholder=\"placeholder\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :autocomplete=\"'off'\"\n    :minlength=\"undefined\"\n    :maxlength=\"undefined\"\n  >\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { useFocus } from '@vueuse/core';\nimport { computed, defineComponent, ref, toRefs } from 'vue';\n\nimport { SelectControlInput } from './styles';\n\nexport default defineComponent({\n  name: 'OrSelectControlInput',\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: '',\n    },\n\n    placeholder: {\n      type: String,\n      default: '',\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'focused',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLInputElement>();\n\n    // Props\n    const { placeholder, modelValue } = toRefs(props);\n\n    // State\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n    const { focused } = useFocus(root);\n\n    // Styles\n    const controlStyles = computed(() => [\n      ...SelectControlInput,\n    ]);\n\n    const controlInlineStyles = computed(() => {\n      const chars = proxyModelValue.value.length > 0\n        ? proxyModelValue.value.length\n        : placeholder.value?.length;\n\n      return {\n        width: `${Math.max(chars + 1 || 0, 2)}ch`,\n      };\n    });\n\n    // Methods\n    function focus() {\n      focused.value = true;\n    }\n\n    return {\n      root,\n      proxyModelValue,\n      controlStyles,\n      controlInlineStyles,\n      focused,\n      focus,\n    };\n  },\n});\n</script>\n","export const SelectPlaceholder: string[] = [\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-inherit truncate',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { SelectPlaceholder } from './styles';\n\nexport default defineComponent({\n  name: 'OrSelectPlaceholder',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-select-placeholder-v3',\n      ...SelectPlaceholder,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const SelectMultipleControlRoot: string[] = [\n  // Layout\n  'layout-row',\n  'w-full',\n];\n\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrTags\n      v-show=\"!isEmpty || enableSearch\"\n      :ref=\"'tags'\"\n      :items=\"selection\"\n      class=\"grow\"\n      :disabled=\"disabled\"\n      :tag-props=\"{\n        variant: readonly || disabled ? 'tag' : 'reset',\n        disabled: disabled\n      }\"\n      :overflow=\"overflow\"\n      @reset=\"$emit('reset', $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=\"enableSearch\"\n        v-slot:tail\n      >\n        <div class=\"inline-flex w-fit max-w-full\">\n          <OrSelectControlInput\n            :ref=\"'searchControl'\"\n            v-model=\"searchModelValue\"\n            :placeholder=\"isEmpty ? placeholder: ''\"\n            :readonly=\"readonly\"\n            :disabled=\"disabled\"\n          />\n        </div>\n      </template>\n    </OrTags>\n\n    <template v-if=\"isEmpty && !enableSearch\">\n      <OrSelectPlaceholder :disabled=\"disabled\">\n        {{ placeholder }}\n      </OrSelectPlaceholder>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { isEqual, isNil, toArray } from '@onereach/ui-components-common/utils';\nimport { OrTagsV3 as OrTags, Tag, TagsOverflow } from '@onereach/ui-components.or-tags-v3';\nimport { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue';\n\nimport { SelectItem, SelectModelValue } from '../../types';\nimport { OrSelectControlInput } from '../or-select-control-input';\nimport OrSelectPlaceholder from '../or-select-placeholder/OrSelectPlaceholder.vue';\n\nimport { SelectMultipleControlRoot } from './styles';\n\nexport default defineComponent({\n  name: 'OrSelectMultipleControl',\n\n  components: {\n    OrSelectPlaceholder,\n    OrSelectControlInput,\n    OrTags,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: '',\n    },\n\n    model: {\n      type: undefined as unknown as PropType<SelectModelValue>,\n      default: () => [],\n    },\n\n    options: {\n      type: Array as PropType<SelectItem[]>,\n      default: () => [],\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    enableSearch: {\n      type: Boolean,\n      default: false,\n    },\n\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'focused',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLDivElement>();\n\n    const searchControl = ref<InstanceType<typeof OrSelectControlInput>>();\n    const tags = ref<InstanceType<typeof OrTags>>();\n\n    // Props\n    const { modelValue, model, options, overflow } = toRefs(props);\n\n    // State\n    const searchModelValue = useProxyModelValue(modelValue, context.emit);\n\n    const focused = computed(() => {\n      return searchControl.value?.focused;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-select-multiple-control-v3',\n      ...SelectMultipleControlRoot,\n    ]);\n\n    // Computed\n    const value = computed(() => isNil(model.value) ? [] : toArray(model.value));\n    const isEmpty = computed(() => value.value.length === 0);\n\n    const selection = computed(() => {\n      if (model.value === undefined || model.value === null) {\n        return [];\n      }\n\n      return value.value\n        .map((value) => options.value.find((option) => isEqual(option.value, value)))\n        .filter<SelectItem>((value): value is SelectItem => !!value)\n        .map((option) => ({\n          value: option.value,\n          label: option.label,\n          tagProps: option.disabled && { disabled: option.disabled },\n        } as Tag));\n    });\n\n    watch(selection, (items, prevItems) => {\n      if (items.length != prevItems.length && overflow.value === TagsOverflow.Scroll && tags.value) {\n        (tags.value.scrollToEnd as () => void)();\n      }\n    });\n\n    // Methods\n    function focus(): void {\n      if (searchControl.value) {\n        (searchControl.value.focus as () => void)();\n      }\n    }\n\n    return {\n      root,\n      tags,\n      rootStyles,\n      searchControl,\n      searchModelValue,\n      isEmpty,\n      selection,\n      value,\n      focus,\n      focused,\n    };\n  },\n});\n</script>\n","export const SelectSingleControlInput: string[] = [\n  // Layout\n  'w-full',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"isOpen && enableSearch\">\n      <OrSelectControlInput\n        :ref=\"'searchControl'\"\n        v-model=\"searchModelValue\"\n        :placeholder=\"isEmptyModelValue ? placeholder : selectionLabel\"\n      />\n    </template>\n\n    <template v-else>\n      <template v-if=\"isEmptyModelValue\">\n        <OrSelectPlaceholder :disabled=\"disabled\">\n          {{ placeholder }}\n        </OrSelectPlaceholder>\n      </template>\n\n      <template v-else>\n        <div class=\"flex\">\n          <div\n            ref=\"selectionLabelRef\"\n            class=\"truncate w-full\"\n            @mouseenter=\"checkTooltip\"\n            @mouseleave=\"closeTooltip\"\n          >\n            {{ selectionLabel }}\n          </div>\n          <OrTooltip\n            ref=\"tooltipRef\"\n            :content=\"selectionLabel\"\n            :trigger=\"selectionLabelRef\"\n          />\n        </div>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { isEmpty, isEqual } from '@onereach/ui-components-common/utils';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue';\n\n\nimport { SelectItem, SelectModelValue } from '../../types';\nimport OrSelectControlInput from '../or-select-control-input/OrSelectControlInput.vue';\nimport OrSelectPlaceholder from '../or-select-placeholder/OrSelectPlaceholder.vue';\n\n\nimport { SelectSingleControlInput } from './styles';\n\nexport default defineComponent({\n  name: 'OrSelectSingleControl',\n\n  components: {\n    OrSelectPlaceholder,\n    OrSelectControlInput,\n    OrTooltip,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: '',\n    },\n\n    model: {\n      type: undefined as unknown as PropType<SelectModelValue>,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<SelectItem[]>,\n      default: () => [],\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    enableSearch: {\n      type: Boolean,\n      default: false,\n    },\n\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'focused',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLDivElement>();\n    const searchControl = ref<InstanceType<typeof OrSelectControlInput>>();\n    const selectionLabelRef = ref<HTMLDialogElement>();\n    const tooltipRef = ref<InstanceType<typeof OrTooltip>>();\n\n    // Props\n    const { modelValue, model, options } = toRefs(props);\n\n    // State\n    const searchModelValue = useProxyModelValue(modelValue, context.emit);\n\n    const isEmptyModelValue = computed(() => {\n      return isEmpty(model.value);\n    });\n\n    const selection = computed(() => {\n      return options.value.find((option) => isEqual(option.value, model.value));\n    });\n\n    const selectionLabel = computed(() => {\n      return selection.value?.label;\n    });\n\n    watch(\n      () => props.isOpen,\n      () => {\n        tooltipRef.value?.close();\n      },\n    );\n\n    const focused = computed(() => {\n      return searchControl.value?.focused;\n    });\n\n    const openTooltip = () => {\n      if (tooltipRef.value) tooltipRef.value.open();\n    };\n\n    const closeTooltip = () => {\n      if (tooltipRef.value) tooltipRef.value.close();\n    };\n\n    // Styles\n    const rootStyles = computed(() => ([\n      'or-select-single-control-v3',\n      ...SelectSingleControlInput,\n    ]));\n\n    // Methods\n    function focus() {\n      if (searchControl.value) {\n        (searchControl.value.focus as () => void)();\n      }\n    }\n\n    function checkTooltip() {\n      if (!selectionLabelRef.value) return; // to prevent fro TS error; normally ref will always be available here since the method is a mouse event callback\n      const isContentTruncated = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;\n      if (isContentTruncated) openTooltip();\n    }\n\n    return {\n      root,\n      rootStyles,\n      searchControl,\n      searchModelValue,\n      isEmptyModelValue,\n      selection,\n      selectionLabel,\n      focus,\n      focused,\n      selectionLabelRef,\n      tooltipRef,\n      openTooltip,\n      closeTooltip,\n      checkTooltip,\n    };\n  },\n});\n</script>\n","export const Select: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const SelectControl: string[] = [\n  // Layout\n  'layout-row',\n  'w-full',\n\n  // Layout (empty)\n  'empty:hidden',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Spacing\n  'gap-xs',\n\n  // Typography\n  'typography-inherit',\n];\n\nexport const SelectSearchControl: string[] = [\n  // Spacing\n  '!mx-lg md:!-mx-sm+',\n  '!my-sm md:!my-0',\n];\n\nexport const SelectDropdown: string[] = [\n  // Overflow\n  'overflow-y-auto',\n\n  // Box\n  'max-h-[172px]', // equals 5 items\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline border-1',\n  'dark:theme-border-outline-dark',\n];\n\nexport const SelectDropdownDefault: string[] = [\n  // Shape\n  'rounded-b-md',\n\n  // Theme\n  '!border-t-0',\n];\n\nexport const SelectDropdownFlipped: string[] = [\n  // Shape\n  'rounded-t-md',\n\n  // Theme\n  '!border-b-0',\n];\n\nexport const SelectDropdownItem: string[] = [\n  // Typography\n  '!typography-body-2-regular',\n\n  // Padding Override todo: check design\n  'md:!pt-[6px] md:!pb-[7px]',\n\n  // Typography (selected)\n  'selected:!typography-body-2-semibold',\n\n  // Theme\n  '!theme-foreground-default dark:!theme-foreground-default-dark',\n];\n\nexport const SelectDropdownItemPaddingSingle = [\n  // Padding Override\n  '!py-md md:!pt-[6px] md:!pb-[7px]',\n];\n\nexport const SelectDropdownItemPaddingMultiple = [\n  // Padding Override\n  'md:!pt-[6px] md:!pb-[7px]',\n];\n\nexport const SelectDropdownItemPaddingMultipleMobile = [\n  // Padding Override\n  'px-md',\n];\n\nexport const SelectNoSearchResults: string[] = [\n  // Layout\n  'layout-row justify-center',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const SelectLoader: string[] = [\n  // Layout\n  'w-fit',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'text-outline dark:text-outline-dark',\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=\"controlId\"\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=\"toggle\"\n      v-dropdown-close=\"close\"\n      class=\"interactivity-click\"\n      :class=\"[popoverState === 'open' && (popover && popover.isFlipped ? 'rounded-t-0' : 'rounded-b-0'), { 'outline-none': variant === 'embedded' }]\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :force-state=\"isOpen ? 'focus-within': undefined\"\n      :tabindex=\"!disabled ? 0 : null\"\n    >\n      <div\n        :id=\"controlId\"\n        :ref=\"'control'\"\n        :class=\"controlStyles\"\n        :disabled=\"disabled\"\n        @focus=\"$emit('focus', $event)\"\n        @blur=\"$emit('blur', $event)\"\n      >\n        <slot\n          name=\"valueTemplate\"\n          :model=\"proxyModelValue\"\n        >\n          <template v-if=\"multiple\">\n            <OrSelectMultipleControl\n              :ref=\"'multipleControl'\"\n              v-model=\"searchText\"\n              :model=\"proxyModelValue\"\n              :options=\"options\"\n              :overflow=\"overflow\"\n              :placeholder=\"placeholder\"\n              :readonly=\"readonly\"\n              :disabled=\"disabled\"\n              :enable-search=\"enableSearch\"\n              :is-open=\"popoverState === 'open'\"\n              @reset=\"deselectOption($event)\"\n            >\n              <template v-slot:tag=\"{item}\">\n                <slot\n                  name=\"tag\"\n                  :item=\"item\"\n                />\n              </template>\n            </OrSelectMultipleControl>\n          </template>\n\n          <template v-else>\n            <OrSelectSingleControl\n              :ref=\"'singleControl'\"\n              v-model=\"searchText\"\n              :model=\"proxyModelValue\"\n              :options=\"options\"\n              :placeholder=\"placeholder\"\n              :disabled=\"disabled\"\n              :enable-search=\"enableSearch\"\n              :is-open=\"popoverState === 'open'\"\n            />\n          </template>\n        </slot>\n      </div>\n\n      <div :class=\"['layout-inline-row', 'gap-sm']\">\n        <template v-if=\"showClear\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :additional-styles=\"['!text-outline', '!dark:text-outline-dark']\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', multiple ? [] : undefined)\"\n          />\n        </template>\n\n        <OrIcon\n          v-show=\"!(popoverState === 'open' && enableSearch && enableClear && !isEmptyModelValue)\"\n          :icon=\"popoverState === 'open' ? enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down'\"\n          :class=\" popoverState === 'open' && enableSearch ? '!text-outline !dark:text-outline-dark' : ''\"\n          :variant=\"'outlined'\"\n        />\n      </div>\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :variant=\"'auto'\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom'\"\n        :offset=\"0\"\n        :full-width=\"true\"\n        :disable-default-styles=\"true\"\n      >\n        <div :class=\"dropdownStyles\">\n          <template v-if=\"popoverState === 'open' && enableSearch && isMobile\">\n            <OrInput\n              :ref=\"'searchControl'\"\n              v-model=\"searchText\"\n              :class=\"searchControlStyles\"\n              :type=\"'search'\"\n              :placeholder=\"placeholder\"\n            />\n          </template>\n          <div :class=\"dropdownContainerStyles\">\n            <template v-if=\"loading\">\n              <div :class=\"['px-sm+', 'py-xs']\">\n                <slot name=\"loading\">\n                  <OrLoader\n                    :class=\"loaderStyles\"\n                    variant=\"text\"\n                    :text=\"loadingText\"\n                  />\n                </slot>\n              </div>\n            </template>\n\n            <template v-else-if=\"resolvedSearchOptions.length > 0\">\n              <template v-if=\"groupByFunction\">\n                <OrExpansionPanel\n                  v-for=\"(group, groupName) in groupedOptions\"\n                  :key=\"groupName\"\n                  :label=\"groupName\"\n                >\n                  <template v-if=\"multiple\">\n                    <OrMenuItem\n                      v-for=\"(option, i) in group\"\n                      :key=\"i\"\n                      :tooltip-text=\"option.label\"\n                      :selected=\"proxyModelValue && proxyModelValue.includes(option.value)\"\n                      :disabled=\"option.disabled\"\n                    >\n                      <slot\n                        name=\"optionTemplate\"\n                        :model=\"proxyModelValue\"\n                        :option=\"option\"\n                      >\n                        <OrCheckbox\n                          v-model=\"proxyModelValue\"\n                          :value=\"option.value\"\n                          :label=\"option.label\"\n                          :label-variant=\"'menu-item'\"\n                          :disabled=\"option.disabled\"\n                        />\n                      </slot>\n                    </OrMenuItem>\n                  </template>\n\n                  <template v-else>\n                    <OrMenuItem\n                      v-for=\"(option, i) in group\"\n                      :key=\"i\"\n                      :class=\"dropdownItemStyles\"\n                      :tooltip-text=\"option.label\"\n                      :selected=\"proxyModelValue === option.value\"\n                      :disabled=\"option.disabled\"\n                      @click.stop=\"selectOption(option.value)\"\n                    >\n                      <slot\n                        name=\"optionTemplate\"\n                        :model=\"proxyModelValue\"\n                        :option=\"option\"\n                      >\n                        {{ option.label }}\n                      </slot>\n                    </OrMenuItem>\n                  </template>\n                </OrExpansionPanel>\n              </template>\n\n              <template v-else>\n                <template v-if=\"multiple\">\n                  <OrMenuItem\n                    v-for=\"(option, i) in resolvedSearchOptions\"\n                    :key=\"i\"\n                    :tooltip-text=\"option.label\"\n                    :class=\"dropdownItemStyles\"\n                    :selected=\"proxyModelValue && proxyModelValue.includes(option.value)\"\n                    :disabled=\"option.disabled\"\n                    :data-value=\"option.value\"\n                    @click.stop=\"!option.disabled && toggleOption(option.value)\"\n                  >\n                    <OrCheckbox\n                      :model-value=\"proxyModelValue\"\n                      :value=\"option.value\"\n                      :label-variant=\"'menu-item'\"\n                      :disabled=\"option.disabled\"\n                    >\n                      <div @click=\"!option.disabled && toggleOption(option.value)\">\n                        <slot\n                          name=\"optionTemplate\"\n                          :model=\"proxyModelValue\"\n                          :option=\"option\"\n                        >\n                          {{ option.label }}\n                        </slot>\n                      </div>\n                    </OrCheckbox>\n                  </OrMenuItem>\n                </template>\n\n                <template v-else>\n                  <OrMenuItem\n                    v-for=\"(option, i) in resolvedSearchOptions\"\n                    :key=\"i\"\n                    :class=\"dropdownItemStyles\"\n                    :selected=\"proxyModelValue === option.value\"\n                    :tooltip-text=\"option.label\"\n                    :data-value=\"option.value\"\n                    :disabled=\"option.disabled\"\n                    @click.stop=\"selectOption(option.value); close()\"\n                  >\n                    <slot\n                      name=\"optionTemplate\"\n                      :model=\"proxyModelValue\"\n                      :option=\"option\"\n                    >\n                      {{ option.label }}\n                    </slot>\n                  </OrMenuItem>\n                </template>\n              </template>\n            </template>\n\n            <template v-else>\n              <div :class=\"noSearchResultsStyles\">\n                <slot\n                  name=\"noSearchResultsTemplate\"\n                  :search-text=\"searchText\"\n                >\n                  No results\n                </slot>\n              </div>\n            </template>\n          </div>\n        </div>\n      </OrPopover>\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 { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { searchItemsByLabel } from '@onereach/ui-components-common/helpers';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { GroupFunction, SearchFunction } from '@onereach/ui-components-common/types';\nimport { exclude, include, isEmpty, toArray } from '@onereach/ui-components-common/utils';\nimport { OrCheckboxV3 as OrCheckbox } from '@onereach/ui-components.or-checkbox-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrExpansionPanelV3 as OrExpansionPanel } from '@onereach/ui-components.or-expansion-panel-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 { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { TagsOverflow } from '@onereach/ui-components.or-tags-v3';\nimport { computed, defineComponent, getCurrentInstance, PropType, ref, toRefs, watch, nextTick } from 'vue';\n\nimport { OrSelectMultipleControl, OrSelectSingleControl } from './partials';\nimport * as Styles from './styles';\nimport { SelectItem, SelectModelValue } from './types';\n\n\nexport default defineComponent({\n  name: 'OrSelect',\n\n  components: {\n    OrCheckbox,\n    OrError,\n    OrExpansionPanel,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInput,\n    OrInputBox,\n    OrLabel,\n    OrMenuItem,\n    OrPopover,\n    OrSelectMultipleControl,\n    OrSelectSingleControl,\n    OrLoader,\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<SelectModelValue>,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<SelectItem[]>,\n      default: () => [],\n    },\n\n    searchOptions: {\n      type: Array as PropType<SelectItem[]>,\n      default: () => [],\n    },\n\n    multiple: {\n      type: Boolean,\n      default: false,\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\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    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    loadingText: {\n      type: String,\n      default: 'Loading',\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    enableSearch: {\n      type: Boolean,\n      default: false,\n    },\n\n    enableClear: {\n      type: Boolean,\n      default: false,\n    },\n\n    searchFunction: {\n      type: Function as PropType<SearchFunction<SelectItem>>,\n      default: searchItemsByLabel as SearchFunction<SelectItem>,\n    },\n\n    groupByFunction: {\n      type: Function as PropType<GroupFunction<SelectItem>>,\n      default: undefined,\n    },\n\n    externalControl: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'focus',\n    'blur',\n\n    'search',\n  ],\n\n  expose: [\n    'root',\n\n    'open',\n    'close',\n    'toggle',\n\n    'toggleOption',\n    'resetSearch',\n\n    'popover',\n    'popoverState',\n  ],\n\n  setup(props, context) {\n    const currentInstance = getCurrentInstance()!;\n\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const control = ref<HTMLElement>();\n    const multipleControl = ref<InstanceType<typeof OrSelectMultipleControl>>();\n    const singleControl = ref<InstanceType<typeof OrSelectSingleControl>>();\n    const searchControl = ref<HTMLElement>();\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n\n    const popoverRoot = computed(() => popover.value?.root);\n    const popoverState = computed(() => popover.value?.state);\n\n    const isOpen = computed(() => popoverState.value === 'open');\n\n    // Props\n    const { enableClear, enableSearch, modelValue, multiple } = toRefs(props);\n\n    // State\n    const controlId = ref(context.attrs.id as string ?? currentInstance.uid.toString());\n\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n\n    const bottomSheetFullscreen = computed(() => {\n      return popover.value?.bottomSheet?.fullscreen;\n    });\n\n    const isEmptyModelValue = computed(() => {\n      return isEmpty(proxyModelValue.value);\n    });\n\n    const showClear = computed(() => {\n      return enableClear.value && !isEmptyModelValue.value;\n    });\n\n\n    const focused = computed(() => {\n      if (multiple.value) {\n        return multipleControl.value?.focused;\n      } else {\n        return singleControl.value?.focused;\n      }\n    });\n\n    const readonly = computed(() => context.attrs.readonly as boolean);\n\n    const internalSearchOptions = ref<SelectItem[]>(props.options);\n\n    const resolvedSearchOptions = computed(() => {\n      return props.externalControl ? props.searchOptions : internalSearchOptions.value;\n    });\n\n    const searchText = ref<string>('');\n\n    watch([\n      () => props.externalControl,\n      searchText,\n      () => props.options,\n    ], async ([externalControl, searchText, options]) => {\n      if (externalControl) {\n        context.emit('search', searchText);\n      } else {\n        internalSearchOptions.value = await props.searchFunction(searchText, options);\n      }\n    }, { deep: true });\n\n\n    watch(isOpen, (value) => {\n      if (!value) {\n        resetSearch();\n      }\n    });\n\n    const groupedOptions = computed(() => {\n      const groupBy = props.groupByFunction;\n\n      if (groupBy) {\n        return internalSearchOptions.value.reduce((accumulator, option) => {\n          const group = groupBy(option);\n\n          return {\n            ...accumulator,\n            [group]: [\n              ...accumulator[group] ?? [],\n              option,\n            ],\n          };\n        }, {} as Record<string, SelectItem[]>);\n      }\n\n      return {\n        '': props.options,\n      };\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-select-v3',\n      ...Styles.Select,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const controlStyles = computed(() => [\n      ...Styles.SelectControl,\n    ]);\n\n    const searchControlStyles = computed(() => [\n      ...Styles.SelectSearchControl,\n    ]);\n\n    const dropdownStyles = computed(() => [\n      'or-select-popover-v3',\n      ...(isMobile.value ? [] : [\n        ...Styles.SelectDropdown,\n        ...popover.value?.isFlipped ? Styles.SelectDropdownFlipped : Styles.SelectDropdownDefault,\n      ]),\n    ]);\n\n    const dropdownContainerStyles = computed(() => [\n      isMobile.value ? 'layout-column' : 'contains',\n      bottomSheetFullscreen.value ? 'overflow-y-auto' : 'overflow-hidden',\n    ]);\n\n    const dropdownItemStyles = computed(() => [\n      ...Styles.SelectDropdownItem,\n      ...(props.multiple ? Styles.SelectDropdownItemPaddingMultiple : Styles.SelectDropdownItemPaddingSingle),\n      ...(isMobile.value ? Styles.SelectDropdownItemPaddingMultipleMobile : []),\n    ]);\n\n    const noSearchResultsStyles = computed(() => [\n      ...Styles.SelectNoSearchResults,\n    ]);\n\n    const loaderStyles = computed(() => [\n      ...Styles.SelectLoader,\n    ]);\n\n    // Methods\n    function toggle(): void {\n      if (!readonly.value && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          if (popoverState.value === 'open' && !focused.value) {\n            close();\n          } else {\n            open();\n\n            setTimeout(() => {\n              focus();\n            });\n          }\n        }\n      }\n    }\n\n    function open(): void {\n      nextTick(() => {\n        const popoverInstance = popover.value;\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n        if (proxyModelValue.value) {\n          const value = Array.isArray(proxyModelValue.value) ? proxyModelValue.value[0] : proxyModelValue.value;\n          const selectedOptionElement = document.querySelector(`[data-value=\"${value}\"]`);\n          if (selectedOptionElement) {\n            setTimeout(() => {\n              selectedOptionElement.scrollIntoView({\n                behavior: 'auto',\n                block: 'start',\n              });\n            });\n          }\n        }\n      });\n    }\n\n    function close(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    function focus(): void {\n      if (enableSearch.value) {\n        const controlInstance = isMobile.value\n          ? searchControl.value\n          : multiple.value\n            ? multipleControl.value\n            : singleControl.value;\n\n        if (controlInstance) {\n          (controlInstance.focus as () => void)();\n        }\n      }\n    }\n\n    function selectOption(value: SelectItem['value']): void {\n      if (props.multiple) {\n        proxyModelValue.value = include(value, toArray(proxyModelValue.value));\n      } else {\n        proxyModelValue.value = value;\n      }\n\n      resetSearch();\n    }\n\n    function deselectOption(value: SelectItem['value']): void {\n      if (props.multiple) {\n        proxyModelValue.value = exclude(value, toArray(proxyModelValue.value));\n      } else {\n        proxyModelValue.value = undefined;\n      }\n    }\n\n    function toggleOption(value: SelectItem['value']): void {\n      if (props.multiple) {\n        const model = toArray(proxyModelValue.value);\n\n        if (!model.includes(value)) {\n          proxyModelValue.value = include(value, model);\n        } else {\n          proxyModelValue.value = exclude(value, model);\n        }\n      } else {\n        proxyModelValue.value = proxyModelValue.value !== value ? value : undefined;\n      }\n\n      resetSearch();\n    }\n\n    function resetSearch(): void {\n      nextTick(() => {\n        setTimeout(() => searchText.value = '');\n      });\n    }\n\n    // Utils\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      inputBox,\n      inputBoxRoot,\n      control,\n      multipleControl,\n      singleControl,\n      searchControl,\n      popover,\n      popoverRoot,\n      popoverState,\n      rootStyles,\n      controlStyles,\n      searchControlStyles,\n      dropdownStyles,\n      dropdownContainerStyles,\n      dropdownItemStyles,\n      noSearchResultsStyles,\n      loaderStyles,\n      controlId,\n      proxyModelValue,\n      readonly,\n      isEmptyModelValue,\n      isOpen,\n      showClear,\n      searchText,\n      internalSearchOptions,\n      resolvedSearchOptions,\n      groupedOptions,\n\n      toggle,\n      close,\n      open,\n\n      selectOption,\n      deselectOption,\n      toggleOption,\n      resetSearch,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["SelectControlInput","_sfc_main$4","defineComponent","props","context","root","ref","placeholder","modelValue","toRefs","proxyModelValue","useProxyModelValue","focused","useFocus","controlStyles","computed","controlInlineStyles","chars","_a","focus","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_withDirectives","_openBlock","_createElementBlock","$event","_normalizeStyle","SelectPlaceholder","_sfc_main$3","rootStyles","_normalizeClass","SelectMultipleControlRoot","_sfc_main$2","OrSelectPlaceholder","OrSelectControlInput","OrTags","TagsOverflow","searchControl","tags","model","options","overflow","searchModelValue","value","isNil","toArray","isEmpty","selection","option","isEqual","watch","items","prevItems","_resolveComponent","_createVNode","_component_OrTags","_createSlots","_withCtx","item","_createElementVNode","_hoisted_1","_component_OrSelectControlInput","_vShow","_createBlock","_component_OrSelectPlaceholder","SelectSingleControlInput","_sfc_main$1","OrTooltip","selectionLabelRef","tooltipRef","isEmptyModelValue","selectionLabel","openTooltip","closeTooltip","checkTooltip","_Fragment","args","_toDisplayString","_component_OrTooltip","Select","SelectControl","SelectSearchControl","SelectDropdown","SelectDropdownDefault","SelectDropdownFlipped","SelectDropdownItem","SelectDropdownItemPaddingSingle","SelectDropdownItemPaddingMultiple","SelectDropdownItemPaddingMultipleMobile","SelectNoSearchResults","SelectLoader","_sfc_main","OrCheckbox","OrError","OrExpansionPanel","OrHint","OrIcon","OrIconButton","OrInput","OrInputBox","OrLabel","OrMenuItem","OrPopover","OrSelectMultipleControl","OrSelectSingleControl","OrLoader","DropdownClose","DropdownOpen","searchItemsByLabel","currentInstance","getCurrentInstance","inputBox","inputBoxRoot","control","multipleControl","singleControl","popover","popoverRoot","popoverState","isOpen","enableClear","enableSearch","multiple","controlId","bottomSheetFullscreen","_b","showClear","readonly","internalSearchOptions","resolvedSearchOptions","searchText","externalControl","resetSearch","groupedOptions","groupBy","accumulator","group","Styles.Select","InputBoxVariant","Styles.SelectControl","searchControlStyles","Styles.SelectSearchControl","dropdownStyles","isMobile","Styles.SelectDropdown","Styles.SelectDropdownFlipped","Styles.SelectDropdownDefault","dropdownContainerStyles","dropdownItemStyles","Styles.SelectDropdownItem","Styles.SelectDropdownItemPaddingMultiple","Styles.SelectDropdownItemPaddingSingle","Styles.SelectDropdownItemPaddingMultipleMobile","noSearchResultsStyles","Styles.SelectNoSearchResults","loaderStyles","Styles.SelectLoader","toggle","close","open","nextTick","popoverInstance","selectedOptionElement","controlInstance","selectOption","include","deselectOption","exclude","toggleOption","isDesktop","useResponsive","_hoisted_3","_resolveDirective","_component_OrLabel","_renderSlot","_createCommentVNode","_component_OrInputBox","_component_OrSelectMultipleControl","_component_OrSelectSingleControl","_hoisted_2","_component_OrIconButton","_component_OrIcon","_component_OrPopover","_component_OrInput","_component_OrLoader","_renderList","groupName","_component_OrExpansionPanel","i","_component_OrMenuItem","_withModifiers","_component_OrCheckbox","_directive_dropdown_open","_directive_dropdown_close","_component_OrHint","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrSlider-XimfcpRY.mjs → OrSlider-CD78-muf.mjs}

@@ -1,4 +1,4 @@
-import { _ as g } from "./OrSlider.vue_vue_type_script_lang-yh5NyhYF.mjs";
+import { _ as g } from "./OrSlider.vue_vue_type_script_lang-B6ozamjR.mjs";
 import { resolveComponent as b, openBlock as s, createElementBlock as t, normalizeClass as o, createElementVNode as d, normalizeStyle as r, createVNode as f, mergeProps as k, withCtx as n, renderSlot as u, createTextVNode as p, toDisplayString as m, Fragment as v, renderList as h, createCommentVNode as M } from "vue";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const V = ["disabled"], $ = ["disabled"], B = ["disabled"], C = ["disabled"], N = ["activated", "disabled", "onMouseenter"], O = ["disabled", "force-state", "onMouseenter", "onClick"];
@@ -73,4 +73,4 @@ const I = /* @__PURE__ */ S(g, [["render", T]]);
 export {
   I as O
 };
-//# sourceMappingURL=OrSlider-XimfcpRY.mjs.map
+//# sourceMappingURL=OrSlider-CD78-muf.mjs.map

package/dist/esm/OrSlider-CD78-muf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrSlider-CD78-muf.mjs","sources":["../../../components/or-slider-v3/src/OrSlider.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <div\n      :ref=\"'rail'\"\n      :class=\"railStyles\"\n      :disabled=\"disabled\"\n    >\n      <div\n        :class=\"trackStyles\"\n        :style=\"trackInlineStyles\"\n        :disabled=\"disabled\"\n      />\n\n      <OrTooltip\n        :is-open=\"isHovering || isDragging\"\n        :placement=\"tooltipPlacement\"\n        :offset=\"24\"\n        :external-control=\"true\"\n        v-bind=\"tooltip\"\n      >\n        <div\n          :ref=\"'thumb'\"\n          :class=\"thumbStyles\"\n          :disabled=\"disabled\"\n        />\n\n        <template v-slot:content>\n          <slot\n            name=\"tooltipContent\"\n            :value=\"proxyModelValue\"\n          >\n            {{ proxyModelValue }}\n          </slot>\n        </template>\n      </OrTooltip>\n\n      <template v-if=\"breakpoints.length > 0\">\n        <div\n          v-for=\"breakpoint of [minValue, ...breakpoints, maxValue]\"\n          :key=\"breakpoint\"\n          :class=\"breakpointMarkStyles\"\n          :style=\"getBreakpointMarkComputedStyles(breakpoint)\"\n          :activated=\"breakpoint <= proxyModelValue\"\n          :disabled=\"disabled\"\n          @mouseenter=\"highlightedBreakpoint = breakpoint\"\n          @mouseleave=\"highlightedBreakpoint = undefined\"\n        />\n      </template>\n    </div>\n\n    <div :class=\"labelStyles\">\n      <div\n        v-for=\"breakpoint of [minValue, ...breakpoints, maxValue]\"\n        :key=\"breakpoint\"\n        :class=\"labelMarkStyles\"\n        :style=\"getBreakpointMarkComputedStyles(breakpoint)\"\n        :disabled=\"disabled\"\n        :force-state=\"highlightedBreakpoint === breakpoint ? 'hover' : undefined\"\n        @mouseenter=\"highlightedBreakpoint = breakpoint\"\n        @mouseleave=\"highlightedBreakpoint = undefined\"\n        @click=\"proxyModelValue = breakpoint\"\n      >\n        <slot\n          :name=\"`${breakpoint}-label`\"\n          :value=\"breakpoint\"\n        >\n          {{ breakpoint }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { Position, clamp, useDraggable, useElementBounding, useElementHover } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport * as Styles from './styles';\nimport { SliderColor, SliderModelValue, SliderOrientation } from './types';\n\nexport default defineComponent({\n  name: 'OrSlider',\n\n  components: {\n    OrTooltip,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<SliderModelValue>,\n      default: undefined,\n    },\n\n    minValue: {\n      type: Number,\n      default: 0,\n    },\n\n    maxValue: {\n      type: Number,\n      default: 100,\n    },\n\n    step: {\n      type: Number,\n      default: 1,\n    },\n\n    breakpoints: {\n      type: Array as PropType<number[]>,\n      default: () => [],\n    },\n\n    color: {\n      type: String as PropType<`${SliderColor}`>,\n      default: () => SliderColor.Primary,\n    },\n\n    orientation: {\n      type: String as PropType<`${SliderOrientation}`>,\n      default: () => SliderOrientation.Horizontal,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltip: {\n      type: Object as PropType<Pick<InstanceType<typeof OrTooltip>['$props'], 'placement' | 'offset' | 'debounce'>>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-slider-v3',\n      ...Styles.Slider,\n      ...Styles.SliderOrientations[props.orientation],\n    ]);\n\n    const rail = ref<HTMLElement>();\n\n    const railStyles = computed(() => [\n      'or-slider-rail-v3',\n      ...Styles.SliderRail,\n      ...Styles.SliderRailOrientations[props.orientation],\n    ]);\n\n    const trackStyles = computed(() => [\n      ...Styles.SliderTrack,\n      ...Styles.SliderTrackColors[props.color],\n    ]);\n\n    // eslint-disable-next-line vue/return-in-computed-property\n    const trackInlineStyles = computed(() => {\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n        case SliderOrientation.HorizontalReversed:\n          return { width: `${internalModelValue.value * 100}%` };\n\n        case SliderOrientation.Vertical:\n        case SliderOrientation.VerticalReversed:\n          return { height: `${internalModelValue.value * 100}%` };\n      }\n    });\n\n    const thumb = ref<HTMLElement>();\n\n    const thumbStyles = computed(() => [\n      'or-slider-thumb-v3',\n      ...Styles.SliderThumb,\n      ...Styles.SliderThumbColors[props.color],\n      'touch-none', // Required for proper work on mobile\n    ]);\n\n    const breakpointMarkStyles = computed(() => [\n      ...Styles.SliderBreakpointMark,\n      ...Styles.SliderBreakpointMarkColors[props.color],\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.SliderLabel,\n      ...Styles.SliderLabelOrientations[props.orientation],\n    ]);\n\n    const labelMarkStyles = computed(() => [\n      ...Styles.SliderLabelMark,\n      ...Styles.SliderLabelMarkOrientations[props.orientation],\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {\n      defaultValue: toRef(props, 'minValue'),\n    });\n\n    const internalModelValue = computed({\n      get: () => (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue),\n\n      set: (value) => {\n        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;\n\n        proxyModelValue.value = internalBreakpoints.value.reduce((a, b) => {\n          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;\n        });\n      },\n    });\n\n    const internalBreakpoints = computed(() => {\n      if (!props.step) {\n        return [props.minValue, ...props.breakpoints, props.maxValue];\n      }\n\n      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step))\n        .fill(undefined)\n        .map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000)\n        .concat(...props.breakpoints, props.maxValue)\n        .sort((a, b) => a - b);\n    });\n\n    // eslint-disable-next-line vue/return-in-computed-property\n    const tooltipPlacement = computed(() => {\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n        case SliderOrientation.HorizontalReversed:\n          return 'top';\n\n        case SliderOrientation.Vertical:\n        case SliderOrientation.VerticalReversed:\n          return 'right';\n      }\n    });\n\n    const highlightedBreakpoint = ref<number>();\n\n    const railBoundingBox = useElementBounding(rail);\n\n    // Handlers\n    function onDrag(position: Position, event: MouseEvent | PointerEvent): void {\n      if (props.disabled) {\n        return;\n      }\n\n      const totalWidth = railBoundingBox.width.value;\n      const totalHeight = railBoundingBox.height.value;\n\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n          internalModelValue.value = clamp(event.clientX - railBoundingBox.left.value, 0, totalWidth) / totalWidth;\n          break;\n\n        case SliderOrientation.HorizontalReversed:\n          internalModelValue.value = clamp(railBoundingBox.right.value - event.clientX, 0, totalWidth) / totalWidth;\n          break;\n\n        case SliderOrientation.Vertical:\n          internalModelValue.value = clamp(totalHeight - (event.clientY - railBoundingBox.top.value), 0, totalHeight) / totalHeight;\n          break;\n\n        case SliderOrientation.VerticalReversed:\n          internalModelValue.value = clamp(totalHeight - (railBoundingBox.bottom.value - event.clientY), 0, totalHeight) / totalHeight;\n          break;\n      }\n    }\n\n    // Methods\n    function getBreakpointMarkComputedStyles(breakpoint: number): Partial<CSSStyleDeclaration> | undefined {\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n          return { left: `${getBreakpointOffset(breakpoint) * 100}%` };\n\n        case SliderOrientation.HorizontalReversed:\n          return { right: `${getBreakpointOffset(breakpoint) * 100}%` };\n\n        case SliderOrientation.Vertical:\n          return { bottom: `${getBreakpointOffset(breakpoint) * 100}%` };\n\n        case SliderOrientation.VerticalReversed:\n          return { top: `${getBreakpointOffset(breakpoint) * 100}%` };\n      }\n    }\n\n    // Helpers\n    function getBreakpointOffset(breakpoint: number): number {\n      return (breakpoint - props.minValue) / (props.maxValue - props.minValue);\n    }\n\n    // Effects\n    const isHovering = useElementHover(rail);\n\n    const { isDragging } = useDraggable(rail, {\n      onStart: onDrag,\n      onMove: onDrag,\n      onEnd: onDrag,\n    });\n\n    // Constraints\n    watch(() => props.minValue, (value) => {\n      if (value >= props.maxValue) {\n        throw new Error('[OrSlider]: `minValue` must be lesser than `maxValue`.');\n      }\n    }, { immediate: true });\n\n    watch(() => props.maxValue, (value) => {\n      if (value <= props.minValue) {\n        throw new Error('[OrSlider]: `maxValue` must be greater than `minValue`.');\n      }\n    }, { immediate: true });\n\n    return {\n      root,\n      rootStyles,\n\n      rail,\n      railStyles,\n\n      trackStyles,\n      trackInlineStyles,\n\n      thumb,\n      thumbStyles,\n\n      breakpointMarkStyles,\n\n      labelStyles,\n      labelMarkStyles,\n\n      proxyModelValue,\n      tooltipPlacement,\n      highlightedBreakpoint,\n\n      getBreakpointMarkComputedStyles,\n\n      isHovering,\n      isDragging,\n    };\n  },\n});\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_hoisted_3","_createVNode","_component_OrTooltip","_mergeProps","_withCtx","_createElementVNode","_Fragment","_renderList","breakpoint","$event","_createCommentVNode","_hoisted_2","_cache"],"mappings":";;;;;YACEA,EAyEM,WAAA;SAvEEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAAAC,EAAA,UAAA;AAAA,IAED,UAAAA,EAAA;AAAA,EAAA,GAAA;AAAA,MAEQ,OAAE;AAAA,MACP,KAAA;AAAA,MAAA,OAAAD,EAAAC,EAAA,UAAA;AAAA,MAED,UAAAA,EAAA;AAAA,IAAA,GAAA;AAAA,QAEQ,OAAE;AAAA,QACP,OAAkBD,EAAAC,EAAA,WAAA;AAAA,QAAA,OAAAC,EAAAD,EAAA,iBAAA;AAAA,QAGrB,UAqBYA,EAAA;AAAA,MAAA,GApBT,MAAS,IAAAE,CAAA;AAAA,MAAAC,EACEC,GAAgBC,EAAA;AAAA,QAC3B,WAAUL,EAAA,cAAAA,EAAA;AAAA,QACV,WAAAA,EAAA;AAAA,QACO,QAAA;AAAA,QAQS,oBAMR;AAAA,MAAA,GAAAA,EALP,OAKO,GAAA;AAAA,QAAA,SAAAM,EAAA,MAAA;AAAA;;;;iBAXDA,EAAO,MAAA;AAAA,UAAAC,EACP,OAAE;AAAA,YACP,KAAA;AAAA,YAAA,OAAAR,EAAAC,EAAA,WAAA;AAAA;;;QAaW,GAAA;AAAA,MACd,GAAA,IAAA,CAAA,WAAA,WAAA,CAAA;AAAA,MAAAA,EAAA,YAAA,SAAA,KAAAH,EAEQ,EAAU,GAAAC,EAAAU,GAAA,EAAA,KAAA,EAAA,GAAAC,EAAA,CAAAT,EAAA,UAAA,GAAAA,EAAA,aAAAA,EAAA,QAAA,GAAA,CAAAU,OACVb,EAAE,GAAAC,EAAA,OAAA;AAAA,QACP,KAAKY;AAAA,QACL,OAAAX,EAAqBC,EAAI,oBAAe;AAAA,QACxC,OAAkBC,EAAAD,EAAA,gCAAAU,CAAA,CAAA;AAAA,QAClB,WAAYA,KAAAV,EAAA;AAAA,QACZ,UAAUA,EAAA;AAAA,QAAA,cAAA,CAAAW,MAAAX,EAAA,wBAAAU;AAAA;iCAKjBE,EAmBM,IAAA,EAAA;AAAA,IAAA,GAnBA,IAAKC,CAAA;AAAA,IAAAN,EAAA,OAAA;AAAA,eACTP,EAiBM,WAAA;AAAA,IAAA,GAAA;AAAA,SAfE,EAAU,GAAAF,EAAAU,GAAA,MAAAC,EAAA,CAAAT,EAAA,UAAA,GAAAA,EAAA,aAAAA,EAAA,QAAA,GAAA,CAAAU,OACVb,EAAA,GAAAC,EAAE,OAAe;AAAA,QACtB,KAAKY;AAAA,QACL,OAAkBX,EAAAC,EAAA,eAAA;AAAA,QAClB,OAAAC,EAAaD,kCAAoCU,CAAa,CAAA;AAAA,QAC9D,UAAUV,EAAA;AAAA,QACV,eAAUA,EAAE,0BAAAU,IAAA,UAAA;AAAA,QACZ,cAAK,OAAEV,EAA4B,wBAAAU;AAAA,QAAA,cAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAAX,EAAA,wBAAA;AAAA,QAEpC,SAAA,CAAAW,MAKOX,EAJe,kBAAAU;AAAA,MAAA,GAAA;AAAA;;;;;;;;"}

package/dist/esm/{OrSlider.vue_vue_type_script_lang-yh5NyhYF.mjs → OrSlider.vue_vue_type_script_lang-B6ozamjR.mjs}

@@ -1,7 +1,7 @@
-import { useElementBounding as L, useElementHover as D, useDraggable as N, clamp as s } from "@vueuse/core";
-import { defineComponent as _, ref as h, computed as o, toRef as b, watch as v } from "vue";
-import { useProxyModelValue as A } from "@onereach/ui-components-common/hooks";
-import { O as X } from "./OrTooltip-BIJSpzmX.mjs";
+import { useProxyModelValue as L } from "@onereach/ui-components-common/hooks";
+import { O as D } from "./OrTooltip-BCrAH95l.mjs";
+import { useElementBounding as N, useElementHover as _, useDraggable as A, clamp as s } from "@vueuse/core";
+import { defineComponent as X, ref as h, computed as o, toRef as b, watch as v } from "vue";
 var n = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e))(n || {}), a = /* @__PURE__ */ ((e) => (e.Horizontal = "horizontal", e.HorizontalReversed = "horizontal-reversed", e.Vertical = "vertical", e.VerticalReversed = "vertical-reversed", e))(a || {});
 const Y = [
   // Interactivity
@@ -238,10 +238,10 @@ const Y = [
     "translate-x-1/2",
     "-translate-y-1/2"
   ]
-}, le = _({
+}, le = X({
   name: "OrSlider",
   components: {
-    OrTooltip: X
+    OrTooltip: D
   },
   model: {
     prop: "modelValue",
@@ -327,7 +327,7 @@ const Y = [
     ]), B = o(() => [
       ...Z,
       ...ee[e.orientation]
-    ]), k = A(b(e, "modelValue"), f.emit, {
+    ]), k = L(b(e, "modelValue"), f.emit, {
       defaultValue: b(e, "minValue")
     }), d = o({
       get: () => (k.value - e.minValue) / (e.maxValue - e.minValue),
@@ -344,7 +344,7 @@ const Y = [
         case a.VerticalReversed:
           return "right";
       }
-    }), $ = h(), u = L(c);
+    }), $ = h(), u = N(c);
     function y(r, t) {
       if (e.disabled)
         return;
@@ -379,7 +379,7 @@ const Y = [
     function m(r) {
       return (r - e.minValue) / (e.maxValue - e.minValue);
     }
-    const T = D(c), { isDragging: C } = N(c, {
+    const T = _(c), { isDragging: C } = A(c, {
       onStart: y,
       onMove: y,
       onEnd: y
@@ -416,4 +416,4 @@ export {
   le as _,
   a
 };
-//# sourceMappingURL=OrSlider.vue_vue_type_script_lang-yh5NyhYF.mjs.map
+//# sourceMappingURL=OrSlider.vue_vue_type_script_lang-B6ozamjR.mjs.map

package/dist/esm/OrSlider.vue_vue_type_script_lang-B6ozamjR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrSlider.vue_vue_type_script_lang-B6ozamjR.mjs","sources":["../../../components/or-slider-v3/src/types.ts","../../../components/or-slider-v3/src/styles.ts","../../../components/or-slider-v3/src/OrSlider.vue"],"sourcesContent":["import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type SliderModelValue = ModelValue<number>;\n\nexport enum SliderColor {\n  Primary = 'primary',\n  Secondary = 'secondary',\n}\n\nexport enum SliderOrientation {\n  Horizontal = 'horizontal',\n  HorizontalReversed = 'horizontal-reversed',\n  Vertical = 'vertical',\n  VerticalReversed = 'vertical-reversed',\n}\n","import { SliderColor, SliderOrientation } from './types';\n\nexport const Slider: string[] = [\n  // Interactivity\n  'interactivity-default',\n];\n\nexport const SliderOrientations: Record<SliderOrientation, string[]> = {\n  [SliderOrientation.Horizontal]: [\n    // Layout\n    'layout-column',\n\n    // Box\n    'w-full',\n  ],\n\n  [SliderOrientation.HorizontalReversed]: [\n    // Layout\n    'layout-column',\n\n    // Box\n    'w-full',\n  ],\n\n  [SliderOrientation.Vertical]: [\n    // Layout\n    'layout-row',\n\n    // Box\n    'h-full',\n  ],\n\n  [SliderOrientation.VerticalReversed]: [\n    // Layout\n    'layout-row',\n\n    // Box\n    'h-full',\n  ],\n};\n\nexport const SliderRail: string[] = [\n  // Position\n  'relative',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Theme\n  'theme-background-disabled',\n  'dark:theme-background-disabled-dark',\n];\n\nexport const SliderRailOrientations: Record<SliderOrientation, string[]> = {\n  [SliderOrientation.Horizontal]: [\n    // Layout\n    'layout-row',\n\n    // Box\n    'w-full',\n    'h-xs',\n\n    // Spacing\n    'mx-0',\n    'my-md+',\n  ],\n\n  [SliderOrientation.HorizontalReversed]: [\n    // Layout\n    'layout-row-reverse',\n\n    // Box\n    'w-full',\n    'h-xs',\n\n    // Spacing\n    'mx-0',\n    'my-md+',\n  ],\n\n  [SliderOrientation.Vertical]: [\n    // Layout\n    'layout-column-reverse items-center',\n\n    // Box\n    'w-xs',\n    'h-full',\n\n    // Spacing\n    'mx-md+',\n    'my-0',\n  ],\n\n  [SliderOrientation.VerticalReversed]: [\n    // Layout\n    'layout-column items-center',\n\n    // Box\n    'w-xs',\n    'h-full',\n\n    // Spacing\n    'mx-md+',\n    'my-0',\n  ],\n};\n\nexport const SliderTrack: string[] = [\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-full',\n  'h-full',\n];\n\nexport const SliderTrackColors: Record<SliderColor, string[]> = {\n  [SliderColor.Primary]: [\n    // Theme\n    'theme-background-primary',\n    'dark:theme-background-primary-dark',\n  ],\n\n  [SliderColor.Secondary]: [\n    // Theme\n    'theme-background-secondary',\n    'dark:theme-background-secondary-dark',\n  ],\n};\n\nexport const SliderThumb: string[] = [\n  // Layout\n  'shrink-0',\n  // Position\n  'z-10',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-[20px]',\n  'h-[20px]',\n\n  // Spacing\n  '-mx-[10px]',\n  '-my-[10px]',\n\n  // Theme\n  'theme-background-base',\n  'dark:theme-background-base-dark',\n];\n\nexport const SliderThumbColors: Record<SliderColor, string[]> = {\n  [SliderColor.Primary]: [\n    // Theme\n    'theme-border-primary border-4',\n    'dark:theme-border-primary-dark',\n\n    // Theme (hover)\n    'hover:theme-background-primary',\n    'dark:hover:theme-background-primary-dark',\n\n    // Theme (active)\n    'active:theme-background-primary',\n    'dark:active:theme-background-primary-dark',\n\n    'active:theme-outline-primary active:outline-10',\n    'dark:active:theme-outline-primary-dark',\n  ],\n\n  [SliderColor.Secondary]: [\n    // Theme\n    'theme-border-secondary border-4',\n    'dark:theme-border-secondary-dark',\n\n    // Theme (hover)\n    'hover:theme-background-secondary',\n    'dark:hover:theme-background-secondary-dark',\n\n    // Theme (active)\n    'active:theme-background-secondary',\n    'dark:active:theme-background-secondary-dark',\n\n    'active:theme-outline-secondary active:outline-10',\n    'dark:active:theme-outline-secondary-dark',\n  ],\n};\n\nexport const SliderBreakpointMark: string[] = [\n  // Position\n  'absolute',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-[2px]',\n  'h-[2px]',\n\n  // Spacing\n  '-mx-[1px]',\n  '-my-[1px]',\n];\n\nexport const SliderBreakpointMarkColors: Record<SliderColor, string[]> = {\n  [SliderColor.Primary]: [\n    // Theme\n    'theme-background-primary',\n    'dark:theme-background-primary-dark',\n\n    // Theme (activated)\n    'activated:theme-background-primary-container',\n    'dark:activated:theme-background-primary-container-dark',\n\n    // Theme (disabled)\n    'disabled:!bg-on-disabled',\n    'dark:disabled:!bg-on-disabled-dark',\n  ],\n\n  [SliderColor.Secondary]: [\n    // Theme\n    'theme-background-secondary',\n    'dark:theme-background-secondary-dark',\n\n    // Theme (activated)\n    'activated:theme-background-secondary-container',\n    'dark:activated:theme-background-secondary-container-dark',\n\n    // Theme (disabled)\n    'disabled:!bg-on-disabled',\n    'dark:disabled:!bg-on-disabled-dark',\n  ],\n};\n\nexport const SliderLabel: string[] = [\n  // Position\n  'relative',\n];\n\nexport const SliderLabelOrientations: Record<SliderOrientation, string[]> = {\n  [SliderOrientation.Horizontal]: [\n    // Layout\n    'layout-row',\n\n    // Box\n    'w-full',\n  ],\n\n  [SliderOrientation.HorizontalReversed]: [\n    // Layout\n    'layout-row-reverse',\n\n    // Box\n    'w-full',\n  ],\n\n  [SliderOrientation.Vertical]: [\n    // Layout\n    'layout-column-reverse items-center',\n\n    // Box\n    'h-full',\n  ],\n\n  [SliderOrientation.VerticalReversed]: [\n    // Layout\n    'layout-column items-center',\n\n    // Box\n    'h-full',\n  ],\n};\n\nexport const SliderLabelMark: string[] = [\n  // Position\n  'absolute',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-caption-regular whitespace-nowrap',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-default',\n  'dark:hover:theme-foreground-default-dark',\n];\n\nexport const SliderLabelMarkOrientations: Record<SliderOrientation, string[]> = {\n  [SliderOrientation.Horizontal]: [\n    // Position\n    '-translate-x-1/2',\n    'translate-y-1/2',\n  ],\n\n  [SliderOrientation.HorizontalReversed]: [\n    // Position\n    'translate-x-1/2',\n    'translate-y-1/2',\n  ],\n\n  [SliderOrientation.Vertical]: [\n    // Position\n    'translate-x-1/2',\n    'translate-y-1/2',\n  ],\n\n  [SliderOrientation.VerticalReversed]: [\n    // Position\n    'translate-x-1/2',\n    '-translate-y-1/2',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <div\n      :ref=\"'rail'\"\n      :class=\"railStyles\"\n      :disabled=\"disabled\"\n    >\n      <div\n        :class=\"trackStyles\"\n        :style=\"trackInlineStyles\"\n        :disabled=\"disabled\"\n      />\n\n      <OrTooltip\n        :is-open=\"isHovering || isDragging\"\n        :placement=\"tooltipPlacement\"\n        :offset=\"24\"\n        :external-control=\"true\"\n        v-bind=\"tooltip\"\n      >\n        <div\n          :ref=\"'thumb'\"\n          :class=\"thumbStyles\"\n          :disabled=\"disabled\"\n        />\n\n        <template v-slot:content>\n          <slot\n            name=\"tooltipContent\"\n            :value=\"proxyModelValue\"\n          >\n            {{ proxyModelValue }}\n          </slot>\n        </template>\n      </OrTooltip>\n\n      <template v-if=\"breakpoints.length > 0\">\n        <div\n          v-for=\"breakpoint of [minValue, ...breakpoints, maxValue]\"\n          :key=\"breakpoint\"\n          :class=\"breakpointMarkStyles\"\n          :style=\"getBreakpointMarkComputedStyles(breakpoint)\"\n          :activated=\"breakpoint <= proxyModelValue\"\n          :disabled=\"disabled\"\n          @mouseenter=\"highlightedBreakpoint = breakpoint\"\n          @mouseleave=\"highlightedBreakpoint = undefined\"\n        />\n      </template>\n    </div>\n\n    <div :class=\"labelStyles\">\n      <div\n        v-for=\"breakpoint of [minValue, ...breakpoints, maxValue]\"\n        :key=\"breakpoint\"\n        :class=\"labelMarkStyles\"\n        :style=\"getBreakpointMarkComputedStyles(breakpoint)\"\n        :disabled=\"disabled\"\n        :force-state=\"highlightedBreakpoint === breakpoint ? 'hover' : undefined\"\n        @mouseenter=\"highlightedBreakpoint = breakpoint\"\n        @mouseleave=\"highlightedBreakpoint = undefined\"\n        @click=\"proxyModelValue = breakpoint\"\n      >\n        <slot\n          :name=\"`${breakpoint}-label`\"\n          :value=\"breakpoint\"\n        >\n          {{ breakpoint }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { Position, clamp, useDraggable, useElementBounding, useElementHover } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport * as Styles from './styles';\nimport { SliderColor, SliderModelValue, SliderOrientation } from './types';\n\nexport default defineComponent({\n  name: 'OrSlider',\n\n  components: {\n    OrTooltip,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<SliderModelValue>,\n      default: undefined,\n    },\n\n    minValue: {\n      type: Number,\n      default: 0,\n    },\n\n    maxValue: {\n      type: Number,\n      default: 100,\n    },\n\n    step: {\n      type: Number,\n      default: 1,\n    },\n\n    breakpoints: {\n      type: Array as PropType<number[]>,\n      default: () => [],\n    },\n\n    color: {\n      type: String as PropType<`${SliderColor}`>,\n      default: () => SliderColor.Primary,\n    },\n\n    orientation: {\n      type: String as PropType<`${SliderOrientation}`>,\n      default: () => SliderOrientation.Horizontal,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltip: {\n      type: Object as PropType<Pick<InstanceType<typeof OrTooltip>['$props'], 'placement' | 'offset' | 'debounce'>>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-slider-v3',\n      ...Styles.Slider,\n      ...Styles.SliderOrientations[props.orientation],\n    ]);\n\n    const rail = ref<HTMLElement>();\n\n    const railStyles = computed(() => [\n      'or-slider-rail-v3',\n      ...Styles.SliderRail,\n      ...Styles.SliderRailOrientations[props.orientation],\n    ]);\n\n    const trackStyles = computed(() => [\n      ...Styles.SliderTrack,\n      ...Styles.SliderTrackColors[props.color],\n    ]);\n\n    // eslint-disable-next-line vue/return-in-computed-property\n    const trackInlineStyles = computed(() => {\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n        case SliderOrientation.HorizontalReversed:\n          return { width: `${internalModelValue.value * 100}%` };\n\n        case SliderOrientation.Vertical:\n        case SliderOrientation.VerticalReversed:\n          return { height: `${internalModelValue.value * 100}%` };\n      }\n    });\n\n    const thumb = ref<HTMLElement>();\n\n    const thumbStyles = computed(() => [\n      'or-slider-thumb-v3',\n      ...Styles.SliderThumb,\n      ...Styles.SliderThumbColors[props.color],\n      'touch-none', // Required for proper work on mobile\n    ]);\n\n    const breakpointMarkStyles = computed(() => [\n      ...Styles.SliderBreakpointMark,\n      ...Styles.SliderBreakpointMarkColors[props.color],\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.SliderLabel,\n      ...Styles.SliderLabelOrientations[props.orientation],\n    ]);\n\n    const labelMarkStyles = computed(() => [\n      ...Styles.SliderLabelMark,\n      ...Styles.SliderLabelMarkOrientations[props.orientation],\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {\n      defaultValue: toRef(props, 'minValue'),\n    });\n\n    const internalModelValue = computed({\n      get: () => (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue),\n\n      set: (value) => {\n        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;\n\n        proxyModelValue.value = internalBreakpoints.value.reduce((a, b) => {\n          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;\n        });\n      },\n    });\n\n    const internalBreakpoints = computed(() => {\n      if (!props.step) {\n        return [props.minValue, ...props.breakpoints, props.maxValue];\n      }\n\n      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step))\n        .fill(undefined)\n        .map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000)\n        .concat(...props.breakpoints, props.maxValue)\n        .sort((a, b) => a - b);\n    });\n\n    // eslint-disable-next-line vue/return-in-computed-property\n    const tooltipPlacement = computed(() => {\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n        case SliderOrientation.HorizontalReversed:\n          return 'top';\n\n        case SliderOrientation.Vertical:\n        case SliderOrientation.VerticalReversed:\n          return 'right';\n      }\n    });\n\n    const highlightedBreakpoint = ref<number>();\n\n    const railBoundingBox = useElementBounding(rail);\n\n    // Handlers\n    function onDrag(position: Position, event: MouseEvent | PointerEvent): void {\n      if (props.disabled) {\n        return;\n      }\n\n      const totalWidth = railBoundingBox.width.value;\n      const totalHeight = railBoundingBox.height.value;\n\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n          internalModelValue.value = clamp(event.clientX - railBoundingBox.left.value, 0, totalWidth) / totalWidth;\n          break;\n\n        case SliderOrientation.HorizontalReversed:\n          internalModelValue.value = clamp(railBoundingBox.right.value - event.clientX, 0, totalWidth) / totalWidth;\n          break;\n\n        case SliderOrientation.Vertical:\n          internalModelValue.value = clamp(totalHeight - (event.clientY - railBoundingBox.top.value), 0, totalHeight) / totalHeight;\n          break;\n\n        case SliderOrientation.VerticalReversed:\n          internalModelValue.value = clamp(totalHeight - (railBoundingBox.bottom.value - event.clientY), 0, totalHeight) / totalHeight;\n          break;\n      }\n    }\n\n    // Methods\n    function getBreakpointMarkComputedStyles(breakpoint: number): Partial<CSSStyleDeclaration> | undefined {\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n          return { left: `${getBreakpointOffset(breakpoint) * 100}%` };\n\n        case SliderOrientation.HorizontalReversed:\n          return { right: `${getBreakpointOffset(breakpoint) * 100}%` };\n\n        case SliderOrientation.Vertical:\n          return { bottom: `${getBreakpointOffset(breakpoint) * 100}%` };\n\n        case SliderOrientation.VerticalReversed:\n          return { top: `${getBreakpointOffset(breakpoint) * 100}%` };\n      }\n    }\n\n    // Helpers\n    function getBreakpointOffset(breakpoint: number): number {\n      return (breakpoint - props.minValue) / (props.maxValue - props.minValue);\n    }\n\n    // Effects\n    const isHovering = useElementHover(rail);\n\n    const { isDragging } = useDraggable(rail, {\n      onStart: onDrag,\n      onMove: onDrag,\n      onEnd: onDrag,\n    });\n\n    // Constraints\n    watch(() => props.minValue, (value) => {\n      if (value >= props.maxValue) {\n        throw new Error('[OrSlider]: `minValue` must be lesser than `maxValue`.');\n      }\n    }, { immediate: true });\n\n    watch(() => props.maxValue, (value) => {\n      if (value <= props.minValue) {\n        throw new Error('[OrSlider]: `maxValue` must be greater than `minValue`.');\n      }\n    }, { immediate: true });\n\n    return {\n      root,\n      rootStyles,\n\n      rail,\n      railStyles,\n\n      trackStyles,\n      trackInlineStyles,\n\n      thumb,\n      thumbStyles,\n\n      breakpointMarkStyles,\n\n      labelStyles,\n      labelMarkStyles,\n\n      proxyModelValue,\n      tooltipPlacement,\n      highlightedBreakpoint,\n\n      getBreakpointMarkComputedStyles,\n\n      isHovering,\n      isDragging,\n    };\n  },\n});\n</script>\n"],"names":["SliderColor","SliderOrientation","Slider","SliderOrientations","SliderRail","SliderRailOrientations","SliderTrack","SliderTrackColors","SliderThumb","SliderThumbColors","SliderBreakpointMark","SliderBreakpointMarkColors","SliderLabel","SliderLabelOrientations","SliderLabelMark","SliderLabelMarkOrientations","_sfc_main","defineComponent","OrTooltip","props","context","root","ref","rootStyles","computed","Styles.Slider","Styles.SliderOrientations","rail","railStyles","Styles.SliderRail","Styles.SliderRailOrientations","trackStyles","Styles.SliderTrack","Styles.SliderTrackColors","trackInlineStyles","internalModelValue","thumb","thumbStyles","Styles.SliderThumb","Styles.SliderThumbColors","breakpointMarkStyles","Styles.SliderBreakpointMark","Styles.SliderBreakpointMarkColors","labelStyles","Styles.SliderLabel","Styles.SliderLabelOrientations","labelMarkStyles","Styles.SliderLabelMark","Styles.SliderLabelMarkOrientations","proxyModelValue","useProxyModelValue","toRef","value","modelValue","internalBreakpoints","a","b","index","tooltipPlacement","highlightedBreakpoint","railBoundingBox","useElementBounding","onDrag","position","event","totalWidth","totalHeight","clamp","getBreakpointMarkComputedStyles","breakpoint","getBreakpointOffset","isHovering","useElementHover","isDragging","useDraggable","watch"],"mappings":";;;;AAIY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aAFFA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,qBAAqB,uBACrBA,EAAA,WAAW,YACXA,EAAA,mBAAmB,qBAJTA,IAAAA,KAAA,CAAA,CAAA;ACPL,MAAMC,IAAmB;AAAA;AAAA,EAE9B;AACF,GAEaC,IAA0D;AAAA,EACrE,CAACF,EAAkB,UAAU,GAAG;AAAA;AAAA,IAE9B;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,kBAAkB,GAAG;AAAA;AAAA,IAEtC;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,QAAQ,GAAG;AAAA;AAAA,IAE5B;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,gBAAgB,GAAG;AAAA;AAAA,IAEpC;AAAA;AAAA,IAGA;AAAA,EACF;AACF,GAEaG,IAAuB;AAAA;AAAA,EAElC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA8D;AAAA,EACzE,CAACJ,EAAkB,UAAU,GAAG;AAAA;AAAA,IAE9B;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,kBAAkB,GAAG;AAAA;AAAA,IAEtC;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,QAAQ,GAAG;AAAA;AAAA,IAE5B;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,gBAAgB,GAAG;AAAA;AAAA,IAEpC;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GAEaK,IAAwB;AAAA;AAAA,EAEnC;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAmD;AAAA,EAC9D,CAACP,EAAY,OAAO,GAAG;AAAA;AAAA,IAErB;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,SAAS,GAAG;AAAA;AAAA,IAEvB;AAAA,IACA;AAAA,EACF;AACF,GAEaQ,IAAwB;AAAA;AAAA,EAEnC;AAAA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAmD;AAAA,EAC9D,CAACT,EAAY,OAAO,GAAG;AAAA;AAAA,IAErB;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,SAAS,GAAG;AAAA;AAAA,IAEvB;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AACF,GAEaU,IAAiC;AAAA;AAAA,EAE5C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA4D;AAAA,EACvE,CAACX,EAAY,OAAO,GAAG;AAAA;AAAA,IAErB;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,SAAS,GAAG;AAAA;AAAA,IAEvB;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GAEaY,IAAwB;AAAA;AAAA,EAEnC;AACF,GAEaC,IAA+D;AAAA,EAC1E,CAACZ,EAAkB,UAAU,GAAG;AAAA;AAAA,IAE9B;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,kBAAkB,GAAG;AAAA;AAAA,IAEtC;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,QAAQ,GAAG;AAAA;AAAA,IAE5B;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,gBAAgB,GAAG;AAAA;AAAA,IAEpC;AAAA;AAAA,IAGA;AAAA,EACF;AACF,GAEaa,IAA4B;AAAA;AAAA,EAEvC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,KAAmE;AAAA,EAC9E,CAACd,EAAkB,UAAU,GAAG;AAAA;AAAA,IAE9B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,kBAAkB,GAAG;AAAA;AAAA,IAEtC;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,QAAQ,GAAG;AAAA;AAAA,IAE5B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAkB,gBAAgB,GAAG;AAAA;AAAA,IAEpC;AAAA,IACA;AAAA,EACF;AACF,GCzOAe,KAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,WAAAC;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,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAMlB,EAAY;AAAA,IAC7B;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAMC,EAAkB;AAAA,IACnC;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMkB,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,MACH,GAAGC,EAA0BP,EAAM,WAAW;AAAA,IAAA,CAC/C,GAEKQ,IAAOL,KAEPM,IAAaJ,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGK;AAAAA,MACH,GAAGC,EAA8BX,EAAM,WAAW;AAAA,IAAA,CACnD,GAEKY,IAAcP,EAAS,MAAM;AAAA,MACjC,GAAGQ;AAAAA,MACH,GAAGC,EAAyBd,EAAM,KAAK;AAAA,IAAA,CACxC,GAGKe,IAAoBV,EAAS,MAAM;AACvC,cAAQL,EAAM,aAAa;AAAA,QACzB,KAAKlB,EAAkB;AAAA,QACvB,KAAKA,EAAkB;AACrB,iBAAO,EAAE,OAAO,GAAGkC,EAAmB,QAAQ,GAAG;QAEnD,KAAKlC,EAAkB;AAAA,QACvB,KAAKA,EAAkB;AACrB,iBAAO,EAAE,QAAQ,GAAGkC,EAAmB,QAAQ,GAAG;MACtD;AAAA,IAAA,CACD,GAEKC,IAAQd,KAERe,IAAcb,EAAS,MAAM;AAAA,MACjC;AAAA,MACA,GAAGc;AAAAA,MACH,GAAGC,EAAyBpB,EAAM,KAAK;AAAA,MACvC;AAAA;AAAA,IAAA,CACD,GAEKqB,IAAuBhB,EAAS,MAAM;AAAA,MAC1C,GAAGiB;AAAAA,MACH,GAAGC,EAAkCvB,EAAM,KAAK;AAAA,IAAA,CACjD,GAEKwB,IAAcnB,EAAS,MAAM;AAAA,MACjC,GAAGoB;AAAAA,MACH,GAAGC,EAA+B1B,EAAM,WAAW;AAAA,IAAA,CACpD,GAEK2B,IAAkBtB,EAAS,MAAM;AAAA,MACrC,GAAGuB;AAAAA,MACH,GAAGC,GAAmC7B,EAAM,WAAW;AAAA,IAAA,CACxD,GAGK8B,IAAkBC,EAAmBC,EAAMhC,GAAO,YAAY,GAAGC,EAAQ,MAAM;AAAA,MACnF,cAAc+B,EAAMhC,GAAO,UAAU;AAAA,IAAA,CACtC,GAEKgB,IAAqBX,EAAS;AAAA,MAClC,KAAK,OAAOyB,EAAgB,QAAQ9B,EAAM,aAAaA,EAAM,WAAWA,EAAM;AAAA,MAE9E,KAAK,CAACiC,MAAU;AACd,cAAMC,IAAaD,KAASjC,EAAM,WAAWA,EAAM,YAAYA,EAAM;AAErE,QAAA8B,EAAgB,QAAQK,EAAoB,MAAM,OAAO,CAACC,GAAGC,MACpD,KAAK,IAAID,IAAIF,CAAU,IAAI,KAAK,IAAIG,IAAIH,CAAU,IAAIE,IAAIC,CAClE;AAAA,MACH;AAAA,IAAA,CACD,GAEKF,IAAsB9B,EAAS,MAC9BL,EAAM,OAIJ,MAAM,KAAK,KAAK,KAAK,IAAIA,EAAM,WAAWA,EAAM,QAAQ,IAAIA,EAAM,IAAI,CAAC,EAC3E,KAAK,MAAS,EACd,IAAI,CAACiC,GAAOK,MAAU,KAAK,OAAOtC,EAAM,WAAWA,EAAM,OAAOsC,KAAS,GAAI,IAAI,GAAI,EACrF,OAAO,GAAGtC,EAAM,aAAaA,EAAM,QAAQ,EAC3C,KAAK,CAACoC,GAAGC,MAAMD,IAAIC,CAAC,IAPd,CAACrC,EAAM,UAAU,GAAGA,EAAM,aAAaA,EAAM,QAAQ,CAQ/D,GAGKuC,IAAmBlC,EAAS,MAAM;AACtC,cAAQL,EAAM,aAAa;AAAA,QACzB,KAAKlB,EAAkB;AAAA,QACvB,KAAKA,EAAkB;AACd,iBAAA;AAAA,QAET,KAAKA,EAAkB;AAAA,QACvB,KAAKA,EAAkB;AACd,iBAAA;AAAA,MACX;AAAA,IAAA,CACD,GAEK0D,IAAwBrC,KAExBsC,IAAkBC,EAAmBlC,CAAI;AAGtC,aAAAmC,EAAOC,GAAoBC,GAAwC;AAC1E,UAAI7C,EAAM;AACR;AAGI,YAAA8C,IAAaL,EAAgB,MAAM,OACnCM,IAAcN,EAAgB,OAAO;AAE3C,cAAQzC,EAAM,aAAa;AAAA,QACzB,KAAKlB,EAAkB;AACF,UAAAkC,EAAA,QAAQgC,EAAMH,EAAM,UAAUJ,EAAgB,KAAK,OAAO,GAAGK,CAAU,IAAIA;AAC9F;AAAA,QAEF,KAAKhE,EAAkB;AACF,UAAAkC,EAAA,QAAQgC,EAAMP,EAAgB,MAAM,QAAQI,EAAM,SAAS,GAAGC,CAAU,IAAIA;AAC/F;AAAA,QAEF,KAAKhE,EAAkB;AACF,UAAAkC,EAAA,QAAQgC,EAAMD,KAAeF,EAAM,UAAUJ,EAAgB,IAAI,QAAQ,GAAGM,CAAW,IAAIA;AAC9G;AAAA,QAEF,KAAKjE,EAAkB;AACF,UAAAkC,EAAA,QAAQgC,EAAMD,KAAeN,EAAgB,OAAO,QAAQI,EAAM,UAAU,GAAGE,CAAW,IAAIA;AACjH;AAAA,MACJ;AAAA,IACF;AAGA,aAASE,EAAgCC,GAA8D;AACrG,cAAQlD,EAAM,aAAa;AAAA,QACzB,KAAKlB,EAAkB;AACrB,iBAAO,EAAE,MAAM,GAAGqE,EAAoBD,CAAU,IAAI,GAAG;QAEzD,KAAKpE,EAAkB;AACrB,iBAAO,EAAE,OAAO,GAAGqE,EAAoBD,CAAU,IAAI,GAAG;QAE1D,KAAKpE,EAAkB;AACrB,iBAAO,EAAE,QAAQ,GAAGqE,EAAoBD,CAAU,IAAI,GAAG;QAE3D,KAAKpE,EAAkB;AACrB,iBAAO,EAAE,KAAK,GAAGqE,EAAoBD,CAAU,IAAI,GAAG;MAC1D;AAAA,IACF;AAGA,aAASC,EAAoBD,GAA4B;AACvD,cAAQA,IAAalD,EAAM,aAAaA,EAAM,WAAWA,EAAM;AAAA,IACjE;AAGM,UAAAoD,IAAaC,EAAgB7C,CAAI,GAEjC,EAAE,YAAA8C,EAAA,IAAeC,EAAa/C,GAAM;AAAA,MACxC,SAASmC;AAAA,MACT,QAAQA;AAAA,MACR,OAAOA;AAAA,IAAA,CACR;AAGD,WAAAa,EAAM,MAAMxD,EAAM,UAAU,CAACiC,MAAU;AACjC,UAAAA,KAASjC,EAAM;AACX,cAAA,IAAI,MAAM,wDAAwD;AAAA,IAC1E,GACC,EAAE,WAAW,GAAA,CAAM,GAEtBwD,EAAM,MAAMxD,EAAM,UAAU,CAACiC,MAAU;AACjC,UAAAA,KAASjC,EAAM;AACX,cAAA,IAAI,MAAM,yDAAyD;AAAA,IAC3E,GACC,EAAE,WAAW,GAAA,CAAM,GAEf;AAAA,MACL,MAAAE;AAAA,MACA,YAAAE;AAAA,MAEA,MAAAI;AAAA,MACA,YAAAC;AAAA,MAEA,aAAAG;AAAA,MACA,mBAAAG;AAAA,MAEA,OAAAE;AAAA,MACA,aAAAC;AAAA,MAEA,sBAAAG;AAAA,MAEA,aAAAG;AAAA,MACA,iBAAAG;AAAA,MAEA,iBAAAG;AAAA,MACA,kBAAAS;AAAA,MACA,uBAAAC;AAAA,MAEA,iCAAAS;AAAA,MAEA,YAAAG;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/esm/{OrSorting-Y2y8Drq7.mjs → OrSorting-ydjXM1Si.mjs}

@@ -1,8 +1,8 @@
 import { useProxyModelValue as V } from "@onereach/ui-components-common/hooks";
-import { O as b } from "./OrButton-C_hXddAf.mjs";
+import { O as b } from "./OrButton-_RCmYvxT.mjs";
 import { O as B } from "./OrIcon-k8cyvh-D.mjs";
-import { O as _ } from "./OrMenuItem-ByVkiQvE.mjs";
-import { O as C } from "./OrMenu-BNbd6Ajl.mjs";
+import { O as _ } from "./OrMenuItem-VyCCXA7Z.mjs";
+import { O as C } from "./OrMenu-Cag_fBXC.mjs";
 import { defineComponent as I, ref as m, computed as i, toRef as L, resolveComponent as n, openBlock as s, createElementBlock as v, normalizeClass as M, createVNode as k, withCtx as p, createElementVNode as $, toDisplayString as y, createBlock as S, createCommentVNode as w, Fragment as N, renderList as A, createTextVNode as h } from "vue";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const R = [], z = [
@@ -106,4 +106,4 @@ const K = /* @__PURE__ */ E(D, [["render", F]]);
 export {
   K as O
 };
-//# sourceMappingURL=OrSorting-Y2y8Drq7.mjs.map
+//# sourceMappingURL=OrSorting-ydjXM1Si.mjs.map

package/dist/esm/{OrSorting-Y2y8Drq7.mjs.map → OrSorting-ydjXM1Si.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrSorting-Y2y8Drq7.mjs","sources":["../../../components/or-sorting-v3/src/styles.ts","../../../components/or-sorting-v3/src/OrSorting.vue"],"sourcesContent":["export const SortingRoot = [];\nexport const SortingLabel = [\n  // Theme\n  'text-on-background dark:text-on-background-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrButton\n      :ref=\"'sortButton'\"\n      :variant=\"'link'\"\n      :color=\"'primary'\"\n      @click=\"sortMenu && sortMenu.toggle()\"\n    >\n      <span :class=\"sortLabelStyles\">\n        {{ sortLabel }}\n      </span>\n\n      <OrIcon\n        v-if=\"sortMenu\"\n        :icon=\"sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\"\n      />\n    </OrButton>\n\n    <OrMenu\n      :ref=\"'sortMenu'\"\n      :trigger=\"sortButton && sortButton.root\"\n      :placement=\"'bottom-start'\"\n      :offset=\"{ mainAxis: 8, crossAxis: -8 }\"\n    >\n      <OrMenuItem\n        v-for=\"item in options\"\n        :key=\"item.value\"\n        :selected=\"item.value === modelValue\"\n        @click=\"handleSort(item.value)\"\n      >\n        {{ item.label }}\n      </OrMenuItem>\n    </OrMenu>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SortingLabel, SortingRoot } from './styles';\nimport { SortOption } from './types';\n\nexport default defineComponent({\n  name: 'OrSorting',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<SortOption[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const sortMenu = ref<typeof OrMenu>();\n    const sortButton = ref<typeof OrButton>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sorting-v3',\n      ...SortingRoot,\n    ]);\n\n    const sortLabelStyles = computed(() => [\n      ...SortingLabel,\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const sortLabel = computed(() => {\n      return props.options.find(item => item.value === proxyModelValue.value)?.label;\n    });\n\n    // Methods\n    function handleSort(sort: string) {\n      proxyModelValue.value = sort;\n    }\n\n    return {\n      root,\n      rootStyles,\n      sortLabelStyles,\n      sortMenu,\n      sortButton,\n      sortLabel,\n      handleSort,\n    };\n  },\n});\n\n</script>\n"],"names":["SortingRoot","SortingLabel","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","sortMenu","sortButton","rootStyles","computed","sortLabelStyles","proxyModelValue","useProxyModelValue","toRef","sortLabel","_a","item","handleSort","sort","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrButton","_cache","$event","_withCtx","_createElementVNode","_toDisplayString","_createBlock","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","_component_OrMenuItem"],"mappings":";;;;;;;AAAO,MAAMA,IAAc,CAAA,GACdC,IAAe;AAAA;AAAA,EAE1B;AACF,GC8CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;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,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAWD,KACXE,IAAaF,KAGbG,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGf;AAAA,IAAA,CACJ,GAEKgB,IAAkBD,EAAS,MAAM;AAAA,MACrC,GAAGd;AAAA,IAAA,CACJ,GAGKgB,IAAkBC,EAAmBC,EAAMX,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7EW,IAAYL,EAAS,MAAM;;AACxB,cAAAM,IAAAb,EAAM,QAAQ,KAAK,CAAAc,MAAQA,EAAK,UAAUL,EAAgB,KAAK,MAA/D,gBAAAI,EAAkE;AAAA,IAAA,CAC1E;AAGD,aAASE,EAAWC,GAAc;AAChC,MAAAP,EAAgB,QAAQO;AAAA,IAC1B;AAEO,WAAA;AAAA,MACL,MAAAd;AAAA,MACA,YAAAI;AAAA,MACA,iBAAAE;AAAA,MACA,UAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,WAAAO;AAAA,MACA,YAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qEArHCE,EAmCM,QAAA;SAjCEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAcWC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAZCC,GAAM;AAAA,MACf,KAAK;AAAA,MACL,SAAK;AAAA,MAAA,OAAA;AAAA,MAIC,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,YAAAA,EAAA,SAAA,OAAA;AAAA,IAAA,GAAA;AAAA,MAFK,SAAAI,EAAA,MAAA;AAAA,QACPC,EAAA,QAAA;AAAA,UAIG,OAAQN,EAAAC,EAAA,eAAA;AAAA,QAAA,GAAAM,EADhBN,EAGE,SAAA,GAAA,CAAA;AAAA,QAAAA,EAAA,YAAAH,KADqBU,EAAAC,GAAA;AAAA,UAAA,KAAA;AAAA;;;MAIzB,GAAA;AAAA,IAAA,CAAA;AAAA,MAEYC,GAAc;AAAA,MACvB,KAAA;AAAA,MACA,SAAQT,EAA8B,cAAAA,EAAA,WAAA;AAAA,MAAA,WAAA;AAAA,MAGd,QAAA,EAAA,UAAA,GAAA,WAAA,GAAA;AAAA,IAAA,GAAA;AAAA;SACjBH,EAAA,EAAK,GAAKC,EAAAY,GAAA,MAAAC,EAAAX,EAAA,SAAA,CAAAP,OACfI,EAAe,GAAKU,EAAKK,GAAU;AAAA,UACnC,KAAKnB,EAAA;AAAA,UAAA,UAAAA,EAAA,UAAAO,EAAA;AAAA,UAEU,SAAA,CAAAG,MAAAH,EAAA,WAAAP,EAAA,KAAA;AAAA,QAAA,GAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"OrSorting-ydjXM1Si.mjs","sources":["../../../components/or-sorting-v3/src/styles.ts","../../../components/or-sorting-v3/src/OrSorting.vue"],"sourcesContent":["export const SortingRoot = [];\nexport const SortingLabel = [\n  // Theme\n  'text-on-background dark:text-on-background-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrButton\n      :ref=\"'sortButton'\"\n      :variant=\"'link'\"\n      :color=\"'primary'\"\n      @click=\"sortMenu && sortMenu.toggle()\"\n    >\n      <span :class=\"sortLabelStyles\">\n        {{ sortLabel }}\n      </span>\n\n      <OrIcon\n        v-if=\"sortMenu\"\n        :icon=\"sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\"\n      />\n    </OrButton>\n\n    <OrMenu\n      :ref=\"'sortMenu'\"\n      :trigger=\"sortButton && sortButton.root\"\n      :placement=\"'bottom-start'\"\n      :offset=\"{ mainAxis: 8, crossAxis: -8 }\"\n    >\n      <OrMenuItem\n        v-for=\"item in options\"\n        :key=\"item.value\"\n        :selected=\"item.value === modelValue\"\n        @click=\"handleSort(item.value)\"\n      >\n        {{ item.label }}\n      </OrMenuItem>\n    </OrMenu>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SortingLabel, SortingRoot } from './styles';\nimport { SortOption } from './types';\n\nexport default defineComponent({\n  name: 'OrSorting',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<SortOption[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const sortMenu = ref<typeof OrMenu>();\n    const sortButton = ref<typeof OrButton>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sorting-v3',\n      ...SortingRoot,\n    ]);\n\n    const sortLabelStyles = computed(() => [\n      ...SortingLabel,\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const sortLabel = computed(() => {\n      return props.options.find(item => item.value === proxyModelValue.value)?.label;\n    });\n\n    // Methods\n    function handleSort(sort: string) {\n      proxyModelValue.value = sort;\n    }\n\n    return {\n      root,\n      rootStyles,\n      sortLabelStyles,\n      sortMenu,\n      sortButton,\n      sortLabel,\n      handleSort,\n    };\n  },\n});\n\n</script>\n"],"names":["SortingRoot","SortingLabel","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","sortMenu","sortButton","rootStyles","computed","sortLabelStyles","proxyModelValue","useProxyModelValue","toRef","sortLabel","_a","item","handleSort","sort","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrButton","_cache","$event","_withCtx","_createElementVNode","_toDisplayString","_createBlock","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","_component_OrMenuItem"],"mappings":";;;;;;;AAAO,MAAMA,IAAc,CAAA,GACdC,IAAe;AAAA;AAAA,EAE1B;AACF,GC8CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;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,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAWD,KACXE,IAAaF,KAGbG,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGf;AAAA,IAAA,CACJ,GAEKgB,IAAkBD,EAAS,MAAM;AAAA,MACrC,GAAGd;AAAA,IAAA,CACJ,GAGKgB,IAAkBC,EAAmBC,EAAMX,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7EW,IAAYL,EAAS,MAAM;;AACxB,cAAAM,IAAAb,EAAM,QAAQ,KAAK,CAAAc,MAAQA,EAAK,UAAUL,EAAgB,KAAK,MAA/D,gBAAAI,EAAkE;AAAA,IAAA,CAC1E;AAGD,aAASE,EAAWC,GAAc;AAChC,MAAAP,EAAgB,QAAQO;AAAA,IAC1B;AAEO,WAAA;AAAA,MACL,MAAAd;AAAA,MACA,YAAAI;AAAA,MACA,iBAAAE;AAAA,MACA,UAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,WAAAO;AAAA,MACA,YAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qEArHCE,EAmCM,QAAA;SAjCEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAcWC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAZCC,GAAM;AAAA,MACf,KAAK;AAAA,MACL,SAAK;AAAA,MAAA,OAAA;AAAA,MAIC,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,YAAAA,EAAA,SAAA,OAAA;AAAA,IAAA,GAAA;AAAA,MAFK,SAAAI,EAAA,MAAA;AAAA,QACPC,EAAA,QAAA;AAAA,UAIG,OAAQN,EAAAC,EAAA,eAAA;AAAA,QAAA,GAAAM,EADhBN,EAGE,SAAA,GAAA,CAAA;AAAA,QAAAA,EAAA,YAAAH,KADqBU,EAAAC,GAAA;AAAA,UAAA,KAAA;AAAA;;;MAIzB,GAAA;AAAA,IAAA,CAAA;AAAA,MAEYC,GAAc;AAAA,MACvB,KAAA;AAAA,MACA,SAAQT,EAA8B,cAAAA,EAAA,WAAA;AAAA,MAAA,WAAA;AAAA,MAGd,QAAA,EAAA,UAAA,GAAA,WAAA,GAAA;AAAA,IAAA,GAAA;AAAA;SACjBH,EAAA,EAAK,GAAKC,EAAAY,GAAA,MAAAC,EAAAX,EAAA,SAAA,CAAAP,OACfI,EAAe,GAAKU,EAAKK,GAAU;AAAA,UACnC,KAAKnB,EAAA;AAAA,UAAA,UAAAA,EAAA,UAAAO,EAAA;AAAA,UAEU,SAAA,CAAAG,MAAAH,EAAA,WAAAP,EAAA,KAAA;AAAA,QAAA,GAAA;AAAA;;;;;;;;;;;"}

package/dist/esm/{OrStatus-D4QIuE7R.mjs → OrStatus-CdidYltP.mjs}

@@ -1,6 +1,6 @@
-import { formatTimeAgo as f } from "@vueuse/core";
-import { defineComponent as g, ref as k, computed as s, resolveComponent as h, openBlock as u, createElementBlock as l, normalizeClass as n, createVNode as S, normalizeProps as y, guardReactiveProps as v, createElementVNode as b, renderSlot as O, toDisplayString as N, createCommentVNode as z } from "vue";
-import { O as E, I as t, a as I } from "./OrIndicator-CCrOseW7.mjs";
+import { O as f, I as t, a as g } from "./OrIndicator-CdMrJtoj.mjs";
+import { formatTimeAgo as k } from "@vueuse/core";
+import { defineComponent as h, ref as S, computed as s, resolveComponent as y, openBlock as u, createElementBlock as l, normalizeClass as n, createVNode as v, normalizeProps as b, guardReactiveProps as O, createElementVNode as N, renderSlot as z, toDisplayString as E, createCommentVNode as I } from "vue";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var e = /* @__PURE__ */ ((r) => (r.Neutral = "neutral", r.Disabled = "disabled", r.Success = "success", r.Warning = "warning", r.Error = "error", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.M = "m", r.S = "s", r))(a || {});
 const w = [
@@ -49,10 +49,10 @@ const w = [
   // Theme
   "theme-foreground-outline",
   "dark:theme-foreground-outline-dark"
-], P = g({
+], P = h({
   name: "OrStatus",
   components: {
-    OrIndicator: E
+    OrIndicator: f
   },
   props: {
     variant: {
@@ -72,7 +72,7 @@ const w = [
     "root"
   ],
   setup(r) {
-    const i = k(), d = s(() => [
+    const i = S(), d = s(() => [
       "or-status-v3",
       ...w,
       ...C[r.variant],
@@ -98,7 +98,7 @@ const w = [
           o = t.Neutral;
       }
       return {
-        size: I.S,
+        size: g.S,
         color: o
       };
     });
@@ -107,26 +107,26 @@ const w = [
       rootStyles: d,
       indicatorProps: m,
       timestampStyles: c,
-      formatTimeAgo: f
+      formatTimeAgo: k
     };
   }
 }), W = {
   class: /* @__PURE__ */ n(["truncate"])
 };
 function M(r, i, d, c, m, o) {
-  const p = h("OrIndicator");
+  const p = y("OrIndicator");
   return u(), l("div", {
     ref: "root",
     class: n(r.rootStyles)
   }, [
-    S(p, y(v(r.indicatorProps)), null, 16),
-    b("span", W, [
-      O(r.$slots, "default")
+    v(p, b(O(r.indicatorProps)), null, 16),
+    N("span", W, [
+      z(r.$slots, "default")
     ]),
     r.timestamp ? (u(), l("span", {
       key: 0,
       class: n(r.timestampStyles)
-    }, " (" + N(r.formatTimeAgo(r.timestamp)) + ") ", 3)) : z("", !0)
+    }, " (" + E(r.formatTimeAgo(r.timestamp)) + ") ", 3)) : I("", !0)
   ], 2);
 }
 const j = /* @__PURE__ */ _(P, [["render", M]]);
@@ -135,4 +135,4 @@ export {
   e as S,
   a
 };
-//# sourceMappingURL=OrStatus-D4QIuE7R.mjs.map
+//# sourceMappingURL=OrStatus-CdidYltP.mjs.map

package/dist/esm/OrStatus-CdidYltP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrStatus-CdidYltP.mjs","sources":["../../../components/or-status-v3/src/props.ts","../../../components/or-status-v3/src/styles.ts","../../../components/or-status-v3/src/OrStatus.vue"],"sourcesContent":["export enum StatusVariant {\n  Neutral = 'neutral',\n  Disabled = 'disabled',\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n}\n\nexport enum StatusSize {\n  M = 'm',\n  S = 's',\n}\n","import { StatusSize, StatusVariant } from './props';\n\nexport const Status: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Spacing\n  'gap-sm',\n];\n\nexport const StatusVariants: Record<StatusVariant, string[]> = {\n  [StatusVariant.Neutral]: [\n    // Theme\n    'theme-foreground-primary',\n    'dark:theme-foreground-primary-dark',\n  ],\n\n  [StatusVariant.Disabled]: [\n    // Theme\n    'theme-foreground-outline',\n    'dark:theme-foreground-outline-dark',\n  ],\n\n  [StatusVariant.Success]: [\n    // Theme\n    'theme-foreground-success',\n    'dark:theme-foreground-success-dark',\n  ],\n\n  [StatusVariant.Warning]: [\n    // Theme\n    'theme-foreground-warning',\n    'dark:theme-foreground-warning-dark',\n  ],\n\n  [StatusVariant.Error]: [\n    // Theme\n    'theme-foreground-error',\n    'dark:theme-foreground-error-dark',\n  ],\n};\n\nexport const StatusSizes: Record<StatusSize, string[]> = {\n  [StatusSize.M]: [\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  [StatusSize.S]: [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n\nexport const StatusTimestamp: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrIndicator v-bind=\"indicatorProps\" />\n\n    <span :class=\"['truncate']\">\n      <slot />\n    </span>\n\n    <template v-if=\"timestamp\">\n      <span :class=\"timestampStyles\">\n        ({{ formatTimeAgo(timestamp) }})\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { IndicatorColor, IndicatorSize, OrIndicatorV3 as OrIndicator } from '@onereach/ui-components.or-indicator-v3';\nimport { formatTimeAgo } from '@vueuse/core';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { StatusSize, StatusVariant } from './props';\nimport { Status, StatusSizes, StatusTimestamp, StatusVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrStatus',\n\n  components: {\n    OrIndicator,\n  },\n\n  props: {\n    variant: {\n      type: String as PropType<`${StatusVariant}`>,\n      default: () => StatusVariant.Neutral,\n    },\n\n    size: {\n      type: String as PropType<`${StatusSize}`>,\n      default: () => StatusSize.M,\n    },\n\n    timestamp: {\n      type: Date,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-status-v3',\n      ...Status,\n      ...StatusVariants[props.variant],\n      ...StatusSizes[props.size],\n    ]);\n\n    const timestampStyles = computed(() => [\n      ...StatusTimestamp,\n    ]);\n\n    const indicatorProps = computed(() => {\n      let color: IndicatorColor;\n      switch (props.variant) {\n        case StatusVariant.Error:\n          color = IndicatorColor.Error;\n          break;\n        case StatusVariant.Success:\n          color = IndicatorColor.Success;\n          break;\n        case StatusVariant.Warning:\n          color = IndicatorColor.Warning;\n          break;\n        case StatusVariant.Disabled:\n          color = IndicatorColor.Outline;\n          break;\n        default:\n          color = IndicatorColor.Neutral;\n      }\n\n      return {\n        size: IndicatorSize.S,\n        color,\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      indicatorProps,\n      timestampStyles,\n      formatTimeAgo,\n    };\n  },\n});\n</script>\n"],"names":["StatusVariant","StatusSize","Status","StatusVariants","StatusSizes","StatusTimestamp","_sfc_main","defineComponent","OrIndicator","props","root","ref","rootStyles","computed","timestampStyles","indicatorProps","color","IndicatorColor","IndicatorSize","formatTimeAgo","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_OrIndicator","_normalizeProps","_guardReactiveProps","_createElementVNode","_hoisted_1","_renderSlot"],"mappings":"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"}

package/dist/esm/{OrSubMenuItem-TUcrHvBk.mjs → OrSubMenuItem-BmyJYNuS.mjs}

@@ -1,8 +1,8 @@
 import { usePopoverState as L, useResponsive as w } from "@onereach/ui-components-common";
 import { O as y } from "./OrIcon-k8cyvh-D.mjs";
-import { O as E } from "./OrMenuItem-ByVkiQvE.mjs";
-import { O as H } from "./OrMenu-BNbd6Ajl.mjs";
-import { a as P } from "./OrPopover-FA8G-paf.mjs";
+import { O as E } from "./OrMenuItem-VyCCXA7Z.mjs";
+import { O as H } from "./OrMenu-Cag_fBXC.mjs";
+import { a as P } from "./OrPopover-GBPJ4IDN.mjs";
 import { defineComponent as $, toRef as B, ref as p, nextTick as i, resolveComponent as d, openBlock as C, createBlock as R, withCtx as m, createVNode as b, renderSlot as g, createElementBlock as N, createCommentVNode as V } from "vue";
 import "@onereach/ui-components-common/utils";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -156,4 +156,4 @@ const X = /* @__PURE__ */ _(j, [["render", z]]);
 export {
   X as O
 };
-//# sourceMappingURL=OrSubMenuItem-TUcrHvBk.mjs.map
+//# sourceMappingURL=OrSubMenuItem-BmyJYNuS.mjs.map

package/dist/esm/{OrSubMenuItem-TUcrHvBk.mjs.map → OrSubMenuItem-BmyJYNuS.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrSubMenuItem-TUcrHvBk.mjs","sources":["../../../components/or-sub-menu-item-v3/src/OrSubMenuItem.vue"],"sourcesContent":["<template>\n  <OrMenuItem\n    ref=\"root\"\n    class=\"or-sub-menu-item-v3\"\n    :icon=\"icon\"\n    :selected=\"selected || state === 'open'\"\n    :disabled=\"disabled\"\n    :tooltip-text=\"tooltipText\"\n    @click=\"handleClickOnTrigger\"\n    @mouseenter=\"handleMouseEnterSubMenuItem\"\n    @mouseleave=\"handleMouseLeaveSubMenuItem\"\n  >\n    <slot />\n    <template v-slot:append>\n      <OrIcon\n        icon=\"arrow_right\"\n      />\n    </template>\n    <OrMenu\n      ref=\"menu\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"root && root.root\"\n      :placement=\"placement\"\n      :offset=\"0\"\n      @mouseleave=\"handleMouseLeaveMenu\"\n      @click=\"handleClickMenu\"\n    >\n      <slot name=\"items\" />\n    </OrMenu>\n    <div\n      v-if=\"capturedContent\"\n      class=\"hidden\"\n      v-html=\"capturedContent\"\n    />\n  </OrMenuItem>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { defineComponent, nextTick, PropType, ref, toRef } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrSubMenuItem',\n\n  components: {\n    OrMenuItem,\n    OrIcon,\n    OrMenu,\n  },\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.RightStart,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n\n  emits: [\n    'open',\n    'close',\n    'update:state',\n\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    const { state, open, close } = usePopoverState(toRef(props, 'selected'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const root = ref<InstanceType<typeof OrMenuItem> | null>(null);\n    const menu = ref<InstanceType<typeof OrMenu> | null>(null);\n    const capturedContent = ref<string | null>(null);\n\n\n    function handleMouseLeaveSubMenuItem(event: MouseEvent) {\n      nextTick(() => {\n        if (!menu.value?.root?.contains(event.relatedTarget as Node)) {\n          close();\n        }\n      });\n    }\n\n    function handleMouseLeaveMenu(event: MouseEvent) {\n      const relatedTarget = event.relatedTarget as Node | null;\n      capturePopoverContent();\n      nextTick(() => {\n        setTimeout(() => {\n          nextTick(() => {\n            if (relatedTarget instanceof HTMLElement) {\n              const relatedTargetHtml = relatedTarget?.outerHTML || '';\n              const isInsideCapturedContent = capturedContent.value?.includes(relatedTargetHtml);\n              if (!isInsideCapturedContent) {\n                close();\n              }\n            }\n          });\n        });\n      });\n    }\n\n    function handleMouseEnterSubMenuItem() {\n      if (isMobile.value) return;\n      open();\n      capturePopoverContent();\n    }\n\n    function handleClickMenu() {\n      const event = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n      });\n      (event as any).isSimulated = true;\n      root.value?.root?.dispatchEvent(event);\n    }\n\n    function handleClickOnTrigger(event: MouseEvent) {\n      if (isMobile.value) {\n        event.stopPropagation();\n        open();\n      } else {\n        if ((event as any).isSimulated) {\n          return;\n        }\n        if (event.currentTarget === root.value?.root) {\n          event.stopPropagation();\n        }\n      }\n    }\n\n    function capturePopoverContent() {\n      nextTick(() => setTimeout(() => {\n        if (menu.value?.root) {\n          capturedContent.value = menu.value.root.innerHTML;\n        }\n      }));\n    }\n\n    return {\n      root,\n      menu,\n      open,\n      close,\n      state,\n      handleMouseLeaveMenu,\n      handleMouseLeaveSubMenuItem,\n      handleMouseEnterSubMenuItem,\n      handleClickMenu,\n      handleClickOnTrigger,\n      capturedContent,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenuItem","OrIcon","OrMenu","PopoverPlacement","props","context","state","open","close","usePopoverState","toRef","isMobile","useResponsive","root","ref","menu","capturedContent","handleMouseLeaveSubMenuItem","event","nextTick","_b","_a","handleMouseLeaveMenu","relatedTarget","capturePopoverContent","relatedTargetHtml","handleMouseEnterSubMenuItem","handleClickMenu","handleClickOnTrigger","_resolveComponent","_openBlock","_createBlock","_component_OrMenuItem","_ctx","_createVNode","_component_OrIcon","_withCtx","_renderSlot","_component_OrMenu","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"OrSubMenuItem-BmyJYNuS.mjs","sources":["../../../components/or-sub-menu-item-v3/src/OrSubMenuItem.vue"],"sourcesContent":["<template>\n  <OrMenuItem\n    ref=\"root\"\n    class=\"or-sub-menu-item-v3\"\n    :icon=\"icon\"\n    :selected=\"selected || state === 'open'\"\n    :disabled=\"disabled\"\n    :tooltip-text=\"tooltipText\"\n    @click=\"handleClickOnTrigger\"\n    @mouseenter=\"handleMouseEnterSubMenuItem\"\n    @mouseleave=\"handleMouseLeaveSubMenuItem\"\n  >\n    <slot />\n    <template v-slot:append>\n      <OrIcon\n        icon=\"arrow_right\"\n      />\n    </template>\n    <OrMenu\n      ref=\"menu\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"root && root.root\"\n      :placement=\"placement\"\n      :offset=\"0\"\n      @mouseleave=\"handleMouseLeaveMenu\"\n      @click=\"handleClickMenu\"\n    >\n      <slot name=\"items\" />\n    </OrMenu>\n    <div\n      v-if=\"capturedContent\"\n      class=\"hidden\"\n      v-html=\"capturedContent\"\n    />\n  </OrMenuItem>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { defineComponent, nextTick, PropType, ref, toRef } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrSubMenuItem',\n\n  components: {\n    OrMenuItem,\n    OrIcon,\n    OrMenu,\n  },\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.RightStart,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n\n  emits: [\n    'open',\n    'close',\n    'update:state',\n\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    const { state, open, close } = usePopoverState(toRef(props, 'selected'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const root = ref<InstanceType<typeof OrMenuItem> | null>(null);\n    const menu = ref<InstanceType<typeof OrMenu> | null>(null);\n    const capturedContent = ref<string | null>(null);\n\n\n    function handleMouseLeaveSubMenuItem(event: MouseEvent) {\n      nextTick(() => {\n        if (!menu.value?.root?.contains(event.relatedTarget as Node)) {\n          close();\n        }\n      });\n    }\n\n    function handleMouseLeaveMenu(event: MouseEvent) {\n      const relatedTarget = event.relatedTarget as Node | null;\n      capturePopoverContent();\n      nextTick(() => {\n        setTimeout(() => {\n          nextTick(() => {\n            if (relatedTarget instanceof HTMLElement) {\n              const relatedTargetHtml = relatedTarget?.outerHTML || '';\n              const isInsideCapturedContent = capturedContent.value?.includes(relatedTargetHtml);\n              if (!isInsideCapturedContent) {\n                close();\n              }\n            }\n          });\n        });\n      });\n    }\n\n    function handleMouseEnterSubMenuItem() {\n      if (isMobile.value) return;\n      open();\n      capturePopoverContent();\n    }\n\n    function handleClickMenu() {\n      const event = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n      });\n      (event as any).isSimulated = true;\n      root.value?.root?.dispatchEvent(event);\n    }\n\n    function handleClickOnTrigger(event: MouseEvent) {\n      if (isMobile.value) {\n        event.stopPropagation();\n        open();\n      } else {\n        if ((event as any).isSimulated) {\n          return;\n        }\n        if (event.currentTarget === root.value?.root) {\n          event.stopPropagation();\n        }\n      }\n    }\n\n    function capturePopoverContent() {\n      nextTick(() => setTimeout(() => {\n        if (menu.value?.root) {\n          capturedContent.value = menu.value.root.innerHTML;\n        }\n      }));\n    }\n\n    return {\n      root,\n      menu,\n      open,\n      close,\n      state,\n      handleMouseLeaveMenu,\n      handleMouseLeaveSubMenuItem,\n      handleMouseEnterSubMenuItem,\n      handleClickMenu,\n      handleClickOnTrigger,\n      capturedContent,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenuItem","OrIcon","OrMenu","PopoverPlacement","props","context","state","open","close","usePopoverState","toRef","isMobile","useResponsive","root","ref","menu","capturedContent","handleMouseLeaveSubMenuItem","event","nextTick","_b","_a","handleMouseLeaveMenu","relatedTarget","capturePopoverContent","relatedTargetHtml","handleMouseEnterSubMenuItem","handleClickMenu","handleClickOnTrigger","_resolveComponent","_openBlock","_createBlock","_component_OrMenuItem","_ctx","_createVNode","_component_OrIcon","_withCtx","_renderSlot","_component_OrMenu","_createElementBlock"],"mappings":"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"}