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

package/dist/esm/OrList-Ded7wJKj.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrList-Ded7wJKj.mjs","sources":["../../../components/or-list-v3/src/partials/or-list-item/styles.ts","../../../components/or-list-v3/src/partials/or-list-item/OrListItem.vue","../../../components/or-list-v3/src/styles.ts","../../../components/or-list-v3/src/OrList.vue"],"sourcesContent":["export const ListItem: string[] = [\n  // Interactivity (draggable)\n  'draggable:interactivity-drag',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md md:px-sm',\n  'py-md md:py-sm',\n\n  // Theme (hover)\n  'hover:theme-background-primary-translucent-1',\n  'dark:hover:theme-background-primary-translucent-1-dark',\n\n  // Theme (focus)\n  'focus-within:theme-outline-primary focus-within:outline-2',\n  'dark:focus-within:theme-outline-primary-dark',\n\n  // Theme (selected)\n  'selected:theme-background-primary-translucent-3',\n  'dark:selected:theme-background-primary-translucent-3-dark',\n];\n\nexport const ListItemContent: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-md md:px-sm',\n  'py-md md:py-sm',\n\n  'gap-sm',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    :draggable=\"draggable\"\n  >\n    <div\n      :class=\"contentStyles\"\n      :disabled=\"disabled\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { ListItem, ListItemContent } from './styles';\n\nexport default defineComponent({\n  name: 'OrListItem',\n\n  props: {\n    draggable: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup() {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-list-item-v3',\n      ...ListItem,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...ListItemContent,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      contentStyles,\n    };\n  },\n});\n</script>\n","export const List: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-md',\n];\n\nexport const ListHeader: string[] = [];\n\nexport const ListContent: string[] = [];\n\nexport const ListFooter: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <template v-if=\"$slots['header'] || $slots['label'] || $slots['label-addon'] || label\">\n      <div :class=\"headerStyles\">\n        <slot\n          name=\"header\"\n          :add-item=\"addItem\"\n          :delete-item=\"deleteItem\"\n        >\n          <OrLabel :disabled=\"disabled\">\n            <slot name=\"label\">\n              {{ label }}\n            </slot>\n\n            <template v-slot:addon>\n              <slot name=\"label-addon\" />\n            </template>\n          </OrLabel>\n        </slot>\n      </div>\n    </template>\n\n    <div\n      :ref=\"'content'\"\n      :class=\"contentStyles\"\n    >\n      <OrListItem\n        v-for=\"(item, index) in model\"\n        :key=\"item.key || uuid()\"\n        :draggable=\"canReorder\"\n        :selected=\"selection.includes(item)\"\n        :disabled=\"disabled\"\n      >\n        <div :class=\"['grow']\">\n          <slot\n            v-bind=\"{\n              item,\n              index,\n              items: model,\n              addItem,\n              deleteItem\n            }\"\n          >\n            {{ item }}\n          </slot>\n        </div>\n\n        <template v-if=\"canDelete\">\n          <OrIconButton\n            :icon=\"'delete'\"\n            :disabled=\"disabled\"\n            @click=\"deleteItem(index)\"\n          />\n        </template>\n      </OrListItem>\n    </div>\n\n    <template v-if=\"$slots['footer'] || canAdd\">\n      <div :class=\"footerStyles\">\n        <slot\n          name=\"footer\"\n          :add-item=\"addItem\"\n          :delete-item=\"deleteItem\"\n        >\n          <template v-if=\"canAdd\">\n            <OrButton\n              :variant=\"'link'\"\n              :disabled=\"disabled\"\n              @click=\"addItem()\"\n            >\n              <slot name=\"add-button\">\n                <OrIcon :icon=\"'add'\" /> {{ addButtonLabel }}\n              </slot>\n            </OrButton>\n          </template>\n        </slot>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport Sortable from 'sortablejs';\nimport { v4 as uuid } from 'uuid';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { OrListItem } from './partials';\nimport * as Styles from './styles';\nimport { ListItem } from './types';\n\nexport default defineComponent({\n  name: 'OrList',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrIconButton,\n    OrLabel,\n    OrListItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: Array as PropType<ListItem[]>,\n      default: () => [],\n    },\n\n    selection: {\n      type: Array as PropType<ListItem[]>,\n      default: () => [],\n    },\n\n    itemFactory: {\n      type: Function as PropType<() => ListItem>,\n      default: () => ({}),\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    addButtonLabel: {\n      type: String,\n      default: 'Add Item',\n    },\n\n    canAdd: {\n      type: Boolean,\n      default: true,\n    },\n\n    canDelete: {\n      type: Boolean,\n      default: true,\n    },\n\n    canReorder: {\n      type: Boolean,\n      default: true,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'before:add',\n    'before:delete',\n    'before:reorder',\n\n    'add',\n    'delete',\n    'reorder',\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-list-v3',\n      ...Styles.List,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.ListHeader,\n    ]);\n\n    const content = ref<HTMLElement>();\n\n    const contentStyles = computed(() => [\n      ...Styles.ListContent,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.ListFooter,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    // Effects\n    // #region Sortable\n    let sortable: Sortable | undefined;\n\n    watch([content, () => props.canReorder], ([content, canReorder]) => {\n      sortable?.destroy();\n      sortable = undefined;\n\n      if (content && canReorder) {\n        sortable = Sortable.create(content, {\n          disabled: props.disabled,\n\n          onUpdate: (event) => {\n            context.emit('before:reorder', model.value);\n\n            const nextModelValue = [...model.value];\n            const reorderedItem = nextModelValue.splice(event.oldIndex!, 1)[0];\n\n            nextModelValue.splice(event.newIndex!, 0, reorderedItem);\n\n            context.emit('reorder', reorderedItem, event.newIndex, event.oldIndex, model.value = nextModelValue);\n          },\n        });\n      }\n    });\n\n    watch(() => props.disabled, (value) => {\n      sortable?.option('disabled', value);\n    });\n    // #endregion\n\n    // Methods\n    function addItem(): void {\n      context.emit('before:add', model.value);\n\n      const addedItem = props.itemFactory();\n      const nextModelValue = [...model.value, addedItem];\n\n      context.emit('add', addedItem, nextModelValue.indexOf(addedItem), model.value = nextModelValue);\n    }\n\n    function deleteItem(index: number): void {\n      context.emit('before:delete', model.value);\n\n      const deletedItem = model.value[index];\n      const nextModelValue = model.value.filter((item: ListItem) => item !== deletedItem);\n\n      context.emit('delete', deletedItem, index, model.value = nextModelValue);\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      headerStyles,\n\n      content,\n      contentStyles,\n\n      footerStyles,\n\n      model,\n\n      addItem,\n      deleteItem,\n\n      uuid,\n    };\n  },\n});\n</script>\n"],"names":["ListItem","ListItemContent","_sfc_main$1","defineComponent","root","ref","rootStyles","computed","contentStyles","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","List","ListHeader","ListContent","ListFooter","_sfc_main","OrButton","OrIcon","OrIconButton","OrLabel","OrListItem","props","context","Styles.List","headerStyles","Styles.ListHeader","content","Styles.ListContent","footerStyles","Styles.ListFooter","model","useProxyModelValue","toRef","sortable","watch","canReorder","Sortable","event","nextModelValue","reorderedItem","value","addItem","addedItem","deleteItem","index","deletedItem","item","uuid","_hoisted_1","_resolveComponent","_renderSlot","_createVNode","_component_OrLabel","_withCtx","_createCommentVNode","_createElementVNode","_Fragment","_renderList","_createBlock","_component_OrListItem","_hoisted_2","_normalizeProps","_guardReactiveProps","_component_OrIconButton","_component_OrButton","$event","_component_OrIcon"],"mappings":";;;;;;;;;AAAO,MAAMA,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA4B;AAAA;AAAA,EAEvC;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AACF,GCZAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGP;AAAA,IAAA,CACJ,GAEKQ,IAAgBD,EAAS,MAAM;AAAA,MACnC,GAAGN;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAG;AAAA,MACA,YAAAE;AAAA,MAEA,eAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA3DSC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAR,EAAA,UAAA;AAAA,IAClB,UAASA,EAAE;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEZ,WAAAA,EAAA;AAAA,EAAA,GAAA;AAAA,MAEa,OAAQ;AAAA,MAAA,OAAAQ,EAAAR,EAAA,aAAA;AAAA,MAEnB,UAAQA,EAAA;AAAA,IAAA,GAAA;AAAA;;;;iDCZDS,IAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAGA;AACF,GAEaC,KAAuB,CAAA,GAEvBC,KAAwB,CAAA,GAExBC,KAAuB,CAAC,GCuFrCC,KAAepB,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAqB;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAM1B,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGwB;AAAAA,IAAO,CACX,GAEKC,IAAezB,EAAS,MAAM;AAAA,MAClC,GAAG0B;AAAAA,IAAO,CACX,GAEKC,IAAU7B,KAEVG,IAAgBD,EAAS,MAAM;AAAA,MACnC,GAAG4B;AAAAA,IAAO,CACX,GAEKC,IAAe7B,EAAS,MAAM;AAAA,MAClC,GAAG8B;AAAAA,IAAO,CACX,GAGKC,IAAQC,EAAmBC,EAAMX,GAAO,YAAY,GAAGC,EAAQ,IAAI;AAIrE,QAAAW;AAEE,IAAAC,EAAA,CAACR,GAAS,MAAML,EAAM,UAAU,GAAG,CAAC,CAACK,GAASS,CAAU,MAAM;AAClE,MAAAF,KAAA,QAAAA,EAAU,WACCA,IAAA,QAEPP,KAAWS,MACFF,IAAAG,EAAS,OAAOV,GAAS;AAAA,QAClC,UAAUL,EAAM;AAAA,QAEhB,UAAU,CAACgB,MAAU;AACX,UAAAf,EAAA,KAAK,kBAAkBQ,EAAM,KAAK;AAE1C,gBAAMQ,IAAiB,CAAC,GAAGR,EAAM,KAAK,GAChCS,IAAgBD,EAAe,OAAOD,EAAM,UAAW,CAAC,EAAE,CAAC;AAEjE,UAAAC,EAAe,OAAOD,EAAM,UAAW,GAAGE,CAAa,GAE/CjB,EAAA,KAAK,WAAWiB,GAAeF,EAAM,UAAUA,EAAM,UAAUP,EAAM,QAAQQ,CAAc;AAAA,QACrG;AAAA,MAAA,CACD;AAAA,IACH,CACD,GAEDJ,EAAM,MAAMb,EAAM,UAAU,CAACmB,MAAU;AAC3B,MAAAP,KAAA,QAAAA,EAAA,OAAO,YAAYO;AAAA,IAAK,CACnC;AAID,aAASC,IAAgB;AACf,MAAAnB,EAAA,KAAK,cAAcQ,EAAM,KAAK;AAEhC,YAAAY,IAAYrB,EAAM,eAClBiB,IAAiB,CAAC,GAAGR,EAAM,OAAOY,CAAS;AAEzC,MAAApB,EAAA,KAAK,OAAOoB,GAAWJ,EAAe,QAAQI,CAAS,GAAGZ,EAAM,QAAQQ,CAAc;AAAA,IAChG;AAEA,aAASK,EAAWC,GAAqB;AAC/B,MAAAtB,EAAA,KAAK,iBAAiBQ,EAAM,KAAK;AAEnC,YAAAe,IAAcf,EAAM,MAAMc,CAAK,GAC/BN,IAAiBR,EAAM,MAAM,OAAO,CAACgB,MAAmBA,MAASD,CAAW;AAElF,MAAAvB,EAAQ,KAAK,UAAUuB,GAAaD,GAAOd,EAAM,QAAQQ,CAAc;AAAA,IACzE;AAEO,WAAA;AAAA,MACL,MAAA1C;AAAA,MACA,YAAAE;AAAA,MAEA,cAAA0B;AAAA,MAEA,SAAAE;AAAA,MACA,eAAA1B;AAAA,MAEA,cAAA4B;AAAA,MAEA,OAAAE;AAAA,MAEA,SAAAW;AAAA,MACA,YAAAE;AAAA,MAAA,MAEAI;AAAAA,IAAA;AAAA,EAEJ;AACF,CAAC,GA5OaC,KAAK,CAAA,UAAA;;;;2FApCjBC,EAiFM,UAAA;SA/EEzC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAAAR,EAAA,UAAA;AAAA,cAEeA,EAAM;AAAA,EAAA,GAAA;AAAA,IACTA,EAAA,OAAA,UAAAA,EAAA,OAAA,SAAAA,EAAA,OAAA,aAAA,KAAAA,EAAA,SAAAM,EAAA,GAAAC,EAAE,OAAY;AAAA,MAAA,KAAA;AAAA,MACvB,OAcOC,EAAAR,EAAA,YAAA;AAAA,IAAA,GAAA;AAAA,MAXOgD,EAAAhD,EAAE,QAAU,UAAA;AAAA,QAWnB,SAAAA,EAAA;AAAA,QATL,YAQUA,EAAA;AAAA,MAAA,GAHc,MAAA;AAAA,QAAAiD,EACpBC,GAA2B,EAAA,UAAAlD,EAAA,SAAA,GAAA;AAAA,UAAA,OAAAmD,EAAA,MAAA;AAAA,YAHtBH,EAAAhD,EAAA,QAAA,aAAA;AAAA,UAAA,CAAA;AAAA;;;;;;;;IAUf,GAAA,CAAA,KACGoD,EAAc,IAAA,EAAA;AAAA,IAAAC,EACT,OAAE;AAAA,MAAA,KAAA;AAAA,eAERrD,EA4Ba,aAAA;AAAA,IAAA,GAAA;AAAA,OA1BLM,EAAA,EAAK,GAAGC,EAAQ+C,GAAA,MAAAC,EAAAvD,EAAA,OAAA,CAAA4C,GAAAF,OACrBpC,EAAA,GAAqBkD,EAAAC,GAAA;AAAA,QACrB,OAAU,OAAUzD,EAAA,KAAA;AAAA,QACpB,WAAUA,EAAA;AAAA,QAAA,UAAAA,EAAA,UAAA,SAAA4C,CAAA;AAAA;;iBAGTO,EAUO,MAAA;AAAA,UATuBE,EAAA,OAAAK,IAAA;AAAA,YAAgBV,EAAKhD,EAAA,QAAA,WAAA2D,EAAAC,EAAA;AAAA,cAAA,MAAAhB;AAAA;cAAmE,OAAA5C,EAAA;AAAA,cAS/G,SAAAA,EAAA;AAAA,cAAA,YAAAA,EAAA;AAAA;;YAGO,CAAA;AAAA,UAAA,CAAA;AAAA,8BAEGwD,EAAAK,GAAA;AAAA,YACd,KAAA;AAAA,YACA,MAAA;AAAA,YAAA,UAAA7D,EAAA;AAAA;;;;sDAMO,GAAA,GAAA;AAAA,IAAA,GAAA,CAAA;AAAA,IACHA,EAAA,OAAA,UAAAA,EAAA,UAAAM,EAAA,GAAAC,EAAE,OAAY;AAAA,MAAA,KAAA;AAAA,MACvB,OAgBOC,EAAAR,EAAA,YAAA;AAAA,IAAA,GAAA;AAAA,MAbOgD,EAAAhD,EAAE,QAAU,UAAA;AAAA,QAanB,SAAAA,EAAA;AAAA,QAXiB,YAAAA,EAAA;AAAA,MAAA,GAAA,MAAA;AAAA,yBAEFwD,EAAAM,GAAA;AAAA,UACf,KAAA;AAAA,UACA,SAAK;AAAA,UAAA,UAAA9D,EAAA;AAAA,UAIC,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAA8D,MAAA/D,EAAA;QAAA,GAAA;AAAA,mBADLmD,EAAwB,MAAA;AAAA,YAAAH,EAAAhD,EAAA,QAAC,cAAG,CAAA,GAAA,MAAA;AAAA,cAAAiD,EAAAe,GAAA,EAAA,MAAA,MAAA,CAAA;AAAA;;;;;;;;;;"}

package/dist/esm/OrModal-Cbi6xMwA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrModal-Cbi6xMwA.mjs","sources":["../../../components/or-modal-v3/src/partials/or-modal-content/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-content/OrModalContent.vue","../../../components/or-modal-v3/src/partials/or-modal-footer/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-footer/OrModalFooter.vue","../../../components/or-modal-v3/src/partials/or-modal-header/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-header/OrModalHeader.vue","../../../components/or-modal-v3/src/props.ts","../../../components/or-modal-v3/src/styles.ts","../../../components/or-modal-v3/src/OrModal.vue"],"sourcesContent":["export const ModalContent: string[] = [\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md md:px-lg',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { ModalContent } from './styles';\n\nexport default defineComponent({\n  name: 'OrModalContent',\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-modal-content',\n      ...ModalContent,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const ModalFooter: string[] = [\n  // Spacing\n  'px-md md:px-lg',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { ModalFooter } from './styles';\n\nexport default defineComponent({\n  name: 'OrModalFooter',\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-modal-footer',\n      ...ModalFooter,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const ModalHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-md md:px-lg pb-sm md:pb-none',\n\n  // Typography\n  'typography-headline-2',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['grow']\">\n      <slot />\n    </div>\n\n    <OrIconButton\n      :icon=\"'close'\"\n      :size=\"isMobile ? 'l': 'xl'\"\n      @click.stop=\"$emit('close')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useResponsive } from '@onereach/ui-components-common';\nimport { ModalHeader } from './styles';\n\n\nexport default defineComponent({\n  name: 'OrModalHeader',\n\n  components: {\n    OrIconButton,\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-modal-header',\n      ...ModalHeader,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n      isMobile,\n    };\n  },\n});\n</script>\n","export enum ModalSize {\n  L = 'l',\n  M = 'm',\n  S = 's',\n}\n","import { ModalSize } from './props';\n\nexport const Modal: string[] = [\n  // Layout\n  'layout-column',\n\n  // Box\n  'xs:w-full sm:w-full',\n  'xs:h-full sm:h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',\n\n  // Spacing\n  'py-md md:py-lg',\n  'gap-md md:gap-lg',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ModalSizes: Record<ModalSize, string[]> = {\n  [ModalSize.L]: [\n    // Box\n    'md:w-[1050px]',\n  ],\n\n  [ModalSize.M]: [\n    // Box\n    'md:w-[700px]',\n  ],\n\n  [ModalSize.S]: [\n    // Box\n    'md:w-[480px]',\n  ],\n};\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"true\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <OrModalHeader @close=\"close()\">\n        <slot name=\"header\" />\n      </OrModalHeader>\n\n      <OrModalContent :class=\"['grow']\">\n        <slot />\n      </OrModalContent>\n\n      <OrModalFooter v-if=\"$slots.footer\">\n        <slot name=\"footer\" />\n      </OrModalFooter>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport OrModalContent from './partials/or-modal-content/OrModalContent.vue';\nimport OrModalFooter from './partials/or-modal-footer/OrModalFooter.vue';\nimport OrModalHeader from './partials/or-modal-header/OrModalHeader.vue';\nimport { ModalSize } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrModal',\n\n  components: {\n    OrModalContent,\n    OrModalFooter,\n    OrModalHeader,\n    OrOverlay,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    size: {\n      type: String as PropType<`${ModalSize}`>,\n      default: () => ModalSize.M,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-modal-v3',\n      ...Styles.Modal,\n      ...Styles.ModalSizes[props.size],\n      ...props.additionalStyles,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n      rootStyles,\n\n      state,\n\n      open,\n      close,\n    };\n  },\n});\n</script>\n"],"names":["ModalContent","_sfc_main$3","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","ModalFooter","_sfc_main$2","ModalHeader","_sfc_main$1","OrIconButton","isMobile","useResponsive","_resolveComponent","_renderSlot","_component_OrIconButton","ModalSize","Modal","ModalSizes","_sfc_main","OrModalContent","OrModalFooter","OrModalHeader","OrOverlay","props","context","Styles.Modal","Styles.ModalSizes","state","open","close","usePopoverState","toRef","_component_OrOverlay","_createBlock","_withCtx","_createElementVNode","_mergeProps","_createVNode","_component_OrModalHeader","$event","_component_OrModalFooter"],"mappings":"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"}

package/dist/esm/OrNotification-DVQ-x6mP.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrNotification-DVQ-x6mP.mjs","sources":["../../../components/or-notification-v3/src/props.ts","../../../components/or-notification-v3/src/styles.ts","../../../components/or-notification-v3/src/OrNotification.vue"],"sourcesContent":["export enum NotificationVariant {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport const VariantToIconName: { [key in NotificationVariant]: string } = {\n  [NotificationVariant.Success]: 'check_circle',\n  [NotificationVariant.Warning]: 'warning',\n  [NotificationVariant.Error]: 'error',\n  [NotificationVariant.Info]: 'info',\n};\n","import { NotificationVariant } from './props';\n\nexport const Notification: string[] = [\n  // Layout\n  'layout-row items-start',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Typography (children)\n  '[&_:any-link]:typography-body-2-bold',\n\n  // Elevation\n  'shadow-contextual',\n  'dark:shadow-contextual-dark',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const NotificationVariants: Record<NotificationVariant, string[]> = {\n  [NotificationVariant.Success]: [\n    // Theme\n    'theme-background-success-container',\n    'dark:theme-background-success-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-success',\n    'dark:[&_:any-link]:theme-foreground-success-dark',\n  ],\n\n  [NotificationVariant.Warning]: [\n    // Theme\n    'theme-background-warning-container',\n    'dark:theme-background-warning-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-warning',\n    'dark:[&_:any-link]:theme-foreground-warning-dark',\n  ],\n\n  [NotificationVariant.Error]: [\n    // Theme\n    'theme-background-error-container',\n    'dark:theme-background-error-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-error',\n    'dark:[&_:any-link]:theme-foreground-error-dark',\n  ],\n\n  [NotificationVariant.Info]: [\n    // Theme\n    'theme-background-primary-container',\n    'dark:theme-background-primary-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-primary',\n    'dark:[&_:any-link]:theme-foreground-primary-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['mt-[2px] md:mt-[2.5px]']\">\n      <OrIndicator v-bind=\"indicatorProps\" />\n    </div>\n\n    <div :class=\"['grow']\">\n      <slot> {{ message }} </slot>\n    </div>\n\n    <div :class=\"['mt-[2px] md:mt-[2.5px]']\">\n      <OrIconButton\n        v-if=\"!disableClose\"\n        :icon=\"'close'\"\n        :size=\"'m'\"\n        @click.stop=\"$emit('close')\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIndicatorV3 as OrIndicator, IndicatorColor } from '@onereach/ui-components.or-indicator-v3';\nimport { NotificationVariant, VariantToIconName } from './props';\nimport { Notification, NotificationVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrNotification',\n\n  components: {\n    OrIndicator,\n    OrIconButton,\n  },\n\n  props: {\n    variant: {\n      type: String as PropType<`${NotificationVariant}`>,\n      default: () => NotificationVariant.Info,\n    },\n\n    disableClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    message: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-notification-v3',\n      ...Notification,\n      ...NotificationVariants[props.variant],\n    ]);\n\n    const indicatorProps = computed(() => {\n      const VariantToIndicatorColor: { [key in NotificationVariant]: IndicatorColor } = {\n        [NotificationVariant.Success]: IndicatorColor.Success,\n        [NotificationVariant.Warning]: IndicatorColor.Warning,\n        [NotificationVariant.Error]: IndicatorColor.Error,\n        [NotificationVariant.Info]: IndicatorColor.Neutral,\n      };\n      return {\n        icon: {\n          icon: VariantToIconName[props.variant],\n          variant: 'filled-bold',\n        },\n        color: VariantToIndicatorColor[props.variant],\n        size: 'm',\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      indicatorProps,\n    };\n  },\n});\n</script>\n"],"names":["NotificationVariant","VariantToIconName","Notification","NotificationVariants","_sfc_main","defineComponent","OrIndicator","OrIconButton","props","root","ref","rootStyles","computed","indicatorProps","VariantToIndicatorColor","IndicatorColor","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_OrIndicator","_normalizeProps","_guardReactiveProps","_createElementVNode","_hoisted_2","_renderSlot","_hoisted_3","_createBlock","_component_OrIconButton"],"mappings":"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"}

package/dist/esm/OrOverlay-BjrghiC-.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrOverlay-BjrghiC-.mjs","sources":["../../../components/or-overlay-v3/src/styles.ts","../../../components/or-overlay-v3/src/OrOverlay.vue"],"sourcesContent":["export const Overlay: string[] = [\n  // Position\n  'fixed inset-0',\n\n  // Layout\n  'layout-row justify-center',\n\n  // Theme\n  'theme-background-overlay',\n  'dark:theme-background-overlay-dark',\n\n  'theme-foreground-base',\n  'dark:theme-foreground-base',\n];\n","<template>\n  <OrTeleport :disabled=\"!fullscreen\">\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useScrollLock } from '@vueuse/core';\nimport { computed, defineComponent, ref } from 'vue';\nimport { isVue2 } from '@/constants';\n\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport { Overlay } from './styles';\n\nexport default defineComponent({\n  name: 'OrOverlay',\n\n  components: {\n    OrTeleport,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    fullscreen: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-overlay-v3',\n      ...Overlay,\n    ]);\n\n    // Effects\n    // #region Elevation\n    useElevation(root);\n    // #endregion\n\n    // #region Scroll Lock\n    useScrollLock(document.body, true);\n    // #endregion\n\n    // Handlers\n    function onClick(event: Event): void {\n      if (isVue2) {\n        context.emit('click', event);\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Overlay","_sfc_main","defineComponent","OrTeleport","props","context","root","ref","rootStyles","computed","useElevation","useScrollLock","onClick","event","_resolveComponent","_withCtx","_createElementVNode","_mergeProps","_ctx","_cache","args"],"mappings":";;;;;AAAO,MAAMA,IAAoB;AAAA;AAAA,EAE/B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GCSAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,YAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGT;AAAA,IAAA,CACJ;AAID,IAAAU,EAAaJ,CAAI,GAIHK,EAAA,SAAS,MAAM,EAAI;AAIjC,aAASC,EAAQC,GAAoB;AAAA,IAIrC;AAEO,WAAA;AAAA,MACL,MAAAP;AAAA,MACA,YAAAE;AAAA,MACA,SAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YAzECE,EASa,YAAA;;;;aANHC,EAAM,MAAA;AAAA,MAAAC,EACJ,OAAUC,EAAAC,EAAA,QAAA;AAAA,QACjB,KAAA;AAAA,QAAA,OAAAA,EAAA;AAAA,QAED,SAAQC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,WAAAA,EAAA,QAAA,GAAAE,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;;;;;;;"}

package/dist/esm/OrProgress-cgGfaP0m.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrProgress-cgGfaP0m.mjs","sources":["../../../components/or-progress-v3/src/props.ts","../../../components/or-progress-v3/src/styles.ts","../../../components/or-progress-v3/src/OrProgress.vue"],"sourcesContent":["export enum ProgressColor {\n  Auto = 'auto',\n  Primary = 'primary',\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n}\n\nexport enum ProgressType {\n  Linear = 'linear',\n  Circle = 'circle',\n}\n","import { ProgressColor, ProgressType } from './props';\n\nexport const ProgressRoot: string[] = [\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'text-outline',\n  'dark:text-outline-dark',\n];\n\nexport const ProgressRootTypes: Record<ProgressType, string[]> = {\n  [ProgressType.Linear]: [\n    // Layout\n    'flex',\n    'flex-col',\n\n    // Box\n    'w-full',\n    'min-w-[160px]',\n    'max-w-[295px]',\n  ],\n\n  [ProgressType.Circle]: [\n    '-rotate-90',\n  ],\n};\n\nexport const ProgressHeader: string[] = [\n  // Layout\n  'flex',\n  'flex-row',\n\n  // Spacing\n  'mb-[6px]',\n];\n\nexport const ProgressHeaderLabel: string[] = [\n  // Typography\n  'typography-caption-bold',\n\n  // Theme\n  'text-on-background',\n  'dark:text-on-background-dark',\n];\n\nexport const ProgressHeaderPercent: string[] = [\n  // Spacing\n  'ml-auto',\n];\n\nexport const ProgressBarBackground: string[] = [\n  // Theme\n  'stroke-surface-variant',\n  'dark:stroke-surface-variant-dark',\n];\n\nexport const ProgressBarMain: string[] = [\n  // Position\n  'origin-center',\n\n  // Animation\n  'transition-[stroke-dashoffset]',\n];\n\nexport const ProgressBarAnimationTypes: Record<ProgressType, string[]> = {\n  [ProgressType.Linear]: [\n    // Animation\n    'animate-linear-loader',\n  ],\n\n  [ProgressType.Circle]: [\n    // Animation\n    'animate-circular-loader',\n  ],\n};\n\nexport const ProgressBarColors: Record<Exclude<ProgressColor, ProgressColor.Auto>, string[]> = {\n  [ProgressColor.Primary]: [\n    // Theme\n    'stroke-primary-hover',\n    'dark:stroke-primary-hover-dark',\n  ],\n\n  [ProgressColor.Success]: [\n    // Theme\n    'stroke-success-hover',\n    'dark:stroke-success-hover-dark',\n  ],\n\n  [ProgressColor.Warning]: [\n    // Theme\n    'stroke-warning-hover',\n    'dark:stroke-warning-hover-dark',\n  ],\n\n  [ProgressColor.Error]: [\n    // Theme\n    'stroke-error-hover',\n    'dark:stroke-error-hover-dark',\n  ],\n};\n\nexport const ProgressFooter: string[] = [\n  // Spacing\n  'mt-[2px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"isLinearType\">\n      <div\n        v-if=\"isShowingHeader\"\n        :class=\"headerStyles\"\n      >\n        <slot name=\"header\">\n          <div :class=\"labelStyles\">\n            <slot name=\"label\" />\n          </div>\n          <div :class=\"percentStyles\">\n            <slot\n              name=\"percent\"\n              :value=\"percent\"\n            >\n              {{ percent }}\n            </slot>\n          </div>\n        </slot>\n      </div>\n      <svg\n        width=\"100%\"\n        height=\"2\"\n      >\n        <g\n          fill=\"none\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        >\n          <line\n            :class=\"progressBarBackgroundStyles\"\n\n            x1=\"2\"\n            y1=\"50%\"\n            :x2=\"strokeWidth\"\n            y2=\"50%\"\n          />\n\n          <line\n            :class=\"progressBarMainPartStyles\"\n\n            x1=\"2\"\n            y1=\"50%\"\n            :x2=\"strokeWidth\"\n            y2=\"50%\"\n            :stroke-dasharray=\"strokeDasharray\"\n            :stroke-dashoffset=\"strokeDashoffset\"\n          />\n        </g>\n      </svg>\n      <div\n        v-if=\"isShowingFooter\"\n        :class=\"footerStyles\"\n      >\n        <slot\n          name=\"footer\"\n          :value=\"localValue\"\n        />\n      </div>\n    </template>\n    <template v-else-if=\"isCircleType\">\n      <svg\n        viewBox=\"0 0 16 16\"\n        :width=\"computedSize\"\n        :height=\"computedSize\"\n      >\n        <g\n          fill=\"none\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        >\n          <circle\n            :class=\"progressBarBackgroundStyles\"\n\n            cx=\"50%\"\n            cy=\"50%\"\n            r=\"7\"\n          />\n\n          <circle\n            :class=\"progressBarMainPartStyles\"\n\n            cx=\"50%\"\n            cy=\"50%\"\n            r=\"7\"\n            :stroke-dasharray=\"strokeDasharray\"\n            :stroke-dashoffset=\"strokeDashoffset\"\n          />\n        </g>\n      </svg>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useElementBounding } from '@vueuse/core';\nimport { computed, defineComponent, PropType, ref, useSlots } from 'vue';\nimport { useResponsive } from '@onereach/ui-components-common/hooks';\nimport { ProgressColor, ProgressType } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrProgress',\n\n  props: {\n    maxValue: {\n      type: Number,\n      required: false,\n      default: 1,\n    },\n    value: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n    progress: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n    precision: {\n      type: Number,\n      required: false,\n      default: 2,\n    },\n    type: {\n      type: String as PropType<`${ProgressType}`>,\n      required: false,\n      default: () => ProgressType.Linear,\n    },\n    color: {\n      type: String as PropType<`${ProgressColor}`>,\n      required: false,\n      default: () => ProgressColor.Auto,\n    },\n    loading: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Slots\n    const {\n      header: headerSlot,\n      label: labelSlot,\n      percent: percentSlot,\n      footer: footerSlot,\n    } = useSlots();\n\n    // State\n    const { width } = useElementBounding(root);\n\n    const localProgress = computed(() => props.progress ?? (props.value ?? 0) / (props.maxValue ?? 1));\n\n    const localValue = computed(() => props.value ?? (props.progress ?? 0) * (props.maxValue ?? 1));\n\n    const percent = computed(() => Number((localProgress.value * 100).toFixed(props.precision)) + '%');\n\n    const isLinearType = computed(() => props.type === ProgressType.Linear);\n\n    const isCircleType = computed(() => props.type === ProgressType.Circle);\n\n    const isShowingHeader = computed(() => !!headerSlot || !!labelSlot || !!percentSlot);\n\n    const isShowingFooter = computed(() => !!footerSlot);\n\n    const localColor = computed(() => {\n      if (props.loading) return ProgressColor.Primary;\n      if (props.color === ProgressColor.Auto) {\n        if (localProgress.value <= 0.5) {\n          return ProgressColor.Success;\n        } else if (localProgress.value <= 0.95) {\n          return ProgressColor.Warning;\n        } else {\n          return ProgressColor.Error;\n        }\n      } else {\n        return Object.values(ProgressColor).includes(props.color as ProgressColor)\n          ? props.color\n          : ProgressColor.Success;\n      }\n    });\n\n    const computedSize = computed(() => isMobile.value ? 20 : 16);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-progress-v3',\n      ...Styles.ProgressRoot,\n      ...Styles.ProgressRootTypes[props.type],\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.ProgressHeader,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.ProgressHeaderLabel,\n    ]);\n\n    const percentStyles = computed(() => [\n      ...Styles.ProgressHeaderPercent,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.ProgressFooter,\n    ]);\n\n    const progressBarBackgroundStyles = computed(() => [\n      ...Styles.ProgressBarBackground,\n    ]);\n\n    const progressBarMainPartStyles = computed(() => [\n      ...Styles.ProgressBarMain,\n      ...(props.loading ? Styles.ProgressBarAnimationTypes[props.type] : []),\n      ...Styles.ProgressBarColors[localColor.value],\n    ]);\n\n    const strokeDasharray = computed(() =>\n      isLinearType.value ? width.value - 4 : // 2 + 2 px horizontal padding for rounding\n        isCircleType.value ? 14 * Math.PI : // 14 = diameter = viewBox - stroke-width\n          0,\n    );\n\n    const strokeWidth = computed(() => {\n      return width.value\n        ? width.value - 2\n        : '100%';\n    });\n\n    const strokeDashoffset = computed(() => props.loading ?\n      undefined :\n      (1 - localProgress.value) * strokeDasharray.value,\n    );\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n      headerStyles,\n      labelStyles,\n      percentStyles,\n      footerStyles,\n      progressBarBackgroundStyles,\n      progressBarMainPartStyles,\n      strokeDasharray,\n      strokeDashoffset,\n      strokeWidth,\n      localProgress,\n      localValue,\n      percent,\n      isLinearType,\n      isCircleType,\n      isShowingHeader,\n      isShowingFooter,\n      localColor,\n      computedSize,\n    };\n  },\n});\n</script>\n"],"names":["ProgressColor","ProgressType","ProgressRoot","ProgressRootTypes","ProgressHeader","ProgressHeaderLabel","ProgressHeaderPercent","ProgressBarBackground","ProgressBarMain","ProgressBarAnimationTypes","ProgressBarColors","ProgressFooter","_sfc_main","defineComponent","props","root","ref","headerSlot","labelSlot","percentSlot","footerSlot","useSlots","width","useElementBounding","localProgress","computed","localValue","percent","isLinearType","isCircleType","isShowingHeader","isShowingFooter","localColor","computedSize","isMobile","rootStyles","Styles.ProgressRoot","Styles.ProgressRootTypes","headerStyles","Styles.ProgressHeader","labelStyles","Styles.ProgressHeaderLabel","percentStyles","Styles.ProgressHeaderPercent","footerStyles","Styles.ProgressFooter","progressBarBackgroundStyles","Styles.ProgressBarBackground","progressBarMainPartStyles","Styles.ProgressBarMain","Styles.ProgressBarAnimationTypes","Styles.ProgressBarColors","strokeDasharray","strokeWidth","strokeDashoffset","useResponsive","_hoisted_1","_hoisted_2","_hoisted_5","_hoisted_6","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderSlot","_createElementVNode","_createCommentVNode","_hoisted_3"],"mappings":"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"}

package/dist/esm/OrRadio-BU9YDLzB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrRadio-BU9YDLzB.mjs","sources":["../../../components/or-radio-v3/src/styles.ts","../../../components/or-radio-v3/src/OrRadio.vue"],"sourcesContent":["export const Radio: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-[10px] md:gap-sm',\n  'p-sm pl-[10px] md:p-none md:pl-none',\n];\n\nexport const RadioControl: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-md+ md:w-md',\n  'h-md+ md:h-md',\n\n  // Theme\n  'theme-preset-3-primary',\n  'dark:theme-preset-3-primary-dark',\n\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  // Theme (focus)\n  'focus-visible:theme-outline-primary focus-visible:outline-2',\n  'dark:focus-visible:theme-outline-primary-dark',\n\n  // Theme (checked)\n  'checked:theme-preset-1-primary',\n  'dark:checked:theme-preset-1-primary-dark',\n\n  // Theme (read-only)\n  'read-only:theme-border-outline',\n  'read-only:dark:theme-border-outline-dark',\n\n  'checked:read-only:theme-background-base',\n  'checked:read-only:dark:theme-background-base-dark',\n\n  'checked:read-only:theme-foreground-outline',\n  'checked:read-only:dark:theme-foreground-outline-dark',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Interactivity (read-only)\n  'read-only:interactivity-none',\n];\n\nexport const RadioControlHandle: string[] = [\n  // Box (children)\n  'after:w-sm after:md:w-xs',\n  'after:h-sm after:md:h-xs',\n\n  // Shape (children)\n  'after:rounded-full',\n\n  // Theme (checked / children)\n  'after:checked:bg-on-primary',\n  'dark:after:checked:bg-on-primary-dark',\n\n  // Theme (checked + disabled / children)\n  'after:disabled:checked:bg-on-disabled',\n  'dark:after:disabled:checked:bg-on-disabled-dark',\n\n  // Theme (checked + read-only / children)\n  'after:checked:read-only:bg-outline',\n  'dark:after:checked:read-only:bg-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <input\n      :ref=\"'control'\"\n      v-bind=\"attributes\"\n      :class=\"controlStyles\"\n      :type=\"'radio'\"\n      :checked=\"checked\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      @change=\"$emit('change', $event); onChange()\"\n      @click=\"$emit('click', $event)\"\n      @focus=\"$emit('focus', $event)\"\n      @blur=\"$emit('blur', $event)\"\n    >\n\n    <template v-if=\"$slots.default || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"labelVariant\"\n        :selected=\"checked\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n      >\n        <slot>{{ label }}</slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { LabelVariant, OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { Radio, RadioControl, RadioControlHandle } from './styles';\nimport { RadioModelValue, RadioValue } from './types';\n\nexport default defineComponent({\n  name: 'OrRadio',\n\n  components: {\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RadioModelValue>,\n      default: undefined,\n    },\n\n    value: {\n      type: undefined as unknown as PropType<RadioValue>,\n      required: true,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    labelVariant: {\n      type: String as PropType<`${LabelVariant}`>,\n      default: () => LabelVariant.Toggle,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'change',\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-radio-v3',\n      ...Radio,\n    ]);\n\n    const control = ref<HTMLElement>();\n\n    const controlStyles = computed(() => [\n      ...RadioControl,\n      ...RadioControlHandle,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const checked = computed(() => {\n      return model.value === props.value;\n    });\n\n    // Handlers\n    function onChange(): void {\n      model.value = props.value;\n    }\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      checked,\n\n      onChange,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  line-height: 0;\n  appearance: none;\n}\n</style>\n"],"names":["Radio","RadioControl","RadioControlHandle","_sfc_main","defineComponent","OrLabel","LabelVariant","props","context","attributes","reactive","useIdAttribute","useControlAttributes","root","ref","rootStyles","computed","control","controlStyles","model","useProxyModelValue","toRef","checked","onChange","focus","_a","blur","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_createBlock","_component_OrLabel","_renderSlot"],"mappings":"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"}

package/dist/esm/OrRadioGroup-ANee99e8.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrRadioGroup-ANee99e8.mjs","sources":["../../../components/or-radio-group-v3/src/OrRadioGroup.vue"],"sourcesContent":["<template>\n  <OrFormGroup\n    :direction=\"direction\"\n    :label=\"label\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :disabled=\"disabled\"\n    :spacing=\"localSpacing\"\n  >\n    <template v-slot:addon>\n      <slot name=\"addon\" />\n    </template>\n\n    <OrRadio\n      v-for=\"option in options\"\n      :key=\"option.label\"\n      v-model=\"proxyModelValue\"\n      :value=\"option.value\"\n      :label=\"option.label\"\n      :disabled=\"disabled || option.disabled\"\n      :readonly=\"readonly || option.readonly\"\n    />\n  </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, defineComponent, toRef, computed } from 'vue';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { OrRadioV3 as OrRadio, RadioModelValue } from '@onereach/ui-components.or-radio-v3';\nimport { RadioGroupOption } from './types';\n\nexport default defineComponent({\n  name: 'OrRadioGroup',\n\n  components: {\n    OrFormGroup,\n    OrRadio,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RadioModelValue>,\n      default: undefined,\n    },\n\n    options: {\n      type: Array as PropType<RadioGroupOption[]>,\n      default: () => [],\n    },\n\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: String,\n      default: undefined,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const { isMobile } = useResponsive();\n    const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n    return {\n      proxyModelValue,\n      localSpacing,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrFormGroup","OrRadio","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrRadio","_cache","$event"],"mappings":";;;;;AAgCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,SAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAE7E,EAAE,UAAAI,MAAaC,KACfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AACnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;8BA1GCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,WAAMC,EAAI;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,MAAUA,EAAA;AAAA,IACV,OAAOA,EAAE;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAKKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAOL,EAAO;AAAA,QACd,uBAAmBO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACnB,OAAUH,EAAA;AAAA,QACV,OAAUA,EAAA;AAAA,QAAA,UAAAL,EAAA,YAAAK,EAAA;AAAA;;;;;;;"}

package/dist/esm/OrRangeSlider-Bw19Cx4f.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrRangeSlider-Bw19Cx4f.mjs","sources":["../../../components/or-range-slider-v3/src/styles.ts","../../../components/or-range-slider-v3/src/OrRangeSlider.vue"],"sourcesContent":["import { SliderColor, SliderOrientation } from '@onereach/ui-components.or-slider-v3';\n\nexport const RangeSlider: string[] = [\n  // Interactivity\n  'interactivity-default',\n];\n\nexport const RangeSliderOrientations: 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 RangeSliderRail: 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 RangeSliderRailOrientations: 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 RangeSliderOffset: string[] = [];\n\nexport const RangeSliderOffsetOrientations: Record<SliderOrientation, string[]> = {\n  [SliderOrientation.Horizontal]: [\n    // Box\n    'h-full',\n  ],\n\n  [SliderOrientation.HorizontalReversed]: [\n    // Box\n    'h-full',\n  ],\n\n  [SliderOrientation.Vertical]: [\n    // Box\n    'w-full',\n  ],\n\n  [SliderOrientation.VerticalReversed]: [\n    // Box\n    'w-full',\n  ],\n};\n\nexport const RangeSliderTrack: string[] = [\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-full',\n  'h-full',\n];\n\nexport const RangeSliderTrackColors: 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 RangeSliderThumb: string[] = [\n  // Layout\n  'shrink-0',\n\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 RangeSliderThumbColors: 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 RangeSliderBreakpointMark: 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 RangeSliderBreakpointMarkColors: 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 RangeSliderLabel: string[] = [\n  // Position\n  'relative',\n];\n\nexport const RangeSliderLabelOrientations: 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 RangeSliderLabelMark: 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 RangeSliderLabelMarkOrientations: 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        :ref=\"'offset'\"\n        :class=\"offsetStyles\"\n        :style=\"offsetInlineStyles\"\n        :disabled=\"disabled\"\n      />\n\n      <OrTooltip\n        :is-open=\"(!isDragging && (isHoveringRail || isHoveringThumbFrom)) || (isDragging && selectedControl === 'from')\"\n        :placement=\"tooltipPlacement\"\n        :offset=\"24\"\n        :external-control=\"true\"\n        v-bind=\"tooltip\"\n      >\n        <div\n          :ref=\"'thumbFrom'\"\n          :class=\"thumbStyles\"\n          :disabled=\"disabled\"\n        />\n\n        <template v-slot:content>\n          <slot\n            name=\"tooltipContent\"\n            :value=\"proxyModelValue[orientation.endsWith('-reversed') ? 1 : 0]\"\n          >\n            {{ proxyModelValue[orientation.endsWith('-reversed') ? 1 : 0] }}\n          </slot>\n        </template>\n      </OrTooltip>\n\n      <div\n        :ref=\"'track'\"\n        :class=\"trackStyles\"\n        :style=\"trackInlineStyles\"\n        :disabled=\"disabled\"\n      />\n\n      <OrTooltip\n        :is-open=\"(!isDragging && (isHoveringRail || isHoveringThumbTo)) || (isDragging && selectedControl === 'to')\"\n        :placement=\"tooltipPlacement\"\n        :offset=\"24\"\n        :external-control=\"true\"\n        v-bind=\"tooltip\"\n      >\n        <div\n          :ref=\"'thumbTo'\"\n          :class=\"thumbStyles\"\n          :disabled=\"disabled\"\n        />\n\n        <template v-slot:content>\n          <slot\n            name=\"tooltipContent\"\n            :value=\"proxyModelValue[orientation.endsWith('-reversed') ? 0 : 1]\"\n          >\n            {{ proxyModelValue[orientation.endsWith('-reversed') ? 0 : 1] }}\n          </slot>\n        </template>\n      </OrTooltip>\n\n      <div\n        :ref=\"'filler'\"\n        :class=\"['grow', ...offsetStyles]\"\n        :disabled=\"disabled\"\n      />\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[orientation.endsWith('-reversed') ? 1 : 0] && breakpoint <= proxyModelValue[orientation.endsWith('-reversed') ? 0 : 1]\"\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=\"onClick(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 { SliderColor, SliderOrientation } from '@onereach/ui-components.or-slider-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport * as Styles from './styles';\nimport { RangeSliderModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrRangeSlider',\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<RangeSliderModelValue>,\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-range-slider-v3',\n      ...Styles.RangeSlider,\n      ...Styles.RangeSliderOrientations[props.orientation],\n    ]);\n\n    const rail = ref<HTMLElement>();\n\n    const railStyles = computed(() => [\n      'or-range-slider-rail-v3',\n      ...Styles.RangeSliderRail,\n      ...Styles.RangeSliderRailOrientations[props.orientation],\n    ]);\n\n    const offset = ref<HTMLElement>();\n\n    const offsetStyles = computed(() => [\n      ...Styles.RangeSliderOffset,\n      ...Styles.RangeSliderOffsetOrientations[props.orientation],\n    ]);\n\n    // eslint-disable-next-line vue/return-in-computed-property\n    const offsetInlineStyles = computed(() => {\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n        case SliderOrientation.HorizontalReversed:\n          return { width: `${internalModelValueFrom.value * 100}%` };\n\n        case SliderOrientation.Vertical:\n        case SliderOrientation.VerticalReversed:\n          return { height: `${internalModelValueFrom.value * 100}%` };\n      }\n    });\n\n    const track = ref<HTMLElement>();\n\n    const trackStyles = computed(() => [\n      ...Styles.RangeSliderTrack,\n      ...Styles.RangeSliderTrackColors[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: `${(internalModelValueTo.value - internalModelValueFrom.value) * 100}%` };\n\n        case SliderOrientation.Vertical:\n        case SliderOrientation.VerticalReversed:\n          return { height: `${(internalModelValueTo.value - internalModelValueFrom.value) * 100}%` };\n      }\n    });\n\n    const filler = ref<HTMLElement>();\n\n    const thumbFrom = ref<HTMLElement>();\n    const thumbTo = ref<HTMLElement>();\n\n    const thumbStyles = computed(() => [\n      'or-range-slider-thumb-v3',\n      ...Styles.RangeSliderThumb,\n      ...Styles.RangeSliderThumbColors[props.color],\n      'touch-none', // Required for proper work on mobile\n    ]);\n\n    const breakpointMarkStyles = computed(() => [\n      ...Styles.RangeSliderBreakpointMark,\n      ...Styles.RangeSliderBreakpointMarkColors[props.color],\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.RangeSliderLabel,\n      ...Styles.RangeSliderLabelOrientations[props.orientation],\n    ]);\n\n    const labelMarkStyles = computed(() => [\n      ...Styles.RangeSliderLabelMark,\n      ...Styles.RangeSliderLabelMarkOrientations[props.orientation],\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {\n      defaultValue: computed<[number, number]>(() => [props.minValue, props.maxValue]),\n    });\n\n    watch(proxyModelValue, ([a, b]) => {\n      switch (props.orientation) {\n        case SliderOrientation.Horizontal:\n        case SliderOrientation.Vertical:\n          if (a > b) proxyModelValue.value = [b, a];\n          break;\n\n        case SliderOrientation.HorizontalReversed:\n        case SliderOrientation.VerticalReversed:\n          if (a < b) proxyModelValue.value = [b, a];\n          break;\n      }\n    });\n\n    const proxyModelValueFrom = computed({\n      get: () => {\n        switch (props.orientation) {\n          case SliderOrientation.Horizontal:\n          case SliderOrientation.Vertical:\n            return proxyModelValue.value[0];\n\n          case SliderOrientation.HorizontalReversed:\n          case SliderOrientation.VerticalReversed:\n            return proxyModelValue.value[1];\n        }\n\n        return props.minValue;\n      },\n\n      set: (value) => {\n        const draftProxyModelValue = [value ?? props.minValue, proxyModelValue.value[1]] as [number, number];\n\n        switch (props.orientation) {\n          case SliderOrientation.Horizontal:\n          case SliderOrientation.Vertical:\n            proxyModelValue.value = draftProxyModelValue;\n            break;\n\n          case SliderOrientation.HorizontalReversed:\n          case SliderOrientation.VerticalReversed:\n            proxyModelValue.value = [draftProxyModelValue[1], draftProxyModelValue[0]];\n            break;\n        }\n      },\n    });\n\n    const proxyModelValueTo = computed({\n      get: () => {\n        switch (props.orientation) {\n          case SliderOrientation.Horizontal:\n          case SliderOrientation.Vertical:\n            return proxyModelValue.value[1];\n\n          case SliderOrientation.HorizontalReversed:\n          case SliderOrientation.VerticalReversed:\n            return proxyModelValue.value[0];\n        }\n\n        return props.maxValue;\n      },\n\n      set: (value) => {\n        const draftProxyModelValue = [proxyModelValue.value[0], value ?? props.maxValue] as [number, number];\n\n        switch (props.orientation) {\n          case SliderOrientation.Horizontal:\n          case SliderOrientation.Vertical:\n            proxyModelValue.value = draftProxyModelValue;\n            break;\n\n          case SliderOrientation.HorizontalReversed:\n          case SliderOrientation.VerticalReversed:\n            proxyModelValue.value = [draftProxyModelValue[1], draftProxyModelValue[0]];\n            break;\n        }\n      },\n    });\n\n    const internalModelValueFrom = computed({\n      get: () => (proxyModelValueFrom.value - props.minValue) / (props.maxValue - props.minValue),\n\n      set: (value) => {\n        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;\n\n        const draftProxyModelValue = [\n          internalBreakpoints.value.reduce((a, b) => {\n            return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;\n          }),\n\n          internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue,\n        ] as [number, number];\n\n        switch (props.orientation) {\n          case SliderOrientation.Horizontal:\n          case SliderOrientation.Vertical:\n            proxyModelValue.value = draftProxyModelValue;\n            break;\n\n          case SliderOrientation.HorizontalReversed:\n          case SliderOrientation.VerticalReversed:\n            proxyModelValue.value = [draftProxyModelValue[1], draftProxyModelValue[0]];\n            break;\n        }\n      },\n    });\n\n    const internalModelValueTo = computed({\n      get: () => (proxyModelValueTo.value - props.minValue) / (props.maxValue - props.minValue),\n\n      set: (value) => {\n        const modelValue = value * (props.maxValue - props.minValue) + props.minValue;\n\n        const draftProxyModelValue = [\n          internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue,\n\n          internalBreakpoints.value.reduce((a, b) => {\n            return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;\n          }),\n        ] as [number, number];\n\n        switch (props.orientation) {\n          case SliderOrientation.Horizontal:\n          case SliderOrientation.Vertical:\n            proxyModelValue.value = draftProxyModelValue;\n            break;\n\n          case SliderOrientation.HorizontalReversed:\n          case SliderOrientation.VerticalReversed:\n            proxyModelValue.value = [draftProxyModelValue[1], draftProxyModelValue[0]];\n            break;\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    const selectedControl = ref<'from' | 'to'>();\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      if (selectedControl.value === 'from') {\n        switch (props.orientation) {\n          case SliderOrientation.Horizontal:\n            internalModelValueFrom.value = clamp(event.clientX - railBoundingBox.left.value, 0, internalModelValueTo.value * totalWidth) / totalWidth;\n            break;\n\n          case SliderOrientation.HorizontalReversed:\n            internalModelValueFrom.value = clamp(railBoundingBox.right.value - event.clientX, 0, internalModelValueTo.value * totalWidth) / totalWidth;\n            break;\n\n          case SliderOrientation.Vertical:\n            internalModelValueFrom.value = clamp(totalHeight - (event.clientY - railBoundingBox.top.value), 0, internalModelValueTo.value * totalHeight) / totalHeight;\n            break;\n\n          case SliderOrientation.VerticalReversed:\n            internalModelValueFrom.value = clamp(totalHeight - (railBoundingBox.bottom.value - event.clientY), 0, internalModelValueTo.value * totalHeight) / totalHeight;\n            break;\n        }\n      } else {\n        switch (props.orientation) {\n          case SliderOrientation.Horizontal:\n            internalModelValueTo.value = clamp(event.clientX - railBoundingBox.left.value, internalModelValueFrom.value * totalWidth, totalWidth) / totalWidth;\n            break;\n\n          case SliderOrientation.HorizontalReversed:\n            internalModelValueTo.value = clamp(railBoundingBox.right.value - event.clientX, internalModelValueFrom.value * totalWidth, totalWidth) / totalWidth;\n            break;\n\n          case SliderOrientation.Vertical:\n            internalModelValueTo.value = clamp(totalHeight - (event.clientY - railBoundingBox.top.value), internalModelValueFrom.value * totalHeight, totalHeight) / totalHeight;\n            break;\n\n          case SliderOrientation.VerticalReversed:\n            internalModelValueTo.value = clamp(totalHeight - (railBoundingBox.bottom.value - event.clientY), internalModelValueFrom.value * totalHeight, totalHeight) / totalHeight;\n            break;\n        }\n      }\n    }\n\n    function onClick(breakpoint: number): void {\n      if (selectedControl.value === 'from') {\n        proxyModelValueFrom.value = breakpoint;\n        selectedControl.value = 'to';\n      } else {\n        proxyModelValueTo.value = breakpoint;\n        selectedControl.value = 'from';\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 isHoveringOffset = useElementHover(offset);\n    const isHoveringTrack = useElementHover(track);\n    const isHoveringFiller = useElementHover(filler);\n\n    const isHoveringRail = computed(() => {\n      return isHoveringOffset.value || isHoveringTrack.value || isHoveringFiller.value;\n    });\n\n    const isHoveringThumbFrom = useElementHover(thumbFrom);\n    const isHoveringThumbTo = useElementHover(thumbTo);\n\n    const { isDragging } = useDraggable(rail, {\n      onStart: (position, event) => {\n        switch (event.target) {\n          case thumbFrom.value:\n            selectedControl.value = 'from';\n            break;\n\n          case thumbTo.value:\n            selectedControl.value = 'to';\n            break;\n\n          default:\n            selectedControl.value = selectedControl.value === 'from' ? 'to' : 'from';\n        }\n\n        onDrag(position, event);\n      },\n\n      onMove: onDrag,\n      onEnd: onDrag,\n    });\n\n    // Constraints\n    watch(() => props.minValue, (value) => {\n      if (value >= props.maxValue) {\n        throw new Error('[OrRangeSlider]: `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('[OrRangeSlider]: `maxValue` must be greater than `minValue`.');\n      }\n    }, { immediate: true });\n\n    return {\n      root,\n      rootStyles,\n\n      rail,\n      railStyles,\n\n      offset,\n      offsetStyles,\n      offsetInlineStyles,\n\n      track,\n      trackStyles,\n      trackInlineStyles,\n\n      filler,\n\n      thumbFrom,\n      thumbTo,\n      thumbStyles,\n\n      breakpointMarkStyles,\n\n      labelStyles,\n      labelMarkStyles,\n\n      proxyModelValue,\n      tooltipPlacement,\n      highlightedBreakpoint,\n      selectedControl,\n\n      onClick,\n\n      getBreakpointMarkComputedStyles,\n\n      isHoveringOffset,\n      isHoveringTrack,\n      isHoveringFiller,\n      isHoveringRail,\n      isHoveringThumbFrom,\n      isHoveringThumbTo,\n      isDragging,\n    };\n  },\n});\n</script>\n"],"names":["RangeSlider","RangeSliderOrientations","SliderOrientation","RangeSliderRail","RangeSliderRailOrientations","RangeSliderOffset","RangeSliderOffsetOrientations","RangeSliderTrack","RangeSliderTrackColors","SliderColor","RangeSliderThumb","RangeSliderThumbColors","RangeSliderBreakpointMark","RangeSliderBreakpointMarkColors","RangeSliderLabel","RangeSliderLabelOrientations","RangeSliderLabelMark","RangeSliderLabelMarkOrientations","_sfc_main","defineComponent","OrTooltip","props","context","root","ref","rootStyles","computed","Styles.RangeSlider","Styles.RangeSliderOrientations","rail","railStyles","Styles.RangeSliderRail","Styles.RangeSliderRailOrientations","offset","offsetStyles","Styles.RangeSliderOffset","Styles.RangeSliderOffsetOrientations","offsetInlineStyles","internalModelValueFrom","track","trackStyles","Styles.RangeSliderTrack","Styles.RangeSliderTrackColors","trackInlineStyles","internalModelValueTo","filler","thumbFrom","thumbTo","thumbStyles","Styles.RangeSliderThumb","Styles.RangeSliderThumbColors","breakpointMarkStyles","Styles.RangeSliderBreakpointMark","Styles.RangeSliderBreakpointMarkColors","labelStyles","Styles.RangeSliderLabel","Styles.RangeSliderLabelOrientations","labelMarkStyles","Styles.RangeSliderLabelMark","Styles.RangeSliderLabelMarkOrientations","proxyModelValue","useProxyModelValue","toRef","watch","a","b","proxyModelValueFrom","value","draftProxyModelValue","proxyModelValueTo","modelValue","internalBreakpoints","index","tooltipPlacement","highlightedBreakpoint","selectedControl","railBoundingBox","useElementBounding","onDrag","position","event","totalWidth","totalHeight","clamp","onClick","breakpoint","getBreakpointMarkComputedStyles","getBreakpointOffset","isHoveringOffset","useElementHover","isHoveringTrack","isHoveringFiller","isHoveringRail","isHoveringThumbFrom","isHoveringThumbTo","isDragging","useDraggable","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_hoisted_3","_createVNode","_component_OrTooltip","_mergeProps","_withCtx","_renderSlot","_createElementVNode","_hoisted_5","_hoisted_7","_Fragment","_renderList","$event","_createCommentVNode","_hoisted_2","_cache"],"mappings":"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"}

package/dist/esm/OrRating-BhuvRBRy.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrRating-BhuvRBRy.mjs","sources":["../../../components/or-rating-v3/src/types.ts","../../../components/or-rating-v3/src/styles.ts","../../../components/or-rating-v3/src/OrRating.vue"],"sourcesContent":["import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type RatingModelValue = ModelValue<number>;\n\nexport enum RatingVariant {\n  Default = 'default',\n  Fitted = 'fitted',\n}\n","import { RatingVariant } from './types';\n\nexport const Rating: string[] = [\n  // Theme\n  'theme-foreground-disabled',\n  'dark:theme-foreground-disabled-dark',\n];\n\nexport const RatingVariants: Record<RatingVariant, string[]> = {\n  [RatingVariant.Default]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [RatingVariant.Fitted]: [\n    // Layout\n    'layout-row md:justify-between',\n  ],\n};\n\nexport const RatingStar: string[] = [\n  // Layout\n  'layout-row justify-center',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Box\n  'w-[32px] md:w-[24px]',\n  'h-[32px] md:h-[24px]',\n\n  // Theme (activated)\n  'activated:text-warning-hover',\n  'dark:activated:text-warning-hover-dark',\n\n  // Theme (disabled)\n  'disabled:text-disabled',\n  'dark:disabled:text-disabled-dark',\n];\n\nexport const RatingStarMobile: string[] = [\n  // Typography;\n  'text-[32px]',\n];\n\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <div\n      v-for=\"value of length\"\n      :ref=\"'stars'\"\n      :key=\"value\"\n      :class=\"starStyles\"\n      :activated=\"value <= Math.ceil(model)\"\n      :disabled=\"disabled\"\n      @mouseenter=\"onMouseEnter($event, value - 1)\"\n      @mousemove=\"onMouseMove($event, value - 1)\"\n      @mouseleave=\"onMouseLeave($event, value - 1)\"\n      @click=\"model = draft; hoverIndex[value - 1] = false\"\n    >\n      <OrIcon\n        :icon=\"draft - value + 1 === 0.5 ? 'star_half' : 'star'\"\n        :variant=\"value <= draft ? 'filled' : 'outlined'\"\n        :size=\"starSize(value - 1)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, inject, reactive, ref, toRef, watch } from 'vue';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport * as Styles from './styles';\nimport { RatingModelValue, RatingVariant } from './types';\n\nexport const RATING_LENGTH = Symbol();\n\nexport default defineComponent({\n  name: 'OrRating',\n\n  components: {\n    OrIcon,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<RatingModelValue>,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${RatingVariant}`>,\n      default: () => RatingVariant.Default,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const { isMobile } = useResponsive();\n\n    const rootStyles = computed(() => [\n      'or-rating-v3',\n      ...Styles.Rating,\n      ...Styles.RatingVariants[props.variant],\n    ]);\n\n    const starStyles = computed(() => [\n      ...Styles.RatingStar,\n      ...props.readonly ? ['interactivity-none'] : [],\n      ...isMobile.value ? Styles.RatingStarMobile : [],\n    ]);\n\n    // Options\n    const length = inject(RATING_LENGTH, 5);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref(0) });\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = Math.floor(value * 2) / 2;\n    }, { immediate: true });\n\n    const hoverIndex = reactive(Array<boolean>(length).fill(false));\n\n    const starSize = computed(() => {\n      return (index: number) => {\n        if (props.variant === 'fitted' || isMobile.value) {\n          return 'inherit';\n        }\n        if (hoverIndex[index]) {\n          return 'xl';\n        }\n        return 'l';\n      };\n    });\n\n    // Handlers\n    function onMouseEnter(event: MouseEvent, index: number): void {\n      hoverIndex[index] = true;\n    }\n\n    function onMouseMove(event: MouseEvent, index: number): void {\n      const { width } = (event.currentTarget as Element).getBoundingClientRect();\n\n      draft.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;\n    }\n\n    function onMouseLeave(event: MouseEvent, index: number): void {\n      hoverIndex[index] = false;\n\n      draft.value = model.value;\n    }\n\n    return {\n      length,\n\n      root,\n\n      rootStyles,\n      starStyles,\n\n      starSize,\n\n      model,\n      draft,\n\n      isMobile,\n\n      hoverIndex,\n\n      onMouseEnter,\n      onMouseMove,\n      onMouseLeave,\n    };\n  },\n});\n</script>\n"],"names":["RatingVariant","Rating","RatingVariants","RatingStar","RatingStarMobile","RATING_LENGTH","_sfc_main","defineComponent","OrIcon","props","context","root","ref","isMobile","useResponsive","rootStyles","computed","Styles.Rating","Styles.RatingVariants","starStyles","Styles.RatingStar","Styles.RatingStarMobile","length","inject","model","useProxyModelValue","toRef","draft","watch","value","hoverIndex","reactive","starSize","index","onMouseEnter","event","onMouseMove","width","onMouseLeave","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","$event","_component_OrIcon"],"mappings":"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"}

package/dist/esm/OrRichTextEditor-BYEdE945.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrRichTextEditor-BYEdE945.mjs","sources":["../../../components/or-rich-text-editor-v3/src/props.ts","../../../components/or-rich-text-editor-v3/src/styles.ts","../../../components/or-rich-text-editor-v3/src/utils/codemirror/theme.ts","../../../components/or-rich-text-editor-v3/src/utils/codemirror/codemirrorView.ts","../../../components/or-rich-text-editor-v3/src/utils/codemirror/codemirrorNode.ts","../../../components/or-rich-text-editor-v3/src/utils/markdown.ts","../../../components/or-rich-text-editor-v3/src/OrRichTextEditor.vue"],"sourcesContent":["export enum Formats {\n  Markdown = 'markdown',\n  Markup = 'markup',\n}\n\nexport type Tools = string[][]; // TODO: Improve this type\n\nexport enum RichTextEditorIcons {\n  bold = 'format_bold',\n  italic = 'format_italic',\n  underline = 'format_underlined',\n  strike = 'format_strikethrough',\n  bulletList = 'format_list_bulleted',\n  orderedList = 'format_list_numbered',\n  link = 'link',\n  highlight = 'highlight',\n  redo = 'redo',\n  undo = 'undo',\n  codeBlock = 'code_blocks',\n  blockquote = 'format_quote',\n  file = 'attach_file',\n  source = 'source_notes',\n}\n\nexport enum RichTextEditorTooltips {\n  bold = 'Bold',\n  italic = 'Italic',\n  underline = 'Underline',\n  strike = 'Strike',\n  bulletList = 'Bulleted List',\n  orderedList = 'Numbered List',\n  link = 'Link',\n  highlight = 'Highlight',\n  redo = 'Redo',\n  undo = 'Undo',\n  codeBlock = 'Code Block',\n  blockquote = 'Quote',\n  file = 'File',\n  source = 'Source',\n}\n","export const RichTextEditor: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n\n  // Box\n  'max-h-full',\n];\n\nexport const RichTextEditorToolbar: string[] = [\n  // Layout\n  'layout-row',\n\n  // Overflow\n  'overflow-x-scroll md:overflow-x-hidden',\n  'scrollbar-hidden',\n\n  // Spacing\n  'px-0',\n  'py-sm',\n\n  // Theme\n  'border-b-1',\n\n  'theme-border-outline',\n  'dark:theme-border-outline-dark',\n];\n\nexport const RichTextEditorToolbarGroup: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-sm',\n  'py-0',\n\n  'gap-md',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  'border-e-1 last:border-e-0',\n\n  'theme-border-outline',\n  'dark:theme-border-outline-dark',\n];\n\nexport const RichTextEditorControl: string[] = [\n  // Typography\n  'typography-body-2-regular',\n\n  // Size\n  'h-full',\n];\n","import { EditorView } from '@codemirror/view';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\n\n// Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors\n\nimport { useTheme } from '@onereach/ui-components-common/hooks';\n\nconst themes = useTheme();\n\nconst chalky = themes?.backgroundColor['custom-colors-custom-6'],\n  coral = themes?.backgroundColor['custom-colors-custom-1'],\n  cyan = themes?.backgroundColor['custom-colors-custom-3'],\n  invalid = themes?.backgroundColor?.white,\n  ivory = themes?.backgroundColor['custom-colors-custom-6'],\n  stone = themes?.backgroundColor['custom-colors-custom-5'], // Brightened compared to original to increase contrast\n  malibu = themes?.backgroundColor['custom-colors-custom-3'],\n  sage = themes?.backgroundColor.success,\n  whiskey = themes?.backgroundColor.warning,\n  violet = themes?.backgroundColor['custom-colors-custom-1'];\n  // darkBackground = themes?.colors?.neutral?.[100],\n  // highlightBackground = themes?.colors?.neutral?.[200],\n  // background = themes?.colors?.neutral?.[100],\n  // tooltipBackground = themes?.colors?.neutral?.[200],\n  // selection = themes?.colors?.blue?.[100],\n  // cursor = themes?.colors?.blue?.[700];\n\n/// The colors used in the theme, as CSS color strings.\nexport const color = {\n  chalky,\n  coral,\n  cyan,\n  invalid,\n  ivory,\n  stone,\n  malibu,\n  sage,\n  whiskey,\n  violet,\n  // darkBackground,\n  // highlightBackground,\n  // background,\n  // tooltipBackground,\n  // selection,\n  // cursor,\n};\n\n/// The editor theme styles for One Dark.\nexport const orCodeTheme = EditorView.theme({\n  '&': {\n    color: ivory,\n    backgroundColor: themes?.backgroundColor?.['bg-primary-container'],\n  },\n\n  '.cm-editor': {\n    border: 'none',\n    borderRadius: themes?.spacing?.xs,\n  },\n\n  '&.cm-focused': {\n    outline: 'none',\n  },\n\n  '.cm-scroller': {\n    borderRadius: themes?.spacing?.xs,\n  },\n\n  '.cm-content': {\n    // caretColor: cursor,\n  },\n\n  '.cm-button': {\n    // background: highlightBackground,\n    // color: themes?.colors?.neutral?.[600],\n    border: 0,\n    borderRadius: themes?.spacing?.xs,\n  },\n\n  '.cm-panel.cm-search input[type=checkbox]': {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n  },\n\n  // '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },\n  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {\n    // backgroundColor: selection,\n  },\n\n  '.cm-panels': {\n    // backgroundColor: darkBackground,\n    color: ivory,\n  },\n  // '.cm-panels.cm-panels-top': { borderBottom: `2px solid ${themes?.colors?.neutral?.[200]}` },\n  // '.cm-panels.cm-panels-bottom': { borderTop: `2px solid ${themes?.colors?.neutral?.[200]}` },\n\n  '.cm-searchMatch': {\n    // backgroundColor: themes?.colors?.neutral?.[100],\n    // outline: `1px solid ${themes?.colors?.neutral?.[200]}`,\n  },\n\n  '.cm-searchMatch.cm-searchMatch-selected': {\n    // backgroundColor: themes?.colors?.sky?.[100],\n  },\n\n  '.cm-activeLine': {\n    backgroundColor: themes?.backgroundColor?.['bg-secondary-container'],\n  },\n\n  // '.cm-selectionMatch': { backgroundColor: themes?.colors?.lime?.[500] },\n\n  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {\n    // backgroundColor: themes?.colors?.lime?.[600],\n  },\n\n  '.cm-gutters': {\n    backgroundColor: themes?.backgroundColor?.['primary-opacity-0-12'],\n    color: stone,\n    border: 'none',\n  },\n\n  '.cm-lineNumbers .cm-gutterElement': {\n    paddingLeft: themes?.spacing?.['sm+*'],\n    paddingRight: themes?.spacing?.['sm+*'],\n  },\n\n  '.cm-activeLineGutter': {\n    backgroundColor: themes?.backgroundColor?.['primary-opacity-0-16'],\n  },\n\n  '.cm-foldPlaceholder': {\n    backgroundColor: 'transparent',\n    border: 'none',\n    // color: themes?.colors?.neutral?.[200],\n  },\n\n  '.cm-tooltip': {\n    border: 'none',\n    // backgroundColor: tooltipBackground,\n  },\n  '.cm-tooltip .cm-tooltip-arrow:before': {\n    borderTopColor: 'transparent',\n    borderBottomColor: 'transparent',\n  },\n  '.cm-tooltip .cm-tooltip-arrow:after': {\n    // borderTopColor: tooltipBackground,\n    // borderBottomColor: tooltipBackground,\n  },\n  '.cm-tooltip-autocomplete': {\n    '& > ul > li[aria-selected]': {\n      // backgroundColor: highlightBackground,\n      color: ivory,\n    },\n  },\n  '.cm-textfield': {\n    outline: 'none',\n    // background: background,\n    // color: themes?.colors?.neutral?.[600],\n    // backgroundColor: themes?.colors?.neutral?.[100],\n    // border: `1px solid ${themes?.colors?.neutral?.[200]}`,\n    borderRadius: themes?.spacing?.xs,\n  },\n}, { dark: true });\n\n/// The highlighting style for code in the One Dark theme.\nexport const orCodeHighlightStyle = HighlightStyle.define([\n  {\n    tag: t.keyword,\n    color: violet,\n  },\n  {\n    tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n    color: coral,\n  },\n  {\n    tag: [t.function(t.variableName), t.labelName],\n    color: malibu,\n  },\n  {\n    tag: [t.color, t.constant(t.name), t.standard(t.name)],\n    color: whiskey,\n  },\n  {\n    tag: [t.definition(t.name), t.separator],\n    color: ivory,\n  },\n  {\n    tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n    color: chalky,\n  },\n  {\n    tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n    color: cyan,\n  },\n  {\n    tag: [t.meta, t.comment],\n    color: stone,\n  },\n  {\n    tag: t.strong,\n    fontWeight: 'bold',\n  },\n  {\n    tag: t.emphasis,\n    fontStyle: 'italic',\n  },\n  {\n    tag: t.strikethrough,\n    textDecoration: 'line-through',\n  },\n  {\n    tag: t.link,\n    color: stone,\n    textDecoration: 'underline',\n  },\n  {\n    tag: t.heading,\n    fontWeight: 'bold',\n    color: coral,\n  },\n  {\n    tag: [t.atom, t.bool, t.special(t.variableName)],\n    color: whiskey,\n  },\n  {\n    tag: [t.processingInstruction, t.string, t.inserted],\n    color: sage,\n  },\n  {\n    tag: t.invalid,\n    color: invalid,\n  },\n]);\n\n/// Extension to enable the One Dark theme (both the editor theme and\n/// the highlight style).\nconst theme = [orCodeTheme, syntaxHighlighting(orCodeHighlightStyle)];\n\nexport default theme;\n","import { Selection, TextSelection } from 'prosemirror-state';\nimport { EditorView, NodeView } from 'prosemirror-view';\nimport { Node as ProsemirrorNode } from 'prosemirror-model';\nimport { exitCode } from 'prosemirror-commands';\nimport { EditorState as CMState, Transaction as CMTransaction, Extension } from '@codemirror/state';\nimport {\n  Command,\n  EditorView as CMView,\n  keymap,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  lineNumbers,\n} from '@codemirror/view';\nimport orCodeTheme from './theme';\n\nimport { ComputeChange, CodeMirrorViewOptions } from './types';\n\nconst computeChange = (oldVal: string, newVal: string): ComputeChange | null => {\n  if (oldVal === newVal) {\n    return null;\n  }\n\n  let start = 0;\n  let oldEnd = oldVal.length;\n  let newEnd = newVal.length;\n\n  while (start < oldEnd && oldVal.charCodeAt(start) === newVal.charCodeAt(start)) {\n    start += 1;\n  }\n\n  while (oldEnd > start && newEnd > start && oldVal.charCodeAt(oldEnd - 1) === newVal.charCodeAt(newEnd - 1)) {\n    oldEnd -= 1;\n    newEnd -= 1;\n  }\n\n  return {\n    from: start,\n    to: oldEnd,\n    text: newVal.slice(start, newEnd),\n  };\n};\n\nclass CodeMirrorView implements NodeView {\n  name: string;\n\n  node: ProsemirrorNode;\n\n  view: EditorView;\n\n  dom: HTMLElement;\n\n  cm: CMView;\n\n  getPos: () => number;\n\n  updating = false;\n\n  constructor(options: CodeMirrorViewOptions) {\n    // Store for later\n    this.node = options.node;\n    this.view = options.view;\n    const cmExtensions = options.cmOptions?.extensions || [];\n    this.name = 'codeBlock',\n\n    this.getPos = options.getPos as () => number;\n\n    const changeFilter = CMState.changeFilter.of((tr) => {\n      if (!tr.docChanged && !this.updating) {\n        this.forwardSelection();\n      }\n      return true;\n    });\n\n    // Create a CodeMirror instancew\n    this.cm = new CMView({\n      dispatch: this.dispatch.bind(this),\n    });\n\n    // The editor's outer node is our DOM representation\n    this.dom = this.cm.dom;\n\n    const cmState = CMState.create({\n      doc: this.node.textContent,\n      extensions: [\n        orCodeTheme as Extension,\n        changeFilter,\n        highlightActiveLine(),\n        highlightActiveLineGutter(),\n        lineNumbers(),\n        keymap.of([\n          {\n            key: 'ArrowUp',\n            run: this.mayBeEscape('line', -1),\n          },\n          {\n            key: 'ArrowLeft',\n            run: this.mayBeEscape('char', -1),\n          },\n          {\n            key: 'ArrowDown',\n            run: this.mayBeEscape('line', 1),\n          },\n          {\n            key: 'ArrowRight',\n            run: this.mayBeEscape('char', 1),\n          },\n          {\n            key: 'Ctrl-Enter',\n            run: () => {\n              if (exitCode(this.view.state, this.view.dispatch)) {\n                this.view.focus();\n                return true;\n              }\n              return false;\n            },\n          },\n        ]),\n        cmExtensions,\n      ],\n    });\n\n    this.cm.setState(cmState);\n  }\n\n  forwardSelection() {\n    if (!this.cm.hasFocus) {\n      return;\n    }\n\n    const { state } = this.view;\n    const selection = this.asProseMirrorSelection(state.doc);\n\n    if (!selection.eq(state.selection)) {\n      this.view.dispatch(state.tr.setSelection(selection));\n    }\n  }\n\n  asProseMirrorSelection(doc: ProsemirrorNode) {\n    const offset = this.getPos() + 1;\n    const { anchor, head } = this.cm.state.selection.main;\n    return TextSelection.create(doc, anchor + offset, head + offset);\n  }\n\n  dispatch(cmTr: CMTransaction) {\n    this.cm.setState(cmTr.state);\n\n    if (cmTr.docChanged && !this.updating) {\n      const start = this.getPos() + 1;\n\n      const cmValue = cmTr.state.doc.toString();\n      const change = computeChange(this.node.textContent, cmValue);\n\n      if (!change) {\n        return;\n      }\n\n      const content = change.text ? this.view.state.schema.text(change.text) : null;\n\n      const tr = this.view.state.tr.replaceWith(change.from + start, change.to + start, content as ProsemirrorNode);\n      this.view.dispatch(tr);\n      this.forwardSelection();\n    }\n  }\n\n  mayBeEscape(unit: 'char' | 'line', dir: -1 | 1): Command {\n    return (view) => {\n      const { state } = view;\n      const { selection } = state;\n\n      const offsetToPos = () => {\n        const offset = selection.main.from;\n        const line = state.doc.lineAt(offset);\n        return {\n          line: line.number,\n          ch: offset - line.from,\n        };\n      };\n\n      const pos = offsetToPos();\n      const hasSelection = state.selection.ranges.some((r) => !r.empty);\n\n      const firstLine = 1;\n      const lastLine = state.doc.lineAt(state.doc.length).number;\n\n      if (\n        hasSelection\n        || pos.line !== (dir < 0 ? firstLine : lastLine)\n        || (unit === 'char' && pos.ch !== (dir < 0 ? 0 : state.doc.line(pos.line).length))\n      ) {\n        return false;\n      }\n\n      const targetPos = this.getPos() + (dir < 0 ? 0 : this.node.nodeSize);\n      const pmSelection = Selection.near(this.view.state.doc.resolve(targetPos), dir);\n      this.view.dispatch(this.view.state.tr.setSelection(pmSelection).scrollIntoView());\n      this.view.focus();\n      return true;\n    };\n  }\n\n  update(node: ProsemirrorNode) {\n    if (node.type !== this.node.type) {\n      return false;\n    }\n\n    this.node = node;\n    const change = computeChange(this.cm.state.doc.toString(), node.textContent);\n\n    if (change) {\n      this.updating = true;\n      this.cm.dispatch({\n        changes: {\n          from: change.from,\n          to: change.to,\n          insert: change.text,\n        },\n      });\n      this.updating = false;\n    }\n\n    return true;\n  }\n\n  setSelection(anchor: number, head: number): void {\n    this.focus();\n    this.updating = true;\n    this.cm.dispatch({\n      selection: {\n        anchor,\n        head,\n      },\n    });\n    this.updating = false;\n  }\n\n  focus() {\n    this.cm.focus();\n    this.forwardSelection();\n  }\n\n  selectNode() {\n    this.focus();\n  }\n\n  stopEvent() {\n    return true;\n  }\n\n  destroy() {\n    this.cm.destroy();\n  }\n}\n\nexport default CodeMirrorView;\n","import { Node } from '@tiptap/core';\nimport CodeBlockView from './codemirrorView';\nimport { minimalSetup } from 'codemirror';\nimport { javascript } from '@codemirror/lang-javascript';\n\nexport default Node.create({\n  name: 'codeBlock',\n  content: 'text*',\n  marks: '',\n  group: 'block',\n  code: true,\n  defining: true,\n  isolating: true,\n\n  parseHTML() {\n    return [\n      {\n        tag: 'pre',\n        preserveWhitespace: 'full',\n      },\n    ];\n  },\n\n  renderHTML() {\n    return ['pre', ['code', 0]];\n  },\n\n  addNodeView() {\n    return ({ node, editor, getPos }) => {\n      return new CodeBlockView({\n        node,\n        view: editor.view,\n        getPos: getPos as () => number,\n        cmOptions: {\n          extensions: [minimalSetup, javascript()],\n        },\n      });\n    };\n  },\n});\n","import Blockquote from '@tiptap/extension-blockquote';\nimport Bold from '@tiptap/extension-bold';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport CodeBlock from '@tiptap/extension-code-block';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Italic from '@tiptap/extension-italic';\nimport ListItem from '@tiptap/extension-list-item';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Strike from '@tiptap/extension-strike';\nimport HorizontalRule from '@tiptap/extension-horizontal-rule';\nimport Link from '@tiptap/extension-link';\nimport Highlight from '@tiptap/extension-highlight';\nimport Underline from '@tiptap/extension-underline';\nimport { marked } from 'marked';\nimport {\n  MarkdownSerializer as ProseMirrorMarkdownSerializer,\n  defaultMarkdownSerializer,\n} from 'prosemirror-markdown';\nimport { DOMParser as ProseMirrorDOMParser, Node, Mark } from 'prosemirror-model';\n\nconst mdSerializerNodes = {\n  ...defaultMarkdownSerializer.nodes,\n  [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,\n  [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,\n  [ListItem.name]: defaultMarkdownSerializer.nodes.list_item,\n  [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,\n  [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break,\n  [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,\n  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote,\n  [HorizontalRule.name]: defaultMarkdownSerializer.nodes.horizontal_rule,\n};\n\nconst mdSerializerMarks = {\n  ...defaultMarkdownSerializer.marks,\n  [Bold.name]: defaultMarkdownSerializer.marks.strong,\n  [Strike.name]: {\n    open: '~~',\n    close: '~~',\n    mixable: true,\n    expelEnclosingWhitespace: true,\n  },\n  [Italic.name]: {\n    open: ' _',\n    close: '_ ',\n    mixable: true,\n    expelEnclosingWhitespace: true,\n  },\n  [Highlight.name]: {\n    open: '==',\n    close: '==',\n    mixable: true,\n    expelEnclosingWhitespace: true,\n  },\n  [Underline.name]: {\n    open: '<u>',\n    close: '</u>',\n    mixable: true,\n    expelEnclosingWhitespace: true,\n  },\n  [Link.name]: {\n    open(state: any, mark: Mark, parent: Node, index: number) {\n      return isPlainURL(mark, parent, index, 1) ? '<' : '[';\n    },\n    close(state: any, mark: Mark, parent: Node, index: number) {\n      const href = mark.attrs.canonicalSrc || mark.attrs.href;\n\n      return isPlainURL(mark, parent, index, -1)\n        ? '>'\n        : `](${state.esc(href)}${\n          mark.attrs.title ? ` ${state.quote(mark.attrs.title)}` : ''\n        })`;\n    },\n  },\n};\n\nfunction isPlainURL(link: Mark, parent: Node, index: number, side: number) {\n  if (link.attrs.title || !/^\\w+:/.test(link.attrs.href)) return false;\n  const content = parent.child(index + (side < 0 ? -1 : 0));\n  if (\n    !content.isText ||\n  content.text !== link.attrs.href ||\n  content.marks[content.marks.length - 1] !== link\n  )\n    return false;\n  if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;\n  const next = parent.child(index + (side < 0 ? -2 : 1));\n  return !link.isInSet(next.marks);\n}\n\nexport function serialize(schema: any, content: any) {\n  const mdSerializer = new ProseMirrorMarkdownSerializer(\n    mdSerializerNodes,\n    mdSerializerMarks,\n  );\n\n  const proseMirrorDocument = schema.nodeFromJSON(content);\n\n  return mdSerializer.serialize(proseMirrorDocument, { tightLists: true });\n}\n\nexport function deserialize(schema: any, content?: string) {\n  if (!content) return null;\n  const html = marked.parse(content);\n\n  if (!html) return null;\n\n  const parser = new DOMParser();\n  const { body } = parser.parseFromString(html, 'text/html');\n\n  // append original source as a comment that nodes can access\n  body.append(document.createComment(content));\n\n  const state = ProseMirrorDOMParser.fromSchema(schema).parse(body);\n  return state.toJSON();\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        :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=\"'containerRef'\"\n      class=\"grow\"\n      :direction=\"'column'\"\n      :invalid=\"!!error\"\n      :disabled=\"disabled\"\n      @click=\"handleEditorClick()\"\n    >\n      <div\n        :ref=\"'toolbarRef'\"\n        :class=\"toolbarStyles\"\n        :disabled=\"disabled || !isFocused\"\n      >\n        <div\n          v-for=\"(tools, index) in toolbar\"\n          :key=\"index\"\n          :class=\"[...toolbarGroupStyles, { 'hidden': !isVisible(tools)}]\"\n          :disabled=\"disabled || !isFocused\"\n        >\n          <div\n            v-for=\"item in tools\"\n            :key=\"item\"\n            :class=\"['flex gap-md', { 'hidden': !isVisible(item)}]\"\n          >\n            <OrIconButton\n              v-if=\"item === 'heading'\"\n              :ref=\"'toolbarButtonRef'\"\n              :icon=\"{ icon: headingIcon, variant: 'inherit' }\"\n              :tooltip=\"{ content: item, placement: 'top' }\"\n              :selected=\"isActive[item]\"\n              :disabled=\"disabled || !isFocused\"\n              @click=\"menuRef && menuRef.toggle()\"\n            />\n\n            <OrIconButton\n              v-else-if=\"isVisible(item)\"\n              :icon=\"{ icon: getRichTextEditorIcon(item), variant: 'inherit' }\"\n              :tooltip=\"{ content: getRichTextEditorTooltipIcon(item), placement: 'top' }\"\n              :selected=\"isActive[item]\"\n              :disabled=\"disabled || !isFocused\"\n              @click=\"handleToolbarClick(item)\"\n            />\n          </div>\n        </div>\n\n        <OrIconButton\n          v-if=\"countOfNotVisibleTools > 0 && !isMobile\"\n          :ref=\"'moreButtonRef'\"\n          :class=\"['mx-sm']\"\n          :icon=\"{ icon: 'more_horiz', variant: 'inherit' }\"\n          :disabled=\"disabled || !isFocused\"\n          :force-state=\"morePopoverRef && morePopoverRef.state === 'open' ? 'hover' : undefined\"\n          @click=\"morePopoverRef && morePopoverRef.open()\"\n        />\n      </div>\n\n      <div :class=\"['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']\">\n        <textarea\n          v-show=\"disableMarkdown\"\n          :ref=\"'textareaRef'\"\n          v-model=\"sourceValue\"\n          :activated=\"disableMarkdown\"\n          class=\"block w-full h-full resize-none border-none outline-none bg-transparent typography-body-2-regular\"\n          @input=\"handleInput\"\n        />\n\n        <div\n          v-show=\"!disableMarkdown\"\n          :ref=\"'controlRef'\"\n          :class=\"controlStyles\"\n        />\n\n        <slot name=\"files\" />\n      </div>\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\n    <OrPopover\n      v-if=\"moreButtonRef\"\n      :ref=\"'morePopoverRef'\"\n      :trigger=\"moreButtonRef && moreButtonRef.root\"\n      :placement=\"'top-end'\"\n    >\n      <div class=\"flex p-sm gap-md\">\n        <OrIconButton\n          v-for=\"item in notVisibleTools\"\n          :key=\"item\"\n          :icon=\"{ icon: getRichTextEditorIcon(item), variant: 'inherit' }\"\n          :tooltip=\"{ content: getRichTextEditorTooltipIcon(item), placement: 'top' }\"\n          :selected=\"isActive[item]\"\n          @click=\"handleToolbarClick(item)\"\n        />\n      </div>\n    </OrPopover>\n\n    <OrMenu\n      v-if=\"toolbarButtonRef\"\n      :ref=\"'menuRef'\"\n      :trigger=\"toolbarButtonRef[getIndexOfHeading] && toolbarButtonRef[getIndexOfHeading].root\"\n      :placement=\"'bottom-start'\"\n    >\n      <OrMenuItem\n        v-for=\"heading in headingLevels\"\n        :key=\"heading\"\n        :selected=\"activeHeadingLevel === heading\"\n        @click=\"handleToolbarClick('heading', heading)\"\n      >\n        Heading {{ heading }}\n      </OrMenuItem>\n\n      <OrMenuItem\n        :selected=\"!activeHeadingLevel\"\n        @click=\"handleToolbarClick('heading')\"\n      >\n        None\n      </OrMenuItem>\n    </OrMenu>\n\n    <OrModal\n      :is-open=\"isOpenLinkModal\"\n      :size=\"'s'\"\n    >\n      <template v-slot:header>\n        Add Link\n      </template>\n\n      <div :class=\"['layout-column', 'gap-md']\">\n        <OrInput\n          v-model=\"text\"\n          :label=\"'Text'\"\n          :placeholder=\"'Enter text'\"\n        />\n\n        <OrInput\n          v-model=\"link\"\n          :label=\"'Link'\"\n          :placeholder=\"'Enter link'\"\n        />\n      </div>\n\n      <template v-slot:footer>\n        <div :class=\"['layout-row-reverse', 'gap-md']\">\n          <OrButton\n            :variant=\"'contained'\"\n            @click=\"attachLink()\"\n          >\n            Save\n          </OrButton>\n\n          <OrButton\n            :variant=\"'outlined'\"\n            @click=\"discardLink()\"\n          >\n            Cancel\n          </OrButton>\n        </div>\n      </template>\n    </OrModal>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useResponsive } from '@onereach/ui-components-common/hooks';\nimport { isArray } from '@onereach/ui-components-common/utils';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { 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 { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { Editor, mergeAttributes } from '@tiptap/core';\nimport Blockquote from '@tiptap/extension-blockquote';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport Heading, { Level } from '@tiptap/extension-heading';\nimport Highlight from '@tiptap/extension-highlight';\nimport Link from '@tiptap/extension-link';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Underline from '@tiptap/extension-underline';\nimport StarterKit from '@tiptap/starter-kit';\nimport { onClickOutside, useDebounceFn, useResizeObserver } from '@vueuse/core';\nimport { UseFocusTrapReturn, useFocusTrap } from '@vueuse/integrations/useFocusTrap';\nimport { ComponentPublicInstance, PropType, computed, defineComponent, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';\n\nimport { Formats, Tools, RichTextEditorIcons, RichTextEditorTooltips } from './props';\nimport * as Styles from './styles';\nimport codemirrorNode from './utils/codemirror/codemirrorNode';\nimport { deserialize, serialize } from './utils/markdown';\n\nexport default defineComponent({\n  name: 'OrRichTextEditor',\n\n  components: {\n    OrButton,\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInput,\n    OrInputBox,\n    OrLabel,\n    OrMenu,\n    OrMenuItem,\n    OrModal,\n    OrPopover,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    toolbar: {\n      type: Array as PropType<Tools>,\n      default: () => [],\n    },\n\n    autofocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    format: {\n      type: String as PropType<`${Formats}`>,\n      default: () => Formats.Markup,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'file-upload',\n\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n    'editor',\n  ],\n\n  setup(props, context) {\n    let editor = shallowRef<Editor>();\n    const controlRef = ref<HTMLDivElement>();\n    const toolbarRef = ref<ComponentPublicInstance<HTMLInputElement>>();\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const textareaRef = ref<HTMLTextAreaElement>();\n    const containerRef = ref<ComponentPublicInstance<HTMLInputElement>>();\n    const moreButtonRef = ref<InstanceType<typeof OrIconButton>>();\n    const morePopoverRef = ref<InstanceType<typeof OrPopover>>();\n    const toolbarButtonRef = ref<InstanceType<typeof OrIconButton>>();\n    const menuRef = ref<InstanceType<typeof OrMenu>>();\n\n    // isActive should be set with default values for all toolbar buttons, otherwise it will not work in vue2\n    const isActive = ref<{[key: string]: boolean;}>({\n      bold: false,\n      italic: false,\n      underline: false,\n      strike: false,\n      bulletList: false,\n      orderedList: false,\n      link: false,\n      highlight: false,\n      redo: false,\n      undo: false,\n      codeBlock: false,\n      blockquote: false,\n      file: false,\n      source: false,\n    });\n\n    const isFocused = ref<boolean>(props.autofocus);\n    const headingLevels = [1, 2, 3, 4] as Level[];\n    const activeHeadingLevel = ref<number>(0);\n    const markdownOutput = ref<string>('');\n    const disableMarkdown = ref<boolean>(false);\n\n    // Attach link modal\n    const isOpenLinkModal = ref<boolean>(false);\n    const text = ref<string>('');\n    const link = ref<string>('');\n\n    const countOfNotVisibleTools = ref<number>(0);\n    const sourceValue = ref<string>('');\n\n    const { isMobile } = useResponsive();\n\n    let trap: UseFocusTrapReturn = useFocusTrap(controlRef, {\n      fallbackFocus: '.container',\n      allowOutsideClick: true,\n    });\n\n\n    useResizeObserver(root, useDebounceFn((entries) => {\n      const entry = entries[0];\n      const { width } = entry.contentRect;\n      if (containerRef.value && toolbarRef.value && toolbarLength.value) {\n        let lengthOfItem = 0;\n        lengthOfItem = (toolbarRef.value.firstElementChild?.firstElementChild as HTMLDivElement)?.offsetWidth + 16;\n\n        const count = (width / lengthOfItem) - 2;\n        countOfNotVisibleTools.value = Math.round(toolbarLength.value - count);\n      }\n    }, 10));\n\n    onMounted(() => {\n      editor.value = new Editor({\n        onUpdate: ({ editor }) => {\n          isFocused.value = true;\n          setActiveFormats();\n          const html = editor.getHTML();\n          const text = editor.getText();\n          if (props.format === 'markdown') {\n            markdownOutput.value = serialize(editor.schema, editor.getJSON());\n            model.value = markdownOutput.value;\n          } else {\n            model.value = text === '' ? text : html;\n          }\n        },\n        onCreate: ({ editor }) => {\n          if (props.format === 'markdown') {\n            editor.commands.setContent(deserialize(editor.schema, model.value));\n          } else {\n            editor.commands.setContent(model.value as string);\n          }\n        },\n        onFocus(props) {\n          context.emit('focus', props);\n        },\n        onBlur(props) {\n          context.emit('blur', props);\n        },\n        element: controlRef.value,\n        autofocus: props.autofocus,\n        enableInputRules: true,\n        enablePasteRules: true,\n        extensions: [\n          codemirrorNode,\n          StarterKit.configure({\n            heading: false,\n            codeBlock: false,\n            paragraph: false,\n            bulletList: false,\n            orderedList: false,\n            blockquote: false,\n          }),\n          Paragraph.configure({\n            HTMLAttributes: {\n              class: 'or-cm-paragraph my-xs',\n            },\n          }),\n          BulletList.configure({\n            HTMLAttributes: {\n              class: 'or-cm-bulletList mx-lg my-xs list-disc',\n            },\n          }),\n          OrderedList.configure({\n            HTMLAttributes: {\n              class: 'or-cm-orderedList mx-lg my-xs list-decimal',\n            },\n          }),\n          Blockquote.configure({\n            HTMLAttributes: {\n              class: 'or-cm-blockquote my-sm mx-lg px-lg border-l-2 border-outline',\n            },\n          }),\n          Heading.configure({ levels: headingLevels }).extend({\n            levels: headingLevels,\n            renderHTML({ node, HTMLAttributes }) {\n              return [\n                'h' + node.attrs.level,\n                mergeAttributes(HTMLAttributes, {\n                  class: `typography-headline-${node.attrs.level} my-xs`,\n                }),\n                0,\n              ];\n            },\n          }),\n          Underline,\n          Link.configure({\n            openOnClick: true,\n            linkOnPaste: true,\n            autolink: false,\n            protocols: ['ftp', 'mailto', 'http', 'https'],\n            validate: href => /^https?:\\/\\//.test(href),\n            HTMLAttributes: {\n              class: 'or-cm-link text-primary cursor-pointer',\n            },\n          }),\n          Highlight,\n          Placeholder\n            .configure({\n              placeholder: props.placeholder,\n              emptyEditorClass: 'or-cm-placeholder text-outline is-editor-empty',\n            }),\n        ],\n        editorProps: {\n          attributes: {\n            class: 'or-cm-editorProps flex flex-col focus:outline-none gap-xs h-full',\n          },\n        },\n        parseOptions: {\n          preserveWhitespace: true,\n        },\n      });\n      setActiveFormats();\n      trap.activate();\n    });\n\n    onBeforeUnmount(() => {\n      editor.value?.destroy();\n    });\n\n    onClickOutside(root, () => {\n      isFocused.value = false;\n      trap.deactivate();\n    });\n\n    // Computed\n    const model = computed({\n      get: () => {\n        return props.modelValue;\n      },\n\n      set: (value) => {\n        context.emit('input', value);\n        context.emit('update:modelValue', value);\n      },\n    });\n\n    const getIndexOfHeading = computed(() => {\n      return props.toolbar.flat().indexOf('heading');\n    });\n\n    const getRichTextEditorIcon = computed(() => (item: string) => {\n      return RichTextEditorIcons[item as keyof typeof RichTextEditorTooltips];\n    });\n\n    const getRichTextEditorTooltipIcon = computed(() => (item: string) => {\n      return RichTextEditorTooltips[item as keyof typeof RichTextEditorTooltips];\n    });\n\n    const headingIcon = computed(() => {\n      if (activeHeadingLevel.value && isActive.value.heading) {\n        return `format_h${activeHeadingLevel.value}`;\n      }\n      return 'format_paragraph';\n    });\n\n    const toolbarLength = computed(() => {\n      return props.toolbar.flat().length;\n    });\n\n    const notVisibleTools = computed((): Set<string> => {\n      const count = countOfNotVisibleTools.value;\n      const toolbar = props.toolbar.flat();\n      let notVisible = new Set(toolbar.slice(toolbar.length - count, toolbar.length));\n      props.toolbar.forEach(tools => {\n        if (tools.some(item => notVisible.has(item))) {\n          tools.forEach(item => notVisible.add(item));\n        }\n      });\n      return notVisible;\n    });\n\n    //Methods\n    const handleEditorClick = () => {\n      setActiveFormats();\n      isFocused.value = true;\n      editor.value?.commands.focus();\n      activeHeadingLevel.value = editor.value?.getAttributes('heading')?.level || 0;\n    };\n\n    const isVisible = (value: string | Array<string>) => {\n      if (isMobile.value) return true;\n\n      if (isArray(value)) {\n        const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));\n        return !isHaveNotVisibleTools;\n      }\n      return !notVisibleTools.value.has(value);\n    };\n\n    const handleInput = (event: InputEvent) => {\n      const target = event.target as HTMLTextAreaElement;\n      const value = target.value;\n      editor.value?.commands.setContent(deserialize(editor.value?.schema, value));\n      markdownOutput.value = serialize(editor.value?.schema, editor.value?.getJSON());\n      model.value = markdownOutput.value;\n    };\n\n    const handleToolbarClick = (item: string, level?: number) => {\n      switch (item) {\n        case 'source':\n          disableMarkdown.value = !disableMarkdown.value;\n          sourceValue.value = serialize(editor.value?.schema, editor.value?.getJSON());\n\n          textareaRef.value?.style.setProperty('height', `${controlRef.value?.offsetHeight || 88}px`);\n\n          nextTick(() => textareaRef.value?.focus());\n          break;\n        case 'bulletList':\n        case 'orderedList':\n          item === 'bulletList' ? editor.value?.commands.toggleBulletList() : editor.value?.commands.toggleOrderedList();\n          break;\n        case 'link':\n          if (editor.value) {\n            const cursorPosition = editor.value?.state.selection.$anchor.pos || 0;\n            const { from, to, empty } = editor.value!.state.selection;\n            const isLink = editor.value!.view.state.doc.nodeAt(cursorPosition)?.marks.filter((mark) => mark.type.name === 'link');\n            const existedText = isLink?.length ? editor.value!.view.state.doc.nodeAt(cursorPosition)?.text || '' : '';\n\n            text.value = empty ? existedText : editor.value!.state.doc.textBetween(from, to, ' ');\n            link.value = editor.value!.getAttributes('link').href || '';\n          }\n          isOpenLinkModal.value = !isOpenLinkModal.value;\n          break;\n        case 'blockquote':\n          editor.value?.chain().toggleBlockquote().run();\n          break;\n        case 'codeBlock':\n          if (!isActive.value['codeBlock']) {\n            editor.value?.commands.setNode(item, { language: 'javascript' });\n          } else {\n            editor.value?.commands.setNode('paragraph');\n          }\n          break;\n        case 'heading':\n          if (!level) {\n            editor.value?.commands.setParagraph();\n            activeHeadingLevel.value = 0;\n          } else {\n            activeHeadingLevel.value = level;\n            editor.value?.commands.toggleHeading({ level: level as Level });\n          }\n          break;\n        case 'undo':\n        case 'redo':\n          item === 'undo' ? editor.value?.commands.undo() : editor.value?.commands.redo();\n          break;\n        case 'file':\n          context.emit('file-upload');\n          break;\n        default:\n          editor.value?.chain().toggleMark(item).run();\n          break;\n      }\n    };\n\n    const attachLink = async () => {\n      // empty\n      if (link.value === '') {\n        editor.value?.chain().focus().extendMarkRange('link').unsetLink().run();\n      }\n\n      const isEmptySelection = editor.value?.state.selection.empty;\n      const cursorPosition = editor.value?.state.selection.$anchor.pos || 0;\n      // Check if it's already link\n      const isLink = editor.value?.view.state.doc.nodeAt(cursorPosition)?.marks.filter((mark) => mark.type.name === 'link');\n      const existedText = isLink?.length ? editor.value?.view.state.doc.nodeAt(cursorPosition)?.text : '';\n\n      if (link.value && isEmptySelection && !existedText) {\n        editor.value?.chain()\n          .focus()\n          .setMark('link', {\n            href: link.value,\n            target: '__blank',\n          })\n          .command(({ tr }) => {\n            const preparedValue = text.value[text.value.length - 1] === ' ' ? text.value : `${text.value} `;\n            tr.insertText(preparedValue);\n            return true;\n          })\n          .run();\n      }\n\n      if (link.value && existedText === text.value && isEmptySelection) {\n        editor.value?.chain()\n          .extendMarkRange('link')\n          .updateAttributes('link', {\n            href: link.value,\n          })\n          .run();\n      }\n\n      if (link.value && text.value !== existedText && !isEmptySelection) {\n        editor.value?.chain()\n          .focus()\n          .insertContentAt({\n            from: editor.value?.state.selection.from,\n            to: editor.value?.state.selection.to,\n          }, text.value)\n          .setTextSelection({\n            from: editor.value?.state.selection.from,\n            to: editor.value?.state.selection.from + text.value.length,\n          })\n          .setMark('link', {\n            href: link.value,\n            target: '__blank',\n          })\n          .run();\n      }\n\n      if (link.value && !isEmptySelection) {\n        editor.value?.chain()\n          .focus()\n          .setMark('link', {\n            href: link.value,\n            target: '__blank',\n          })\n          .run();\n      }\n\n      text.value = '';\n      link.value = '';\n\n      isOpenLinkModal.value = false;\n    };\n\n    const discardLink = () => {\n      isOpenLinkModal.value = false;\n    };\n\n    const setActiveFormats = () => {\n      const toolbarList = props.toolbar.flat() as string[];\n      toolbarList.forEach((item) => {\n        if (item === 'source') {\n          isActive.value[item] = disableMarkdown.value;\n        } else {\n          isActive.value[item] = editor.value?.isActive(item) || false;\n        }\n      });\n    };\n\n\n    // Effects\n    watch([\n      editor,\n      model,\n      () => props.disabled,\n    ], ([\n      editor,\n      model,\n      disabled,\n    ]) => {\n      if (model !== editor?.getHTML() && props.format !== 'markdown') {\n        editor?.commands.setContent(model as string);\n      }\n\n      if (model !== markdownOutput.value && props.format === 'markdown') {\n        editor?.commands.setContent(deserialize(editor?.schema, model));\n      }\n\n      editor?.setEditable(!disabled);\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-rich-text-editor-v3',\n      ...Styles.RichTextEditor,\n    ]);\n\n    const toolbarStyles = computed(() => [\n      ...Styles.RichTextEditorToolbar,\n    ]);\n\n    const toolbarGroupStyles = computed(() => [\n      ...Styles.RichTextEditorToolbarGroup,\n    ]);\n\n    const controlStyles = computed(() => [\n      'tiptap-editor-v3',\n      ...Styles.RichTextEditorControl,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      toolbarRef,\n      toolbarStyles,\n\n      toolbarGroupStyles,\n\n      controlRef,\n      controlStyles,\n\n      editor,\n      containerRef,\n      toolbarButtonRef,\n      moreButtonRef,\n      textareaRef,\n      morePopoverRef,\n      menuRef,\n      handleToolbarClick,\n      handleEditorClick,\n      isActive,\n      getRichTextEditorIcon,\n      getRichTextEditorTooltipIcon,\n      getIndexOfHeading,\n      headingLevels,\n      headingIcon,\n      attachLink,\n      discardLink,\n      isOpenLinkModal,\n      text,\n      link,\n      isFocused,\n      isVisible,\n      isMobile,\n      countOfNotVisibleTools,\n      notVisibleTools,\n      handleInput,\n      model,\n      disableMarkdown,\n      sourceValue,\n      activeHeadingLevel,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n// Unavoidable hack for bundled (browser) build\n// Created by the fact that this is deep styles in editor\n// As far as we need scoping for browser builds, we can't rely on global existence of this classes\n:deep(.or-cm-paragraph) {\n  @apply my-xs;\n}\n\n:deep(.or-cm-bulletList) {\n  @apply mx-lg my-xs list-disc;\n}\n\n:deep(.or-cm-orderedList) {\n  @apply mx-lg my-xs list-decimal;\n}\n\n:deep(.or-cm-blockquote) {\n  @apply my-sm mx-lg px-lg border-l-2 border-outline;\n}\n\n:deep(.or-cm-link) {\n  @apply text-primary cursor-pointer;\n}\n\n:deep(.or-cm-placeholder) {\n  @apply text-outline;\n}\n\n:deep(.or-cm-editorProps) {\n  @apply flex flex-col focus:outline-none gap-xs h-full;\n}\n</style>\n\n<style lang=\"scss\">\n.tiptap-editor-v3 {\n  .is-editor-empty::before {\n    float: left;\n    height: 0;\n    pointer-events: none;\n    content: attr(data-placeholder);\n  }\n}\n</style>\n"],"names":["Formats","RichTextEditorIcons","RichTextEditorTooltips","RichTextEditor","RichTextEditorToolbar","RichTextEditorToolbarGroup","RichTextEditorControl","themes","useTheme","chalky","coral","cyan","invalid","_a","ivory","stone","malibu","sage","whiskey","violet","orCodeTheme","EditorView","_b","_c","_d","_e","_f","_g","_h","_i","_j","orCodeHighlightStyle","HighlightStyle","t","theme","syntaxHighlighting","computeChange","oldVal","newVal","start","oldEnd","newEnd","CodeMirrorView","options","cmExtensions","changeFilter","CMState","tr","CMView","cmState","highlightActiveLine","highlightActiveLineGutter","lineNumbers","keymap","exitCode","state","selection","doc","offset","anchor","head","TextSelection","cmTr","cmValue","change","content","unit","dir","view","pos","line","hasSelection","r","firstLine","lastLine","targetPos","pmSelection","Selection","node","codemirrorNode","Node","editor","getPos","CodeBlockView","minimalSetup","javascript","mdSerializerNodes","defaultMarkdownSerializer","Paragraph","BulletList","ListItem","OrderedList","HardBreak","CodeBlock","Blockquote","HorizontalRule","mdSerializerMarks","Bold","Strike","Italic","Highlight","Underline","Link","mark","parent","index","isPlainURL","href","link","side","next","serialize","schema","mdSerializer","ProseMirrorMarkdownSerializer","proseMirrorDocument","deserialize","html","marked","parser","body","ProseMirrorDOMParser","_sfc_main","defineComponent","OrButton","OrError","OrHint","OrIconButton","OrInput","OrInputBox","OrLabel","OrMenu","OrMenuItem","OrModal","OrPopover","props","context","shallowRef","controlRef","ref","toolbarRef","root","textareaRef","containerRef","moreButtonRef","morePopoverRef","toolbarButtonRef","menuRef","isActive","isFocused","headingLevels","activeHeadingLevel","markdownOutput","disableMarkdown","isOpenLinkModal","text","countOfNotVisibleTools","sourceValue","isMobile","useResponsive","trap","useFocusTrap","useResizeObserver","useDebounceFn","entries","entry","width","toolbarLength","lengthOfItem","count","onMounted","Editor","setActiveFormats","model","StarterKit","Heading","HTMLAttributes","mergeAttributes","Placeholder","onBeforeUnmount","onClickOutside","computed","value","getIndexOfHeading","getRichTextEditorIcon","item","getRichTextEditorTooltipIcon","headingIcon","notVisibleTools","toolbar","notVisible","tools","handleEditorClick","isVisible","isArray","handleInput","event","handleToolbarClick","level","nextTick","cursorPosition","from","to","empty","isLink","existedText","_l","_k","_n","_m","_o","_p","_q","attachLink","isEmptySelection","preparedValue","discardLink","watch","disabled","rootStyles","Styles.RichTextEditor","toolbarStyles","Styles.RichTextEditorToolbar","toolbarGroupStyles","Styles.RichTextEditorToolbarGroup","controlStyles","Styles.RichTextEditorControl","_hoisted_2","_hoisted_5","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_cache","$event","_withCtx","_createElementVNode","_Fragment","_renderList","_component_OrIconButton","_hoisted_1","_hoisted_3","_withDirectives","args","_hoisted_4","_vShow","_vModelText","_component_OrHint","_component_OrError","_component_OrPopover","_component_OrMenu","heading","_component_OrMenuItem","_component_OrModal","_createTextVNode","_hoisted_7","_component_OrButton","_hoisted_6","_component_OrInput"],"mappings":"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"}

package/dist/esm/OrRichTooltip-CcQpjWtS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrRichTooltip-CcQpjWtS.mjs","sources":["../../../components/or-rich-tooltip-v3/src/styles.ts","../../../components/or-rich-tooltip-v3/src/types.ts","../../../components/or-rich-tooltip-v3/src/OrRichTooltip.vue"],"sourcesContent":["export const RichTooltip: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Typography\n  'leading-[0]',\n];\n\nexport const RichTooltipPopover: string[] = [\n  // Layout\n  'layout-column',\n\n  // Interactivity\n  'interactivity-default',\n\n  // Shape\n  'rounded-lg',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Elevation\n  'shadow-card',\n  'dark:shadow-card-dark',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n\nexport const RichTooltipHeader: string[] = [\n  // Typography\n  'typography-headline-4',\n];\n\nexport const RichTooltipContent: string[] = [\n  // Typography\n  'typography-body-2-regular',\n];\n\nexport const RichTooltipFooter: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-md',\n];\n","export enum RichTooltipBehavior {\n  Click = 'click',\n  Hover = 'hover',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    @click=\"behavior === 'click' && toggle()\"\n  >\n    <slot />\n\n    <template v-if=\"$slots['header'] || $slots['content'] || $slots['footer']\">\n      <OrPopover\n        :ref=\"'popover'\"\n        :is-open=\"state === 'open'\"\n        :variant=\"'popover'\"\n        :trigger=\"root\"\n        :placement=\"placement\"\n        :offset=\"offset\"\n        :disable-default-styles=\"true\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <div :class=\"popoverStyles\">\n          <template v-if=\"$slots['header']\">\n            <div :class=\"headerStyles\">\n              <slot name=\"header\" />\n            </div>\n          </template>\n\n          <template v-if=\"$slots['content']\">\n            <div :class=\"contentStyles\">\n              <slot name=\"content\" />\n            </div>\n          </template>\n\n          <template v-if=\"$slots['footer']\">\n            <div :class=\"footerStyles\">\n              <slot name=\"footer\" />\n            </div>\n          </template>\n        </div>\n      </OrPopover>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useElementHover } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, watch } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\nimport { RichTooltipBehavior } from './types';\n\nexport default defineComponent({\n  name: 'OrRichTooltip',\n\n  components: {\n    OrPopover,\n  },\n\n  props: {\n    behavior: {\n      type: String as PropType<`${RichTooltipBehavior}`>,\n      default: () => RichTooltipBehavior.Click,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-rich-tooltip-v3',\n      ...Styles.RichTooltip,\n    ]);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n\n    const popoverRoot = computed(() => {\n      return popover.value?.root;\n    });\n\n    const popoverStyles = computed(() => [\n      'or-rich-tooltip-popover-v3',\n      ...Styles.RichTooltipPopover,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.RichTooltipHeader,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.RichTooltipContent,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.RichTooltipFooter,\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(ref(false), context.emit);\n\n    const rootHover = useElementHover(root, {\n      delayEnter: 250,\n      delayLeave: 1500,\n    });\n\n    const popoverHover = useElementHover(popoverRoot, {\n      delayLeave: 1500,\n    });\n\n    watch([\n      rootHover,\n      popoverHover,\n\n      () => props.behavior,\n    ], ([\n      rootHover,\n      popoverHover,\n\n      behavior,\n    ]) => {\n      if (behavior !== RichTooltipBehavior.Hover) {\n        return;\n      }\n\n      if (rootHover || popoverHover) {\n        open();\n      } else {\n        close();\n      }\n    });\n\n    return {\n      root,\n      rootStyles,\n\n      popover,\n      popoverRoot,\n      popoverStyles,\n\n      headerStyles,\n      contentStyles,\n      footerStyles,\n\n      state,\n\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["RichTooltip","RichTooltipPopover","RichTooltipHeader","RichTooltipContent","RichTooltipFooter","RichTooltipBehavior","_sfc_main","defineComponent","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","Styles.RichTooltip","popover","popoverRoot","_a","popoverStyles","Styles.RichTooltipPopover","headerStyles","Styles.RichTooltipHeader","contentStyles","Styles.RichTooltipContent","footerStyles","Styles.RichTooltipFooter","state","open","close","toggle","usePopoverState","rootHover","useElementHover","popoverHover","watch","behavior","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_createBlock","_component_OrPopover","_withCtx","_createElementVNode","_createCommentVNode"],"mappings":";;;;;;AAAO,MAAMA,IAAwB;AAAA;AAAA,EAEnC;AAAA;AAAA,EAGA;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GAEaC,IAA8B;AAAA;AAAA,EAEzC;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AACF,GAEaC,IAA8B;AAAA;AAAA,EAEzC;AAAA;AAAA,EAGA;AACF;ACpDY,IAAAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;ACmDZ,MAAAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,WAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAMH,EAAoB;AAAA,IACrC;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMI,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAgBL,EAAS,MAAM;AAAA,MACnC;AAAA,MACA,GAAGM;AAAAA,IAAO,CACX,GAEKC,IAAeP,EAAS,MAAM;AAAA,MAClC,GAAGQ;AAAAA,IAAO,CACX,GAEKC,IAAgBT,EAAS,MAAM;AAAA,MACnC,GAAGU;AAAAA,IAAO,CACX,GAEKC,IAAeX,EAAS,MAAM;AAAA,MAClC,GAAGY;AAAAA,IAAO,CACX,GAGK,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAW,IAAAC,EAAgBnB,EAAI,EAAK,GAAGF,EAAQ,IAAI,GAEzEsB,IAAYC,EAAgBtB,GAAM;AAAA,MACtC,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA,CACb,GAEKuB,IAAeD,EAAgBhB,GAAa;AAAA,MAChD,YAAY;AAAA,IAAA,CACb;AAEK,WAAAkB,EAAA;AAAA,MACJH;AAAA,MACAE;AAAA,MAEA,MAAMzB,EAAM;AAAA,IAAA,GACX,CAAC;AAAA,MACFuB;AAAAA,MACAE;AAAAA,MAEAE;AAAA,IAAA,MACI;AACA,MAAAA,MAAahC,EAAoB,UAIjC4B,KAAaE,IACVN,MAECC;IACR,CACD,GAEM;AAAA,MACL,MAAAlB;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MACA,eAAAE;AAAA,MAEA,cAAAE;AAAA,MACA,eAAAE;AAAA,MACA,cAAAE;AAAA,MAEA,OAAAE;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YAhLCO,EAuCM,WAAA;SArCEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAAAC,EAAA,UAAA;AAAA,IAED,SAAQC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,aAAA,WAAAA,EAAA,OAAA;AAAA,EAAA,GAEQ;AAAA,IAAAG,EAAAH,EAAA,QACd,SA6BY;AAAA,IAAAA,EAAA,OAAA,UAAAA,EAAA,OAAA,WAAAA,EAAA,OAAA,UAAAH,EAAA,GA5BKO,EAAAC,GAAA;AAAA,MACd,KAAA;AAAA,MACA,KAAA;AAAA,MACA,WAASL,EAAI,UAAA;AAAA,MACb,SAAS;AAAA,MACT,SAAQA,EAAA;AAAA,MACR,WAAAA,EAAA;AAAA,MACA,QAAAA,EAAA;AAAA,MAAA,0BAAA;AAAA,wBAEDC,EAkBM,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAF,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,IAAA,GAAA;AAAA,MAlBK,SAAAM,EAAA,MAAA;AAAA,QAAAC,EAAA,OAAA;AAAA,iBACOR,EAAMC,EAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UACTA,EAAA,OAAA,UAAAH,EAAA,GAAAC,EAAE,OAAY;AAAA,YAAA,KAAA;AAAA,YACvB,OAAsBC,EAAAC,EAAA,YAAA;AAAA,UAAA,GAAA;AAAA;UAKxB,GAAA,CAAA,KAAAQ,EAAA,IAAA,EAAA;AAAA,UAAAR,EAAA,OAAA,WAAAH,EAAa,GAAAC,EAAA,OAAA;AAAA,YAAA,KAAA;AAAA,YACX,OAAuBC,EAAAC,EAAA,aAAA;AAAA,UAAA,GAAA;AAAA;UAKzB,GAAA,CAAA,KAAAQ,EAAA,IAAA,EAAA;AAAA,UAAAR,EAAA,OAAA,UAAAH,OAAa,OAAY;AAAA,YAAA,KAAA;AAAA,YACvB,OAAsBE,EAAAC,EAAA,YAAA;AAAA,UAAA,GAAA;AAAA;;;;;;;;;"}

package/dist/esm/OrSearch-B3zonpwn.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrSearch-B3zonpwn.mjs","sources":["../../../components/or-search-v3/src/OrSearch.vue"],"sourcesContent":["<template>\n  <OrInput\n    :ref=\"'root'\"\n    v-bind=\"controlAttributes\"\n    v-model=\"draft\"\n    :class=\"rootStyles\"\n    :type=\"'search'\"\n    :variant=\"variant\"\n    :size=\"size\"\n    :placeholder=\"placeholder\"\n    @input=\"$emit('input', $event)\"\n    @keydown=\"$emit('keydown', $event)\"\n    @keyup=\"$emit('keyup', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport { watchDebounced } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, watch } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { SearchModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrSearch',\n\n  components: {\n    OrInput,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<SearchModelValue>,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: 'Search',\n    },\n\n    debounce: {\n      type: Number,\n      default: 500,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n\n    'search',\n    'clear',\n  ],\n\n  expose: [\n    'root',\n\n    'clear',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const controlAttributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<InstanceType<typeof OrInput>>();\n\n    const rootStyles = computed(() => [\n      'or-search-v3',\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(props.modelValue);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    watchDebounced(draft, (value) => {\n      if (value) {\n        context.emit('search', model.value = value);\n      }\n    }, {\n      debounce: toRef(props, 'debounce'),\n    });\n\n    watch(draft, (nextValue, prevValue) => {\n      if (!nextValue && prevValue) {\n        context.emit('search', model.value = nextValue);\n        context.emit('clear');\n      }\n    });\n\n    // Methods\n    function clear(): void {\n      (root.value as { clear: () => void; } | undefined)?.clear(); // fixes error TS2349\n    }\n\n    function focus(): void {\n      (root.value as { focus: () => void; } | undefined)?.focus(); // fixes error TS2349\n    }\n\n    function blur(): void {\n      (root.value as { blur: () => void; } | undefined)?.blur(); // fixes error TS2349\n    }\n\n    return {\n      controlAttributes,\n\n      root,\n      rootStyles,\n\n      model,\n      draft,\n\n      clear,\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrInput","props","context","controlAttributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","InputBoxVariant","model","useProxyModelValue","toRef","draft","watch","value","watchDebounced","nextValue","prevValue","clear","_a","focus","blur","_resolveComponent","_ctx","_cache","$event"],"mappings":"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"}