@onereach/ui-components 25.1.2 → 25.1.3-beta.5771.0

package/dist/esm/{OrSelect-DU7MIxsd.mjs.map → OrSelect-CaiquefH.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrSelect-DU7MIxsd.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 { useFocus } from '@vueuse/core';\nimport { computed, defineComponent, ref, toRefs } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\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';\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 { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue';\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 { SelectItem, SelectModelValue } from '../../types';\nimport { OrSelectControlInput } from '../or-select-control-input';\nimport OrSelectPlaceholder from '../or-select-placeholder/OrSelectPlaceholder.vue';\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 { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue';\n\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { isEmpty, isEqual } from '@onereach/ui-components-common/utils';\nimport { SelectItem, SelectModelValue } from '../../types';\nimport OrSelectControlInput from '../or-select-control-input/OrSelectControlInput.vue';\nimport OrSelectPlaceholder from '../or-select-placeholder/OrSelectPlaceholder.vue';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\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                    @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                    :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      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.open as () => void)();\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","popoverInstance","controlInstance","selectOption","include","deselectOption","exclude","toggleOption","nextTick","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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"}
+{"version":3,"file":"OrSelect-CaiquefH.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 { useFocus } from '@vueuse/core';\nimport { computed, defineComponent, ref, toRefs } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\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';\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 { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue';\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 { SelectItem, SelectModelValue } from '../../types';\nimport { OrSelectControlInput } from '../or-select-control-input';\nimport OrSelectPlaceholder from '../or-select-placeholder/OrSelectPlaceholder.vue';\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 { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue';\n\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { isEmpty, isEqual } from '@onereach/ui-components-common/utils';\nimport { SelectItem, SelectModelValue } from '../../types';\nimport OrSelectControlInput from '../or-select-control-input/OrSelectControlInput.vue';\nimport OrSelectPlaceholder from '../or-select-placeholder/OrSelectPlaceholder.vue';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\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                    @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                    :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      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.open as () => void)();\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","popoverInstance","controlInstance","selectOption","include","deselectOption","exclude","toggleOption","nextTick","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-Cec0WpUQ.mjs → OrSlider-XimfcpRY.mjs}

@@ -1,4 +1,4 @@
-import { _ as g } from "./OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs";
+import { _ as g } from "./OrSlider.vue_vue_type_script_lang-yh5NyhYF.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-Cec0WpUQ.mjs.map
+//# sourceMappingURL=OrSlider-XimfcpRY.mjs.map

package/dist/esm/{OrSlider-Cec0WpUQ.mjs.map → OrSlider-XimfcpRY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrSlider-Cec0WpUQ.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 { Position, clamp, useDraggable, useElementBounding, useElementHover } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\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;;;;;;;;"}
+{"version":3,"file":"OrSlider-XimfcpRY.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 { Position, clamp, useDraggable, useElementBounding, useElementHover } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\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-C5rLh1F0.mjs → OrSlider.vue_vue_type_script_lang-yh5NyhYF.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-DqwjoE82.mjs";
+import { O as X } from "./OrTooltip-BIJSpzmX.mjs";
 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
@@ -416,4 +416,4 @@ export {
   le as _,
   a
 };
-//# sourceMappingURL=OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs.map
+//# sourceMappingURL=OrSlider.vue_vue_type_script_lang-yh5NyhYF.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"OrSlider.vue_vue_type_script_lang-C5rLh1F0.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 { Position, clamp, useDraggable, useElementBounding, useElementHover } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\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":"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"}
+{"version":3,"file":"OrSlider.vue_vue_type_script_lang-yh5NyhYF.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 { Position, clamp, useDraggable, useElementBounding, useElementHover } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\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":"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"}

package/dist/esm/{OrSorting-Crre3wAt.mjs → OrSorting-DkT8t0gw.mjs}

@@ -2,8 +2,8 @@ import { defineComponent as V, ref as m, computed as i, toRef as b, resolveCompo
 import { useProxyModelValue as $ } from "@onereach/ui-components-common/hooks";
 import { O as w } from "./OrButton-C_hXddAf.mjs";
 import { O as N } from "./OrIcon-k8cyvh-D.mjs";
-import { O as A } from "./OrMenuItem-puiy5rFO.mjs";
-import { O as h } from "./OrMenu-CJT4Snay.mjs";
+import { O as A } from "./OrMenuItem-ByVkiQvE.mjs";
+import { O as h } from "./OrMenu-BNbd6Ajl.mjs";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const R = [], z = [
   // Theme
@@ -106,4 +106,4 @@ const K = /* @__PURE__ */ E(D, [["render", F]]);
 export {
   K as O
 };
-//# sourceMappingURL=OrSorting-Crre3wAt.mjs.map
+//# sourceMappingURL=OrSorting-DkT8t0gw.mjs.map