@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.1

package/dist/lib/combobox/combobox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox.cjs","sources":["../../../components/combobox/combobox.vue"],"sourcesContent":["<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->\n<template>\n  <div\n    @keydown.esc.stop=\"onKeyValidation($event, 'onEscapeKey')\"\n    @keydown.enter.exact=\"onKeyValidation($event, 'onEnterKey')\"\n    @keydown.up.stop.prevent=\"onKeyValidation($event, 'onUpKey')\"\n    @keydown.down.stop.prevent=\"onKeyValidation($event, 'onDownKey')\"\n    @keydown.home.stop.prevent=\"onKeyValidation($event, 'onHomeKey')\"\n    @keydown.end.stop.prevent=\"onKeyValidation($event, 'onEndKey')\"\n  >\n    <div data-qa=\"dt-combobox-input-wrapper\">\n      <!-- @slot Slot for the combobox input element -->\n      <slot\n        name=\"input\"\n        :input-props=\"inputProps\"\n      />\n    </div>\n\n    <div\n      v-if=\"showList\"\n      ref=\"listWrapper\"\n      data-qa=\"dt-combobox-list-wrapper\"\n      @mouseleave=\"clearHighlightIndex\"\n      @focusout=\"clearHighlightIndex\"\n      @mousemove.capture=\"onMouseHighlight\"\n    >\n      <combobox-loading-list\n        v-if=\"loading && !listRenderedOutside\"\n        v-bind=\"listProps\"\n      />\n      <combobox-empty-list\n        v-else-if=\"emptyList && (emptyStateMessage || hasSlotContent($slots.emptyListItem)) && !listRenderedOutside\"\n        v-bind=\"listProps\"\n        :message=\"emptyStateMessage\"\n        :item-class=\"emptyStateClass\"\n      >\n        <slot name=\"emptyListItem\" />\n      </combobox-empty-list>\n      <!-- @slot Slot for the combobox list element -->\n      <slot\n        v-else\n        name=\"list\"\n        :list-props=\"listProps\"\n        :opened=\"onOpen\"\n        :clear-highlight-index=\"clearHighlightIndex\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ComboboxLoadingList from './combobox_loading-list.vue';\nimport ComboboxEmptyList from './combobox_empty-list.vue';\nimport { DtKeyboardListNavigationMixin } from '@/common/mixins';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { COMBOBOX_LABEL_SIZES } from '@/components/combobox';\nimport { COMPONENT_SIZES } from '@/common/constants';\n\n/**\n * A combobox is a semantic component that displays an input element combined with a listbox,\n * which enables the user to select items from the list.\n * @see https://dialtone.dialpad.com/components/combobox.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCombobox',\n\n  components: {\n    ComboboxLoadingList,\n    ComboboxEmptyList,\n  },\n\n  mixins: [\n    DtKeyboardListNavigationMixin({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n    }),\n  ],\n\n  props: {\n    /**\n     * String to use for the input label.\n     */\n    label: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    labelVisible: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Size of the input.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n      validator: (t) => t === null\n        || Object.values(COMBOBOX_LABEL_SIZES).includes(t)\n        || Object.keys(COMPONENT_SIZES).includes(String(t)),\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Sets an ID on the list element of the component. Used by several aria attributes\n     * as well as when deriving the IDs for each item.\n     */\n    listId: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * A method that will be called when the selection goes past the beginning of the list.\n     */\n    onBeginningOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * A method that will be called when the selection goes past the end of the list.\n     */\n    onEndOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * Determines when to show the list element and also controls the aria-expanded attribute.\n     * @values true, false\n     */\n    showList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If the list is rendered outside the component, like when using popover as the list wrapper.\n     * @values true, false\n     */\n    listRenderedOutside: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines when to show the skeletons and also controls aria-busy attribute.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.\n     * @values true, false\n     */\n    emptyList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Message to show when the list is empty\n     */\n    emptyStateMessage: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the empty list element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    emptyStateClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Programmatically click on the active list item element when a selection\n     * comes from keyboard navigation, i.e. pressing the \"Enter\" key.\n     * @values true, false\n     */\n    clickOnSelect: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired when item selected\n     *\n     * @event select\n     * @type {Number}\n     */\n    'select',\n\n    /**\n     * Event fired when pressing escape\n     *\n     * @event escape\n     */\n    'escape',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired when list is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean}\n     */\n    'opened',\n  ],\n\n  data () {\n    return {\n      // If the list is rendered at the root, rather than as a child\n      // of this component, this is the ref to that dom element. Set\n      // by the onOpen method.\n      outsideRenderedListRef: null,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputProps () {\n      return {\n        label: this.label,\n        labelVisible: this.labelVisible,\n        size: this.size,\n        description: this.description,\n        role: 'combobox',\n        'aria-label': this.label,\n        'aria-expanded': this.showList.toString(),\n        'aria-owns': this.listId,\n        'aria-haspopup': 'listbox',\n        'aria-activedescendant': this.activeItemId,\n        'aria-controls': this.listId,\n      };\n    },\n\n    listProps () {\n      return {\n        role: 'listbox',\n        id: this.listId,\n        // The list has to be positioned relatively so that the auto-scroll can\n        // calculate the correct offset for the list items.\n        class: 'd-ps-relative',\n        'aria-label': this.label,\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemId () {\n      if (!this.showList || this.highlightIndex < 0 || this.loading) {\n        return;\n      }\n      return this.highlightId;\n    },\n\n    activeItemEl () {\n      if (!this.highlightId) return '';\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n  },\n\n  watch: {\n    showList (showList) {\n      // When the list's visibility changes reset the highlight index.\n\n      if (!this.listRenderedOutside) {\n        this.setInitialHighlightIndex();\n        this.$emit('opened', showList);\n      }\n\n      if (!showList && this.outsideRenderedListRef) {\n        this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);\n        this.outsideRenderedListRef = null;\n      }\n    },\n\n    loading () {\n      this.$nextTick(() => {\n        this.setInitialHighlightIndex();\n      });\n    },\n\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        this.validateEmptyListProps();\n      },\n    },\n  },\n\n  created () {\n    this.validateEmptyListProps();\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      if (this.loading) return;\n\n      const liElement = e.target.closest('li');\n\n      if (liElement && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n      }\n    },\n\n    getListElement () {\n      return this.outsideRenderedListRef ?? this.$refs.listWrapper?.querySelector(`#${this.listId}`);\n    },\n\n    clearHighlightIndex () {\n      if (this.showList) {\n        this.setHighlightIndex(-1);\n      }\n    },\n\n    afterHighlight () {\n      if (this.loading) return;\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    onEnterKey () {\n      if (this.loading || this.emptyList) return;\n\n      if (this.highlightIndex >= 0) {\n        this.$emit('select', this.highlightIndex);\n\n        if (this.clickOnSelect) {\n          this.activeItemEl?.click();\n        }\n      }\n    },\n\n    onEscapeKey () {\n      this.$emit('escape');\n    },\n\n    onOpen (open, contentRef) {\n      this.outsideRenderedListRef = contentRef;\n      this.outsideRenderedListRef?.addEventListener('mousemove', this.onMouseHighlight);\n      this.$emit('opened', open);\n\n      if (open) {\n        this.setInitialHighlightIndex();\n      }\n    },\n\n    onKeyValidation (e, eventHandler) {\n      if (!this.showList || !this.getListElement()) return;\n\n      this[eventHandler](e);\n    },\n\n    setInitialHighlightIndex () {\n      if (!this.showList) return;\n      this.$nextTick(() => {\n      // When the list's is shown, reset the highlight index.\n      // If the list is loading, set to -1\n        this.setHighlightIndex(this.loading ? -1 : 0);\n      });\n    },\n\n    validateEmptyListProps () {\n      if (this.$slots.emptyListItem) { return; }\n\n      if (this.emptyList && !this.emptyStateMessage) {\n        console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n      empty message.`);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","ComboboxLoadingList","ComboboxEmptyList","DtKeyboardListNavigationMixin","t","COMBOBOX_LABEL_SIZES","COMPONENT_SIZES","getUniqueString","hasSlotContent","showList","e","liElement","_a","open","contentRef","eventHandler","_hoisted_1","_createElementBlock","_cache","_withKeys","_withModifiers","$event","$options","_createElementVNode","_renderSlot","_ctx","$props","args","_openBlock","_createBlock","_component_combobox_loading_list","$data","_component_combobox_empty_list","_mergeProps"],"mappings":"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"}

package/dist/lib/combobox/combobox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox.js","sources":["../../../components/combobox/combobox.vue"],"sourcesContent":["<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->\n<template>\n  <div\n    @keydown.esc.stop=\"onKeyValidation($event, 'onEscapeKey')\"\n    @keydown.enter.exact=\"onKeyValidation($event, 'onEnterKey')\"\n    @keydown.up.stop.prevent=\"onKeyValidation($event, 'onUpKey')\"\n    @keydown.down.stop.prevent=\"onKeyValidation($event, 'onDownKey')\"\n    @keydown.home.stop.prevent=\"onKeyValidation($event, 'onHomeKey')\"\n    @keydown.end.stop.prevent=\"onKeyValidation($event, 'onEndKey')\"\n  >\n    <div data-qa=\"dt-combobox-input-wrapper\">\n      <!-- @slot Slot for the combobox input element -->\n      <slot\n        name=\"input\"\n        :input-props=\"inputProps\"\n      />\n    </div>\n\n    <div\n      v-if=\"showList\"\n      ref=\"listWrapper\"\n      data-qa=\"dt-combobox-list-wrapper\"\n      @mouseleave=\"clearHighlightIndex\"\n      @focusout=\"clearHighlightIndex\"\n      @mousemove.capture=\"onMouseHighlight\"\n    >\n      <combobox-loading-list\n        v-if=\"loading && !listRenderedOutside\"\n        v-bind=\"listProps\"\n      />\n      <combobox-empty-list\n        v-else-if=\"emptyList && (emptyStateMessage || hasSlotContent($slots.emptyListItem)) && !listRenderedOutside\"\n        v-bind=\"listProps\"\n        :message=\"emptyStateMessage\"\n        :item-class=\"emptyStateClass\"\n      >\n        <slot name=\"emptyListItem\" />\n      </combobox-empty-list>\n      <!-- @slot Slot for the combobox list element -->\n      <slot\n        v-else\n        name=\"list\"\n        :list-props=\"listProps\"\n        :opened=\"onOpen\"\n        :clear-highlight-index=\"clearHighlightIndex\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ComboboxLoadingList from './combobox_loading-list.vue';\nimport ComboboxEmptyList from './combobox_empty-list.vue';\nimport { DtKeyboardListNavigationMixin } from '@/common/mixins';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { COMBOBOX_LABEL_SIZES } from '@/components/combobox';\nimport { COMPONENT_SIZES } from '@/common/constants';\n\n/**\n * A combobox is a semantic component that displays an input element combined with a listbox,\n * which enables the user to select items from the list.\n * @see https://dialtone.dialpad.com/components/combobox.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCombobox',\n\n  components: {\n    ComboboxLoadingList,\n    ComboboxEmptyList,\n  },\n\n  mixins: [\n    DtKeyboardListNavigationMixin({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n    }),\n  ],\n\n  props: {\n    /**\n     * String to use for the input label.\n     */\n    label: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    labelVisible: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Size of the input.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n      validator: (t) => t === null\n        || Object.values(COMBOBOX_LABEL_SIZES).includes(t)\n        || Object.keys(COMPONENT_SIZES).includes(String(t)),\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Sets an ID on the list element of the component. Used by several aria attributes\n     * as well as when deriving the IDs for each item.\n     */\n    listId: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * A method that will be called when the selection goes past the beginning of the list.\n     */\n    onBeginningOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * A method that will be called when the selection goes past the end of the list.\n     */\n    onEndOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * Determines when to show the list element and also controls the aria-expanded attribute.\n     * @values true, false\n     */\n    showList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If the list is rendered outside the component, like when using popover as the list wrapper.\n     * @values true, false\n     */\n    listRenderedOutside: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines when to show the skeletons and also controls aria-busy attribute.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.\n     * @values true, false\n     */\n    emptyList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Message to show when the list is empty\n     */\n    emptyStateMessage: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the empty list element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    emptyStateClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Programmatically click on the active list item element when a selection\n     * comes from keyboard navigation, i.e. pressing the \"Enter\" key.\n     * @values true, false\n     */\n    clickOnSelect: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired when item selected\n     *\n     * @event select\n     * @type {Number}\n     */\n    'select',\n\n    /**\n     * Event fired when pressing escape\n     *\n     * @event escape\n     */\n    'escape',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired when list is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean}\n     */\n    'opened',\n  ],\n\n  data () {\n    return {\n      // If the list is rendered at the root, rather than as a child\n      // of this component, this is the ref to that dom element. Set\n      // by the onOpen method.\n      outsideRenderedListRef: null,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputProps () {\n      return {\n        label: this.label,\n        labelVisible: this.labelVisible,\n        size: this.size,\n        description: this.description,\n        role: 'combobox',\n        'aria-label': this.label,\n        'aria-expanded': this.showList.toString(),\n        'aria-owns': this.listId,\n        'aria-haspopup': 'listbox',\n        'aria-activedescendant': this.activeItemId,\n        'aria-controls': this.listId,\n      };\n    },\n\n    listProps () {\n      return {\n        role: 'listbox',\n        id: this.listId,\n        // The list has to be positioned relatively so that the auto-scroll can\n        // calculate the correct offset for the list items.\n        class: 'd-ps-relative',\n        'aria-label': this.label,\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemId () {\n      if (!this.showList || this.highlightIndex < 0 || this.loading) {\n        return;\n      }\n      return this.highlightId;\n    },\n\n    activeItemEl () {\n      if (!this.highlightId) return '';\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n  },\n\n  watch: {\n    showList (showList) {\n      // When the list's visibility changes reset the highlight index.\n\n      if (!this.listRenderedOutside) {\n        this.setInitialHighlightIndex();\n        this.$emit('opened', showList);\n      }\n\n      if (!showList && this.outsideRenderedListRef) {\n        this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);\n        this.outsideRenderedListRef = null;\n      }\n    },\n\n    loading () {\n      this.$nextTick(() => {\n        this.setInitialHighlightIndex();\n      });\n    },\n\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        this.validateEmptyListProps();\n      },\n    },\n  },\n\n  created () {\n    this.validateEmptyListProps();\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      if (this.loading) return;\n\n      const liElement = e.target.closest('li');\n\n      if (liElement && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n      }\n    },\n\n    getListElement () {\n      return this.outsideRenderedListRef ?? this.$refs.listWrapper?.querySelector(`#${this.listId}`);\n    },\n\n    clearHighlightIndex () {\n      if (this.showList) {\n        this.setHighlightIndex(-1);\n      }\n    },\n\n    afterHighlight () {\n      if (this.loading) return;\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    onEnterKey () {\n      if (this.loading || this.emptyList) return;\n\n      if (this.highlightIndex >= 0) {\n        this.$emit('select', this.highlightIndex);\n\n        if (this.clickOnSelect) {\n          this.activeItemEl?.click();\n        }\n      }\n    },\n\n    onEscapeKey () {\n      this.$emit('escape');\n    },\n\n    onOpen (open, contentRef) {\n      this.outsideRenderedListRef = contentRef;\n      this.outsideRenderedListRef?.addEventListener('mousemove', this.onMouseHighlight);\n      this.$emit('opened', open);\n\n      if (open) {\n        this.setInitialHighlightIndex();\n      }\n    },\n\n    onKeyValidation (e, eventHandler) {\n      if (!this.showList || !this.getListElement()) return;\n\n      this[eventHandler](e);\n    },\n\n    setInitialHighlightIndex () {\n      if (!this.showList) return;\n      this.$nextTick(() => {\n      // When the list's is shown, reset the highlight index.\n      // If the list is loading, set to -1\n        this.setHighlightIndex(this.loading ? -1 : 0);\n      });\n    },\n\n    validateEmptyListProps () {\n      if (this.$slots.emptyListItem) { return; }\n\n      if (this.emptyList && !this.emptyStateMessage) {\n        console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n      empty message.`);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","ComboboxLoadingList","ComboboxEmptyList","DtKeyboardListNavigationMixin","t","COMBOBOX_LABEL_SIZES","COMPONENT_SIZES","getUniqueString","hasSlotContent","showList","liElement","_a","open","contentRef","eventHandler","_hoisted_1","_createElementBlock","_cache","_withKeys","_withModifiers","$event","$options","_createElementVNode","_renderSlot","_ctx","$props","args","_openBlock","_createBlock","_component_combobox_loading_list","$data","_component_combobox_empty_list","_mergeProps"],"mappings":"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"}

package/dist/lib/combobox/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/combobox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/combobox-multi-select/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/combobox-multi-select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/combobox-with-popover/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/combobox-with-popover/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/contact-centers-row/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/contact-centers-row/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/contact-info/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/contact-info/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/contact-row/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/contact-row/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/datepicker/datepicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker.cjs","sources":["../../../components/datepicker/composables/useMonthYearPicker.js","../../../components/datepicker/modules/month-year-picker.vue","../../../components/datepicker/composables/useCalendar.js","../../../components/datepicker/modules/calendar.vue","../../../components/datepicker/datepicker.vue"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport { addMonths, endOfMonth, getDate, getMonth, getYear, set, startOfDay, startOfMonth, subMonths } from 'date-fns';\nimport { formatMonth, getCalendarDays } from '../utils.js';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants';\nimport { returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport function useMonthYearPicker (props, emits) {\n  const selectMonth = ref(getMonth(props.selectedDate));\n  const selectYear = ref(getYear(props.selectedDate));\n  const highlightedDay = ref(null);\n  const focusPicker = ref(0);\n  const focusRefs = ref([]);\n  const i18n = new DialtoneLocalization();\n\n  const calendarDays = computed(() => {\n    return getCalendarDays(\n      selectMonth.value, selectYear.value, highlightedDay.value,\n      props.minDate, props.maxDate, props.weekStartsOn,\n    );\n  });\n\n  const isPrevMonthDisabled = computed(() => {\n    if (!props.minDate) return false;\n    const prevMonth = subMonths(new Date(selectYear.value, selectMonth.value, 1), 1);\n    return endOfMonth(prevMonth) < startOfDay(props.minDate);\n  });\n\n  const isNextMonthDisabled = computed(() => {\n    if (!props.maxDate) return false;\n    const nextMonth = addMonths(new Date(selectYear.value, selectMonth.value, 1), 1);\n    return startOfMonth(nextMonth) > startOfDay(props.maxDate);\n  });\n\n  const isPrevYearDisabled = computed(() => {\n    if (!props.minDate) return false;\n    const prevYearMonth = new Date(selectYear.value - 1, selectMonth.value, 1);\n    return endOfMonth(prevYearMonth) < startOfDay(props.minDate);\n  });\n\n  const isNextYearDisabled = computed(() => {\n    if (!props.maxDate) return false;\n    const nextYearMonth = new Date(selectYear.value + 1, selectMonth.value, 1);\n    return startOfMonth(nextYearMonth) > startOfDay(props.maxDate);\n  });\n\n  watch(selectMonth, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  watch(selectYear, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  watch(() => props.minDate, () => {\n    emits('calendar-days', calendarDays.value);\n  });\n\n  watch(() => props.maxDate, () => {\n    emits('calendar-days', calendarDays.value);\n  });\n\n  function formattedMonth (month) {\n    return formatMonth(month, INTL_MONTH_FORMAT, i18n.currentLocale);\n  }\n\n  function setDayRef (el) {\n    if (!focusRefs.value.includes(el)) {\n      focusRefs.value.push(el);\n    }\n  }\n\n  function focusMonthYearPicker () {\n    returnFirstEl(focusRefs.value[0].$el).focus();\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusPicker.value === 0) {\n          focusPicker.value = 3;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value--;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusPicker.value === 3) {\n          focusPicker.value = 0;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value++;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function highlightDay () {\n    const year = getYear(props.selectedDate);\n    const month = getMonth(props.selectedDate);\n\n    if (year !== selectYear.value || month !== selectMonth.value) {\n      highlightedDay.value = null;\n    } else {\n      highlightedDay.value = getDate(props.selectedDate);\n    }\n  }\n\n  function changeMonth (value) {\n    if (value === -1 && isPrevMonthDisabled.value) return;\n    if (value === 1 && isNextMonthDisabled.value) return;\n\n    // Adjust year when changing from January to December or vice versa\n    if ((selectMonth.value === 0 && value === -1) || (selectMonth.value === 11 && value === 1)) {\n      selectYear.value += value;\n    }\n\n    // Calculate the new date by adding or subtracting months\n    const initialDate = set(props.selectedDate, { month: selectMonth.value, year: selectYear.value });\n    const newDate = value === 1 ? addMonths(initialDate, 1) : subMonths(initialDate, 1);\n\n    // Update the selected month\n    selectMonth.value = getMonth(newDate);\n  }\n\n  function changeYear (value) {\n    if (value === -1 && isPrevYearDisabled.value) return;\n    if (value === 1 && isNextYearDisabled.value) return;\n\n    selectYear.value = selectYear.value + value;\n  }\n\n  function goToNextMonth () {\n    changeMonth(1);\n  }\n\n  function goToPrevMonth () {\n    changeMonth(-1);\n  }\n\n  function previousYearAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_YEAR')} ${selectYear.value - 1}`;\n  }\n\n  function previousMonthAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_MONTH')} ${formattedMonth(selectMonth.value - 1)}`;\n  }\n\n  function nextYearAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_NEXT_YEAR')} ${selectYear.value + 1}`;\n  }\n\n  function nextMonthAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_NEXT_MONTH')} ${formattedMonth(selectMonth.value + 1)}`;\n  }\n\n  return {\n    selectMonth,\n    selectYear,\n    formattedMonth,\n    setDayRef,\n    focusMonthYearPicker,\n    handleKeyDown,\n    changeMonth,\n    changeYear,\n    goToNextMonth,\n    goToPrevMonth,\n    isPrevMonthDisabled,\n    isNextMonthDisabled,\n    isPrevYearDisabled,\n    isNextYearDisabled,\n    previousYearAriaLabel,\n    previousMonthAriaLabel,\n    nextYearAriaLabel,\n    nextMonthAriaLabel,\n  };\n}\n","<template>\n  <dt-stack\n    class=\"d-datepicker__month-year\"\n    direction=\"row\"\n    gap=\"50\"\n  >\n    <dt-stack\n      as=\"nav\"\n      class=\"d-datepicker__nav\"\n      direction=\"row\"\n      gap=\"25\"\n    >\n      <dt-tooltip\n        :fallback-placements=\"['top-start', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_YEAR')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"previousYearAriaLabel()\"\n            :disabled=\"isPrevYearDisabled\"\n            kind=\"muted\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            :size=\"100\"\n            type=\"button\"\n            @click=\"changeYear(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <template #icon=\"{ iconSize }\">\n              <dt-icon-chevrons-left :size=\"iconSize\" />\n            </template>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :fallback-placements=\"['top-start', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_MONTH')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"previousMonthAriaLabel()\"\n            :disabled=\"isPrevMonthDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :size=\"100\"\n            type=\"button\"\n            @click=\"changeMonth(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <template #icon=\"{ iconSize }\">\n              <dt-icon-chevron-left :size=\"iconSize\" />\n            </template>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n    <div\n      id=\"calendar-heading\"\n      class=\"d-datepicker__month-year-title\"\n    >\n      {{ formattedMonth(selectMonth) }}\n\n      {{ selectYear }}\n    </div>\n    <dt-stack\n      as=\"nav\"\n      class=\"d-datepicker__nav\"\n      direction=\"row\"\n      gap=\"25\"\n    >\n      <dt-tooltip\n        :fallback-placements=\"['top-end', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_NEXT_MONTH')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"nextMonthAriaLabel()\"\n            :disabled=\"isNextMonthDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :size=\"100\"\n            type=\"button\"\n            @click=\"changeMonth(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <template #icon=\"{ iconSize }\">\n              <dt-icon-chevron-right :size=\"iconSize\" />\n            </template>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :fallback-placements=\"['top-end', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_NEXT_YEAR')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"nextYearAriaLabel()\"\n            :disabled=\"isNextYearDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :size=\"100\"\n            type=\"button\"\n            @click=\"changeYear(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <template #icon=\"{ iconSize }\">\n              <dt-icon-chevrons-right :size=\"iconSize\" />\n            </template>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n  </dt-stack>\n</template>\n\n<script setup>\nimport {\n  DtIconChevronLeft,\n  DtIconChevronsLeft,\n  DtIconChevronRight,\n  DtIconChevronsRight,\n} from '@dialpad/dialtone-icons/vue';\nimport { DtStack } from '@/components/stack';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { onMounted } from 'vue';\nimport { useMonthYearPicker } from '../composables/useMonthYearPicker.js';\nimport { DialtoneLocalization } from '@/localization';\n\nconst props = defineProps({\n  selectedDate: {\n    type: Date,\n    required: true,\n  },\n\n  minDate: {\n    type: Date,\n    default: null,\n  },\n\n  maxDate: {\n    type: Date,\n    default: null,\n  },\n\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Will retrieve the calendar days of the given date\n     *\n     * @event calendar-days\n     * @type {Array}\n     */\n  'calendar-days',\n\n  /**\n     * Will focus first day in calendar\n     *\n     * @event focus-first-day\n     */\n  'focus-first-day',\n\n  /**\n     * Will focus last day in calendar\n     *\n     * @event focus-last-day\n     */\n  'focus-last-day',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst i18n = new DialtoneLocalization();\n\nconst {\n  selectMonth,\n  selectYear,\n  formattedMonth,\n  setDayRef,\n  focusMonthYearPicker,\n  handleKeyDown,\n  changeMonth,\n  changeYear,\n  goToNextMonth,\n  goToPrevMonth,\n  isPrevMonthDisabled,\n  isNextMonthDisabled,\n  isPrevYearDisabled,\n  isNextYearDisabled,\n  previousYearAriaLabel,\n  previousMonthAriaLabel,\n  nextMonthAriaLabel,\n  nextYearAriaLabel,\n} = useMonthYearPicker(props, emits);\n\nonMounted(() => {\n  focusMonthYearPicker();\n});\n\ndefineExpose({\n  focusMonthYearPicker,\n  goToNextMonth,\n  goToPrevMonth,\n});\n</script>\n","import { computed, ref, watch, nextTick } from 'vue';\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate, formatDate } from '../utils.js';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants.js';\nimport { returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport function useCalendar (props, emits) {\n  const selectedDay = ref(null);\n  const focusDay = ref(0);\n  const daysRef = ref([]);\n  const i18n = new DialtoneLocalization();\n\n  const weekDays = computed(() => {\n    return getWeekDayNames(i18n.currentLocale, props.weekStartsOn);\n  });\n\n  watch(() => props.calendarDays, () => {\n    focusDay.value = 0;\n    daysRef.value = [];\n    selectedDay.value = null;\n  });\n\n  function dayAriaLabel (day) {\n    return i18n.$t('DIALTONE_DATEPICKER_SELECT_DAY') + ` ${formatDate(day.value, INTL_MONTH_FORMAT, i18n.currentLocale)}`;\n  }\n\n  function setDayRef (el, day) {\n    if (!daysRef.value.some(day => day.el === el) && !day.disabled) {\n      daysRef.value.push({ el, day });\n    }\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        focusDay.value -= 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch {\n          const prevFocusDate = calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);\n          emits('go-to-prev-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[prevFocusDate - 1].el.$el).focus();\n            focusDay.value += prevFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        focusDay.value += 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch {\n          const nextFocusDate = calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);\n          emits('go-to-next-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[nextFocusDate - 1].el.$el).focus();\n            focusDay.value += nextFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusDay.value > 0) {\n          focusDay.value -= 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month first day, jump to last day of prev month\n          emits('go-to-prev-month');\n          focusLastDay();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusDay.value < daysRef.value.length - 1) {\n          focusDay.value += 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month last day, jump to first day of next month\n          emits('go-to-next-month');\n\n          focusFirstDay();\n        }\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-month-year-picker');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function focusFirstDay () {\n    focusDay.value = 0;\n\n    nextTick(() => {\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function focusLastDay () {\n    nextTick(() => {\n      focusDay.value = daysRef.value.length - 1;\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function selectDay (day) {\n    if (day.disabled) { return; }\n\n    // local selectedDay is updated when a day is selected\n    selectedDay.value = day.text;\n    emits('select-date', day.value);\n  }\n\n  return {\n    selectedDay,\n    weekDays,\n    dayAriaLabel,\n    setDayRef,\n    handleKeyDown,\n    focusFirstDay,\n    selectDay,\n  };\n}\n","<template>\n  <table\n    class=\"d-datepicker__calendar\"\n    aria-labelledby=\"calendar-heading\"\n  >\n    <thead>\n      <tr>\n        <th\n          v-for=\"day in weekDays\"\n          :key=\"day\"\n          scope=\"col\"\n          class=\"d-datepicker__cell d-datepicker__cell--header\"\n        >\n          <span\n            class=\"d-datepicker__weekday\"\n            :title=\"day\"\n            :aria-label=\"day\"\n          > {{ day }}</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(week, indexWeek) in calendarDays\"\n        :key=\"indexWeek\"\n      >\n        <td\n          v-for=\"(day, indexDays) in week.days\"\n          :key=\"indexWeek + indexDays\"\n          class=\"d-datepicker__cell\"\n          role=\"listbox\"\n        >\n          <dt-button\n            :ref=\"el => { if (el) setDayRef(el, day) }\"\n            class=\"d-datepicker__day\"\n            :size=\"200\"\n            kind=\"muted\"\n            importance=\"clear\"\n            :disabled=\"day.disabled\"\n            :class=\"{\n              'd-datepicker__day--disabled': day.disabled,\n              'd-datepicker__day--selected': selectedDay\n                ? ((day.text === selectedDay) && !day.disabled)\n                : day.selected,\n            }\"\n            type=\"button\"\n            :aria-selected=\"!!selectedDay ? ((day.text === selectedDay) && !day.disabled) : day.selected\"\n            :aria-label=\"dayAriaLabel(day)\"\n            role=\"option\"\n            @click=\"selectDay(day)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            {{ day.text }}\n          </dt-button>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script setup>\nimport { useCalendar } from '../composables/useCalendar.js';\nimport { DtButton } from '@/components/button';\n\nconst props = defineProps({\n  calendarDays: {\n    type: Array,\n    required: true,\n  },\n\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event select-date\n     * @type {Date}\n     */\n  'select-date',\n\n  /**\n     * Will focus the month and year picker\n     *\n     * @event focus-month-year-picker\n     */\n  'focus-month-year-picker',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n\n  /**\n     * Will go to the next month\n     *\n     * @event go-to-next-month\n     */\n  'go-to-next-month',\n\n  /**\n     * Will go to the previous month\n     *\n     * @event go-to-prev-month\n     */\n  'go-to-prev-month',\n]);\n\nconst {\n  selectedDay,\n  weekDays,\n  dayAriaLabel,\n  setDayRef,\n  handleKeyDown,\n  focusFirstDay,\n  selectDay,\n} = useCalendar(props, emits);\n\ndefineExpose({\n  focusFirstDay,\n});\n</script>\n","<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-stack\n    class=\"d-datepicker\"\n    gap=\"100\"\n  >\n    <div class=\"d-datepicker__hd\">\n      <month-year-picker\n        ref=\"monthYearPicker\"\n        :selected-date=\"selectedDate\"\n        :min-date=\"minDate\"\n        :max-date=\"maxDate\"\n        :week-starts-on=\"weekStartsOn\"\n        @calendar-days=\"updateCalendarDays\"\n        @focus-first-day=\"$refs.calendar.focusFirstDay()\"\n        @focus-last-day=\"$refs.calendar.focusLastDay()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n      />\n    </div>\n    <div class=\"d-datepicker__bd\">\n      <calendar\n        ref=\"calendar\"\n        :calendar-days=\"calendarDays\"\n        :week-starts-on=\"weekStartsOn\"\n        @select-date=\"$emit('selected-date', $event)\"\n        @focus-month-year-picker=\"$refs.monthYearPicker.focusMonthYearPicker()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n        @go-to-next-month=\"$refs.monthYearPicker.goToNextMonth()\"\n        @go-to-prev-month=\"$refs.monthYearPicker.goToPrevMonth()\"\n      />\n    </div>\n  </dt-stack>\n</template>\n\n<script setup>\nimport MonthYearPicker from './modules/month-year-picker.vue';\nimport Calendar from './modules/calendar.vue';\nimport { DtStack } from '@/components/stack';\nimport { returnFirstEl, warnIfUnmounted } from '@/common/utils';\nimport { onMounted, ref, getCurrentInstance } from 'vue';\n\ndefineOptions({\n  name: 'DtDatepicker',\n});\n\ndefineProps({\n  /**\n     * Selected date\n     *\n     * @type {Date}\n     */\n  selectedDate: {\n    type: Date,\n    default: () => (new Date()),\n  },\n\n  /**\n     * Minimum selectable date. Days before this date will be disabled.\n     * Must be before or equal to maxDate when both are provided.\n     *\n     * @type {Date}\n     */\n  minDate: {\n    type: Date,\n    default: null,\n  },\n\n  /**\n     * Maximum selectable date. Days after this date will be disabled.\n     * Must be after or equal to minDate when both are provided.\n     *\n     * @type {Date}\n     */\n  maxDate: {\n    type: Date,\n    default: null,\n    validator: (value, props) => {\n      if (value && props.minDate && value < props.minDate) {\n        console.warn('[DtDatepicker]: maxDate must be after or equal to minDate.');\n        return false;\n      }\n      return true;\n    },\n  },\n\n  /**\n     * Day the week starts on. 0 = Sunday, 1 = Monday, ... 6 = Saturday.\n     *\n     * @values 0, 1, 2, 3, 4, 5, 6\n     */\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\ndefineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event selected-date\n     * @type {Date}\n     */\n  'selected-date',\n\n  /**\n     * Event fired when user presses the esc key\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst calendarDays = ref([]);\n\nfunction updateCalendarDays (days) {\n  calendarDays.value = days;\n}\n\nonMounted(() => {\n  const instance = getCurrentInstance();\n  warnIfUnmounted(returnFirstEl(instance.proxy.$el), 'datepicker');\n});\n</script>\n"],"names":["useMonthYearPicker","props","emits","selectMonth","ref","getMonth","selectYear","getYear","highlightedDay","focusPicker","focusRefs","i18n","DialtoneLocalization","calendarDays","computed","getCalendarDays","isPrevMonthDisabled","prevMonth","subMonths","endOfMonth","startOfDay","isNextMonthDisabled","nextMonth","addMonths","startOfMonth","isPrevYearDisabled","prevYearMonth","isNextYearDisabled","nextYearMonth","watch","highlightDay","formattedMonth","month","formatMonth","INTL_MONTH_FORMAT","setDayRef","el","focusMonthYearPicker","returnFirstEl","handleKeyDown","event","year","getDate","changeMonth","value","initialDate","set","newDate","changeYear","goToNextMonth","goToPrevMonth","previousYearAriaLabel","previousMonthAriaLabel","nextYearAriaLabel","nextMonthAriaLabel","__props","__emit","onMounted","__expose","_createBlock","_unref","DtStack","_createVNode","DtTooltip","DtButton","_cache","$event","_withCtx","iconSize","DtIconChevronsLeft","DtIconChevronLeft","_createElementVNode","_hoisted_1","_toDisplayString","DtIconChevronRight","DtIconChevronsRight","useCalendar","selectedDay","focusDay","daysRef","weekDays","getWeekDayNames","dayAriaLabel","day","formatDate","prevFocusDate","calculatePrevFocusDate","nextTick","nextFocusDate","calculateNextFocusDate","focusLastDay","focusFirstDay","selectDay","_openBlock","_createElementBlock","_Fragment","_renderList","_hoisted_2","week","indexWeek","indexDays","_createTextVNode","updateCalendarDays","days","instance","getCurrentInstance","warnIfUnmounted","MonthYearPicker","$refs","$emit","Calendar"],"mappings":"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"}

package/dist/lib/datepicker/datepicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker.js","sources":["../../../components/datepicker/composables/useMonthYearPicker.js","../../../components/datepicker/modules/month-year-picker.vue","../../../components/datepicker/composables/useCalendar.js","../../../components/datepicker/modules/calendar.vue","../../../components/datepicker/datepicker.vue"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport { addMonths, endOfMonth, getDate, getMonth, getYear, set, startOfDay, startOfMonth, subMonths } from 'date-fns';\nimport { formatMonth, getCalendarDays } from '../utils.js';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants';\nimport { returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport function useMonthYearPicker (props, emits) {\n  const selectMonth = ref(getMonth(props.selectedDate));\n  const selectYear = ref(getYear(props.selectedDate));\n  const highlightedDay = ref(null);\n  const focusPicker = ref(0);\n  const focusRefs = ref([]);\n  const i18n = new DialtoneLocalization();\n\n  const calendarDays = computed(() => {\n    return getCalendarDays(\n      selectMonth.value, selectYear.value, highlightedDay.value,\n      props.minDate, props.maxDate, props.weekStartsOn,\n    );\n  });\n\n  const isPrevMonthDisabled = computed(() => {\n    if (!props.minDate) return false;\n    const prevMonth = subMonths(new Date(selectYear.value, selectMonth.value, 1), 1);\n    return endOfMonth(prevMonth) < startOfDay(props.minDate);\n  });\n\n  const isNextMonthDisabled = computed(() => {\n    if (!props.maxDate) return false;\n    const nextMonth = addMonths(new Date(selectYear.value, selectMonth.value, 1), 1);\n    return startOfMonth(nextMonth) > startOfDay(props.maxDate);\n  });\n\n  const isPrevYearDisabled = computed(() => {\n    if (!props.minDate) return false;\n    const prevYearMonth = new Date(selectYear.value - 1, selectMonth.value, 1);\n    return endOfMonth(prevYearMonth) < startOfDay(props.minDate);\n  });\n\n  const isNextYearDisabled = computed(() => {\n    if (!props.maxDate) return false;\n    const nextYearMonth = new Date(selectYear.value + 1, selectMonth.value, 1);\n    return startOfMonth(nextYearMonth) > startOfDay(props.maxDate);\n  });\n\n  watch(selectMonth, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  watch(selectYear, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  watch(() => props.minDate, () => {\n    emits('calendar-days', calendarDays.value);\n  });\n\n  watch(() => props.maxDate, () => {\n    emits('calendar-days', calendarDays.value);\n  });\n\n  function formattedMonth (month) {\n    return formatMonth(month, INTL_MONTH_FORMAT, i18n.currentLocale);\n  }\n\n  function setDayRef (el) {\n    if (!focusRefs.value.includes(el)) {\n      focusRefs.value.push(el);\n    }\n  }\n\n  function focusMonthYearPicker () {\n    returnFirstEl(focusRefs.value[0].$el).focus();\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusPicker.value === 0) {\n          focusPicker.value = 3;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value--;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusPicker.value === 3) {\n          focusPicker.value = 0;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value++;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function highlightDay () {\n    const year = getYear(props.selectedDate);\n    const month = getMonth(props.selectedDate);\n\n    if (year !== selectYear.value || month !== selectMonth.value) {\n      highlightedDay.value = null;\n    } else {\n      highlightedDay.value = getDate(props.selectedDate);\n    }\n  }\n\n  function changeMonth (value) {\n    if (value === -1 && isPrevMonthDisabled.value) return;\n    if (value === 1 && isNextMonthDisabled.value) return;\n\n    // Adjust year when changing from January to December or vice versa\n    if ((selectMonth.value === 0 && value === -1) || (selectMonth.value === 11 && value === 1)) {\n      selectYear.value += value;\n    }\n\n    // Calculate the new date by adding or subtracting months\n    const initialDate = set(props.selectedDate, { month: selectMonth.value, year: selectYear.value });\n    const newDate = value === 1 ? addMonths(initialDate, 1) : subMonths(initialDate, 1);\n\n    // Update the selected month\n    selectMonth.value = getMonth(newDate);\n  }\n\n  function changeYear (value) {\n    if (value === -1 && isPrevYearDisabled.value) return;\n    if (value === 1 && isNextYearDisabled.value) return;\n\n    selectYear.value = selectYear.value + value;\n  }\n\n  function goToNextMonth () {\n    changeMonth(1);\n  }\n\n  function goToPrevMonth () {\n    changeMonth(-1);\n  }\n\n  function previousYearAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_YEAR')} ${selectYear.value - 1}`;\n  }\n\n  function previousMonthAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_MONTH')} ${formattedMonth(selectMonth.value - 1)}`;\n  }\n\n  function nextYearAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_NEXT_YEAR')} ${selectYear.value + 1}`;\n  }\n\n  function nextMonthAriaLabel () {\n    return `${i18n.$t('DIALTONE_DATEPICKER_CHANGE_TO')} ${i18n.$t('DIALTONE_DATEPICKER_NEXT_MONTH')} ${formattedMonth(selectMonth.value + 1)}`;\n  }\n\n  return {\n    selectMonth,\n    selectYear,\n    formattedMonth,\n    setDayRef,\n    focusMonthYearPicker,\n    handleKeyDown,\n    changeMonth,\n    changeYear,\n    goToNextMonth,\n    goToPrevMonth,\n    isPrevMonthDisabled,\n    isNextMonthDisabled,\n    isPrevYearDisabled,\n    isNextYearDisabled,\n    previousYearAriaLabel,\n    previousMonthAriaLabel,\n    nextYearAriaLabel,\n    nextMonthAriaLabel,\n  };\n}\n","<template>\n  <dt-stack\n    class=\"d-datepicker__month-year\"\n    direction=\"row\"\n    gap=\"50\"\n  >\n    <dt-stack\n      as=\"nav\"\n      class=\"d-datepicker__nav\"\n      direction=\"row\"\n      gap=\"25\"\n    >\n      <dt-tooltip\n        :fallback-placements=\"['top-start', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_YEAR')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"previousYearAriaLabel()\"\n            :disabled=\"isPrevYearDisabled\"\n            kind=\"muted\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            :size=\"100\"\n            type=\"button\"\n            @click=\"changeYear(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <template #icon=\"{ iconSize }\">\n              <dt-icon-chevrons-left :size=\"iconSize\" />\n            </template>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :fallback-placements=\"['top-start', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_PREVIOUS_MONTH')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"previousMonthAriaLabel()\"\n            :disabled=\"isPrevMonthDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :size=\"100\"\n            type=\"button\"\n            @click=\"changeMonth(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <template #icon=\"{ iconSize }\">\n              <dt-icon-chevron-left :size=\"iconSize\" />\n            </template>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n    <div\n      id=\"calendar-heading\"\n      class=\"d-datepicker__month-year-title\"\n    >\n      {{ formattedMonth(selectMonth) }}\n\n      {{ selectYear }}\n    </div>\n    <dt-stack\n      as=\"nav\"\n      class=\"d-datepicker__nav\"\n      direction=\"row\"\n      gap=\"25\"\n    >\n      <dt-tooltip\n        :fallback-placements=\"['top-end', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_NEXT_MONTH')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"nextMonthAriaLabel()\"\n            :disabled=\"isNextMonthDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :size=\"100\"\n            type=\"button\"\n            @click=\"changeMonth(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <template #icon=\"{ iconSize }\">\n              <dt-icon-chevron-right :size=\"iconSize\" />\n            </template>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :fallback-placements=\"['top-end', 'auto']\"\n        :message=\"i18n.$t('DIALTONE_DATEPICKER_NEXT_YEAR')\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            :aria-label=\"nextYearAriaLabel()\"\n            :disabled=\"isNextYearDisabled\"\n            class=\"d-datepicker__nav-btn\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :size=\"100\"\n            type=\"button\"\n            @click=\"changeYear(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <template #icon=\"{ iconSize }\">\n              <dt-icon-chevrons-right :size=\"iconSize\" />\n            </template>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n  </dt-stack>\n</template>\n\n<script setup>\nimport {\n  DtIconChevronLeft,\n  DtIconChevronsLeft,\n  DtIconChevronRight,\n  DtIconChevronsRight,\n} from '@dialpad/dialtone-icons/vue';\nimport { DtStack } from '@/components/stack';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { onMounted } from 'vue';\nimport { useMonthYearPicker } from '../composables/useMonthYearPicker.js';\nimport { DialtoneLocalization } from '@/localization';\n\nconst props = defineProps({\n  selectedDate: {\n    type: Date,\n    required: true,\n  },\n\n  minDate: {\n    type: Date,\n    default: null,\n  },\n\n  maxDate: {\n    type: Date,\n    default: null,\n  },\n\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Will retrieve the calendar days of the given date\n     *\n     * @event calendar-days\n     * @type {Array}\n     */\n  'calendar-days',\n\n  /**\n     * Will focus first day in calendar\n     *\n     * @event focus-first-day\n     */\n  'focus-first-day',\n\n  /**\n     * Will focus last day in calendar\n     *\n     * @event focus-last-day\n     */\n  'focus-last-day',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst i18n = new DialtoneLocalization();\n\nconst {\n  selectMonth,\n  selectYear,\n  formattedMonth,\n  setDayRef,\n  focusMonthYearPicker,\n  handleKeyDown,\n  changeMonth,\n  changeYear,\n  goToNextMonth,\n  goToPrevMonth,\n  isPrevMonthDisabled,\n  isNextMonthDisabled,\n  isPrevYearDisabled,\n  isNextYearDisabled,\n  previousYearAriaLabel,\n  previousMonthAriaLabel,\n  nextMonthAriaLabel,\n  nextYearAriaLabel,\n} = useMonthYearPicker(props, emits);\n\nonMounted(() => {\n  focusMonthYearPicker();\n});\n\ndefineExpose({\n  focusMonthYearPicker,\n  goToNextMonth,\n  goToPrevMonth,\n});\n</script>\n","import { computed, ref, watch, nextTick } from 'vue';\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate, formatDate } from '../utils.js';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants.js';\nimport { returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport function useCalendar (props, emits) {\n  const selectedDay = ref(null);\n  const focusDay = ref(0);\n  const daysRef = ref([]);\n  const i18n = new DialtoneLocalization();\n\n  const weekDays = computed(() => {\n    return getWeekDayNames(i18n.currentLocale, props.weekStartsOn);\n  });\n\n  watch(() => props.calendarDays, () => {\n    focusDay.value = 0;\n    daysRef.value = [];\n    selectedDay.value = null;\n  });\n\n  function dayAriaLabel (day) {\n    return i18n.$t('DIALTONE_DATEPICKER_SELECT_DAY') + ` ${formatDate(day.value, INTL_MONTH_FORMAT, i18n.currentLocale)}`;\n  }\n\n  function setDayRef (el, day) {\n    if (!daysRef.value.some(day => day.el === el) && !day.disabled) {\n      daysRef.value.push({ el, day });\n    }\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        focusDay.value -= 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch {\n          const prevFocusDate = calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);\n          emits('go-to-prev-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[prevFocusDate - 1].el.$el).focus();\n            focusDay.value += prevFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        focusDay.value += 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch {\n          const nextFocusDate = calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);\n          emits('go-to-next-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[nextFocusDate - 1].el.$el).focus();\n            focusDay.value += nextFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusDay.value > 0) {\n          focusDay.value -= 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month first day, jump to last day of prev month\n          emits('go-to-prev-month');\n          focusLastDay();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusDay.value < daysRef.value.length - 1) {\n          focusDay.value += 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month last day, jump to first day of next month\n          emits('go-to-next-month');\n\n          focusFirstDay();\n        }\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-month-year-picker');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function focusFirstDay () {\n    focusDay.value = 0;\n\n    nextTick(() => {\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function focusLastDay () {\n    nextTick(() => {\n      focusDay.value = daysRef.value.length - 1;\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function selectDay (day) {\n    if (day.disabled) { return; }\n\n    // local selectedDay is updated when a day is selected\n    selectedDay.value = day.text;\n    emits('select-date', day.value);\n  }\n\n  return {\n    selectedDay,\n    weekDays,\n    dayAriaLabel,\n    setDayRef,\n    handleKeyDown,\n    focusFirstDay,\n    selectDay,\n  };\n}\n","<template>\n  <table\n    class=\"d-datepicker__calendar\"\n    aria-labelledby=\"calendar-heading\"\n  >\n    <thead>\n      <tr>\n        <th\n          v-for=\"day in weekDays\"\n          :key=\"day\"\n          scope=\"col\"\n          class=\"d-datepicker__cell d-datepicker__cell--header\"\n        >\n          <span\n            class=\"d-datepicker__weekday\"\n            :title=\"day\"\n            :aria-label=\"day\"\n          > {{ day }}</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(week, indexWeek) in calendarDays\"\n        :key=\"indexWeek\"\n      >\n        <td\n          v-for=\"(day, indexDays) in week.days\"\n          :key=\"indexWeek + indexDays\"\n          class=\"d-datepicker__cell\"\n          role=\"listbox\"\n        >\n          <dt-button\n            :ref=\"el => { if (el) setDayRef(el, day) }\"\n            class=\"d-datepicker__day\"\n            :size=\"200\"\n            kind=\"muted\"\n            importance=\"clear\"\n            :disabled=\"day.disabled\"\n            :class=\"{\n              'd-datepicker__day--disabled': day.disabled,\n              'd-datepicker__day--selected': selectedDay\n                ? ((day.text === selectedDay) && !day.disabled)\n                : day.selected,\n            }\"\n            type=\"button\"\n            :aria-selected=\"!!selectedDay ? ((day.text === selectedDay) && !day.disabled) : day.selected\"\n            :aria-label=\"dayAriaLabel(day)\"\n            role=\"option\"\n            @click=\"selectDay(day)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            {{ day.text }}\n          </dt-button>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script setup>\nimport { useCalendar } from '../composables/useCalendar.js';\nimport { DtButton } from '@/components/button';\n\nconst props = defineProps({\n  calendarDays: {\n    type: Array,\n    required: true,\n  },\n\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event select-date\n     * @type {Date}\n     */\n  'select-date',\n\n  /**\n     * Will focus the month and year picker\n     *\n     * @event focus-month-year-picker\n     */\n  'focus-month-year-picker',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n\n  /**\n     * Will go to the next month\n     *\n     * @event go-to-next-month\n     */\n  'go-to-next-month',\n\n  /**\n     * Will go to the previous month\n     *\n     * @event go-to-prev-month\n     */\n  'go-to-prev-month',\n]);\n\nconst {\n  selectedDay,\n  weekDays,\n  dayAriaLabel,\n  setDayRef,\n  handleKeyDown,\n  focusFirstDay,\n  selectDay,\n} = useCalendar(props, emits);\n\ndefineExpose({\n  focusFirstDay,\n});\n</script>\n","<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-stack\n    class=\"d-datepicker\"\n    gap=\"100\"\n  >\n    <div class=\"d-datepicker__hd\">\n      <month-year-picker\n        ref=\"monthYearPicker\"\n        :selected-date=\"selectedDate\"\n        :min-date=\"minDate\"\n        :max-date=\"maxDate\"\n        :week-starts-on=\"weekStartsOn\"\n        @calendar-days=\"updateCalendarDays\"\n        @focus-first-day=\"$refs.calendar.focusFirstDay()\"\n        @focus-last-day=\"$refs.calendar.focusLastDay()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n      />\n    </div>\n    <div class=\"d-datepicker__bd\">\n      <calendar\n        ref=\"calendar\"\n        :calendar-days=\"calendarDays\"\n        :week-starts-on=\"weekStartsOn\"\n        @select-date=\"$emit('selected-date', $event)\"\n        @focus-month-year-picker=\"$refs.monthYearPicker.focusMonthYearPicker()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n        @go-to-next-month=\"$refs.monthYearPicker.goToNextMonth()\"\n        @go-to-prev-month=\"$refs.monthYearPicker.goToPrevMonth()\"\n      />\n    </div>\n  </dt-stack>\n</template>\n\n<script setup>\nimport MonthYearPicker from './modules/month-year-picker.vue';\nimport Calendar from './modules/calendar.vue';\nimport { DtStack } from '@/components/stack';\nimport { returnFirstEl, warnIfUnmounted } from '@/common/utils';\nimport { onMounted, ref, getCurrentInstance } from 'vue';\n\ndefineOptions({\n  name: 'DtDatepicker',\n});\n\ndefineProps({\n  /**\n     * Selected date\n     *\n     * @type {Date}\n     */\n  selectedDate: {\n    type: Date,\n    default: () => (new Date()),\n  },\n\n  /**\n     * Minimum selectable date. Days before this date will be disabled.\n     * Must be before or equal to maxDate when both are provided.\n     *\n     * @type {Date}\n     */\n  minDate: {\n    type: Date,\n    default: null,\n  },\n\n  /**\n     * Maximum selectable date. Days after this date will be disabled.\n     * Must be after or equal to minDate when both are provided.\n     *\n     * @type {Date}\n     */\n  maxDate: {\n    type: Date,\n    default: null,\n    validator: (value, props) => {\n      if (value && props.minDate && value < props.minDate) {\n        console.warn('[DtDatepicker]: maxDate must be after or equal to minDate.');\n        return false;\n      }\n      return true;\n    },\n  },\n\n  /**\n     * Day the week starts on. 0 = Sunday, 1 = Monday, ... 6 = Saturday.\n     *\n     * @values 0, 1, 2, 3, 4, 5, 6\n     */\n  weekStartsOn: {\n    type: Number,\n    default: 0,\n    validator: (v) => Number.isInteger(v) && v >= 0 && v <= 6,\n  },\n});\n\ndefineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event selected-date\n     * @type {Date}\n     */\n  'selected-date',\n\n  /**\n     * Event fired when user presses the esc key\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst calendarDays = ref([]);\n\nfunction updateCalendarDays (days) {\n  calendarDays.value = days;\n}\n\nonMounted(() => {\n  const instance = getCurrentInstance();\n  warnIfUnmounted(returnFirstEl(instance.proxy.$el), 'datepicker');\n});\n</script>\n"],"names":["useMonthYearPicker","props","emits","selectMonth","ref","getMonth","selectYear","getYear","highlightedDay","focusPicker","focusRefs","i18n","DialtoneLocalization","calendarDays","computed","getCalendarDays","isPrevMonthDisabled","prevMonth","subMonths","endOfMonth","startOfDay","isNextMonthDisabled","nextMonth","addMonths","startOfMonth","isPrevYearDisabled","prevYearMonth","isNextYearDisabled","nextYearMonth","watch","highlightDay","formattedMonth","month","formatMonth","INTL_MONTH_FORMAT","setDayRef","el","focusMonthYearPicker","returnFirstEl","handleKeyDown","event","year","getDate","changeMonth","value","initialDate","set","newDate","changeYear","goToNextMonth","goToPrevMonth","previousYearAriaLabel","previousMonthAriaLabel","nextYearAriaLabel","nextMonthAriaLabel","__props","__emit","onMounted","__expose","_createBlock","_unref","DtStack","_createVNode","DtTooltip","DtButton","_cache","$event","_withCtx","iconSize","DtIconChevronsLeft","DtIconChevronLeft","_createElementVNode","_hoisted_1","_toDisplayString","DtIconChevronRight","DtIconChevronsRight","useCalendar","selectedDay","focusDay","daysRef","weekDays","getWeekDayNames","dayAriaLabel","day","formatDate","prevFocusDate","calculatePrevFocusDate","nextTick","nextFocusDate","calculateNextFocusDate","focusLastDay","focusFirstDay","selectDay","_openBlock","_createElementBlock","_Fragment","_renderList","_hoisted_2","week","indexWeek","indexDays","_createTextVNode","updateCalendarDays","days","instance","getCurrentInstance","warnIfUnmounted","MonthYearPicker","$refs","$emit","Calendar"],"mappings":"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"}

package/dist/lib/datepicker/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/datepicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/description-list/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/description-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/dropdown/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/lib/editor/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/editor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/emoji/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/emoji/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/emoji-picker/emoji-picker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji-picker.cjs","sources":["../../../components/emoji_picker/modules/emoji_search.vue","../../../components/emoji_picker/modules/emoji_tabset.vue","../../../components/emoji_picker/composables/useKeyboardNavigation.js","../../../components/emoji_picker/modules/emoji_selector.vue","../../../components/emoji_picker/modules/emoji_skin_selector.vue","../../../components/emoji_picker/modules/emoji_description.vue","../../../components/emoji_picker/emoji_picker.vue"],"sourcesContent":["<template>\n  <div class=\"d-emoji-picker__search d-emoji-picker__alignment\">\n    <dt-input\n      id=\"searchInput\"\n      ref=\"searchInput\"\n      :placeholder=\"searchPlaceholderLabel\"\n      :model-value=\"modelValue\"\n      @update:model-value=\"$emit('update:modelValue', $event)\"\n      @keydown.up=\"$emit('focus-tabset')\"\n      @keydown.down.prevent=\"$emit('focus-emoji-selector')\"\n      @keydown.enter=\"$emit('select-first-emoji')\"\n    >\n      <template #startIcon>\n        <dt-icon-search\n          size=\"200\"\n        />\n      </template>\n      <template\n        v-if=\"modelValue.length > 0\"\n        #endIcon\n      >\n        <dt-button\n          importance=\"clear\"\n          :size=\"100\"\n          class=\"d-emoji-picker__search-x-button\"\n          circle\n          kind=\"muted\"\n          @click=\"clearSearch\"\n        >\n          <template #icon>\n            <dt-icon-close\n              size=\"200\"\n            />\n          </template>\n        </dt-button>\n      </template>\n    </dt-input>\n  </div>\n</template>\n\n<script setup>\nimport { DtIconSearch, DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { onMounted, ref } from 'vue';\n\ndefineProps({\n  searchPlaceholderLabel: {\n    type: String,\n    required: true,\n  },\n  modelValue: {\n    type: String,\n    default: '',\n  },\n});\n\nconst emits = defineEmits(['update:modelValue', 'focus-emoji-selector', 'focus-tabset', 'select-first-emoji']);\n\nconst searchInput = ref(null);\n\nfunction clearSearch () {\n  emits('update:modelValue', '');\n  focusSearchInput();\n}\n\nfunction focusSearchInput () {\n  searchInput.value.focus();\n}\nonMounted(() => {\n  focusSearchInput();\n});\n\ndefineExpose({\n  focusSearchInput,\n});\n</script>\n","<template>\n  <div class=\"d-emoji-picker__tabset\">\n    <dt-tab-group\n      :selected=\"selectedTab\"\n      :size=\"200\"\n      spread=\"equal\"\n      tab-list-class=\"d-emoji-picker__tabset-list\"\n    >\n      <template #tabs>\n        <dt-tab\n          v-for=\"(tab, index) in tabs\"\n          :id=\"tab.id\"\n          :key=\"tab.id\"\n          :ref=\"el => { if (el) setTabsetRef(el) }\"\n          :label=\"tab.label\"\n          :panel-id=\"tab.panelId\"\n          :tabindex=\"index + 1\"\n          aria-controls=\"d-emoji-picker-list\"\n          @keydown=\"handleKeyDown($event, tab.id)\"\n          @click.capture.stop=\"selectTabset(tab.id)\"\n        >\n          <component\n            :is=\"tab.icon\"\n            size=\"400\"\n          />\n        </dt-tab>\n      </template>\n    </dt-tab-group>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue';\nimport { DtTab, DtTabGroup } from '@/components/tab';\nimport { returnFirstEl } from '@/common/utils';\nimport {\n  DtIconClock,\n  DtIconSatisfied,\n  DtIconLivingThing,\n  DtIconFood,\n  DtIconObject,\n  DtIconTransportation,\n  DtIconLightbulb,\n  DtIconHeart,\n  DtIconFlag,\n  DtIconDialpadStar,\n} from '@dialpad/dialtone-icons/vue';\n\nconst props = defineProps({\n  /**\n   * Whether to show the recently used tab or not\n   * @type {Boolean}\n   * @default false\n   */\n  showRecentlyUsedTab: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n   * Whether to show the custom emojis tab or not\n   * @type {Boolean}\n   * @default false\n   */\n  showCustomEmojisTab: {\n    type: Boolean,\n    default: false,\n  },\n\n  scrollIntoTab: {\n    type: Number,\n    required: true,\n  },\n\n  emojiFilter: {\n    type: String,\n    default: '',\n  },\n\n  /**\n   * The labels for the aria-label\n   * @type {Array}\n   * @required\n   */\n  tabSetLabels: {\n    type: Array,\n    required: true,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n   * Emitted when a tab is selected\n   * @event selected-tabset\n   * @param {String} tabId - The name of the tab that was selected\n   */\n  'selected-tabset',\n\n  'focus-search-input',\n  'focus-skin-selector',\n]);\n\nconst TABS_DATA = [\n  { label: props.tabSetLabels[0], icon: DtIconClock },\n  { label: props.tabSetLabels[1], icon: DtIconSatisfied },\n  { label: props.tabSetLabels[2], icon: DtIconLivingThing },\n  { label: props.tabSetLabels[3], icon: DtIconFood },\n  { label: props.tabSetLabels[4], icon: DtIconObject },\n  { label: props.tabSetLabels[5], icon: DtIconTransportation },\n  { label: props.tabSetLabels[6], icon: DtIconLightbulb },\n  { label: props.tabSetLabels[7], icon: DtIconHeart },\n  { label: props.tabSetLabels[8], icon: DtIconFlag },\n  { label: props.tabSetLabels[9], icon: DtIconDialpadStar },\n];\n\nconst tabs = computed(() => {\n  const tabsData = props.showRecentlyUsedTab ? TABS_DATA : TABS_DATA.slice(1);\n  // if showCustomEmojisTab is false remove last index of TABS_DATA\n  if (!props.showCustomEmojisTab) {\n    tabsData.pop();\n  }\n\n  return tabsData.map((tab, index) => ({\n    ...tab,\n    // IDs on dt-tab component need to be on string\n    id: (index + 1).toString(),\n    panelId: (index + 1).toString(),\n  }));\n});\n\nconst isSearching = computed(() => props.emojiFilter.length > 0);\n\nconst selectedTab = ref('1');\n\nconst tabsetRef = ref([]);\n\nwatch(() => props.scrollIntoTab,\n  () => {\n    if (!isSearching.value) {\n      selectedTab.value = (props.scrollIntoTab + 1).toString();\n    }\n  });\n\nwatch(isSearching,\n  () => {\n    if (isSearching.value) {\n      selectedTab.value = null;\n    }\n  });\n\n/**\n * We are using .capture.stop modifiers on the click event\n * because we don't want to trigger the click event of the\n * dt-tab component\n */\nfunction selectTabset (id) {\n  // IDs on scrollToTab need to be on number\n  const parseId = parseInt(id);\n  // IDs on dt-tab component need to be on string\n  selectedTab.value = id;\n  emits('selected-tabset', parseId);\n}\n\nfunction setTabsetRef (ref) {\n  // We push the $el, because $el is the button inside the dt-tab component\n  // and we need the button to focus it\n  tabsetRef.value.push(returnFirstEl(ref.$el));\n}\n\nfunction focusTabset () {\n  tabsetRef.value[0].focus();\n}\n\nfunction handleKeyDown (event, tabId) {\n  if (event.key === 'Enter') {\n    selectTabset(tabId);\n    // We blur because seems like the tab component override the selected prop, and it removes the selected style\n    tabsetRef.value[tabId - 1].blur();\n  }\n\n  if (event.key === 'Tab') {\n    event.preventDefault();\n    if (event.shiftKey) {\n      emits('focus-skin-selector');\n    } else {\n      emits('focus-search-input');\n    }\n  }\n\n  if (event.key === 'ArrowDown') {\n    // Jump to search input\n    emits('focus-search-input');\n  }\n}\n\ndefineExpose({\n  focusTabset,\n});\n</script>\n","import { ref } from 'vue';\nimport { EMOJIS_PER_ROW, ARROW_KEYS } from '@/components/emoji_picker/emoji_picker_constants';\n\nexport function useKeyboardNavigation () {\n  const emojiRefs = ref([]);\n  const emojiFilteredRefs = ref([]);\n  const isFiltering = ref(false);\n  const hoverFirstEmoji = ref(true);\n\n  function _handleArrowLeft (indexTab, indexEmoji) {\n    if (!focusEmoji(indexTab, indexEmoji - 1)) {\n      if (emojiRefs.value[indexTab - 1]) {\n        focusEmoji(indexTab - 1, emojiRefs.value[indexTab - 1].length - 1);\n      } else {\n        focusEmoji(emojiRefs.value.length - 1, emojiRefs.value[emojiRefs.value.length - 1].length - 1);\n      }\n    }\n  }\n\n  function _handleArrowRight (indexTab, indexEmoji) {\n    if (!focusEmoji(indexTab, indexEmoji + 1)) {\n      if (!focusEmoji(indexTab + 1, 0)) {\n        focusEmoji(0, 0);\n      }\n    }\n  }\n\n  function _handleArrowLeftFiltered (indexTab, indexEmoji) {\n    if (!focusEmoji(0, indexEmoji - 1)) {\n      focusEmoji(0, emojiFilteredRefs.value.length - 1);\n    }\n  }\n\n  function _handleArrowRightFiltered (indexTab, indexEmoji) {\n    if (!focusEmoji(0, indexEmoji + 1)) {\n      focusEmoji(0, 0);\n    }\n  }\n\n  function _handleHorizontalNavigation (direction, indexTab, indexEmoji) {\n    if (isFiltering.value) {\n      if (direction === 'left') {\n        _handleArrowLeftFiltered(indexTab, indexEmoji);\n      } else if (direction === 'right') {\n        _handleArrowRightFiltered(indexTab, indexEmoji);\n      }\n    } else {\n      if (direction === 'left') {\n        _handleArrowLeft(indexTab, indexEmoji);\n      } else if (direction === 'right') {\n        _handleArrowRight(indexTab, indexEmoji);\n      }\n    }\n  }\n\n  function focusEmoji (indexTab, indexEmoji) {\n    const emojiRef = isFiltering.value\n      ? emojiFilteredRefs.value?.[indexEmoji]\n      : emojiRefs.value?.[indexTab]?.[indexEmoji];\n\n    if (emojiRef) {\n      emojiRef.focus();\n      return true;\n    }\n\n    return false;\n  }\n\n  function setEmojiRef (el, indexTab, indexEmoji) {\n    if (!emojiRefs.value[indexTab]) {\n      emojiRefs.value[indexTab] = [];\n    }\n    emojiRefs.value[indexTab][indexEmoji] = el;\n  }\n\n  function setFilteredRef (el, index) {\n    emojiFilteredRefs.value[index] = el;\n  }\n\n  function handleArrowNavigationFiltered (key, indexEmoji) {\n    hoverFirstEmoji.value = false;\n\n    if (key === ARROW_KEYS.ARROW_UP) {\n      const position = indexEmoji % EMOJIS_PER_ROW;\n\n      if (!focusEmoji(0, indexEmoji - EMOJIS_PER_ROW)) {\n        const lastEmojiPosition =\n        emojiFilteredRefs.value.length - (emojiFilteredRefs.value.length % EMOJIS_PER_ROW) + position;\n\n        focusEmoji(0, lastEmojiPosition);\n\n        if (!focusEmoji(0, lastEmojiPosition)) {\n          focusEmoji(0, emojiFilteredRefs.value.length - 1);\n        }\n      }\n    }\n\n    if (key === ARROW_KEYS.ARROW_DOWN) {\n      if (!focusEmoji(0, indexEmoji + EMOJIS_PER_ROW)) {\n        const position = indexEmoji % EMOJIS_PER_ROW;\n\n        if (emojiFilteredRefs.value?.[indexEmoji + (EMOJIS_PER_ROW - position)]) {\n          focusEmoji(0, emojiFilteredRefs.value.length - 1);\n        } else {\n          focusEmoji(0, position);\n        }\n      }\n    }\n\n    if (key === ARROW_KEYS.ARROW_LEFT) {\n      _handleHorizontalNavigation('left', 0, indexEmoji);\n    }\n\n    if (key === ARROW_KEYS.ARROW_RIGHT) {\n      _handleHorizontalNavigation('right', 0, indexEmoji);\n    }\n  }\n\n  function handleArrowNavigation (key, indexTab, indexEmoji) {\n    if (key === 'ArrowUp') {\n      const position = indexEmoji % EMOJIS_PER_ROW;\n\n      if (indexTab === 0) {\n      // we are on the first emoji tab, then we should jump to the last row of the last emoji tab\n        const numberOfMissingEmojis =\n        EMOJIS_PER_ROW - (emojiRefs.value[emojiRefs.value.length - 1].length % EMOJIS_PER_ROW);\n\n        const emojiToJump =\n        emojiRefs.value[emojiRefs.value.length - 1].length + numberOfMissingEmojis - (EMOJIS_PER_ROW - position);\n\n        if (!focusEmoji(emojiRefs.value.length - 1, emojiToJump)) {\n        // if there is no emoji in this position, jump to the last emoji of the row\n          focusEmoji(emojiRefs.value.length - 1, emojiRefs.value[emojiRefs.value.length - 1].length - 1);\n        }\n        return;\n      }\n\n      // if we are not on the first tab, we should jump to the previous row of the current tab\n      if (!focusEmoji(indexTab, indexEmoji - EMOJIS_PER_ROW)) {\n      // if there is no previous row, we should jump to emoji in the sampe position of the previous tab\n        const previousTab = indexTab - 1 < 0 ? 0 : indexTab - 1;\n        const emojisInPreviousTab = emojiRefs.value[previousTab].length;\n        const lastEmojiPosition = emojisInPreviousTab - (emojisInPreviousTab % EMOJIS_PER_ROW) + position;\n\n        if (!focusEmoji(previousTab, lastEmojiPosition)) {\n        // if there is no emoji in this position, jump to the last emoji of the row\n          focusEmoji(indexTab - 1, emojiRefs.value[indexTab - 1].length - 1);\n        }\n      }\n    }\n\n    if (key === 'ArrowDown') {\n      if (!focusEmoji(indexTab, indexEmoji + EMOJIS_PER_ROW)) {\n      // if cannot go down\n\n        // Calculate position from cell 0 to cell 8\n        const position = indexEmoji % EMOJIS_PER_ROW;\n\n        // check if it exists a next row in the current tab\n        if (emojiRefs.value?.[indexTab]?.[indexEmoji + (EMOJIS_PER_ROW - position)]) {\n        // if it exists, we should focus the last emoji of the next row in the current tab\n          focusEmoji(indexTab, emojiRefs.value[indexTab].length - 1);\n        // if we are at the end of the list it will do nothing\n        } else {\n        // We don't have next row, we are in the last of the tab, then jump\n        // to the next tab but in the equal emoji position in row 0.\n\n          if (!focusEmoji(indexTab + 1, position)) {\n          // We are on the bottom!, should jump to the same position emoji in the first row of the first tabset\n          // if it doesn't has, jump to the last\n            if (!focusEmoji(0, position)) {\n              focusEmoji(0, emojiRefs.value[0].length - 1);\n            }\n          }\n        }\n      }\n    }\n\n    if (key === 'ArrowLeft') {\n      _handleHorizontalNavigation('left', indexTab, indexEmoji);\n    }\n\n    if (key === 'ArrowRight') {\n      _handleHorizontalNavigation('right', indexTab, indexEmoji);\n    }\n  }\n\n  return {\n    emojiFilteredRefs,\n    isFiltering,\n    hoverFirstEmoji,\n    setEmojiRef,\n    setFilteredRef,\n    focusEmoji,\n    handleArrowNavigationFiltered,\n    handleArrowNavigation,\n  };\n}\n","<template>\n  <div\n    class=\"d-emoji-picker__selector\"\n  >\n    <div\n      id=\"d-emoji-picker-list\"\n      ref=\"listRef\"\n      class=\"d-emoji-picker__list\"\n    >\n      <p\n        v-if=\"emojiFilter\"\n        class=\"d-emoji-picker__search-label d-emoji-picker__alignment\"\n      >\n        {{ filteredEmojis.length > 0 ? searchResultsLabel : searchNoResultsLabel }}\n      </p>\n      <div\n        v-else\n        ref=\"tabCategoryRef\"\n        class=\"d-emoji-picker__category d-emoji-picker__alignment\"\n      >\n        <p>\n          {{ fixedLabel }}\n        </p>\n      </div>\n      <div\n        v-for=\"(tabLabel, indexTab) in tabLabels\"\n        v-show=\"!emojiFilter\"\n        :key=\"indexTab\"\n        :ref=\"tabLabel.ref\"\n        class=\"d-emoji-picker__alignment\"\n      >\n        <p\n          v-if=\"indexTab\"\n        >\n          {{ tabLabel.label }}\n        </p>\n        <div\n          class=\"d-emoji-picker__tab\"\n        >\n          <button\n            v-for=\"(emoji, indexEmoji) in\n            (emojis[tabs[indexTab] + skinTone] ? emojis[tabs[indexTab] + skinTone] : emojis[tabs[indexTab]])\"\n            :key=\"emoji.shortname\"\n            :ref=\"el => { if (el) setEmojiRef(el, indexTab, indexEmoji) }\"\n            type=\"button\"\n            :aria-label=\"emoji.name\"\n            @click=\"event => selectEmoji(emoji, event)\"\n            @focusin=\"highlightEmoji(emoji)\"\n            @focusout=\"highlightEmoji(null)\"\n            @mouseover=\"highlightEmoji(emoji)\"\n            @mouseleave=\"highlightEmoji(null)\"\n            @keydown=\"event => handleKeyDown(event, indexTab, indexEmoji, emoji)\"\n          >\n            <img\n              class=\"d-icon d-icon--size-500\"\n              :alt=\"emoji.name\"\n              :aria-label=\"emoji.name\"\n              :title=\"emoji.name\"\n              :src=\"getImgSrc(emoji)\"\n              @error=\"handleImageError\"\n            >\n          </button>\n        </div>\n      </div>\n      <div\n        v-if=\"emojiFilter\"\n        class=\"d-emoji-picker__alignment\"\n      >\n        <div\n          class=\"d-emoji-picker__tab \"\n          data-qa=\"filtered-emojis\"\n        >\n          <button\n            v-for=\"(emoji, index) in filteredEmojis\"\n            :key=\"emoji.shortname\"\n            :ref=\"el => { if (el) setFilteredRef(el, index) }\"\n            type=\"button\"\n            :aria-label=\"emoji.name\"\n            :class=\"{\n              'hover-emoji': (index === 0 && hoverFirstEmoji),\n            }\"\n            @click=\"event => selectEmoji(emoji, event)\"\n            @focusin=\"highlightEmoji(emoji)\"\n            @focusout=\"highlightEmoji(null)\"\n            @mouseover=\"hoverEmoji(emoji)\"\n            @mouseleave=\"hoverEmoji(null)\"\n            @keydown=\"event => handleKeyDownFilteredEmojis(event, index, emoji)\"\n          >\n            <img\n              class=\"d-icon d-icon--size-500\"\n              :alt=\"emoji.name\"\n              :aria-label=\"emoji.name\"\n              :title=\"emoji.name\"\n              :src=\"`${CDN_URL + emoji.unicode_character}.png`\"\n            >\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\n/* eslint-disable max-lines */\nimport { emojisGrouped as emojis } from '@dialpad/dialtone-emojis';\nimport { computed, onMounted, onBeforeUnmount, ref, watch, nextTick } from 'vue';\nimport { CDN_URL, ARROW_KEYS } from '@/components/emoji_picker/emoji_picker_constants';\nimport { useKeyboardNavigation } from '@/components/emoji_picker/composables/useKeyboardNavigation';\n\nconst props = defineProps({\n  /**\n   * The filter to apply to the emoji list\n   * @type {String}\n   * @default ''\n   */\n  emojiFilter: {\n    type: String,\n    default: '',\n  },\n\n  /**\n   * The skin tone to apply to the emoji list\n   * @type {String}\n   * @required\n   */\n  skinTone: {\n    type: String,\n    required: true,\n  },\n\n  /**\n   * The labels for the tabset\n   * @type {Array}\n   * @required\n   */\n  tabsetLabels: {\n    type: Array,\n    required: true,\n  },\n\n  selectedTabset: {\n    type: Object,\n    required: true,\n  },\n\n  /**\n   * The label for the search results tab\n   * @type {String}\n   * @required\n   */\n  searchResultsLabel: {\n    type: String,\n    required: true,\n  },\n\n  searchNoResultsLabel: {\n    type: String,\n    required: true,\n  },\n\n  /**\n   * The list of recently used emojis\n   * @type {Array}\n   */\n  recentlyUsedEmojis: {\n    type: Array,\n    default: () => [],\n  },\n\n  /**\n   * The list of custom emojis\n   * @type {Array}\n   */\n  customEmojis: {\n    type: Array,\n    default: () => [],\n  },\n});\n\nconst emits = defineEmits([\n  /**\n   * Emitted when the user hover over an emoji\n   * @event highlighted-emoji\n   * @param {Object} emoji - The emoji data that was hovered\n    */\n  'highlighted-emoji',\n\n  /**\n   * Emitted when the user select an emoji\n   * @event selected-emoji\n   * @param {Object} emoji - The emoji data that was selected\n    */\n  'selected-emoji',\n\n  /**\n   * Emitted when the user scroll into an emoji tab\n   * @event scroll-into-tab\n   * @param {Number} tab-index - The tab that was scrolled into\n    */\n  'scroll-into-tab',\n\n  /**\n   * Emitted when the user reach bottom scroll\n   * This event is used on handleScroll method\n   * @event scroll-bottom-reached\n   */\n  'scroll-bottom-reached',\n\n  /**\n   * Emitted when the user reach the end of the emoji list\n   * @event focus-skin-selector\n    */\n  'focus-skin-selector',\n\n  /**\n   * Emitted when the user shift tab in first tab of emoji selector\n   * @event focus-search-input\n    */\n  'focus-search-input',\n]);\n\nconst {\n  emojiFilteredRefs,\n  isFiltering,\n  hoverFirstEmoji,\n  setEmojiRef,\n  setFilteredRef,\n  focusEmoji,\n  handleArrowNavigationFiltered,\n  handleArrowNavigation,\n} = useKeyboardNavigation();\n\n/**\n * The ref for the tab category\n * This is used to display the fixed label\n */\nconst tabCategoryRef = ref(null);\n\n/**\n * The ref for the list\n * This is used to display the tabs\n */\nconst listRef = ref(null);\n\n/**\n * The ref for the tab label observer\n * This is used to update the fixed label\n */\nconst tabLabelObserver = ref(null);\n\n/**\n * The list of tabs\n * This is used to display the tabs\n */\nconst TABS_DATA = ['Recently used', 'People', 'Nature', 'Food', 'Activity', 'Travel', 'Objects', 'Symbols', 'Flags', 'Custom'];\n\n/**\n * The list of tab labels\n * This is used to display the tabs\n * This is a computed property because it will check if the recently used emojis or custom emojis list is empty\n * If it is empty, it will remove it\n */\nconst tabLabels = computed(() => {\n  let updateTabLabels = props.tabsetLabels.map((label) => ({ label, ref: ref(null) }));\n\n  if (props.recentlyUsedEmojis && !props.recentlyUsedEmojis.length) {\n    updateTabLabels = props.tabsetLabels.slice(1).map((label) => ({ label, ref: ref(null) }));\n  }\n\n  if (props.customEmojis && !props.customEmojis.length) {\n    updateTabLabels.pop();\n  }\n\n  return updateTabLabels;\n});\n\n/**\n * The label of the fixed tab\n * This is used to display the fixed label\n */\nconst fixedLabel = ref(tabLabels.value[0].label);\n\n/**\n * The list of tabs\n * This is used to display the tabs\n * This is a computed property because it will check if the recently used emojis list or custom emojis is empty\n * If it is empty, it will remove it\n * The difference between this and the tab labels is that this one will set the structure of tabs\n * and the tab labels will set the labels\n */\nconst tabs = computed(() => {\n  const updateTabsOrder = props.recentlyUsedEmojis.length ? TABS_DATA.slice() : TABS_DATA.slice(1);\n\n  if (props.customEmojis && !props.customEmojis.length) {\n    updateTabsOrder.pop();\n  }\n\n  return updateTabsOrder;\n});\n\n/**\n * The list of current emojis that match the filter\n * This will be updated when the emojiFilter changes\n * This is used to display the search results\n * The difference between this and the current emojis list is that this one will not have the skin tone applied\n */\nconst filteredEmojis = ref([]);\n\n/**\n * The current emojis list we are displaying\n * This will be updated when the skin tone changes\n * The difference between this and the emojis list is that this one will have only the skin tone applied\n */\nconst currentEmojis = computed(() => {\n  return [\n    ...emojis[`People${props.skinTone}`],\n    ...emojis.Nature,\n    ...emojis.Food,\n    ...emojis[`Activity${props.skinTone}`],\n    ...emojis.Travel,\n    ...emojis[`Objects${props.skinTone}`],\n    ...emojis.Symbols,\n    ...emojis.Flags,\n  ];\n});\n\n/**\n * This will trigger the searchByNameAndKeywords function with debounce of 300 milliseconds\n */\nconst debouncedSearch = debounce(() => {\n  // We clean the emojiFilteredRefs to have an updated ref list for the search results\n  emojiFilteredRefs.value = [];\n  searchByNameAndKeywords();\n});\n\n/**\n * handleScroll will be defined when user scroll\n */\nconst handleScroll = () => {\n  const container = listRef.value;\n  // TODO -- this will probably need to be updated if we add more emojis.\n  // because the container height will change.\n  // maybe with a nextTick similar of scrollToTab.\n  if (container.scrollTop + container.clientHeight >= container.scrollHeight) {\n    emits('scroll-bottom-reached');\n  }\n};\n\n/**\n * Update the current emojis list on skin tone changes\n * Also update the filtered emojis list\n * @listens skinTone\n */\nwatch(currentEmojis, () => {\n  searchByNameAndKeywords();\n}, { immediate: true });\n\n/**\n * Update the recently used emojis list on recently used emojis prop changes\n * @listens recentlyUsedEmojis\n */\nwatch(() => props.recentlyUsedEmojis,\n  () => {\n    emojis['Recently used'] = props.recentlyUsedEmojis;\n  }, { immediate: true });\n\n/**\n * Update the custom emojis list on custom emojis prop changes\n * @listens customEmojis\n */\nwatch(() => props.customEmojis,\n  () => {\n    emojis.Custom = props.customEmojis;\n  }, { immediate: true });\n\n/**\n * Search for emojis by name and keywords\n * Will update the filtered emojis list on emojiFilter update\n * @listens emojiFilter\n */\nwatch(() => props.emojiFilter, () => {\n  resetScroll();\n  if (props.emojiFilter) {\n    isFiltering.value = true;\n  } else {\n    isFiltering.value = false;\n    // If the emoji filter is empty, emit null to remove the highlighted emoji\n    // of the previous search\n    highlightEmoji(null);\n  }\n  debouncedSearch();\n});\n\nwatch(\n  () => props.selectedTabset,\n  (tab) => {\n    scrollToTab(tab.tabId);\n  },\n  { deep: true },\n);\n\nfunction hoverEmoji (emoji, isFirst = false) {\n  hoverFirstEmoji.value = isFirst;\n  emits('highlighted-emoji', emoji);\n}\n\n/**\n * Filters an array of emoji objects based on a search string that matches both the name and keywords.\n * Will update the filtered emojis list\n */\nfunction searchByNameAndKeywords () {\n  const searchStr = props.emojiFilter.toLowerCase();\n  filteredEmojis.value = currentEmojis.value.filter(obj => {\n    const nameIncludesSearchStr = obj.name.toLowerCase().includes(searchStr);\n    const keywordsIncludeSearchStr = obj.keywords.some(keyword => keyword.toLowerCase().includes(searchStr));\n    return nameIncludesSearchStr || keywordsIncludeSearchStr;\n  });\n  nextTick(() => {\n    if (searchStr) {\n      hoverEmoji(filteredEmojis.value[0], true);\n    }\n  });\n}\n\nfunction debounce (fn, delay = 300) {\n  let timeout;\n\n  return (...args) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nfunction getImgSrc (emoji) {\n  // TODO Update json structure to have a property for custom emojis and avoid using date_added\n  if (emoji.date_added) { // if custom emoji\n    return emoji.image;\n  } else { // if regular emoji\n    return CDN_URL + emoji.unicode_character + '.png';\n  }\n}\n\n/**\n * Handle image error - We hide the entire button if the image is not found\n */\nfunction handleImageError (event) {\n  event.target.parentNode.style.display = 'none';\n}\n\n/**\n * Scroll to the selected tab\n */\nfunction scrollToTab (tabIndex, focusFirstEmoji = true) {\n  const tabLabel = tabLabels.value[tabIndex - 1];\n  const tabElement = tabLabel.ref.value[0];\n\n  nextTick(() => {\n    const container = listRef.value;\n    const offsetTop = tabIndex === 1 ? 0 : tabElement.offsetTop - 15;\n\n    container.scrollTop = offsetTop;\n\n    if (focusFirstEmoji) {\n      focusEmoji((tabIndex - 1), 0);\n    }\n  });\n}\n\nfunction resetScroll () {\n  const container = listRef.value;\n\n  container.scrollTop = 0;\n}\n\nfunction setBottomScrollListener () {\n  listRef.value.addEventListener('scroll', handleScroll);\n}\n\n/**\n * This code creates an IntersectionObserver object that monitors the intersection between\n * the root element (tabCategoryRef) and its targets (the child elements of listRef),\n * and updates the value of the fixedLabel variable accordingly.\n */\nfunction setTabLabelObserver () {\n  /**\n   * The code extracts the target element and its index from the IntersectionObserverEntry object,\n   * and checks whether the target intersects with the root and is positioned above or below it.\n   */\n  tabLabelObserver.value = new IntersectionObserver(async (entries) => {\n    // eslint-disable-next-line complexity\n    entries.forEach(entry => {\n      const { target } = entry;\n      const index = parseInt(target.dataset.index);\n\n      /**\n       * If the target is positioned above the root,\n       * the code updates the value of the fixed label to the label of the previous tab,\n       * or the first tab if the current tab is the first one. If the target is positioned below the root, the code\n       * updates the value of the fixed label to the label of the current tab.\n       * If the target stops intersecting with the root and its index is 1 (the second tab),\n       * the code updates the value of the fixed label to the label of the first tab.\n       * NOTES:\n       * This last condition is needed because sometimes it is\n       * not detect the intersection between the root and the target.\n       * We also provide a 50 pixels offset to the root element in the first condition to always get the\n       * first tab if it has fewer emojis, because in some cases if you quickly scroll the observer does not detect it.\n       */\n      if (entry.isIntersecting && target.offsetTop <= tabCategoryRef.value.offsetTop + 50) {\n        fixedLabel.value = tabLabels.value[index - 1]?.label ?? tabLabels.value[0]?.label;\n        emits('scroll-into-tab', index - 1);\n      } else if (entry.boundingClientRect.bottom <= tabCategoryRef.value?.getBoundingClientRect().bottom) {\n        emits('scroll-into-tab', index);\n        fixedLabel.value = tabLabels.value[index]?.label;\n      } else if (index === 1) {\n        emits('scroll-into-tab', index);\n        fixedLabel.value = tabLabels.value[0]?.label;\n      }\n    });\n  });\n\n  /**\n   * The tabLabelObserver is set to observe the root element and all its children elements with\n   * the IntersectionObserver object, and sets their data-index attribute to their index.\n   */\n  tabLabelObserver.value.observe(tabCategoryRef.value);\n\n  Array.from(listRef.value.children).forEach((child, index) => {\n    tabLabelObserver.value.observe(child);\n    child.dataset.index = index;\n  });\n}\n\nconst handleKeyDownFilteredEmojis = (event, indexEmoji, emoji) => {\n  event.preventDefault();\n\n  if (Object.values(ARROW_KEYS).includes(event.key)) {\n    handleArrowNavigationFiltered(event.key, indexEmoji);\n    return;\n  }\n\n  switch (event.key) {\n    case 'Tab':\n      emits('focus-skin-selector');\n      break;\n    case 'Enter':\n      selectEmoji(emoji, event);\n      break;\n    default:\n      break;\n  }\n};\n\n \nconst handleKeyDown = (event, indexTab, indexEmoji, emoji) => {\n  event.preventDefault();\n\n  if (Object.values(ARROW_KEYS).includes(event.key)) {\n    handleArrowNavigation(event.key, indexTab, indexEmoji);\n    return;\n  }\n\n  switch (event.key) {\n    case 'Tab':\n      if (event.shiftKey) {\n        if (focusEmoji(indexTab, 0) && indexTab > 0) {\n          scrollToTab(indexTab, true);\n        } else {\n          scrollToTab(1, false);\n          emits('focus-search-input');\n        }\n      } else {\n        if (focusEmoji(indexTab + 1, 0)) {\n          scrollToTab(indexTab + 1 + 1, false);\n        } else {\n          // We are on the last emoji tabset, jump to the skin selector\n          emits('focus-skin-selector');\n        }\n      }\n      break;\n\n    case 'Enter':\n      selectEmoji(emoji, event);\n      break;\n\n    default:\n      break;\n  }\n};\n\nfunction selectEmoji (emoji, event) {\n  emits('selected-emoji', { ...emoji, shift_key: event.shiftKey });\n}\n\nfunction highlightEmoji (emoji) {\n  emits('highlighted-emoji', emoji);\n}\n\nfunction focusEmojiSelector () {\n  focusEmoji(0, 0);\n}\n\nfunction focusLastEmoji () {\n  scrollToTab(tabs.value.length, true);\n}\n\nonMounted(() => {\n  setTabLabelObserver();\n  setBottomScrollListener();\n});\n\nonBeforeUnmount(() => {\n  tabLabelObserver.value.disconnect();\n  listRef.value.removeEventListener('scroll', handleScroll);\n});\n\ndefineExpose({\n  focusEmojiSelector,\n  focusLastEmoji,\n});\n</script>\n","<template>\n  <div data-qa=\"skin-selector\">\n    <div\n      v-show=\"isOpen\"\n      class=\"d-emoji-picker__skin-list\"\n    >\n      <button\n        v-for=\"(skin, index) in skinList\"\n        :ref=\"el => { if (el) setSkinsRef(el) }\"\n        :key=\"skin.name\"\n        :class=\"{\n          'selected': skinSelected.skinCode === skin.skinCode,\n        }\"\n        @keydown=\"event => handleKeyDown(event, skin, index)\"\n        @click=\"selectSkin(skin)\"\n      >\n        <img\n          class=\"d-icon d-icon--size-500\"\n          :alt=\"skin.name\"\n          :aria-label=\"skin.name\"\n          :title=\"skin.name\"\n          :src=\"`${CDN_URL + skin.unicode_output}.png`\"\n        >\n      </button>\n    </div>\n    <div\n      v-show=\"!isOpen\"\n      class=\"d-emoji-picker__skin-selected\"\n    >\n      <dt-tooltip placement=\"top-end\">\n        {{ skinSelectorButtonTooltipLabel }}\n        <template #anchor>\n          <button\n            ref=\"skinSelectorRef\"\n            :aria-label=\"skinSelectorButtonTooltipLabel\"\n            tabindex=\"-1\"\n            @click=\"toggleSkinList\"\n            @keydown=\"event => handleKeyDown(event)\"\n          >\n            <img\n              class=\"d-icon d-icon--size-500\"\n              :alt=\"skinSelected.name\"\n              :aria-label=\"skinSelected.name\"\n              :title=\"skinSelected.name\"\n              :src=\"`${CDN_URL + skinSelected.unicode_output}.png`\"\n            >\n          </button>\n        </template>\n      </dt-tooltip>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, nextTick, ref, watchEffect } from 'vue';\nimport { CDN_URL, EMOJI_PICKER_SKIN_TONE_MODIFIERS } from '@/components/emoji_picker/emoji_picker_constants.js';\nimport { DtTooltip } from '@/components/tooltip';\n\nconst props = defineProps({\n  /**\n   * The skin tone to apply to the emoji list\n   * @type {String}\n   * @required\n   */\n  skinTone: {\n    type: String,\n    required: true,\n  },\n\n  isHovering: {\n    type: Boolean,\n    default: false,\n  },\n\n  skinSelectorButtonTooltipLabel: {\n    type: String,\n    required: true,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n   * The skin tone that was selected\n   * @event skin-tone\n   * @type {Number}\n   */\n  'skin-tone',\n  'focus-tabset',\n  'focus-last-emoji',\n]);\n\nconst skinList = [\n  {\n    name: ':wave_tone1:',\n    unicode_output: '1f44b-1f3fb',\n    skinTone: EMOJI_PICKER_SKIN_TONE_MODIFIERS.LIGHT,\n    skinCode: '_tone1',\n  },\n  {\n    name: ':wave_tone2:',\n    unicode_output: '1f44b-1f3fc',\n    skinTone: EMOJI_PICKER_SKIN_TONE_MODIFIERS.MEDIUM_LIGHT,\n    skinCode: '_tone2',\n  },\n  {\n    name: ':wave_tone3:',\n    unicode_output: '1f44b-1f3fd',\n    skinTone: EMOJI_PICKER_SKIN_TONE_MODIFIERS.MEDIUM,\n    skinCode: '_tone3',\n  },\n  {\n    name: ':wave_tone4:',\n    unicode_output: '1f44b-1f3fe',\n    skinTone: EMOJI_PICKER_SKIN_TONE_MODIFIERS.MEDIUM_DARK,\n    skinCode: '_tone4',\n  },\n  {\n    name: ':wave_tone5:',\n    unicode_output: '1f44b-1f3ff',\n    skinTone: EMOJI_PICKER_SKIN_TONE_MODIFIERS.DARK,\n    skinCode: '_tone5',\n  },\n  {\n    name: ':wave:',\n    unicode_output: '1f44b',\n    skinTone: EMOJI_PICKER_SKIN_TONE_MODIFIERS.DEFAULT,\n    skinCode: '',\n  },\n];\n\nconst isOpen = ref(false);\n\nconst skinSelectorRef = ref(null);\n\nconst skinsRef = ref([]);\n\n/**\n * It will close the skin selector if the user is hovering over the emoji list\n */\nwatchEffect(\n  () => props.isHovering && (isOpen.value = false),\n);\n\n/**\n * It will initially display props.skinTone. If a new skin tone is selected,\n * it will display that until props.skinTone changes.\n */\nconst skinPassedIn = computed(() => skinList.find((skin) => skin.skinTone === props.skinTone));\nconst skinSelected = ref(skinPassedIn.value);\nwatchEffect(() => skinPassedIn.value && (skinSelected.value = skinPassedIn.value));\n\nfunction setSkinsRef (ref) {\n  skinsRef.value.push(ref);\n}\nfunction focusSkinSelector () {\n  skinSelectorRef.value.focus();\n}\n\nfunction selectSkin (skin) {\n  skinSelected.value = skin;\n  isOpen.value = false;\n  emits('skin-tone', skin.skinTone);\n  nextTick(() => focusSkinSelector());\n}\n\nconst handleKeyDown = (event, skin, index) => {\n  event.preventDefault();\n\n  if (event.key === 'ArrowLeft') {\n    if (index === 0) skinsRef.value[skinsRef.value.length - 1]?.focus();\n    skinsRef.value[index - 1]?.focus();\n  }\n\n  if (event.key === 'ArrowRight') {\n    skinsRef.value[index + 1]?.focus();\n  }\n\n  if (event.key === 'Enter') {\n    if (skin) { selectSkin(skin); } else {\n      toggleSkinList();\n    }\n  }\n\n  if (event.key === 'Tab') {\n    if (event.shiftKey) {\n      emits('focus-last-emoji');\n    } else {\n      emits('focus-tabset');\n    }\n  }\n};\n\nfunction toggleSkinList () {\n  isOpen.value = !isOpen.value;\n  nextTick(() => skinsRef.value[0].focus());\n}\n\ndefineExpose({\n  focusSkinSelector,\n});\n</script>\n","<template>\n  <div class=\"d-emoji-picker__data\">\n    <img\n      v-if=\"emoji\"\n      class=\"d-icon d-icon--size-500\"\n      :alt=\"emoji.name\"\n      :aria-label=\"emoji.name\"\n      :title=\"emoji.name\"\n      :src=\"getImgSrc(emoji)\"\n    >\n    <div>{{ emoji?.name }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { CDN_URL } from '@/components/emoji_picker/emoji_picker_constants';\n\ndefineProps({\n  /**\n   * Emoji data\n   * @type {Object}\n   * @default null\n   */\n  emoji: {\n    type: Object,\n    default: null,\n  },\n});\n\nfunction getImgSrc (emoji) {\n  if (emoji.date_added) { // if custom emoji\n    return emoji.image;\n  } else { // if regular emoji\n    return `${CDN_URL + emoji.unicode_character}.png`;\n  }\n}\n</script>\n","<template>\n  <div\n    class=\"d-emoji-picker\"\n  >\n    <div class=\"d-emoji-picker--header\">\n      <emoji-tabset\n        ref=\"tabsetRef\"\n        :emoji-filter=\"internalSearchQuery\"\n        :show-custom-emojis-tab=\"showCustomEmojisTab\"\n        :show-recently-used-tab=\"showRecentlyUsedTab\"\n        :scroll-into-tab=\"scrollIntoTab\"\n        :tab-set-labels=\"tabSetLabels\"\n        @focus-skin-selector=\"$refs.skinSelectorRef.focusSkinSelector()\"\n        @focus-search-input=\"showSearch\n          ? $refs.searchInputRef.focusSearchInput()\n          : $refs.emojiSelectorRef.focusEmojiSelector()\"\n        @selected-tabset=\"scrollToSelectedTabset\"\n        @keydown.esc=\"emits('close')\"\n      />\n    </div>\n    <div class=\"d-emoji-picker--body\">\n      <emoji-search\n        v-if=\"showSearch\"\n        ref=\"searchInputRef\"\n        v-model=\"internalSearchQuery\"\n        :search-placeholder-label=\"searchPlaceholderLabel\"\n        @select-first-emoji=\"emits('selected-emoji', highlightedEmoji)\"\n        @focus-tabset=\"$refs.tabsetRef.focusTabset()\"\n        @focus-emoji-selector=\"$refs.emojiSelectorRef.focusEmojiSelector()\"\n        @keydown.esc=\"emits('close')\"\n      />\n      <emoji-selector\n        ref=\"emojiSelectorRef\"\n        :emoji-filter=\"internalSearchQuery\"\n        :skin-tone=\"skinTone\"\n        :tabset-labels=\"tabSetLabels\"\n        :search-results-label=\"searchResultsLabel\"\n        :search-no-results-label=\"searchNoResultsLabel\"\n        :recently-used-emojis=\"recentlyUsedEmojis\"\n        :custom-emojis=\"customEmojis\"\n        :selected-tabset=\"selectedTabset\"\n        @scroll-into-tab=\"updateScrollIntoTab\"\n        @highlighted-emoji=\"updateHighlightedEmoji\"\n        @selected-emoji=\"emits('selected-emoji', $event)\"\n        @focus-skin-selector=\"$refs.skinSelectorRef.focusSkinSelector()\"\n        @focus-search-input=\"showSearch ? $refs.searchInputRef.focusSearchInput() : $refs.tabsetRef.focusTabset()\"\n        @keydown.esc=\"emits('close')\"\n        @scroll-bottom-reached=\"emits('scroll-bottom-reached')\"\n      />\n    </div>\n    <div class=\"d-emoji-picker--footer\">\n      <dt-button\n        v-if=\"showAddEmojiButton && !highlightedEmoji\"\n        importance=\"outlined\"\n        :aria-label=\"addEmojiLabel\"\n        class=\"d-emoji-picker__add-emoji\"\n        @click=\"emits('add-emoji')\"\n      >\n        {{ addEmojiLabel }}\n      </dt-button>\n      <emoji-description :emoji=\"highlightedEmoji\" />\n      <emoji-skin-selector\n        ref=\"skinSelectorRef\"\n        :is-hovering=\"!!highlightedEmoji\"\n        :skin-selector-button-tooltip-label=\"skinSelectorButtonTooltipLabel\"\n        :skin-tone=\"skinTone\"\n        @skin-tone=\"emits('skin-tone', $event)\"\n        @focus-tabset=\"$refs.tabsetRef.focusTabset()\"\n        @focus-last-emoji=\"$refs.emojiSelectorRef.focusLastEmoji()\"\n        @keydown.esc=\"emits('close')\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport EmojiSearch from './modules/emoji_search.vue';\nimport EmojiTabset from './modules/emoji_tabset.vue';\nimport EmojiSelector from './modules/emoji_selector.vue';\nimport EmojiSkinSelector from './modules/emoji_skin_selector.vue';\nimport EmojiDescription from './modules/emoji_description.vue';\nimport { DtButton } from '../button';\nimport { computed, ref, watch } from 'vue';\nimport { DialtoneLocalization } from '@/localization';\n\ndefineOptions({\n  name: 'DtEmojiPicker',\n});\n\nconst props = defineProps({\n  /**\n   * The array with recently used  emoji object\n   * This list is necessary to fill the recently used tab\n   * @type {Array}\n   * @default []\n   * @example\n   * <dt-emoji-picker :recentlyUsedEmojis=\"[emojiObject, emojiObject]\" />\n   */\n  // TODO try to simplify this to achieve an array of unicode characters and not an entire emoji data object\n  recentlyUsedEmojis: {\n    type: Array,\n    default: () => [],\n  },\n\n  /**\n     * The array with custom emojis object\n     * This list is necessary to fill the custom tab\n     * @type {Array}\n     * @default []\n     * @example\n     * <dt-emoji-picker :customEmojis=\"[emojiObject, emojiObject]\" />\n     */\n  customEmojis: {\n    type: Array,\n  },\n\n  /**\n   * The skin tone to show the emojis\n   * This prop gives the possibility to use the skin tone selected by the user previously\n   * @type {String}\n   * @default 'Default'\n   * @values 'Default', 'Light', 'MediumLight', 'Medium', 'MediumDark', 'Dark'\n   * @example\n   * <dt-emoji-picker :skinTone=\"'Default'\" />\n   */\n  skinTone: {\n    type: String,\n    default: 'Default',\n  },\n\n  /**\n\n   * Sets the search query that filters emojis.\n   * @type {String}\n   * @example\n   * <dt-emoji-picker search-query=\"smile\" />\n   */\n  searchQuery: {\n    type: String,\n    default: '',\n  },\n\n  /**\n   * Shows the search input\n   * @type {Boolean}\n   * @example\n   * <dt-emoji-picker :show-search=\"false\" />\n   */\n  showSearch: {\n    type: Boolean,\n    default: true,\n  },\n\n  /**\n     * Shows the add emoji button in the footer when no emoji is highlighted\n     * @type {Boolean}\n     * @example\n     * <dt-emoji-picker :show-add-emoji-button=\"true\" />\n     */\n    showAddEmojiButton: {\n      type: Boolean,\n      default: false,\n    },\n});\n\nconst emits = defineEmits(\n  [\n    /**\n     * It will emit the selected emoji\n     * @event selected-emoji\n     * @param {Object} emoji - The selected emoji from the emoji selector\n     */\n    'selected-emoji',\n\n    /**\n   * Emitted when the user reach bottom scroll\n   * This is being handled by handleScroll method\n   * @event scroll-bottom-reached\n   */\n    'scroll-bottom-reached',\n\n    /**\n     * It will emit the selected skin tone\n     * @event skin-tone\n     * @param {String} skin - The selected skin tone from the skin selector\n     */\n    'skin-tone',\n\n    /**\n     * Since the keyboard events are encapsulated, we emit this event to close the picker\n     * @event close\n     */\n    'close',\n\n    /**\n     * Emitted when the user clicks on the add emoji button\n     * @event add-emoji\n     */\n    'add-emoji',\n  ],\n);\n\nconst internalSearchQuery = ref(props.searchQuery.value);\nconst highlightedEmoji = ref(null);\nconst selectedTabset = ref({});\n\nconst scrollIntoTab = ref(0);\n\nconst showRecentlyUsedTab = computed(() => props.recentlyUsedEmojis?.length > 0);\nconst showCustomEmojisTab = computed(() => props.customEmojis?.length > 0);\n\nconst i18n = new DialtoneLocalization();\n\nconst tabSetLabels = [\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL'),\n  i18n.$t('DIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL'),\n];\n\nconst searchPlaceholderLabel = i18n.$t('DIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL');\nconst searchResultsLabel = i18n.$t('DIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL');\nconst searchNoResultsLabel = i18n.$t('DIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL');\nconst skinSelectorButtonTooltipLabel = i18n.$t('DIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL');\nconst addEmojiLabel = i18n.$t('DIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL');\n\nwatch(\n  () => props.searchQuery,\n  (newValue) => {\n    internalSearchQuery.value = newValue;\n  },\n);\n\n/**\n * Handle the selected tabset event\n * We're creating a new object with the same value as selectedTabset and assigning it back to selectedTabset.\n * Vue will see this as a new object and trigger the watcher in the child component.\n * Using this method, we are able to trigger the watcher in the child component even if the value being passed is the\n * same as the previous value.\n * @event selectedTabset\n * @param tabId {String} - The id of the tab that was selected\n */\nfunction scrollToSelectedTabset (tabId) {\n  internalSearchQuery.value = '';\n  selectedTabset.value = { ...selectedTabset.value, tabId };\n}\n\nfunction updateScrollIntoTab (value) {\n  scrollIntoTab.value = value;\n}\n\nfunction updateHighlightedEmoji (emoji) {\n  highlightedEmoji.value = emoji;\n}\n</script>\n"],"names":["emits","__emit","searchInput","ref","clearSearch","focusSearchInput","onMounted","__expose","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","DtInput","__props","_cache","$event","$emit","DtIconSearch","DtButton","DtIconClose","props","TABS_DATA","DtIconClock","DtIconSatisfied","DtIconLivingThing","DtIconFood","DtIconObject","DtIconTransportation","DtIconLightbulb","DtIconHeart","DtIconFlag","DtIconDialpadStar","tabs","computed","tabsData","tab","index","isSearching","selectedTab","tabsetRef","watch","selectTabset","id","parseId","setTabsetRef","returnFirstEl","focusTabset","handleKeyDown","event","tabId","DtTabGroup","_Fragment","_renderList","_createBlock","DtTab","el","_resolveDynamicComponent","useKeyboardNavigation","emojiRefs","emojiFilteredRefs","isFiltering","hoverFirstEmoji","_handleArrowLeft","indexTab","indexEmoji","focusEmoji","_handleArrowRight","_handleArrowLeftFiltered","_handleArrowRightFiltered","_handleHorizontalNavigation","direction","emojiRef","_a","_c","_b","setEmojiRef","setFilteredRef","handleArrowNavigationFiltered","key","ARROW_KEYS","position","EMOJIS_PER_ROW","lastEmojiPosition","handleArrowNavigation","numberOfMissingEmojis","emojiToJump","previousTab","emojisInPreviousTab","tabCategoryRef","listRef","tabLabelObserver","tabLabels","updateTabLabels","label","fixedLabel","updateTabsOrder","filteredEmojis","currentEmojis","emojis","debouncedSearch","debounce","searchByNameAndKeywords","handleScroll","container","resetScroll","highlightEmoji","scrollToTab","hoverEmoji","emoji","isFirst","searchStr","obj","nameIncludesSearchStr","keywordsIncludeSearchStr","keyword","nextTick","fn","delay","timeout","args","getImgSrc","CDN_URL","handleImageError","tabIndex","focusFirstEmoji","tabElement","offsetTop","setBottomScrollListener","setTabLabelObserver","entries","entry","target","_d","_e","child","handleKeyDownFilteredEmojis","selectEmoji","focusEmojiSelector","focusLastEmoji","onBeforeUnmount","_createElementVNode","_hoisted_2","_toDisplayString","tabLabel","_hoisted_3","_hoisted_4","_hoisted_7","_hoisted_8","_normalizeClass","skinList","EMOJI_PICKER_SKIN_TONE_MODIFIERS","isOpen","skinSelectorRef","skinsRef","watchEffect","skinPassedIn","skin","skinSelected","setSkinsRef","focusSkinSelector","selectSkin","toggleSkinList","_withDirectives","_hoisted_5","DtTooltip","_createTextVNode","internalSearchQuery","highlightedEmoji","selectedTabset","scrollIntoTab","showRecentlyUsedTab","showCustomEmojisTab","i18n","DialtoneLocalization","tabSetLabels","searchPlaceholderLabel","searchResultsLabel","searchNoResultsLabel","skinSelectorButtonTooltipLabel","addEmojiLabel","newValue","scrollToSelectedTabset","updateScrollIntoTab","value","updateHighlightedEmoji","EmojiTabset","$refs","EmojiSearch","EmojiSelector","EmojiDescription","EmojiSkinSelector"],"mappings":"gyBAyDA,MAAMA,EAAQC,EAERC,EAAcC,EAAAA,IAAI,IAAI,EAE5B,SAASC,GAAe,CACtBJ,EAAM,oBAAqB,EAAE,EAC7BK,EAAgB,CAClB,CAEA,SAASA,GAAoB,CAC3BH,EAAY,MAAM,MAAK,CACzB,CACAI,OAAAA,EAAAA,UAAU,IAAM,CACdD,EAAgB,CAClB,CAAC,EAEDE,EAAa,CACX,iBAAAF,CACF,CAAC,UA1ECG,YAAA,EAAAC,qBAoCM,MApCNC,GAoCM,CAnCJC,cAkCWC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAjCT,GAAG,sBACC,cAAJ,IAAIX,EACH,YAAaY,EAAA,uBACb,cAAaA,EAAA,WACb,sBAAkBC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAAA,MAAK,oBAAsBD,CAAM,GACrD,UAAO,2BAAKC,EAAAA,MAAK,cAAA,EAAA,CAAA,IAAA,CAAA,6CACKA,EAAAA,MAAK,sBAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,MAAA,CAAA,6BACZA,EAAAA,MAAK,oBAAA,EAAA,CAAA,OAAA,CAAA,oBAEV,oBACT,IAEE,CAFFN,EAAAA,YAEEC,EAAAA,MAAAM,EAAAA,YAAA,EAAA,CADA,KAAK,KAAK,CAAA,UAINJ,EAAA,WAAW,OAAM,QACtB,uBAED,IAaY,CAbZH,cAaYC,EAAAA,MAAAO,EAAAA,OAAA,EAAA,CAZV,WAAW,QACV,KAAM,IACP,MAAM,kCACN,OAAA,GACA,KAAK,QACJ,QAAOf,IAEG,eACT,IAEE,CAFFO,EAAAA,YAEEC,EAAAA,MAAAQ,EAAAA,WAAA,EAAA,CADA,KAAK,KAAK,CAAA,4bCiBxB,MAAMC,EAAQP,EA0CRd,EAAQC,EAYRqB,EAAY,CAChB,CAAE,MAAOD,EAAM,aAAa,CAAC,EAAG,KAAME,aAAW,EACjD,CAAE,MAAOF,EAAM,aAAa,CAAC,EAAG,KAAMG,iBAAe,EACrD,CAAE,MAAOH,EAAM,aAAa,CAAC,EAAG,KAAMI,mBAAiB,EACvD,CAAE,MAAOJ,EAAM,aAAa,CAAC,EAAG,KAAMK,YAAU,EAChD,CAAE,MAAOL,EAAM,aAAa,CAAC,EAAG,KAAMM,cAAY,EAClD,CAAE,MAAON,EAAM,aAAa,CAAC,EAAG,KAAMO,sBAAoB,EAC1D,CAAE,MAAOP,EAAM,aAAa,CAAC,EAAG,KAAMQ,iBAAe,EACrD,CAAE,MAAOR,EAAM,aAAa,CAAC,EAAG,KAAMS,aAAW,EACjD,CAAE,MAAOT,EAAM,aAAa,CAAC,EAAG,KAAMU,YAAU,EAChD,CAAE,MAAOV,EAAM,aAAa,CAAC,EAAG,KAAMW,mBAAiB,CACzD,EAEMC,EAAOC,EAAAA,SAAS,IAAM,CAC1B,MAAMC,EAAWd,EAAM,oBAAsBC,EAAYA,EAAU,MAAM,CAAC,EAE1E,OAAKD,EAAM,qBACTc,EAAS,IAAG,EAGPA,EAAS,IAAI,CAACC,EAAKC,KAAW,CACnC,GAAGD,EAEH,IAAKC,EAAQ,GAAG,SAAQ,EACxB,SAAUA,EAAQ,GAAG,SAAQ,CACjC,EAAI,CACJ,CAAC,EAEKC,EAAcJ,EAAAA,SAAS,IAAMb,EAAM,YAAY,OAAS,CAAC,EAEzDkB,EAAcpC,EAAAA,IAAI,GAAG,EAErBqC,EAAYrC,EAAAA,IAAI,EAAE,EAExBsC,EAAAA,MAAM,IAAMpB,EAAM,cAChB,IAAM,CACCiB,EAAY,QACfC,EAAY,OAASlB,EAAM,cAAgB,GAAG,SAAQ,EAE1D,CAAC,EAEHoB,EAAAA,MAAMH,EACJ,IAAM,CACAA,EAAY,QACdC,EAAY,MAAQ,KAExB,CAAC,EAOH,SAASG,EAAcC,EAAI,CAEzB,MAAMC,EAAU,SAASD,CAAE,EAE3BJ,EAAY,MAAQI,EACpB3C,EAAM,kBAAmB4C,CAAO,CAClC,CAEA,SAASC,EAAc1C,EAAK,CAG1BqC,EAAU,MAAM,KAAKM,GAAAA,cAAc3C,EAAI,GAAG,CAAC,CAC7C,CAEA,SAAS4C,GAAe,CACtBP,EAAU,MAAM,CAAC,EAAE,MAAK,CAC1B,CAEA,SAASQ,EAAeC,EAAOC,EAAO,CAChCD,EAAM,MAAQ,UAChBP,EAAaQ,CAAK,EAElBV,EAAU,MAAMU,EAAQ,CAAC,EAAE,KAAI,GAG7BD,EAAM,MAAQ,QAChBA,EAAM,eAAc,EAChBA,EAAM,SACRjD,EAAM,qBAAqB,EAE3BA,EAAM,oBAAoB,GAI1BiD,EAAM,MAAQ,aAEhBjD,EAAM,oBAAoB,CAE9B,CAEA,OAAAO,EAAa,CACX,YAAAwC,CACF,CAAC,UApMCvC,YAAA,EAAAC,qBA2BM,MA3BNC,GA2BM,CA1BJC,cAyBeC,EAAAA,MAAAuC,GAAAA,OAAA,EAAA,CAxBZ,SAAUZ,EAAA,MACV,KAAM,IACP,OAAO,QACP,iBAAe,gCAEJ,eAEP,IAA4B,EAD9B/B,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAgBS2C,WAAA,KAAAC,EAAAA,WAfgBpB,EAAA,MAAI,CAAnBG,EAAKC,mBADfiB,EAAAA,YAgBS1C,EAAAA,MAAA2C,GAAAA,OAAA,EAAA,CAdN,GAAInB,EAAI,GACR,IAAKA,EAAI,cACT,IAAKoB,GAAE,CAAUA,GAAIX,EAAaW,CAAE,CAAA,EACpC,MAAOpB,EAAI,MACX,WAAUA,EAAI,QACd,SAAUC,EAAK,EAChB,gBAAc,sBACb,aAASW,EAAchC,EAAQoB,EAAI,EAAE,oCACjBM,EAAaN,EAAI,EAAE,EAAA,CAAA,MAAA,CAAA,sBAExC,IAGE,EAHF5B,YAAA,EAAA8C,EAAAA,YAGEG,0BAFKrB,EAAI,IAAI,EAAA,CACb,KAAK,MAAK,sHCpBf,SAASsB,IAAyB,CACvC,MAAMC,EAAYxD,EAAAA,IAAI,EAAE,EAClByD,EAAoBzD,EAAAA,IAAI,EAAE,EAC1B0D,EAAc1D,EAAAA,IAAI,EAAK,EACvB2D,EAAkB3D,EAAAA,IAAI,EAAI,EAEhC,SAAS4D,EAAkBC,EAAUC,EAAY,CAC1CC,EAAWF,EAAUC,EAAa,CAAC,IAClCN,EAAU,MAAMK,EAAW,CAAC,EAC9BE,EAAWF,EAAW,EAAGL,EAAU,MAAMK,EAAW,CAAC,EAAE,OAAS,CAAC,EAEjEE,EAAWP,EAAU,MAAM,OAAS,EAAGA,EAAU,MAAMA,EAAU,MAAM,OAAS,CAAC,EAAE,OAAS,CAAC,EAGnG,CAEA,SAASQ,EAAmBH,EAAUC,EAAY,CAC3CC,EAAWF,EAAUC,EAAa,CAAC,GACjCC,EAAWF,EAAW,EAAG,CAAC,GAC7BE,EAAW,EAAG,CAAC,CAGrB,CAEA,SAASE,EAA0BJ,EAAUC,EAAY,CAClDC,EAAW,EAAGD,EAAa,CAAC,GAC/BC,EAAW,EAAGN,EAAkB,MAAM,OAAS,CAAC,CAEpD,CAEA,SAASS,EAA2BL,EAAUC,EAAY,CACnDC,EAAW,EAAGD,EAAa,CAAC,GAC/BC,EAAW,EAAG,CAAC,CAEnB,CAEA,SAASI,EAA6BC,EAAWP,EAAUC,EAAY,CACjEJ,EAAY,MACVU,IAAc,OAChBH,EAAyBJ,EAAUC,CAAU,EACpCM,IAAc,SACvBF,EAA0BL,EAAUC,CAAU,EAG5CM,IAAc,OAChBR,EAAiBC,EAAUC,CAAU,EAC5BM,IAAc,SACvBJ,EAAkBH,EAAUC,CAAU,CAG5C,CAEA,SAASC,EAAYF,EAAUC,EAAY,WACzC,MAAMO,EAAWX,EAAY,OACzBY,EAAAb,EAAkB,QAAlB,YAAAa,EAA0BR,IAC1BS,GAAAC,EAAAhB,EAAU,QAAV,YAAAgB,EAAkBX,KAAlB,YAAAU,EAA8BT,GAElC,OAAIO,GACFA,EAAS,MAAK,EACP,IAGF,EACT,CAEA,SAASI,EAAapB,EAAIQ,EAAUC,EAAY,CACzCN,EAAU,MAAMK,CAAQ,IAC3BL,EAAU,MAAMK,CAAQ,EAAI,CAAA,GAE9BL,EAAU,MAAMK,CAAQ,EAAEC,CAAU,EAAIT,CAC1C,CAEA,SAASqB,EAAgBrB,EAAInB,EAAO,CAClCuB,EAAkB,MAAMvB,CAAK,EAAImB,CACnC,CAEA,SAASsB,EAA+BC,EAAKd,EAAY,OAGvD,GAFAH,EAAgB,MAAQ,GAEpBiB,IAAQC,EAAAA,WAAW,SAAU,CAC/B,MAAMC,EAAWhB,EAAaiB,EAAAA,eAE9B,GAAI,CAAChB,EAAW,EAAGD,EAAaiB,EAAAA,cAAc,EAAG,CAC/C,MAAMC,EACNvB,EAAkB,MAAM,OAAUA,EAAkB,MAAM,OAASsB,EAAAA,eAAkBD,EAErFf,EAAW,EAAGiB,CAAiB,EAE1BjB,EAAW,EAAGiB,CAAiB,GAClCjB,EAAW,EAAGN,EAAkB,MAAM,OAAS,CAAC,CAEpD,CACF,CAEA,GAAImB,IAAQC,EAAAA,WAAW,YACjB,CAACd,EAAW,EAAGD,EAAaiB,EAAAA,cAAc,EAAG,CAC/C,MAAMD,EAAWhB,EAAaiB,EAAAA,gBAE1BT,EAAAb,EAAkB,QAAlB,MAAAa,EAA0BR,GAAciB,EAAAA,eAAiBD,IAC3Df,EAAW,EAAGN,EAAkB,MAAM,OAAS,CAAC,EAEhDM,EAAW,EAAGe,CAAQ,CAE1B,CAGEF,IAAQC,EAAAA,WAAW,YACrBV,EAA4B,OAAQ,EAAGL,CAAU,EAG/Cc,IAAQC,EAAAA,WAAW,aACrBV,EAA4B,QAAS,EAAGL,CAAU,CAEtD,CAEA,SAASmB,EAAuBL,EAAKf,EAAUC,EAAY,SACzD,GAAIc,IAAQ,UAAW,CACrB,MAAME,EAAWhB,EAAaiB,EAAAA,eAE9B,GAAIlB,IAAa,EAAG,CAElB,MAAMqB,EACNH,iBAAkBvB,EAAU,MAAMA,EAAU,MAAM,OAAS,CAAC,EAAE,OAASuB,iBAEjEI,EACN3B,EAAU,MAAMA,EAAU,MAAM,OAAS,CAAC,EAAE,OAAS0B,GAAyBH,EAAAA,eAAiBD,GAE1Ff,EAAWP,EAAU,MAAM,OAAS,EAAG2B,CAAW,GAErDpB,EAAWP,EAAU,MAAM,OAAS,EAAGA,EAAU,MAAMA,EAAU,MAAM,OAAS,CAAC,EAAE,OAAS,CAAC,EAE/F,MACF,CAGA,GAAI,CAACO,EAAWF,EAAUC,EAAaiB,EAAAA,cAAc,EAAG,CAEtD,MAAMK,EAAcvB,EAAW,EAAI,EAAI,EAAIA,EAAW,EAChDwB,EAAsB7B,EAAU,MAAM4B,CAAW,EAAE,OACnDJ,EAAoBK,EAAuBA,EAAsBN,EAAAA,eAAkBD,EAEpFf,EAAWqB,EAAaJ,CAAiB,GAE5CjB,EAAWF,EAAW,EAAGL,EAAU,MAAMK,EAAW,CAAC,EAAE,OAAS,CAAC,CAErE,CACF,CAEA,GAAIe,IAAQ,aACN,CAACb,EAAWF,EAAUC,EAAaiB,EAAAA,cAAc,EAAG,CAItD,MAAMD,EAAWhB,EAAaiB,EAAAA,gBAG1BP,GAAAF,EAAAd,EAAU,QAAV,YAAAc,EAAkBT,KAAlB,MAAAW,EAA8BV,GAAciB,EAAAA,eAAiBD,IAE/Df,EAAWF,EAAUL,EAAU,MAAMK,CAAQ,EAAE,OAAS,CAAC,EAMpDE,EAAWF,EAAW,EAAGiB,CAAQ,GAG/Bf,EAAW,EAAGe,CAAQ,GACzBf,EAAW,EAAGP,EAAU,MAAM,CAAC,EAAE,OAAS,CAAC,CAInD,CAGEoB,IAAQ,aACVT,EAA4B,OAAQN,EAAUC,CAAU,EAGtDc,IAAQ,cACVT,EAA4B,QAASN,EAAUC,CAAU,CAE7D,CAEA,MAAO,CACL,kBAAAL,EACA,YAAAC,EACA,gBAAAC,EACA,YAAAc,EACA,eAAAC,EACA,WAAAX,EACA,8BAAAY,EACA,sBAAAM,CACJ,CACA,y+BCxFA,MAAM/D,EAAQP,EAsERd,EAAQC,EA0CR,CACJ,kBAAA2D,EACA,YAAAC,EACA,gBAAAC,EACA,YAAAc,EACA,eAAAC,EACA,WAAAX,EACA,8BAAAY,EACA,sBAAAM,CACF,EAAI1B,GAAqB,EAMnB+B,EAAiBtF,EAAAA,IAAI,IAAI,EAMzBuF,EAAUvF,EAAAA,IAAI,IAAI,EAMlBwF,EAAmBxF,EAAAA,IAAI,IAAI,EAM3BmB,EAAY,CAAC,gBAAiB,SAAU,SAAU,OAAQ,WAAY,SAAU,UAAW,UAAW,QAAS,QAAQ,EAQvHsE,EAAY1D,EAAAA,SAAS,IAAM,CAC/B,IAAI2D,EAAkBxE,EAAM,aAAa,IAAKyE,IAAW,CAAE,MAAAA,EAAO,IAAK3F,EAAAA,IAAI,IAAI,CAAC,EAAG,EAEnF,OAAIkB,EAAM,oBAAsB,CAACA,EAAM,mBAAmB,SACxDwE,EAAkBxE,EAAM,aAAa,MAAM,CAAC,EAAE,IAAKyE,IAAW,CAAE,MAAAA,EAAO,IAAK3F,EAAAA,IAAI,IAAI,CAAC,EAAG,GAGtFkB,EAAM,cAAgB,CAACA,EAAM,aAAa,QAC5CwE,EAAgB,IAAG,EAGdA,CACT,CAAC,EAMKE,EAAa5F,EAAAA,IAAIyF,EAAU,MAAM,CAAC,EAAE,KAAK,EAUzC3D,EAAOC,EAAAA,SAAS,IAAM,CAC1B,MAAM8D,EAAkB3E,EAAM,mBAAmB,OAASC,EAAU,QAAUA,EAAU,MAAM,CAAC,EAE/F,OAAID,EAAM,cAAgB,CAACA,EAAM,aAAa,QAC5C2E,EAAgB,IAAG,EAGdA,CACT,CAAC,EAQKC,EAAiB9F,EAAAA,IAAI,EAAE,EAOvB+F,EAAgBhE,EAAAA,SAAS,IACtB,CACL,GAAGiE,EAAAA,cAAO,SAAS9E,EAAM,QAAQ,EAAE,EACnC,GAAG8E,EAAAA,cAAO,OACV,GAAGA,EAAAA,cAAO,KACV,GAAGA,EAAAA,cAAO,WAAW9E,EAAM,QAAQ,EAAE,EACrC,GAAG8E,EAAAA,cAAO,OACV,GAAGA,EAAAA,cAAO,UAAU9E,EAAM,QAAQ,EAAE,EACpC,GAAG8E,EAAAA,cAAO,QACV,GAAGA,EAAAA,cAAO,KACd,CACC,EAKKC,EAAkBC,EAAS,IAAM,CAErCzC,EAAkB,MAAQ,CAAA,EAC1B0C,EAAuB,CACzB,CAAC,EAKKC,EAAe,IAAM,CACzB,MAAMC,EAAYd,EAAQ,MAItBc,EAAU,UAAYA,EAAU,cAAgBA,EAAU,cAC5DxG,EAAM,uBAAuB,CAEjC,EAOAyC,EAAAA,MAAMyD,EAAe,IAAM,CACzBI,EAAuB,CACzB,EAAG,CAAE,UAAW,GAAM,EAMtB7D,EAAAA,MAAM,IAAMpB,EAAM,mBAChB,IAAM,CACJ8E,gBAAO,eAAe,EAAI9E,EAAM,kBAClC,EAAG,CAAE,UAAW,GAAM,EAMxBoB,EAAAA,MAAM,IAAMpB,EAAM,aAChB,IAAM,CACJ8E,gBAAO,OAAS9E,EAAM,YACxB,EAAG,CAAE,UAAW,GAAM,EAOxBoB,EAAAA,MAAM,IAAMpB,EAAM,YAAa,IAAM,CACnCoF,EAAW,EACPpF,EAAM,YACRwC,EAAY,MAAQ,IAEpBA,EAAY,MAAQ,GAGpB6C,EAAe,IAAI,GAErBN,EAAe,CACjB,CAAC,EAED3D,EAAAA,MACE,IAAMpB,EAAM,eACXe,GAAQ,CACPuE,EAAYvE,EAAI,KAAK,CACvB,EACA,CAAE,KAAM,EAAI,CACd,EAEA,SAASwE,EAAYC,EAAOC,EAAU,GAAO,CAC3ChD,EAAgB,MAAQgD,EACxB9G,EAAM,oBAAqB6G,CAAK,CAClC,CAMA,SAASP,GAA2B,CAClC,MAAMS,EAAY1F,EAAM,YAAY,YAAW,EAC/C4E,EAAe,MAAQC,EAAc,MAAM,OAAOc,GAAO,CACvD,MAAMC,EAAwBD,EAAI,KAAK,YAAW,EAAG,SAASD,CAAS,EACjEG,EAA2BF,EAAI,SAAS,KAAKG,GAAWA,EAAQ,YAAW,EAAG,SAASJ,CAAS,CAAC,EACvG,OAAOE,GAAyBC,CAClC,CAAC,EACDE,EAAAA,SAAS,IAAM,CACTL,GACFH,EAAWX,EAAe,MAAM,CAAC,EAAG,EAAI,CAE5C,CAAC,CACH,CAEA,SAASI,EAAUgB,EAAIC,EAAQ,IAAK,CAClC,IAAIC,EAEJ,MAAO,IAAIC,IAAS,CAClB,aAAaD,CAAO,EACpBA,EAAU,WAAW,IAAMF,EAAG,GAAGG,CAAI,EAAGF,CAAK,CAC/C,CACF,CAEA,SAASG,EAAWZ,EAAO,CAEzB,OAAIA,EAAM,WACDA,EAAM,MAENa,EAAAA,QAAUb,EAAM,kBAAoB,MAE/C,CAKA,SAASc,EAAkB1E,EAAO,CAChCA,EAAM,OAAO,WAAW,MAAM,QAAU,MAC1C,CAKA,SAAS0D,EAAaiB,EAAUC,EAAkB,GAAM,CAEtD,MAAMC,EADWlC,EAAU,MAAMgC,EAAW,CAAC,EACjB,IAAI,MAAM,CAAC,EAEvCR,EAAAA,SAAS,IAAM,CACb,MAAMZ,EAAYd,EAAQ,MACpBqC,EAAYH,IAAa,EAAI,EAAIE,EAAW,UAAY,GAE9DtB,EAAU,UAAYuB,EAElBF,GACF3D,EAAY0D,EAAW,EAAI,CAAC,CAEhC,CAAC,CACH,CAEA,SAASnB,GAAe,CACtB,MAAMD,EAAYd,EAAQ,MAE1Bc,EAAU,UAAY,CACxB,CAEA,SAASwB,GAA2B,CAClCtC,EAAQ,MAAM,iBAAiB,SAAUa,CAAY,CACvD,CAOA,SAAS0B,GAAuB,CAK9BtC,EAAiB,MAAQ,IAAI,qBAAqB,MAAOuC,GAAY,CAEnEA,EAAQ,QAAQC,GAAS,eACvB,KAAM,CAAE,OAAAC,CAAM,EAAKD,EACb9F,EAAQ,SAAS+F,EAAO,QAAQ,KAAK,EAevCD,EAAM,gBAAkBC,EAAO,WAAa3C,EAAe,MAAM,UAAY,IAC/EM,EAAW,QAAQtB,EAAAmB,EAAU,MAAMvD,EAAQ,CAAC,IAAzB,YAAAoC,EAA4B,UAASE,EAAAiB,EAAU,MAAM,CAAC,IAAjB,YAAAjB,EAAoB,OAC5E3E,EAAM,kBAAmBqC,EAAQ,CAAC,GACzB8F,EAAM,mBAAmB,UAAUzD,EAAAe,EAAe,QAAf,YAAAf,EAAsB,wBAAwB,SAC1F1E,EAAM,kBAAmBqC,CAAK,EAC9B0D,EAAW,OAAQsC,EAAAzC,EAAU,MAAMvD,CAAK,IAArB,YAAAgG,EAAwB,OAClChG,IAAU,IACnBrC,EAAM,kBAAmBqC,CAAK,EAC9B0D,EAAW,OAAQuC,EAAA1C,EAAU,MAAM,CAAC,IAAjB,YAAA0C,EAAoB,MAE3C,CAAC,CACH,CAAC,EAMD3C,EAAiB,MAAM,QAAQF,EAAe,KAAK,EAEnD,MAAM,KAAKC,EAAQ,MAAM,QAAQ,EAAE,QAAQ,CAAC6C,EAAOlG,IAAU,CAC3DsD,EAAiB,MAAM,QAAQ4C,CAAK,EACpCA,EAAM,QAAQ,MAAQlG,CACxB,CAAC,CACH,CAEA,MAAMmG,EAA8B,CAACvF,EAAOgB,EAAY4C,IAAU,CAGhE,GAFA5D,EAAM,eAAc,EAEhB,OAAO,OAAO+B,EAAAA,UAAU,EAAE,SAAS/B,EAAM,GAAG,EAAG,CACjD6B,EAA8B7B,EAAM,IAAKgB,CAAU,EACnD,MACF,CAEA,OAAQhB,EAAM,IAAG,CACf,IAAK,MACHjD,EAAM,qBAAqB,EAC3B,MACF,IAAK,QACHyI,EAAY5B,EAAO5D,CAAK,EACxB,KAGN,CACA,EAGMD,EAAgB,CAACC,EAAOe,EAAUC,EAAY4C,IAAU,CAG5D,GAFA5D,EAAM,eAAc,EAEhB,OAAO,OAAO+B,EAAAA,UAAU,EAAE,SAAS/B,EAAM,GAAG,EAAG,CACjDmC,EAAsBnC,EAAM,IAAKe,EAAUC,CAAU,EACrD,MACF,CAEA,OAAQhB,EAAM,IAAG,CACf,IAAK,MACCA,EAAM,SACJiB,EAAWF,EAAU,CAAC,GAAKA,EAAW,EACxC2C,EAAY3C,EAAU,EAAI,GAE1B2C,EAAY,EAAG,EAAK,EACpB3G,EAAM,oBAAoB,GAGxBkE,EAAWF,EAAW,EAAG,CAAC,EAC5B2C,EAAY3C,EAAW,EAAI,EAAG,EAAK,EAGnChE,EAAM,qBAAqB,EAG/B,MAEF,IAAK,QACHyI,EAAY5B,EAAO5D,CAAK,EACxB,KAIN,CACA,EAEA,SAASwF,EAAa5B,EAAO5D,EAAO,CAClCjD,EAAM,iBAAkB,CAAE,GAAG6G,EAAO,UAAW5D,EAAM,SAAU,CACjE,CAEA,SAASyD,EAAgBG,EAAO,CAC9B7G,EAAM,oBAAqB6G,CAAK,CAClC,CAEA,SAAS6B,GAAsB,CAC7BxE,EAAW,EAAG,CAAC,CACjB,CAEA,SAASyE,GAAkB,CACzBhC,EAAY1E,EAAK,MAAM,OAAQ,EAAI,CACrC,CAEA3B,OAAAA,EAAAA,UAAU,IAAM,CACd2H,EAAmB,EACnBD,EAAuB,CACzB,CAAC,EAEDY,EAAAA,gBAAgB,IAAM,CACpBjD,EAAiB,MAAM,WAAU,EACjCD,EAAQ,MAAM,oBAAoB,SAAUa,CAAY,CAC1D,CAAC,EAEDhG,EAAa,CACX,mBAAAmI,EACA,eAAAC,CACF,CAAC,UAzmBCnI,YAAA,EAAAC,qBAkGM,MAlGNC,GAkGM,CA/FJmI,EAAAA,mBA8FM,MAAA,CA7FJ,GAAG,8BACC,UAAJ,IAAInD,EACJ,MAAM,yBAGE5E,EAAA,2BADRL,EAAAA,mBAKI,IALJqI,GAKIC,EAAAA,gBADC9C,EAAA,MAAe,OAAM,EAAOnF,EAAA,mBAAqBA,EAAA,oBAAoB,EAAA,CAAA,kBAE1EL,EAAAA,mBAQM,MAAA,eANA,iBAAJ,IAAIgF,EACJ,MAAM,uDAENoD,EAAAA,mBAEI,2BADC9C,EAAA,KAAU,EAAA,CAAA,UAGjBvF,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAuCM2C,WAAA,KAAAC,EAAAA,WAtC2BuC,EAAA,MAAS,CAAhCoD,EAAUhF,oCADpBvD,EAAAA,mBAuCM,MAAA,CApCH,IAAKuD,aACL,IAAKgF,EAAS,IACf,MAAM,8BAGEhF,iBADRvD,EAAAA,mBAII,IAAAwI,GAAAF,EAAAA,gBADCC,EAAS,KAAK,EAAA,CAAA,+BAEnBH,EAAAA,mBA0BM,MA1BNK,GA0BM,kBAvBJzI,EAAAA,mBAsBS2C,EAAAA,SAAA,KAAAC,EAAAA,WApBNzC,EAAAA,MAAAuF,EAAAA,aAAA,EAAOlE,EAAA,MAAK+B,CAAQ,EAAIlD,EAAA,QAAQ,EAAIF,EAAAA,MAAAuF,EAAAA,aAAA,EAAOlE,EAAA,MAAK+B,CAAQ,EAAIlD,EAAA,QAAQ,EAAIF,EAAAA,MAAAuF,EAAAA,aAAA,EAAOlE,EAAA,MAAK+B,CAAQ,CAAA,EAAA,CADrF6C,EAAO5C,mBADjBxD,EAAAA,mBAsBS,SAAA,CAnBN,IAAKoG,EAAM,qBACX,IAAKrD,GAAE,CAAUA,GAAI5C,EAAAA,MAAAgE,CAAA,EAAYpB,EAAIQ,EAAUC,CAAU,CAAA,EAC1D,KAAK,SACJ,aAAY4C,EAAM,KAClB,QAAO5D,GAASwF,EAAY5B,EAAO5D,CAAK,EACxC,UAAOjC,GAAE0F,EAAeG,CAAK,EAC7B,0BAAUH,EAAc,IAAA,GACxB,YAAS1F,GAAE0F,EAAeG,CAAK,EAC/B,4BAAYH,EAAc,IAAA,GAC1B,UAASzD,GAASD,EAAcC,EAAOe,EAAUC,EAAY4C,CAAK,IAEnEgC,EAAAA,mBAOC,MAAA,CANC,MAAM,0BACL,IAAKhC,EAAM,KACX,aAAYA,EAAM,KAClB,MAAOA,EAAM,KACb,IAAKY,EAAUZ,CAAK,EACpB,QAAOc,+CAjCL7G,EAAA,WAAW,WAuCdA,EAAA,aADRN,EAAAA,YAAAC,EAAAA,mBAiCM,MAjCN0I,GAiCM,CA7BJN,EAAAA,mBA4BM,MA5BNO,GA4BM,EAxBJ5I,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAuBS2C,WAAA,KAAAC,EAAAA,WAtBkB4C,EAAA,MAAc,CAA/BY,EAAOxE,mBADjB5B,EAAAA,mBAuBS,SAAA,CArBN,IAAKoG,EAAM,qBACX,IAAKrD,GAAE,CAAUA,GAAI5C,EAAAA,MAAAiE,CAAA,EAAerB,EAAInB,CAAK,CAAA,EAC9C,KAAK,SACJ,aAAYwE,EAAM,KAClB,MAAKwC,EAAAA,eAAA,CAAkC,cAAAhH,OAAezB,EAAAA,MAAAkD,CAAA,IAGtD,QAAOb,GAASwF,EAAY5B,EAAO5D,CAAK,EACxC,UAAOjC,GAAE0F,EAAeG,CAAK,EAC7B,0BAAUH,EAAc,IAAA,GACxB,YAAS1F,GAAE4F,EAAWC,CAAK,EAC3B,4BAAYD,EAAU,IAAA,GACtB,UAAS3D,GAASuF,EAA4BvF,EAAOZ,EAAOwE,CAAK,IAElEgC,EAAAA,mBAMC,MAAA,CALC,MAAM,0BACL,IAAKhC,EAAM,KACX,aAAYA,EAAM,KAClB,MAAOA,EAAM,KACb,IAAG,GAAKjG,EAAAA,MAAA8G,EAAAA,OAAA,EAAUb,EAAM,iBAAiB,ojBCnCxD,MAAMxF,EAAQP,EAsBRd,EAAQC,EAWRqJ,EAAW,CACf,CACE,KAAM,eACN,eAAgB,cAChB,SAAUC,EAAAA,iCAAiC,MAC3C,SAAU,QACd,EACE,CACE,KAAM,eACN,eAAgB,cAChB,SAAUA,EAAAA,iCAAiC,aAC3C,SAAU,QACd,EACE,CACE,KAAM,eACN,eAAgB,cAChB,SAAUA,EAAAA,iCAAiC,OAC3C,SAAU,QACd,EACE,CACE,KAAM,eACN,eAAgB,cAChB,SAAUA,EAAAA,iCAAiC,YAC3C,SAAU,QACd,EACE,CACE,KAAM,eACN,eAAgB,cAChB,SAAUA,EAAAA,iCAAiC,KAC3C,SAAU,QACd,EACE,CACE,KAAM,SACN,eAAgB,QAChB,SAAUA,EAAAA,iCAAiC,QAC3C,SAAU,EACd,CACA,EAEMC,EAASrJ,EAAAA,IAAI,EAAK,EAElBsJ,EAAkBtJ,EAAAA,IAAI,IAAI,EAE1BuJ,EAAWvJ,EAAAA,IAAI,EAAE,EAKvBwJ,EAAAA,YACE,IAAMtI,EAAM,aAAemI,EAAO,MAAQ,GAC5C,EAMA,MAAMI,EAAe1H,EAAAA,SAAS,IAAMoH,EAAS,KAAMO,GAASA,EAAK,WAAaxI,EAAM,QAAQ,CAAC,EACvFyI,EAAe3J,EAAAA,IAAIyJ,EAAa,KAAK,EAC3CD,EAAAA,YAAY,IAAMC,EAAa,QAAUE,EAAa,MAAQF,EAAa,MAAM,EAEjF,SAASG,EAAa5J,EAAK,CACzBuJ,EAAS,MAAM,KAAKvJ,CAAG,CACzB,CACA,SAAS6J,GAAqB,CAC5BP,EAAgB,MAAM,MAAK,CAC7B,CAEA,SAASQ,EAAYJ,EAAM,CACzBC,EAAa,MAAQD,EACrBL,EAAO,MAAQ,GACfxJ,EAAM,YAAa6J,EAAK,QAAQ,EAChCzC,EAAAA,SAAS,IAAM4C,GAAmB,CACpC,CAEA,MAAMhH,EAAgB,CAACC,EAAO4G,EAAMxH,IAAU,WAC5CY,EAAM,eAAc,EAEhBA,EAAM,MAAQ,cACZZ,IAAU,KAAGoC,EAAAiF,EAAS,MAAMA,EAAS,MAAM,OAAS,CAAC,IAAxC,MAAAjF,EAA2C,UAC5DE,EAAA+E,EAAS,MAAMrH,EAAQ,CAAC,IAAxB,MAAAsC,EAA2B,SAGzB1B,EAAM,MAAQ,gBAChByB,EAAAgF,EAAS,MAAMrH,EAAQ,CAAC,IAAxB,MAAAqC,EAA2B,SAGzBzB,EAAM,MAAQ,UACZ4G,EAAQI,EAAWJ,CAAI,EACzBK,EAAc,GAIdjH,EAAM,MAAQ,QACZA,EAAM,SACRjD,EAAM,kBAAkB,EAExBA,EAAM,cAAc,EAG1B,EAEA,SAASkK,GAAkB,CACzBV,EAAO,MAAQ,CAACA,EAAO,MACvBpC,EAAAA,SAAS,IAAMsC,EAAS,MAAM,CAAC,EAAE,MAAK,CAAE,CAC1C,CAEA,OAAAnJ,EAAa,CACX,kBAAAyJ,CACF,CAAC,UAtMCxJ,YAAA,EAAAC,qBAiDM,MAjDNC,GAiDM,CAhDJyJ,iBAAAtB,EAAAA,mBAsBM,MAtBNC,GAsBM,EAlBJtI,YAAA,EAAAC,EAAAA,mBAiBS2C,WAAA,KAAAC,EAAAA,WAhBiBiG,EAAQ,CAAxBO,EAAMxH,IADhBwG,EAAAA,mBAiBS,SAAA,YAfN,IAAKrF,GAAE,CAAUA,GAAIuG,EAAYvG,CAAE,CAAA,EACnC,IAAKqG,EAAK,KACV,MAAKR,EAAAA,eAAA,CAA0B,SAAAS,EAAA,MAAa,WAAaD,EAAK,WAG9D,UAAS5G,GAASD,EAAcC,EAAO4G,EAAMxH,CAAK,EAClD,QAAKrB,GAAEiJ,EAAWJ,CAAI,IAEvBhB,EAAAA,mBAMC,MAAA,CALC,MAAM,0BACL,IAAKgB,EAAK,KACV,aAAYA,EAAK,KACjB,MAAOA,EAAK,KACZ,IAAG,GAAKjJ,EAAAA,MAAA8G,EAAAA,OAAA,EAAUmC,EAAK,cAAc,iDAlBlCL,EAAA,KAAM,IAsBhBW,iBAAAtB,EAAAA,mBAwBM,MAxBNuB,GAwBM,CApBJzJ,EAAAA,YAmBaC,EAAAA,MAAAyJ,GAAAA,OAAA,EAAA,CAnBD,UAAU,SAAS,EAAA,CAElB,iBACT,IAcS,CAdTxB,EAAAA,mBAcS,SAAA,SAbH,kBAAJ,IAAIY,EACH,aAAY3I,EAAA,+BACb,SAAS,KACR,QAAOoJ,EACP,UAAOnJ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAEkC,GAASD,EAAcC,CAAK,KAEtC4F,EAAAA,mBAMC,MAAA,CALC,MAAM,0BACL,IAAKiB,EAAA,MAAa,KAClB,aAAYA,EAAA,MAAa,KACzB,MAAOA,EAAA,MAAa,KACpB,IAAG,GAAKlJ,QAAA8G,EAAAA,OAAA,EAAUoC,EAAA,MAAa,cAAc,+CAdpD,IAAoC,CAAjCQ,EAAAA,gBAAAvB,EAAAA,gBAAAjI,EAAA,8BAA8B,EAAG,IACpC,CAAA,2BALO0I,EAAA,KAAM,kKCGrB,SAAS/B,EAAWZ,EAAO,CACzB,OAAIA,EAAM,WACDA,EAAM,MAEN,GAAGa,EAAAA,QAAUb,EAAM,iBAAiB,MAE/C,qBAlCE,OAAArG,YAAA,EAAAC,qBAUM,MAVNC,GAUM,CARII,EAAA,qBADRL,EAAAA,mBAOC,MAAA,OALC,MAAM,0BACL,IAAKK,EAAA,MAAM,KACX,aAAYA,EAAA,MAAM,KAClB,MAAOA,EAAA,MAAM,KACb,IAAK2G,EAAU3G,EAAA,KAAK,2CAEvB+H,EAAAA,mBAA4B,MAAA,KAAAE,EAAAA,iBAApBtE,EAAA3D,EAAA,QAAA,YAAA2D,EAAO,IAAI,EAAA,CAAA,giBC+EvB,MAAMpD,EAAQP,EA4ERd,EAAQC,EAqCRsK,EAAsBpK,EAAAA,IAAIkB,EAAM,YAAY,KAAK,EACjDmJ,EAAmBrK,EAAAA,IAAI,IAAI,EAC3BsK,EAAiBtK,EAAAA,IAAI,EAAE,EAEvBuK,EAAgBvK,EAAAA,IAAI,CAAC,EAErBwK,EAAsBzI,EAAAA,SAAS,IAAA,OAAM,QAAAuC,EAAApD,EAAM,qBAAN,YAAAoD,EAA0B,QAAS,EAAC,EACzEmG,EAAsB1I,EAAAA,SAAS,IAAA,OAAM,QAAAuC,EAAApD,EAAM,eAAN,YAAAoD,EAAoB,QAAS,EAAC,EAEnEoG,EAAO,IAAIC,GAAAA,qBAEXC,EAAe,CACnBF,EAAK,GAAG,kDAAkD,EAC1DA,EAAK,GAAG,uDAAuD,EAC/DA,EAAK,GAAG,2CAA2C,EACnDA,EAAK,GAAG,yCAAyC,EACjDA,EAAK,GAAG,6CAA6C,EACrDA,EAAK,GAAG,2CAA2C,EACnDA,EAAK,GAAG,4CAA4C,EACpDA,EAAK,GAAG,4CAA4C,EACpDA,EAAK,GAAG,0CAA0C,EAClDA,EAAK,GAAG,2CAA2C,CACrD,EAEMG,EAAyBH,EAAK,GAAG,gDAAgD,EACjFI,EAAqBJ,EAAK,GAAG,4CAA4C,EACzEK,EAAuBL,EAAK,GAAG,+CAA+C,EAC9EM,EAAiCN,EAAK,GAAG,0DAA0D,EACnGO,EAAgBP,EAAK,GAAG,uCAAuC,EAErEpI,EAAAA,MACE,IAAMpB,EAAM,YACXgK,GAAa,CACZd,EAAoB,MAAQc,CAC9B,CACF,EAWA,SAASC,EAAwBpI,EAAO,CACtCqH,EAAoB,MAAQ,GAC5BE,EAAe,MAAQ,CAAE,GAAGA,EAAe,MAAO,MAAAvH,CAAK,CACzD,CAEA,SAASqI,EAAqBC,EAAO,CACnCd,EAAc,MAAQc,CACxB,CAEA,SAASC,EAAwB5E,EAAO,CACtC2D,EAAiB,MAAQ3D,CAC3B,eAlQErG,YAAA,EAAAC,qBAuEM,MAvENC,GAuEM,CApEJmI,EAAAA,mBAeM,MAfNC,GAeM,CAdJnI,EAAAA,YAaE+K,GAAA,CAZA,IAAI,YACH,eAAcnB,EAAA,MACd,yBAAwBK,EAAA,MACxB,yBAAwBD,EAAA,MACxB,kBAAiBD,EAAA,MACjB,iBAAgBK,EAChB,oBAAmBhK,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE2K,EAAAA,MAAM,gBAAgB,kBAAiB,GAC5D,kCAAoB7K,EAAA,WAAuB6K,EAAAA,MAAM,eAAe,iBAAgB,EAAeA,EAAAA,MAAM,iBAAiB,mBAAkB,GAGxI,iBAAiBL,EACjB,oCAAatL,EAAK,OAAA,EAAA,CAAA,KAAA,CAAA,mGAGvB6I,EAAAA,mBA6BM,MA7BNI,GA6BM,CA3BInI,EAAA,0BADRwC,EAAAA,YASEsI,GAAA,OAPA,IAAI,4BACKrB,EAAA,2CAAAA,EAAmB,MAAAvJ,GAC3B,2BAA0BJ,EAAAA,MAAAoK,CAAA,EAC1B,mBAAkBjK,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEhB,EAAK,iBAAmBwK,EAAA,KAAgB,GAC5D,cAAYzJ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE2K,EAAAA,MAAM,UAAU,YAAW,GACzC,qBAAoB5K,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE2K,EAAAA,MAAM,iBAAiB,mBAAkB,GAC/D,oCAAa3L,EAAK,OAAA,EAAA,CAAA,KAAA,CAAA,mFAErBW,EAAAA,YAiBEkL,GAAA,CAhBA,IAAI,mBACH,eAActB,EAAA,MACd,YAAWzJ,EAAA,SACX,gBAAeiK,EACf,uBAAsBnK,EAAAA,MAAAqK,CAAA,EACtB,0BAAyBrK,EAAAA,MAAAsK,CAAA,EACzB,uBAAsBpK,EAAA,mBACtB,gBAAeA,EAAA,aACf,kBAAiB2J,EAAA,MACjB,gBAAiBc,EACjB,mBAAmBE,EACnB,gBAAc1K,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEhB,EAAK,iBAAmBgB,CAAM,GAC9C,oBAAmBD,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE2K,EAAAA,MAAM,gBAAgB,kBAAiB,GAC5D,mBAAkB5K,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAC,GAAEF,EAAA,WAAa6K,EAAAA,MAAM,eAAe,mBAAqBA,EAAAA,MAAM,UAAU,YAAW,GACtG,sCAAa3L,EAAK,OAAA,EAAA,CAAA,KAAA,CAAA,GAClB,uCAAuBA,EAAK,uBAAA,qJAGjC6I,EAAAA,mBAqBM,MArBNK,GAqBM,CAnBIpI,EAAA,qBAAuB0J,EAAA,qBAD/BlH,EAAAA,YAQY1C,EAAAA,MAAAO,EAAAA,OAAA,EAAA,OANV,WAAW,WACV,aAAYP,EAAAA,MAAAwK,CAAA,EACb,MAAM,4BACL,yBAAOpL,EAAK,WAAA,uBAEb,IAAmB,qCAAhBY,EAAAA,MAAAwK,CAAA,CAAa,EAAA,CAAA,wDAElBzK,cAA+CmL,GAAA,CAA3B,MAAOtB,EAAA,KAAgB,EAAA,KAAA,EAAA,CAAA,OAAA,CAAA,EAC3C7J,EAAAA,YASEoL,GAAA,CARA,IAAI,kBACH,gBAAevB,EAAA,MACf,qCAAoC5J,EAAAA,MAAAuK,CAAA,EACpC,YAAWrK,EAAA,SACX,WAASC,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAC,GAAEhB,EAAK,YAAcgB,CAAM,GACpC,cAAYD,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAC,GAAE2K,EAAAA,MAAM,UAAU,YAAW,GACzC,iBAAgB5K,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAC,GAAE2K,EAAAA,MAAM,iBAAiB,eAAc,GACvD,sCAAa3L,EAAK,OAAA,EAAA,CAAA,KAAA,CAAA"}