@dialpad/dialtone 9.28.0 → 9.29.0

package/dist/vue2/lib/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../components/popover/popover_header_footer.vue","../../components/popover/popover.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-popover-header-footer\"\n    :class=\"{\n      'd-popover__header': type === 'header',\n      'd-popover__footer': type === 'footer',\n    }\"\n  >\n    <div\n      v-if=\"$slots.content\"\n      data-qa=\"dt-popover-header-footer-content\"\n      :class=\"[{\n        'd-popover__header__content': type === 'header',\n        'd-popover__footer__content': type === 'footer',\n      }, contentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot name=\"content\" />\n    </div>\n    <dt-button\n      v-if=\"showCloseButton\"\n      ref=\"popover__close-button\"\n      data-qa=\"dt-popover-close\"\n      :class=\"{\n        'd-popover__header__close-button': type === 'header',\n        'd-popover__footer__close-button': type === 'footer',\n      }\"\n      importance=\"outlined\"\n      kind=\"muted\"\n      circle\n      v-bind=\"closeButtonProps\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'PopoverHeaderFooter',\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  props: {\n    // eslint-disable-next-line vue/require-default-prop\n    type: {\n      type: String,\n      validator: function (value) {\n        return ['header', 'footer'].includes(value);\n      },\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * A set of props to be passed into the popover's header close button.\n     * Requires an 'ariaLabel' property.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => {},\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is closed\n     *\n     * @event close\n     * @type { Boolean }\n     */\n    'close',\n  ],\n\n  methods: {\n    focusCloseButton () {\n      const closeButton = this.$refs['popover__close-button']?.$el;\n      closeButton?.focus();\n    },\n  },\n};\n</script>\n","<!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->\n<template>\n  <div>\n    <portal v-if=\"modal && isOpen\">\n      <div\n        class=\"d-modal--transparent\"\n        :aria-hidden=\"modal && isOpen ? 'false' : 'true'\"\n        @click.prevent.stop\n      />\n    </portal>\n    <component\n      :is=\"elementType\"\n      ref=\"popover\"\n      :class=\"['d-popover', { 'd-popover__anchor--opened': isOpen }]\"\n      data-qa=\"dt-popover-container\"\n      v-on=\"$listeners\"\n    >\n      <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n      <div\n        :id=\"!ariaLabelledby && labelledBy\"\n        ref=\"anchor\"\n        :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}-anchor` : 'dt-popover-anchor'\"\n        :tabindex=\"openOnContext ? 0 : undefined\"\n        @click.capture=\"defaultToggleOpen\"\n        @contextmenu=\"onContext\"\n        @keydown.up.prevent=\"onArrowKeyPress\"\n        @keydown.down.prevent=\"onArrowKeyPress\"\n        @keydown.escape.capture=\"closePopover\"\n        @mouseenter=\"onEnterAnchor\"\n        @mouseleave=\"onLeaveAnchor\"\n      >\n        <!-- @slot Anchor element that activates the popover. Usually a button. -->\n        <slot\n          name=\"anchor\"\n          :attrs=\"{\n            'aria-expanded': isOpen.toString(),\n            'aria-controls': id,\n            'aria-haspopup': role,\n          }\"\n        />\n      </div>\n      <dt-lazy-show\n        :id=\"id\"\n        ref=\"content\"\n        :role=\"role\"\n        :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}__dialog` : 'dt-popover'\"\n        :aria-hidden=\"`${!isOpen}`\"\n        :aria-labelledby=\"labelledBy\"\n        :aria-label=\"ariaLabel\"\n        :aria-modal=\"`${!modal}`\"\n        :transition=\"transition\"\n        :show=\"isOpen\"\n        :class=\"['d-popover__dialog', { 'd-popover__dialog--modal': modal }, dialogClass]\"\n        :style=\"{\n          'max-height': calculatedMaxHeight,\n          'max-width': maxWidth,\n        }\"\n        :tabindex=\"contentTabindex\"\n        appear\n        v-on=\"popoverListeners\"\n        @mouseenter=\"onEnterContent\"\n        @mouseleave=\"onLeaveContent\"\n      >\n        <popover-header-footer\n          v-if=\"$slots.headerContent || showCloseButton\"\n          ref=\"popover__header\"\n          :class=\"POPOVER_HEADER_FOOTER_PADDING_CLASSES[padding]\"\n          :content-class=\"headerClass\"\n          type=\"header\"\n          :show-close-button=\"showCloseButton\"\n          :close-button-props=\"closeButtonProps\"\n          @close=\"closePopover\"\n        >\n          <template #content>\n            <!-- @slot Slot for popover header content -->\n            <slot\n              name=\"headerContent\"\n              :close=\"closePopover\"\n            />\n          </template>\n        </popover-header-footer>\n        <div\n          ref=\"popover__content\"\n          :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}-content` : 'dt-popover-content'\"\n          :class=\"[\n            'd-popover__content',\n            POPOVER_PADDING_CLASSES[padding],\n            contentClass,\n          ]\"\n        >\n          <!-- @slot Slot for the content that is displayed in the popover when it is open. -->\n          <slot\n            name=\"content\"\n            :close=\"closePopover\"\n          />\n        </div>\n        <popover-header-footer\n          v-if=\"$slots.footerContent\"\n          ref=\"popover__footer\"\n          type=\"footer\"\n          :class=\"POPOVER_HEADER_FOOTER_PADDING_CLASSES[padding]\"\n          :content-class=\"footerClass\"\n        >\n          <template #content>\n            <!-- @slot Slot for the footer content. -->\n            <slot\n              name=\"footerContent\"\n              :close=\"closePopover\"\n            />\n          </template>\n        </popover-header-footer>\n        <sr-only-close-button\n          v-if=\"showVisuallyHiddenClose\"\n          :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n          @close=\"closePopover\"\n        />\n      </dt-lazy-show>\n    </component>\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport {\n  POPOVER_APPEND_TO_VALUES,\n  POPOVER_CONTENT_WIDTHS,\n  POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n  POPOVER_INITIAL_FOCUS_STRINGS,\n  POPOVER_PADDING_CLASSES,\n  POPOVER_ROLES,\n  POPOVER_STICKY_VALUES,\n} from './popover_constants';\nimport { getUniqueString, isOutOfViewPort } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { Portal } from '@linusborg/vue-simple-portal';\nimport ModalMixin from '@/common/mixins/modal';\nimport { createTippy, getPopperOptions } from './tippy_utils';\nimport PopoverHeaderFooter from './popover_header_footer.vue';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\n\n/**\n * A Popover displays a content overlay when its anchor element is activated.\n * @see https://dialtone.dialpad.com/components/popover.html\n */\nexport default {\n  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\n    Portal,\n  },\n\n  mixins: [ModalMixin, SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Opens the popover on right click (context menu). If you set this value to `true`,\n     * the default trigger behavior will be disabled.\n     * @values true, false\n     */\n    openOnContext: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element type (tag name) of the root element of the component.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Named transition when the content display is toggled.\n     * @see DtLazyShow\n     */\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n\n    /**\n     * ARIA role for the content of the popover. Defaults to \"dialog\".\n     * <a class=\"d-link\" href=\"https://www.w3.org/TR/wai-aria/#aria-haspopup\" target=\"_blank\">aria-haspopup</a>\n     */\n    role: {\n      type: String,\n      default: 'dialog',\n      validator: (role) => {\n        return POPOVER_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * ID of the element that serves as the label for the popover content.\n     * Defaults to the \"anchor\" element; this exists to provide a different\n     * ID of the label element if, for example, the anchor slot contains\n     * other items that do not serve as a label. You should provide this\n     * or ariaLabel, but not both.\n     */\n    ariaLabelledby: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the popover content. You should provide this\n     * or ariaLabelledby, but not both.\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * A set of props to be passed into the popover's header close button.\n     * Requires an 'ariaLabel' property, when the header popover is visible\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n    padding: {\n      type: String,\n      default: 'large',\n      validator: (padding) => {\n        return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n      },\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Width configuration for the popover content. When its value is 'anchor',\n     * the popover content will have the same width as the anchor.\n     * @values null, anchor\n     */\n    contentWidth: {\n      type: String,\n      default: '',\n      validator: contentWidth => POPOVER_CONTENT_WIDTHS.includes(contentWidth),\n    },\n\n    /**\n     * Tabindex value for the content. Passing null, no tabindex attribute will be set.\n     */\n    contentTabindex: {\n      type: Number || null,\n      default: -1,\n    },\n\n    /**\n     * External anchor id to use in those cases the anchor can't be provided via the slot.\n     * For instance, using the combobox's input as the anchor for the popover.\n     */\n    externalAnchor: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     *  Displaces the content box from its anchor element\n     *  by the specified number of pixels.\n     *  <a\n     *    class=\"d-link\"\n     *    href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     *    target=\"_blank\"\n     *  >\n     *    Tippy.js docs\n     *  </a>\n     */\n    offset: {\n      type: Array,\n      default: () => [0, 4],\n    },\n\n    /**\n     * Determines if the popover hides upon clicking the\n     * anchor or outside the content box.\n     * @values true, false\n     */\n    hideOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Determines modal state. If enabled popover has a modal overlay\n     * preventing interaction with elements below it, but it is invisible.\n     * @values true, false\n     */\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => {\n        return ['auto'];\n      },\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n    placement: {\n      type: String,\n      default: 'bottom-end',\n    },\n\n    /**\n     * If set to false the dialog will display over top of the anchor when there is insufficient space.\n     * If set to true it will never move from its position relative to the anchor and will clip instead.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * @values true, false\n     */\n    tether: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * If the popover sticks to the anchor. This is usually not needed, but can be needed\n     * if the reference element's position is animating, or to automatically update the popover\n     * position in those cases the DOM layout changes the reference element's position.\n     * `true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\n     * checks the \"popper\" rect for changes.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values true, false, reference, popper\n     */\n    sticky: {\n      type: [Boolean, String],\n      default: false,\n      validator: (sticky) => {\n        return POPOVER_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Determines maximum height for the popover before overflow.\n     * Possible units rem|px|em\n     */\n    maxHeight: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines maximum width for the popover before overflow.\n     * Possible units rem|px|%|em\n     */\n    maxWidth: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the header content wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the footer content wrapper element.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the dialog element.\n     */\n    dialogClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * The element that is focused when the popover is opened. This can be an\n     * HTMLElement within the popover, a string starting with '#' which will\n     * find the element by ID. 'first' which will automatically focus\n     * the first element, or 'dialog' which will focus the dialog window itself.\n     * If the dialog is modal this prop cannot be 'none'.\n     * @values none, dialog, first\n     */\n    initialFocusElement: {\n      type: [String, HTMLElement],\n      default: 'first',\n      validator: initialFocusElement => {\n        return POPOVER_INITIAL_FOCUS_STRINGS.includes(initialFocusElement) ||\n          (initialFocusElement instanceof HTMLElement) ||\n          initialFocusElement.startsWith('#');\n      },\n    },\n\n    /**\n     * If the popover should open pressing up or down arrow key on the anchor element.\n     * This can be set when not passing open prop.\n     * @values true, false\n     */\n    openWithArrowKeys: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Set this prop to true and popover component will support hovercard behaviour\n     * It will open on mouseenter and close on mouseleave with timer delay of 300ms\n     */\n    hovercard: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The timer is used only when the hovercard prop is true.\n     * It defines the delays when opening several hovercards.\n     * It must have the keys: enter, leave and current.\n     * If null, the default delay of 300ms will be used.\n     */\n    timer: {\n      type: [Object, null],\n      default: null,\n      validator: timer => {\n        return timer === null || (timer.enter && timer.leave && Object.keys(timer).includes('current'));\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\n\n    /**\n     * Emitted to sync value with parent\n     *\n     * @event update:opened\n     * @type {Boolean | Array}\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      POPOVER_PADDING_CLASSES,\n      POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n      intersectionObserver: null,\n      isOutsideViewport: false,\n      isOpen: false,\n      anchorEl: null,\n      popoverContentEl: null,\n      inTimer: null,\n      outTimer: null,\n    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        ...this.$listeners,\n\n        keydown: event => {\n          this.onKeydown(event);\n          this.$emit('keydown', event);\n        },\n\n        'after-leave': event => {\n          this.onLeaveTransitionComplete();\n        },\n\n        'after-enter': event => {\n          this.onEnterTransitionComplete();\n        },\n      };\n    },\n\n    calculatedMaxHeight () {\n      if (this.isOutsideViewport && this.modal) {\n        return `calc(100vh - var(--dt-space-300))`;\n      }\n      return this.maxHeight;\n    },\n\n    labelledBy () {\n      // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if\n      // there is no aria-label and the labelledby should point to the anchor.\n      return this.ariaLabelledby || (!this.ariaLabel && getUniqueString('DtPopover__anchor'));\n    },\n\n    currentHovercard () {\n      return this.timer?.current.value;\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      deep: true,\n      handler () {\n        this.validateProps();\n      },\n    },\n\n    modal (modal) {\n      this.tip?.setProps({\n        zIndex: modal ? 650 : this.calculateAnchorZindex(),\n      });\n    },\n\n    offset (offset) {\n      this.tip?.setProps({\n        offset,\n      });\n    },\n\n    sticky (sticky) {\n      this.tip?.setProps({\n        sticky,\n      });\n    },\n\n    fallbackPlacements () {\n      this.tip?.setProps({\n        popperOptions: this.popperOptions(),\n      });\n    },\n\n    tether () {\n      this.tip?.setProps({\n        popperOptions: this.popperOptions(),\n      });\n    },\n\n    placement (placement) {\n      this.tip?.setProps({\n        placement,\n      });\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null) {\n          this.isOpen = open;\n        }\n      },\n\n      immediate: true,\n    },\n\n    isOpen (isOpen, isPrev) {\n      if (isOpen) {\n        this.initTippyInstance();\n        this.tip.show();\n      } else if (!isOpen && isPrev !== isOpen) {\n        this.removeEventListeners();\n        this.tip.hide();\n      }\n    },\n\n    currentHovercard () {\n      if (this.hovercard && this.timer) {\n        if (this.currentHovercard === this.id) {\n          this.isOpen = true;\n        } else {\n          this.isOpen = false;\n        }\n      }\n    },\n  },\n\n  mounted () {\n    const externalAnchorEl = this.externalAnchor\n      ? this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`)\n      : null;\n    this.anchorEl = externalAnchorEl ?? this.$refs.anchor.children[0];\n    this.popoverContentEl = this.$refs.content?.$el;\n\n    if (this.isOpen) {\n      this.initTippyInstance();\n      this.tip.show();\n    }\n\n    // rootMargin here must be greater than the margin of the height we are setting in calculatedMaxHeight which\n    // currently is var(--dt-space-300) (4px). If not the intersectionObserver will continually trigger in an infinite\n    // loop.\n    // threshold 1.0 makes this trigger every time the dialog \"touches\" the edge of the viewport.\n    this.intersectionObserver = new IntersectionObserver(this.hasIntersectedViewport);\n    this.intersectionObserver.observe(this.popoverContentEl);\n  },\n\n  beforeDestroy () {\n    this.tip?.destroy();\n    this.intersectionObserver.disconnect();\n    this.removeReferences();\n    this.removeEventListeners();\n  },\n\n  /******************\n   *     METHODS    *\n   ******************/\n  methods: {\n\n    hasIntersectedViewport (entries) {\n      const dialog = entries?.[0]?.target;\n      if (!dialog) return;\n      const isOut = isOutOfViewPort(dialog);\n      this.isOutsideViewport = isOut.bottom || isOut.top;\n    },\n\n    popperOptions () {\n      return getPopperOptions({\n        fallbackPlacements: this.fallbackPlacements,\n        tether: this.tether,\n        hasHideModifierEnabled: true,\n      });\n    },\n\n    validateProps () {\n      if (this.modal && this.initialFocusElement === 'none') {\n        console.error('If the popover is modal you must set the ' +\n        'initialFocusElement prop. Possible values: \"dialog\", \"first\", HTMLElement');\n      }\n    },\n\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at popover z-index\n      if (this.$el.getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 650 when\n        // anchor of popover is within a drawer.\n        this.anchorEl?.closest('.d-zi-drawer')) {\n        return 650;\n      } else {\n        return 300;\n      }\n    },\n\n    defaultToggleOpen (e) {\n      if (this.hovercard) { return; }\n      if (this.openOnContext) { return; }\n\n      // Only use default toggle behaviour if the user has not set the open prop.\n      // Check that the anchor element specifically was clicked.\n      this.open ?? (this.anchorEl?.contains(e.target) && !this.anchorEl?.disabled && this.toggleOpen());\n    },\n\n    async onContext (event) {\n      if (!this.openOnContext) { return; }\n\n      event.preventDefault();\n\n      this.isOpen = true;\n      await this.$nextTick();\n      this.tip.setProps({\n        placement: 'right-start',\n        getReferenceClientRect: () => ({\n          width: 0,\n          height: 0,\n          top: event.clientY,\n          bottom: event.clientY,\n          left: event.clientX,\n          right: event.clientX,\n        }),\n      });\n    },\n\n    toggleOpen () {\n      this.isOpen = !this.isOpen;\n    },\n\n    onArrowKeyPress (e) {\n      if (this.open !== null) { return; }\n\n      if (this.openWithArrowKeys && this.anchorEl?.contains(e.target)) {\n        if (!this.isOpen) {\n          this.isOpen = true;\n        }\n      }\n    },\n\n    addEventListeners () {\n      window.addEventListener('dt-popover-close', this.closePopover);\n      // align popover content width when contentWidth is 'anchor'\n      if (this.contentWidth === 'anchor') {\n        window.addEventListener('resize', this.onResize);\n      }\n    },\n\n    removeEventListeners () {\n      window.removeEventListener('dt-popover-close', this.closePopover);\n      if (this.contentWidth === 'anchor') {\n        window.removeEventListener('resize', this.onResize);\n      }\n    },\n\n    closePopover () {\n      this.isOpen = false;\n    },\n\n    /*\n    * Prevents scrolling outside of the currently opened modal popover by:\n    *   - when anchor is not within another popover: setting the body to overflow: hidden\n    *   - when anchor is within another popover: set the popover dialog container to it's non-modal z-index\n    *     since it is no longer the active modal. This puts it underneath the overlay and prevents scrolling.\n    **/\n    preventScrolling () {\n      if (this.modal) {\n        const element = this.anchorEl?.closest('body, .tippy-box');\n        if (!element) return;\n        if (element.tagName?.toLowerCase() === 'body') {\n          element.classList.add('d-of-hidden');\n          this.tip.setProps({ offset: this.offset });\n        } else {\n          element.classList.add('d-zi-popover');\n        }\n      }\n    },\n\n    /*\n    * Resets the prevent scrolling properties set in preventScrolling() back to normal.\n    **/\n    enableScrolling () {\n      const element = this.anchorEl?.closest('body, .tippy-box');\n      if (!element) return;\n      if (element.tagName?.toLowerCase() === 'body') {\n        element.classList.remove('d-of-hidden');\n        this.tip.setProps({ offset: this.offset });\n      } else {\n        element.classList.remove('d-zi-popover');\n      }\n    },\n\n    removeReferences () {\n      this.anchorEl = null;\n      this.popoverContentEl = null;\n      this.tip = null;\n    },\n\n    async onShow () {\n      if (this.contentWidth === 'anchor') {\n        await this.setPopoverContentAnchorWidth();\n      }\n\n      if (this.contentWidth === null) {\n        this.popoverContentEl.style.width = 'auto';\n      }\n\n      this.addEventListeners();\n    },\n\n    async onLeaveTransitionComplete () {\n      if (this.modal) {\n        await this.focusFirstElement(this.$refs.anchor);\n        // await next tick in case the user wants to change focus themselves.\n        await this.$nextTick();\n        this.enableScrolling();\n      }\n      this.tip?.unmount();\n      this.$emit('opened', false);\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    async onEnterTransitionComplete () {\n      this.focusInitialElement();\n      // await next tick in case the user wants to change focus themselves.\n      await this.$nextTick();\n      this.preventScrolling();\n      this.$emit('opened', true, this.$refs.popover__content);\n      if (this.open !== null) {\n        this.$emit('update:open', true);\n      }\n    },\n\n    focusInitialElement () {\n      if (this.initialFocusElement === 'dialog') {\n        this.$refs.content?.$el?.focus();\n      }\n      // find by ID\n      if (this.initialFocusElement.startsWith('#')) {\n        this.focusInitialElementById();\n      }\n      if (this.initialFocusElement === 'first') {\n        this.focusFirstElementIfNeeded(this.$refs.popover__content);\n      }\n      if (this.initialFocusElement instanceof HTMLElement) {\n        this.initialFocusElement.focus();\n      }\n    },\n\n    focusInitialElementById () {\n      const result = this.$refs.content?.$el?.querySelector(this.initialFocusElement);\n      if (result) {\n        result.focus();\n      } else {\n        console.warn('Could not find the element specified in dt-popover prop \"initialFocusElement\". ' +\n          'Defaulting to focusing the dialog.');\n      }\n      result ? result.focus() : this.$refs.content?.$el.focus();\n    },\n\n    onResize () {\n      this.closePopover();\n    },\n\n    onClickOutside () {\n      if (!this.hideOnClick) return;\n      // If a popover is opened inside of this one, do not hide on click out\n      const innerModals = this.popoverContentEl.querySelector('.d-popover__anchor--opened');\n      if (!innerModals) {\n        this.closePopover();\n      }\n    },\n\n    onKeydown (e) {\n      if (e.key === 'Tab') {\n        if (this.modal) {\n          this.focusTrappedTabPress(e, this.popoverContentEl);\n        }\n      }\n      if (e.key === 'Escape') {\n        this.closePopover();\n      }\n    },\n\n    async setPopoverContentAnchorWidth () {\n      await this.$nextTick();\n      this.popoverContentEl.style.width = `${this.anchorEl?.clientWidth}px`;\n    },\n\n    focusFirstElementIfNeeded (domEl) {\n      const focusableElements = this._getFocusableElements(domEl, true);\n      if (focusableElements.length !== 0) {\n        this.focusFirstElement(domEl);\n      } else if (this.showCloseButton) {\n        this.$refs.popover__header?.focusCloseButton();\n      } else {\n        // if there are no focusable elements at all focus the dialog itself\n        this.$refs.content?.$el.focus();\n      }\n    },\n\n    initTippyInstance () {\n      this.tip = createTippy(this.anchorEl, {\n        popperOptions: this.popperOptions(),\n        contentElement: this.popoverContentEl,\n        placement: this.placement,\n        offset: this.offset,\n        sticky: this.sticky,\n        appendTo: this.appendTo === 'body' ? this.anchorEl?.getRootNode()?.querySelector('body') : this.appendTo,\n        interactive: true,\n        trigger: 'manual',\n        // We have to manage hideOnClick functionality manually to handle\n        // popover within popover situations.\n        hideOnClick: false,\n        zIndex: this.modal ? 650 : this.calculateAnchorZindex(),\n        onClickOutside: this.onClickOutside,\n        onShow: this.onShow,\n      });\n    },\n\n    //  ============================================================================\n    //  $ HOVERCARD\n    //  ----------------------------------------------------------------------------\n\n    setInTimer () {\n      this.inTimer = setTimeout(() => {\n        this.isOpen = true;\n      }, TOOLTIP_DELAY_MS);\n    },\n\n    setOutTimer () {\n      this.outTimer = setTimeout(() => {\n        this.isOpen = false;\n      }, TOOLTIP_DELAY_MS);\n    },\n\n    onEnterAnchor () {\n      if (!this.hovercard) return;\n      if (this.timer) this.timer.enter(this.id);\n      else {\n        clearTimeout(this.outTimer);\n        this.setInTimer();\n      }\n    },\n\n    onLeaveAnchor () {\n      if (!this.hovercard) return;\n      if (this.timer) this.timer.leave();\n      else {\n        clearTimeout(this.inTimer);\n        this.setOutTimer();\n      }\n    },\n\n    onEnterContent () {\n      if (!this.hovercard) return;\n      if (this.timer) this.timer.enter(this.id);\n      else clearTimeout(this.outTimer);\n    },\n\n    onLeaveContent () {\n      if (!this.hovercard) return;\n      if (this.timer) this.timer.leave();\n      else this.setOutTimer();\n    },\n\n    //  ============================================================================\n    //  $ HOVERCARD\n    //  ----------------------------------------------------------------------------\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIcon","value","closeButton","_a","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","Portal","ModalMixin","SrOnlyCloseButtonMixin","role","POPOVER_ROLES","padding","POPOVER_PADDING_CLASSES","item","contentWidth","POPOVER_CONTENT_WIDTHS","getUniqueString","sticky","POPOVER_STICKY_VALUES","initialFocusElement","POPOVER_INITIAL_FOCUS_STRINGS","appendTo","POPOVER_APPEND_TO_VALUES","timer","POPOVER_HEADER_FOOTER_PADDING_CLASSES","event","modal","offset","placement","open","isOpen","isPrev","externalAnchorEl","entries","dialog","isOut","isOutOfViewPort","getPopperOptions","e","_b","element","result","_c","domEl","createTippy","TOOLTIP_DELAY_MS"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../components/popover/popover_header_footer.vue","../../components/popover/popover.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-popover-header-footer\"\n    :class=\"{\n      'd-popover__header': type === 'header',\n      'd-popover__footer': type === 'footer',\n    }\"\n  >\n    <div\n      v-if=\"$slots.content\"\n      data-qa=\"dt-popover-header-footer-content\"\n      :class=\"[{\n        'd-popover__header__content': type === 'header',\n        'd-popover__footer__content': type === 'footer',\n      }, contentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot name=\"content\" />\n    </div>\n    <dt-button\n      v-if=\"showCloseButton\"\n      ref=\"popover__close-button\"\n      data-qa=\"dt-popover-close\"\n      :class=\"{\n        'd-popover__header__close-button': type === 'header',\n        'd-popover__footer__close-button': type === 'footer',\n      }\"\n      importance=\"outlined\"\n      kind=\"muted\"\n      circle\n      v-bind=\"closeButtonProps\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'PopoverHeaderFooter',\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  props: {\n    // eslint-disable-next-line vue/require-default-prop\n    type: {\n      type: String,\n      validator: function (value) {\n        return ['header', 'footer'].includes(value);\n      },\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * A set of props to be passed into the popover's header close button.\n     * Requires an 'ariaLabel' property.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => {},\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is closed\n     *\n     * @event close\n     * @type { Boolean }\n     */\n    'close',\n  ],\n\n  methods: {\n    focusCloseButton () {\n      const closeButton = this.$refs['popover__close-button']?.$el;\n      closeButton?.focus();\n    },\n  },\n};\n</script>\n","<!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->\n<template>\n  <div>\n    <portal v-if=\"modal && isOpen\">\n      <div\n        class=\"d-modal--transparent\"\n        :aria-hidden=\"modal && isOpen ? 'false' : 'true'\"\n        @click.prevent.stop\n      />\n    </portal>\n    <component\n      :is=\"elementType\"\n      ref=\"popover\"\n      :class=\"['d-popover', { 'd-popover__anchor--opened': isOpen }]\"\n      data-qa=\"dt-popover-container\"\n      v-on=\"$listeners\"\n    >\n      <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n      <div\n        :id=\"!ariaLabelledby && labelledBy\"\n        ref=\"anchor\"\n        :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}-anchor` : 'dt-popover-anchor'\"\n        :tabindex=\"openOnContext ? 0 : undefined\"\n        @click.capture=\"defaultToggleOpen\"\n        @contextmenu=\"onContext\"\n        @keydown.up.prevent=\"onArrowKeyPress\"\n        @keydown.down.prevent=\"onArrowKeyPress\"\n        @keydown.escape.capture=\"closePopover\"\n        @mouseenter=\"onEnterAnchor\"\n        @mouseleave=\"onLeaveAnchor\"\n      >\n        <!-- @slot Anchor element that activates the popover. Usually a button. -->\n        <slot\n          name=\"anchor\"\n          :attrs=\"{\n            'aria-expanded': isOpen.toString(),\n            'aria-controls': id,\n            'aria-haspopup': role,\n          }\"\n        />\n      </div>\n      <dt-lazy-show\n        :id=\"id\"\n        ref=\"content\"\n        :role=\"role\"\n        :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}__dialog` : 'dt-popover'\"\n        :aria-hidden=\"`${!isOpen}`\"\n        :aria-labelledby=\"labelledBy\"\n        :aria-label=\"ariaLabel\"\n        :aria-modal=\"`${!modal}`\"\n        :transition=\"transition\"\n        :show=\"isOpen\"\n        :class=\"['d-popover__dialog', { 'd-popover__dialog--modal': modal }, dialogClass]\"\n        :style=\"{\n          'max-height': calculatedMaxHeight,\n          'max-width': maxWidth,\n        }\"\n        :tabindex=\"contentTabindex\"\n        appear\n        v-on=\"popoverListeners\"\n        @mouseenter=\"onEnterContent\"\n        @mouseleave=\"onLeaveContent\"\n      >\n        <popover-header-footer\n          v-if=\"$slots.headerContent || showCloseButton\"\n          ref=\"popover__header\"\n          :class=\"POPOVER_HEADER_FOOTER_PADDING_CLASSES[padding]\"\n          :content-class=\"headerClass\"\n          type=\"header\"\n          :show-close-button=\"showCloseButton\"\n          :close-button-props=\"closeButtonProps\"\n          @close=\"closePopover\"\n        >\n          <template #content>\n            <!-- @slot Slot for popover header content -->\n            <slot\n              name=\"headerContent\"\n              :close=\"closePopover\"\n            />\n          </template>\n        </popover-header-footer>\n        <div\n          ref=\"popover__content\"\n          :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}-content` : 'dt-popover-content'\"\n          :class=\"[\n            'd-popover__content',\n            POPOVER_PADDING_CLASSES[padding],\n            contentClass,\n          ]\"\n        >\n          <!-- @slot Slot for the content that is displayed in the popover when it is open. -->\n          <slot\n            name=\"content\"\n            :close=\"closePopover\"\n          />\n        </div>\n        <popover-header-footer\n          v-if=\"$slots.footerContent\"\n          ref=\"popover__footer\"\n          type=\"footer\"\n          :class=\"POPOVER_HEADER_FOOTER_PADDING_CLASSES[padding]\"\n          :content-class=\"footerClass\"\n        >\n          <template #content>\n            <!-- @slot Slot for the footer content. -->\n            <slot\n              name=\"footerContent\"\n              :close=\"closePopover\"\n            />\n          </template>\n        </popover-header-footer>\n        <sr-only-close-button\n          v-if=\"showVisuallyHiddenClose\"\n          :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n          @close=\"closePopover\"\n        />\n      </dt-lazy-show>\n    </component>\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport {\n  POPOVER_APPEND_TO_VALUES,\n  POPOVER_CONTENT_WIDTHS,\n  POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n  POPOVER_INITIAL_FOCUS_STRINGS,\n  POPOVER_PADDING_CLASSES,\n  POPOVER_ROLES,\n  POPOVER_STICKY_VALUES,\n} from './popover_constants';\nimport { getUniqueString, isOutOfViewPort } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { Portal } from '@linusborg/vue-simple-portal';\nimport ModalMixin from '@/common/mixins/modal';\nimport { createTippy, getPopperOptions } from './tippy_utils';\nimport PopoverHeaderFooter from './popover_header_footer.vue';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\n\n/**\n * A Popover displays a content overlay when its anchor element is activated.\n * @see https://dialtone.dialpad.com/components/popover.html\n */\nexport default {\n  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\n    Portal,\n  },\n\n  mixins: [ModalMixin, SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Opens the popover on right click (context menu). If you set this value to `true`,\n     * the default trigger behavior will be disabled.\n     * @values true, false\n     */\n    openOnContext: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element type (tag name) of the root element of the component.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Named transition when the content display is toggled.\n     * @see DtLazyShow\n     */\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n\n    /**\n     * ARIA role for the content of the popover. Defaults to \"dialog\".\n     * <a class=\"d-link\" href=\"https://www.w3.org/TR/wai-aria/#aria-haspopup\" target=\"_blank\">aria-haspopup</a>\n     */\n    role: {\n      type: String,\n      default: 'dialog',\n      validator: (role) => {\n        return POPOVER_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * ID of the element that serves as the label for the popover content.\n     * Defaults to the \"anchor\" element; this exists to provide a different\n     * ID of the label element if, for example, the anchor slot contains\n     * other items that do not serve as a label. You should provide this\n     * or ariaLabel, but not both.\n     */\n    ariaLabelledby: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the popover content. You should provide this\n     * or ariaLabelledby, but not both.\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * A set of props to be passed into the popover's header close button.\n     * Requires an 'ariaLabel' property, when the header popover is visible\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n    padding: {\n      type: String,\n      default: 'large',\n      validator: (padding) => {\n        return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n      },\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Width configuration for the popover content. When its value is 'anchor',\n     * the popover content will have the same width as the anchor.\n     * @values null, anchor\n     */\n    contentWidth: {\n      type: String,\n      default: '',\n      validator: contentWidth => POPOVER_CONTENT_WIDTHS.includes(contentWidth),\n    },\n\n    /**\n     * Tabindex value for the content. Passing null, no tabindex attribute will be set.\n     */\n    contentTabindex: {\n      type: Number || null,\n      default: -1,\n    },\n\n    /**\n     * External anchor id to use in those cases the anchor can't be provided via the slot.\n     * For instance, using the combobox's input as the anchor for the popover.\n     */\n    externalAnchor: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     *  Displaces the content box from its anchor element\n     *  by the specified number of pixels.\n     *  <a\n     *    class=\"d-link\"\n     *    href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     *    target=\"_blank\"\n     *  >\n     *    Tippy.js docs\n     *  </a>\n     */\n    offset: {\n      type: Array,\n      default: () => [0, 4],\n    },\n\n    /**\n     * Determines if the popover hides upon clicking the\n     * anchor or outside the content box.\n     * @values true, false\n     */\n    hideOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Determines modal state. If enabled popover has a modal overlay\n     * preventing interaction with elements below it, but it is invisible.\n     * @values true, false\n     */\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => {\n        return ['auto'];\n      },\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n    placement: {\n      type: String,\n      default: 'bottom-end',\n    },\n\n    /**\n     * If set to false the dialog will display over top of the anchor when there is insufficient space.\n     * If set to true it will never move from its position relative to the anchor and will clip instead.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * @values true, false\n     */\n    tether: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * If the popover sticks to the anchor. This is usually not needed, but can be needed\n     * if the reference element's position is animating, or to automatically update the popover\n     * position in those cases the DOM layout changes the reference element's position.\n     * `true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\n     * checks the \"popper\" rect for changes.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values true, false, reference, popper\n     */\n    sticky: {\n      type: [Boolean, String],\n      default: false,\n      validator: (sticky) => {\n        return POPOVER_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Determines maximum height for the popover before overflow.\n     * Possible units rem|px|em\n     */\n    maxHeight: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines maximum width for the popover before overflow.\n     * Possible units rem|px|%|em\n     */\n    maxWidth: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the header content wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the footer content wrapper element.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the dialog element.\n     */\n    dialogClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * The element that is focused when the popover is opened. This can be an\n     * HTMLElement within the popover, a string starting with '#' which will\n     * find the element by ID. 'first' which will automatically focus\n     * the first element, or 'dialog' which will focus the dialog window itself.\n     * If the dialog is modal this prop cannot be 'none'.\n     * @values none, dialog, first\n     */\n    initialFocusElement: {\n      type: [String, HTMLElement],\n      default: 'first',\n      validator: initialFocusElement => {\n        return POPOVER_INITIAL_FOCUS_STRINGS.includes(initialFocusElement) ||\n          (initialFocusElement instanceof HTMLElement) ||\n          initialFocusElement.startsWith('#');\n      },\n    },\n\n    /**\n     * If the popover should open pressing up or down arrow key on the anchor element.\n     * This can be set when not passing open prop.\n     * @values true, false\n     */\n    openWithArrowKeys: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Set this prop to true and popover component will support hovercard behaviour\n     * It will open on mouseenter and close on mouseleave with timer delay of 300ms\n     */\n    hovercard: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The timer is used only when the hovercard prop is true.\n     * It defines the delays when opening several hovercards.\n     * It must have the keys: enter, leave and current.\n     * If null, the default delay of 300ms will be used.\n     */\n    timer: {\n      type: [Object, null],\n      default: null,\n      validator: timer => {\n        return timer === null || (timer.enter && timer.leave && Object.keys(timer).includes('current'));\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\n\n    /**\n     * Emitted to sync value with parent\n     *\n     * @event update:opened\n     * @type {Boolean | Array}\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      POPOVER_PADDING_CLASSES,\n      POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n      intersectionObserver: null,\n      isOutsideViewport: false,\n      isOpen: false,\n      anchorEl: null,\n      popoverContentEl: null,\n      inTimer: null,\n      outTimer: null,\n    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        ...this.$listeners,\n\n        keydown: event => {\n          this.onKeydown(event);\n          this.$emit('keydown', event);\n        },\n\n        'after-leave': event => {\n          this.onLeaveTransitionComplete();\n        },\n\n        'after-enter': event => {\n          this.onEnterTransitionComplete();\n        },\n      };\n    },\n\n    calculatedMaxHeight () {\n      if (this.isOutsideViewport && this.modal) {\n        return `calc(100vh - var(--dt-space-300))`;\n      }\n      return this.maxHeight;\n    },\n\n    labelledBy () {\n      // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if\n      // there is no aria-label and the labelledby should point to the anchor.\n      return this.ariaLabelledby || (!this.ariaLabel && getUniqueString('DtPopover__anchor'));\n    },\n\n    currentHovercard () {\n      return this.timer?.current.value;\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      deep: true,\n      handler () {\n        this.validateProps();\n      },\n    },\n\n    modal (modal) {\n      this.tip?.setProps({\n        zIndex: modal ? 650 : this.calculateAnchorZindex(),\n      });\n    },\n\n    offset (offset) {\n      this.tip?.setProps({\n        offset,\n      });\n    },\n\n    sticky (sticky) {\n      this.tip?.setProps({\n        sticky,\n      });\n    },\n\n    fallbackPlacements () {\n      this.tip?.setProps({\n        popperOptions: this.popperOptions(),\n      });\n    },\n\n    tether () {\n      this.tip?.setProps({\n        popperOptions: this.popperOptions(),\n      });\n    },\n\n    placement (placement) {\n      this.tip?.setProps({\n        placement,\n      });\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null) {\n          this.isOpen = open;\n        }\n      },\n\n      immediate: true,\n    },\n\n    isOpen (isOpen, isPrev) {\n      if (isOpen) {\n        this.initTippyInstance();\n        this.tip.show();\n      } else if (!isOpen && isPrev !== isOpen) {\n        this.removeEventListeners();\n        this.tip.hide();\n      }\n    },\n\n    currentHovercard () {\n      if (this.hovercard && this.timer) {\n        if (this.currentHovercard === this.id) {\n          this.isOpen = true;\n        } else {\n          this.isOpen = false;\n        }\n      }\n    },\n  },\n\n  mounted () {\n    const externalAnchorEl = this.externalAnchor\n      ? this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`)\n      : null;\n    this.anchorEl = externalAnchorEl ?? this.$refs.anchor.children[0];\n    this.popoverContentEl = this.$refs.content?.$el;\n\n    if (this.isOpen) {\n      this.initTippyInstance();\n      this.tip.show();\n    }\n\n    // rootMargin here must be greater than the margin of the height we are setting in calculatedMaxHeight which\n    // currently is var(--dt-space-300) (4px). If not the intersectionObserver will continually trigger in an infinite\n    // loop.\n    // threshold 1.0 makes this trigger every time the dialog \"touches\" the edge of the viewport.\n    this.intersectionObserver = new IntersectionObserver(this.hasIntersectedViewport);\n    this.intersectionObserver.observe(this.popoverContentEl);\n  },\n\n  beforeDestroy () {\n    this.tip?.destroy();\n    this.intersectionObserver.disconnect();\n    this.removeReferences();\n    this.removeEventListeners();\n  },\n\n  /******************\n   *     METHODS    *\n   ******************/\n  methods: {\n\n    hasIntersectedViewport (entries) {\n      const dialog = entries?.[0]?.target;\n      if (!dialog) return;\n      const isOut = isOutOfViewPort(dialog);\n      this.isOutsideViewport = isOut.bottom || isOut.top;\n    },\n\n    popperOptions () {\n      return getPopperOptions({\n        fallbackPlacements: this.fallbackPlacements,\n        tether: this.tether,\n        hasHideModifierEnabled: true,\n      });\n    },\n\n    validateProps () {\n      if (this.modal && this.initialFocusElement === 'none') {\n        console.error('If the popover is modal you must set the ' +\n        'initialFocusElement prop. Possible values: \"dialog\", \"first\", HTMLElement');\n      }\n    },\n\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at popover z-index\n      if (this.$el.getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 650 when\n        // anchor of popover is within a drawer.\n        this.anchorEl?.closest('.d-zi-drawer')) {\n        return 650;\n      } else {\n        return 300;\n      }\n    },\n\n    defaultToggleOpen (e) {\n      if (this.hovercard) { return; }\n      if (this.openOnContext) { return; }\n\n      // Only use default toggle behaviour if the user has not set the open prop.\n      // Check that the anchor element specifically was clicked.\n      this.open ?? (this.anchorEl?.contains(e.target) && !this.anchorEl?.disabled && this.toggleOpen());\n    },\n\n    async onContext (event) {\n      if (!this.openOnContext) { return; }\n\n      event.preventDefault();\n\n      this.isOpen = true;\n      await this.$nextTick();\n      this.tip.setProps({\n        placement: 'right-start',\n        getReferenceClientRect: () => ({\n          width: 0,\n          height: 0,\n          top: event.clientY,\n          bottom: event.clientY,\n          left: event.clientX,\n          right: event.clientX,\n        }),\n      });\n    },\n\n    toggleOpen () {\n      this.isOpen = !this.isOpen;\n    },\n\n    onArrowKeyPress (e) {\n      if (this.open !== null) { return; }\n\n      if (this.openWithArrowKeys && this.anchorEl?.contains(e.target)) {\n        if (!this.isOpen) {\n          this.isOpen = true;\n        }\n      }\n    },\n\n    addEventListeners () {\n      window.addEventListener('dt-popover-close', this.closePopover);\n      // align popover content width when contentWidth is 'anchor'\n      if (this.contentWidth === 'anchor') {\n        window.addEventListener('resize', this.onResize);\n      }\n    },\n\n    removeEventListeners () {\n      window.removeEventListener('dt-popover-close', this.closePopover);\n      if (this.contentWidth === 'anchor') {\n        window.removeEventListener('resize', this.onResize);\n      }\n    },\n\n    closePopover () {\n      this.isOpen = false;\n    },\n\n    /*\n    * Prevents scrolling outside of the currently opened modal popover by:\n    *   - when anchor is not within another popover: setting the body to overflow: hidden\n    *   - when anchor is within another popover: set the popover dialog container to it's non-modal z-index\n    *     since it is no longer the active modal. This puts it underneath the overlay and prevents scrolling.\n    **/\n    preventScrolling () {\n      if (this.modal) {\n        const element = this.anchorEl?.closest('body, .tippy-box');\n        if (!element) return;\n        if (element.tagName?.toLowerCase() === 'body') {\n          element.classList.add('d-of-hidden');\n          this.tip.setProps({ offset: this.offset });\n        } else {\n          element.classList.add('d-zi-popover');\n        }\n      }\n    },\n\n    /*\n    * Resets the prevent scrolling properties set in preventScrolling() back to normal.\n    **/\n    enableScrolling () {\n      const element = this.anchorEl?.closest('body, .tippy-box');\n      if (!element) return;\n      if (element.tagName?.toLowerCase() === 'body') {\n        element.classList.remove('d-of-hidden');\n        this.tip.setProps({ offset: this.offset });\n      } else {\n        element.classList.remove('d-zi-popover');\n      }\n    },\n\n    removeReferences () {\n      this.anchorEl = null;\n      this.popoverContentEl = null;\n      this.tip = null;\n    },\n\n    async onShow () {\n      if (this.contentWidth === 'anchor') {\n        await this.setPopoverContentAnchorWidth();\n      }\n\n      if (this.contentWidth === null) {\n        this.popoverContentEl.style.width = 'auto';\n      }\n\n      this.addEventListeners();\n    },\n\n    async onLeaveTransitionComplete () {\n      if (this.modal) {\n        await this.focusFirstElement(this.$refs.anchor);\n        // await next tick in case the user wants to change focus themselves.\n        await this.$nextTick();\n        this.enableScrolling();\n      }\n      this.tip?.unmount();\n      this.$emit('opened', false);\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    async onEnterTransitionComplete () {\n      this.focusInitialElement();\n      // await next tick in case the user wants to change focus themselves.\n      await this.$nextTick();\n      this.preventScrolling();\n      this.$emit('opened', true, this.$refs.popover__content);\n      if (this.open !== null) {\n        this.$emit('update:open', true);\n      }\n    },\n\n    focusInitialElement () {\n      if (this.initialFocusElement === 'dialog') {\n        this.$refs.content?.$el?.focus();\n      }\n      // find by ID\n      if (this.initialFocusElement.startsWith('#')) {\n        this.focusInitialElementById();\n      }\n      if (this.initialFocusElement === 'first') {\n        this.focusFirstElementIfNeeded(this.$refs.popover__content);\n      }\n      if (this.initialFocusElement instanceof HTMLElement) {\n        this.initialFocusElement.focus();\n      }\n    },\n\n    focusInitialElementById () {\n      const result = this.$refs.content?.$el?.querySelector(this.initialFocusElement);\n      if (result) {\n        result.focus();\n      } else {\n        console.warn('Could not find the element specified in dt-popover prop \"initialFocusElement\". ' +\n          'Defaulting to focusing the dialog.');\n      }\n      result ? result.focus() : this.$refs.content?.$el.focus();\n    },\n\n    onResize () {\n      this.closePopover();\n    },\n\n    onClickOutside () {\n      if (!this.hideOnClick) return;\n      // If a popover is opened inside of this one, do not hide on click out\n      const innerModals = this.popoverContentEl.querySelector('.d-popover__anchor--opened');\n      if (!innerModals) {\n        this.closePopover();\n      }\n    },\n\n    onKeydown (e) {\n      if (e.key === 'Tab') {\n        if (this.modal) {\n          this.focusTrappedTabPress(e, this.popoverContentEl);\n        }\n      }\n      if (e.key === 'Escape') {\n        this.closePopover();\n      }\n    },\n\n    async setPopoverContentAnchorWidth () {\n      await this.$nextTick();\n      this.popoverContentEl.style.width = `${this.anchorEl?.clientWidth}px`;\n    },\n\n    focusFirstElementIfNeeded (domEl) {\n      const focusableElements = this._getFocusableElements(domEl, true);\n      if (focusableElements.length !== 0) {\n        this.focusFirstElement(domEl);\n      } else if (this.showCloseButton) {\n        this.$refs.popover__header?.focusCloseButton();\n      } else {\n        // if there are no focusable elements at all focus the dialog itself\n        this.$refs.content?.$el.focus();\n      }\n    },\n\n    initTippyInstance () {\n      this.tip = createTippy(this.anchorEl, {\n        popperOptions: this.popperOptions(),\n        contentElement: this.popoverContentEl,\n        placement: this.placement,\n        offset: this.offset,\n        sticky: this.sticky,\n        appendTo: this.appendTo === 'body' ? this.anchorEl?.getRootNode()?.querySelector('body') : this.appendTo,\n        interactive: true,\n        trigger: 'manual',\n        // We have to manage hideOnClick functionality manually to handle\n        // popover within popover situations.\n        hideOnClick: false,\n        zIndex: this.modal ? 650 : this.calculateAnchorZindex(),\n        onClickOutside: this.onClickOutside,\n        onShow: this.onShow,\n      });\n    },\n\n    //  ============================================================================\n    //  $ HOVERCARD\n    //  ----------------------------------------------------------------------------\n\n    setInTimer () {\n      this.inTimer = setTimeout(() => {\n        this.isOpen = true;\n      }, TOOLTIP_DELAY_MS);\n    },\n\n    setOutTimer () {\n      this.outTimer = setTimeout(() => {\n        this.isOpen = false;\n      }, TOOLTIP_DELAY_MS);\n    },\n\n    onEnterAnchor () {\n      if (!this.hovercard) return;\n      if (this.timer) this.timer.enter(this.id);\n      else {\n        clearTimeout(this.outTimer);\n        this.setInTimer();\n      }\n    },\n\n    onLeaveAnchor () {\n      if (!this.hovercard) return;\n      if (this.timer) this.timer.leave();\n      else {\n        clearTimeout(this.inTimer);\n        this.setOutTimer();\n      }\n    },\n\n    onEnterContent () {\n      if (!this.hovercard) return;\n      if (this.timer) this.timer.enter(this.id);\n      else clearTimeout(this.outTimer);\n    },\n\n    onLeaveContent () {\n      if (!this.hovercard) return;\n      if (this.timer) this.timer.leave();\n      else this.setOutTimer();\n    },\n\n    //  ============================================================================\n    //  $ HOVERCARD\n    //  ----------------------------------------------------------------------------\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIcon","value","closeButton","_a","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","Portal","ModalMixin","SrOnlyCloseButtonMixin","role","POPOVER_ROLES","padding","POPOVER_PADDING_CLASSES","item","contentWidth","POPOVER_CONTENT_WIDTHS","getUniqueString","sticky","POPOVER_STICKY_VALUES","initialFocusElement","POPOVER_INITIAL_FOCUS_STRINGS","appendTo","POPOVER_APPEND_TO_VALUES","timer","POPOVER_HEADER_FOOTER_PADDING_CLASSES","event","modal","offset","placement","open","isOpen","isPrev","externalAnchorEl","entries","dialog","isOut","isOutOfViewPort","getPopperOptions","e","_b","element","result","_c","domEl","createTippy","TOOLTIP_DELAY_MS"],"mappings":"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"}

package/dist/vue2/lib/presence.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../chunks/_plugin-vue2_normalizer-ZK80B3OL.js"),n={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},t=[n.BUSY,n.AWAY,n.OFFLINE,n.ACTIVE],c={name:"DtPresence",props:{presence:{type:String,default:n.ACTIVE,validator:r=>t.includes(r)},srText:{type:String,default:null}}};var _=function(){var e=this,s=e._self._c;return s("div",{staticClass:"d-presence",attrs:{"data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"}},[e.srText?s("span",{staticClass:"sr-only",attrs:{"data-qa":"dt-presence-sr-text"}},[e._v(e._s(e.srText)+" ")]):e._e(),s("div",{staticClass:"d-presence__inner",class:{"d-presence__inner--active":e.presence==="active","d-presence__inner--away":e.presence==="away","d-presence__inner--busy":e.presence==="busy","d-presence__inner--offline":e.presence==="offline"}})])},i=[],l=a.n(c,_,i,!1,null,null,null,null);const o=l.exports;exports.DtPresence=o;exports.PRESENCE_STATES=n;exports.PRESENCE_STATES_LIST=t;
+//# sourceMappingURL=presence.cjs.map

package/dist/vue2/lib/presence.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.cjs","sources":["../../components/presence/presence_constants.js","../../components/presence/presence.vue"],"sourcesContent":["export const PRESENCE_STATES = {\n  BUSY: 'busy',\n  AWAY: 'away',\n  OFFLINE: 'offline',\n  ACTIVE: 'active',\n};\n\nexport const PRESENCE_STATES_LIST = [\n  PRESENCE_STATES.BUSY,\n  PRESENCE_STATES.AWAY,\n  PRESENCE_STATES.OFFLINE,\n  PRESENCE_STATES.ACTIVE,\n];\n","<template>\n  <div\n    class=\"d-presence\"\n    data-qa=\"dt-presence\"\n    role=\"status\"\n    :aria-live=\"$attrs.ariaLive || 'off'\"\n  >\n    <span\n      v-if=\"srText\"\n      data-qa=\"dt-presence-sr-text\"\n      class=\"sr-only\"\n    >{{ srText }} </span>\n    <div\n      class=\"d-presence__inner\"\n      :class=\"{\n        'd-presence__inner--active': presence === 'active',\n        'd-presence__inner--away': presence === 'away',\n        'd-presence__inner--busy': presence === 'busy',\n        'd-presence__inner--offline': presence === 'offline',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n  name: 'DtPresence',\n  props: {\n\n    /**\n     * Determines the color of the inner presence circle, indicating status.\n     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n     * @values busy, away, active, offline\n     */\n    presence: {\n      type: String,\n      default: PRESENCE_STATES.ACTIVE,\n      validator: (role) => {\n        return PRESENCE_STATES_LIST.includes(role);\n      },\n    },\n\n    /**\n     * Since Presence is a visual element, we need SRs to read out any state changes\n     * that occur.\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    srText: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n"],"names":["PRESENCE_STATES","PRESENCE_STATES_LIST","_sfc_main","role"],"mappings":"iJAAaA,EAAkB,CAC7B,KAAM,OACN,KAAM,OACN,QAAS,UACT,OAAQ,QACV,EAEaC,EAAuB,CAClCD,EAAgB,KAChBA,EAAgB,KAChBA,EAAgB,QAChBA,EAAgB,MAClB,ECkBAE,EAAA,CACA,KAAA,aACA,MAAA,CAOA,SAAA,CACA,KAAA,OACA,QAAAF,EAAA,OACA,UAAAG,GACAF,EAAA,SAAAE,CAAA,CAEA,EAOA,OAAA,CACA,KAAA,OACA,QAAA,IACA,CACA,CACA"}

package/dist/vue2/lib/radio-group.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../chunks/_plugin-vue2_normalizer-ZK80B3OL.js"),u=require("./input-group.cjs");require("../chunks/input_group-j2gTtc1C.js");require("vue");require("./validators.cjs");require("./constants.cjs");require("./utils.cjs");require("./validation-messages.cjs");const a={name:"DtRadioGroup",extends:u.DtInputGroup,props:{value:{type:[String,Number],default:""},dataQaGroup:{type:String,default:"radio-group"},dataQaGroupLegend:{type:String,default:"radio-group-legend"},dataQaGroupMessages:{type:String,default:"radio-group-messages"}},emits:["input"],data(){return{provideObj:{selectedValue:this.value}}},watch:{value(e){this.provideObj.selectedValue=e}},methods:{setGroupValue(e){this.$emit("input",e)},getMessageKey(e,r){return`radio-group-message-${e}-${r}-${this.id}`}}},i=null,o=null;var n=t.n(a,i,o,!1,null,null,null,null);const s=n.exports;exports.DtRadioGroup=s;
+//# sourceMappingURL=radio-group.cjs.map

package/dist/vue2/lib/radio-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.cjs","sources":["../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n */\nexport default {\n  name: 'DtRadioGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided value for the radio group\n     * @model value\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'radio-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'radio-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'radio-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        selectedValue: this.value,\n      },\n    };\n  },\n\n  watch: {\n    /*\n     * watching value to support 2 way binding for slotted radios.\n     * need this to pass value to slotted radios if modified outside\n     * radio group.\n     */\n    value (newValue) {\n      this.provideObj.selectedValue = newValue;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted radios.\n     * slotted radios will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.$emit('input', newValue);\n    },\n\n    getMessageKey (type, index) {\n      return `radio-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtInputGroup","newValue","type","index"],"mappings":"+VAOA,MAAAA,EAAA,CACA,KAAA,eAEA,QAAAC,EAAA,aAEA,MAAA,CAKA,MAAA,CACA,KAAA,CAAA,OAAA,MAAA,EACA,QAAA,EACA,EAKA,YAAA,CACA,KAAA,OACA,QAAA,aACA,EAKA,kBAAA,CACA,KAAA,OACA,QAAA,oBACA,EAKA,oBAAA,CACA,KAAA,OACA,QAAA,sBACA,CACA,EAEA,MAAA,CAOA,OACA,EAEA,MAAA,CACA,MAAA,CAEA,WAAA,CACA,cAAA,KAAA,KACA,CACA,CACA,EAEA,MAAA,CAMA,MAAAC,EAAA,CACA,KAAA,WAAA,cAAAA,CACA,CACA,EAEA,QAAA,CAKA,cAAAA,EAAA,CACA,KAAA,MAAA,QAAAA,CAAA,CACA,EAEA,cAAAC,EAAAC,EAAA,CACA,MAAA,uBAAAD,CAAA,IAAAC,CAAA,IAAA,KAAA,EAAA,EACA,CACA,CACA"}

package/dist/vue2/lib/radio.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../chunks/input-o-fc1X4b.js"),r=require("../chunks/_plugin-vue2_normalizer-ZK80B3OL.js"),n=require("./validation-messages.cjs");require("vue");require("./constants.cjs");require("./validators.cjs");require("./utils.cjs");const t={warning:"d-radio--warning",error:"d-radio--error",success:"d-radio--success"},d={name:"DtRadio",components:{DtValidationMessages:n.DtValidationMessages},mixins:[i.I,i.C,i.G,i.M],inheritAttrs:!1,props:{value:{type:[String,Number],default:""}},emits:["input","focusin","focusout"],computed:{inputValidationClass(){return t[this.internalValidationState]},radioGroupValue(){var s;return(s=this.groupContext)==null?void 0:s.selectedValue},inputListeners(){return{...this.$listeners,input:()=>{},change:s=>this.emitValue(s.target.value)}}},watch:{radioGroupValue:{immediate:!0,handler(s){this.hasGroup&&(this.internalChecked=s===this.value)}}},methods:{emitValue(s){s!==this.radioGroupValue&&(this.setGroupValue(s),this.$emit("input",s))}}};var l=function(){var e=this,a=e._self._c;return a("div",[a("label",[a("div",{class:["d-radio-group",{"d-radio-group--disabled":e.internalDisabled}]},[a("div",{staticClass:"d-radio__input"},[a("input",e._g(e._b({class:["d-radio",e.inputValidationClass,e.inputClass],attrs:{name:e.internalName,disabled:e.internalDisabled,type:"radio"},domProps:{checked:e.internalChecked,value:e.value}},"input",e.$attrs,!1),e.inputListeners))]),a("div",{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[a("div",e._b({class:e.labelClass,attrs:{"data-qa":"radio-label"}},"div",e.labelChildProps,!1),[e._t("default",function(){return[e._v(e._s(e.label))]})],2),e.$slots.description||e.description?a("div",e._b({class:["d-description",e.descriptionClass],attrs:{"data-qa":"radio-description"}},"div",e.descriptionChildProps,!1),[e._t("description",function(){return[e._v(e._s(e.description))]})],2):e._e(),a("dt-validation-messages",e._b({class:e.messagesClass,attrs:{"validation-messages":e.formattedMessages,"show-messages":e.showMessages,"data-qa":"dt-radio-validation-messages"}},"dt-validation-messages",e.messagesChildProps,!1))],1)])])])},o=[],u=r.n(d,l,o,!1,null,null,null,null);const c=u.exports;exports.DtRadio=c;exports.RADIO_INPUT_VALIDATION_CLASSES=t;
+//# sourceMappingURL=radio.cjs.map

package/dist/vue2/lib/radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.cjs","sources":["../../components/radio/radio_constants.js","../../components/radio/radio.vue"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n","<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /* TODO\n            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal\n            and migration prior to upgrading to Vue 3.x\n        */\n        ...this.$listeners,\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the hander being called twice (once on the input element and once by the emitted\n         * input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["RADIO_INPUT_VALIDATION_CLASSES","_sfc_main","DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","_a","event","newRadioGroupValue","value"],"mappings":"8TAAY,MAACA,EAAiC,CAC5C,QAAS,mBACT,MAAO,iBACP,QAAS,kBACX,EC6DAC,EAAA,CACA,KAAA,UAEA,WAAA,CAAAC,qBAAAA,EAAAA,oBAAA,EAEA,OAAA,CAAAC,EAAA,EAAAC,IAAAC,EAAAA,EAAAC,EAAAA,CAAA,EAEA,aAAA,GAEA,MAAA,CAIA,MAAA,CACA,KAAA,CAAA,OAAA,MAAA,EACA,QAAA,EACA,CACA,EAEA,MAAA,CAOA,QAQA,UAQA,UACA,EAEA,SAAA,CACA,sBAAA,CACA,OAAAN,EAAA,KAAA,uBAAA,CACA,EAEA,iBAAA,OACA,OAAAO,EAAA,KAAA,eAAA,YAAAA,EAAA,aACA,EAEA,gBAAA,CACA,MAAA,CAKA,GAAA,KAAA,WAMA,MAAA,IAAA,CAAA,EACA,OAAAC,GAAA,KAAA,UAAAA,EAAA,OAAA,KAAA,CACA,CACA,CACA,EAEA,MAAA,CACA,gBAAA,CACA,UAAA,GACA,QAAAC,EAAA,CACA,KAAA,WAEA,KAAA,gBAAAA,IAAA,KAAA,MAEA,CACA,CACA,EAEA,QAAA,CACA,UAAAC,EAAA,CACAA,IAAA,KAAA,kBAEA,KAAA,cAAAA,CAAA,EAEA,KAAA,MAAA,QAAAA,CAAA,EAEA,CACA,CACA"}

package/dist/vue2/lib/rich-text-editor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@tiptap/vue-2"),A=require("@tiptap/extension-blockquote"),j=require("@tiptap/extension-code-block"),P=require("@tiptap/extension-document"),L=require("@tiptap/extension-hard-break"),O=require("@tiptap/extension-paragraph"),D=require("@tiptap/extension-placeholder"),M=require("@tiptap/extension-bold"),$=require("@tiptap/extension-bullet-list"),B=require("@tiptap/extension-italic"),H=require("@tiptap/extension-link"),N=require("@tiptap/extension-list-item"),U=require("@tiptap/extension-ordered-list"),V=require("@tiptap/extension-strike"),F=require("@tiptap/extension-underline"),K=require("@tiptap/extension-text"),W=require("@tiptap/extension-text-align"),u=require("@tiptap/core"),l=require("../chunks/_plugin-vue2_normalizer-ZK80B3OL.js"),m=require("../chunks/index-sdfB7Aok.js"),y=require("@tiptap/pm/state"),z=require("@tiptap/suggestion"),X=require("@dialpad/dialtone-emojis"),J=require("./list-item.cjs"),T=require("./stack.cjs"),k=require("tippy.js"),x=require("./utils.cjs"),Y=require("@tiptap/extension-mention"),G=require("./link.cjs"),Q=require("./avatar.cjs");require("emoji-regex");require("emoji-toolkit/emoji_strategy.json");require("./skeleton.cjs");require("../chunks/icon_constants-2S_OSQ1t.js");require("@dialpad/dialtone-icons/icons.json");require("../chunks/list_item_constants-Tsz5CO1m.js");require("./item-layout.cjs");require("./icon.cjs");require("@dialpad/dialtone-icons/vue2");require("../chunks/stack_constants-m9Ickqw0.js");require("./constants.cjs");require("vue");require("../chunks/link_constants-Kn6kP4i1.js");require("./presence.cjs");const Z={name:"EmojiComponent",components:{NodeViewWrapper:a.NodeViewWrapper,DtEmoji:m.D},props:a.nodeViewProps};var ee=function(){var t=this,r=t._self._c;return r("node-view-wrapper",{staticClass:"d-d-inline-block d-va-bottom d-lh0"},[r("dt-emoji",{attrs:{size:"500",code:t.node.attrs.code}})],1)},te=[],re=l.n(Z,ee,te,!1,null,null,null,null);const ne=re.exports,ie={name:"SuggestionList",components:{DtListItem:J.DtListItem},props:{items:{type:Array,required:!0},command:{type:Function,required:!0},itemComponent:{type:Object,required:!0},itemType:{type:String,required:!0}},data(){return{selectedIndex:0}},watch:{items(){this.selectedIndex=0}},methods:{onKeyDown({event:e}){return e.key==="ArrowUp"?(this.upHandler(),!0):e.key==="ArrowDown"?(this.downHandler(),!0):e.key==="Enter"||e.key==="Tab"?(e.preventDefault(),this.selectHandler(),e.stopPropagation(),!0):!1},upHandler(){this.selectedIndex=(this.selectedIndex+this.items.length-1)%this.items.length,this.scrollActiveElementIntoView()},downHandler(){this.selectedIndex=(this.selectedIndex+1)%this.items.length,this.scrollActiveElementIntoView()},scrollActiveElementIntoView(){const e=this.$refs.suggestionList.querySelector(".dt-list-item--highlighted");e&&e.scrollIntoView({behaviour:"smooth",block:"center"})},selectHandler(){this.selectItem(this.selectedIndex)},selectItem(e){const t=this.items[e];switch(this.itemType){case"emoji":this.command(t);return;case"mention":this.command({name:t.name,id:t.id,avatarSrc:t.avatarSrc});break}}}};var oe=function(){var t=this,r=t._self._c;return r("div",{staticClass:"d-popover__dialog"},[r("ul",{directives:[{name:"show",rawName:"v-show",value:t.items.length,expression:"items.length"}],ref:"suggestionList",staticClass:"dt-suggestion-list"},t._l(t.items,function(n,i){return r("dt-list-item",{key:n.id,class:["dt-suggestion-list--item",{"dt-list-item--highlighted":i===t.selectedIndex}],attrs:{"navigation-type":"arrow-keys"},on:{click:function(o){return t.selectItem(i)},keydown:function(o){return o.preventDefault(),o.stopPropagation(),t.onKeyDown.apply(null,arguments)}}},[r(t.itemComponent,{tag:"component",attrs:{item:n}})],1)}),1)])},se=[],ue=l.n(ie,oe,se,!1,null,null,null,null);const q=ue.exports,ae={name:"EmojiSuggestion",components:{DtEmoji:m.D,DtStack:T.DtStack},props:{item:{type:Object,required:!0}}};var ce=function(){var t=this,r=t._self._c;return r("dt-stack",{attrs:{direction:"row",gap:"400"}},[r("dt-emoji",{attrs:{size:"200",code:t.item.code}}),t._v(" "+t._s(t.item.code)+" ")],1)},le=[],de=l.n(ae,ce,le,!1,null,null,null,null);const pe=de.exports,me={items:({query:e})=>e.length<2?[]:Object.values(X.emojisIndexed).filter(function(n){return!!n.shortname.substring(1,n.shortname.length-1).startsWith(e.toLowerCase())}).map(n=>({id:n.unicode_character,code:n.shortname})),command:({editor:e,range:t,props:r})=>{var o,s;const n=e.view.state.selection.$to.nodeAfter;((o=n==null?void 0:n.text)==null?void 0:o.startsWith(" "))&&(t.to+=1),e.chain().focus().insertContentAt(t,[{type:"emoji",attrs:r},{type:"text",text:" "}]).run(),(s=window.getSelection())==null||s.collapseToEnd()},render:()=>{let e,t;return{onStart:r=>{e=new a.VueRenderer(q,{parent:void 0,propsData:{itemComponent:pe,itemType:"emoji",...r},editor:r.editor}),r.clientRect&&(t=k("body",{getReferenceClientRect:r.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"top-start",contentElement:null,zIndex:650}))},onUpdate(r){e.updateProps(r),r.clientRect&&t[0].setProps({getReferenceClientRect:r.clientRect})},onKeyDown(r){var n;return r.event.key==="Escape"?(t[0].hide(),!0):(n=e.ref)==null?void 0:n.onKeyDown(r)},onExit(){t[0].destroy(),e.destroy()}}}},fe=new y.PluginKey("emoji"),he=/:\w+:$/,ge=/:\w+:/g,_e=/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/,ye=/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g,w=e=>{if(e&&m.o(e[0]))return{index:e.index,text:e[0],match:e}},ve=e=>[...e.matchAll(ge)].filter(r=>m.o(r[0])).map(r=>({index:r.index,text:r[0],match:r})),be=u.Node.create({addOptions(){return{HTMLAttributes:{},suggestion:{char:":",pluginKey:fe}}},name:"emoji",group:"inline",inline:!0,selectable:!0,addNodeView(){return a.VueNodeViewRenderer(ne)},addAttributes(){return{code:{default:null},id:{default:null}}},parseHTML(){return[{tag:"emoji-component"}]},renderText({node:e}){return e.attrs.code},renderHTML({HTMLAttributes:e}){return["emoji-component",u.mergeAttributes(this.options.HTMLAttributes,e)]},addInputRules(){return[u.nodeInputRule({find:e=>{const t=e.match(he);return w(t)},type:this.type,getAttributes(e){return{code:e[0]}}}),u.nodeInputRule({find:e=>{const t=e.match(_e);return w(t)},type:this.type,getAttributes(e){const t=m.m(e[0]).unicode_output;return{code:String.fromCodePoint(parseInt(t,16)),label:"emoji"}}})]},addPasteRules(){return[u.nodePasteRule({find:ve,type:this.type,getAttributes(e){return{code:e[0]}}}),u.nodePasteRule({find:ye,type:this.type,getAttributes(e){return{code:e[0]}}})]},addProseMirrorPlugins(){return[z({editor:this.editor,...this.options.suggestion,...me})]}});function we(e,t,r=()=>!0){const n=[];t.lastIndex=0;let i;for(;i=t.exec(e);)r(e,i)&&n.push(i);return n}function Ee(e,t){return!["#","@"].includes(e.charAt(t.index))&&!["#","@"].includes(e.charAt(t.index-1))}function Re(e){const t=new RegExp("(?:"+[`[!?.,:;'"]`,"(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"),"g");return e.replace(t,"")}function Te(e,t){const r=e.slice(0,t+1).search(/\S+\s*$/),n=e.slice(t).search(/\s/);if(n<0){const i=e.slice(r);return{text:i,from:r,to:r+i.length}}return{text:e.slice(r,n+t),from:r,to:n+t}}function v(e,t,r,n){const i=Te(e,t);if(n.lastIndex=0,!n.test(i.text))return i;const o=r==="left"?i.from-1:i.to+1;return o<=0||o>=e.length||o===t?i:v(e,o,r,n)}function ke(e,t,r,n){const i=Math.max(e.from-1,0),o=Math.min(e.to+1,t.content.size),s=u.getMarksBetween(i,o,t);for(const c of s)c.mark.type===n&&r.removeMark(c.from,c.to,n)}const E=x.getPhoneNumberRegex(1,15);function R(e,t,r,n,i,o){if(!e)return;let s=r-t-1;s=s<0?0:s;const c=n-t,f=v(e,s,"left",E),b=v(e,c,"right",E),d=e.slice(f.from,b.to);we(d,x.linkRegex,Ee).forEach(_=>{const p=Re(_[0]),g=t+f.from+_.index+1,C=g+p.length;i.addMark(g,C,o.create())})}function xe(e){let t=!1;return new y.Plugin({key:new y.PluginKey("autolink"),appendTransaction:(r,n,i)=>{const o=r.some(d=>d.docChanged)&&!n.doc.eq(i.doc);if(t&&!o)return;const{tr:s}=i,{textContent:c}=i.doc;t||R(c,0,0,c.length,s,e.type),t=!0;const f=u.combineTransactionSteps(n.doc,[...r]);return u.getChangedRanges(f).forEach(({oldRange:d,newRange:h})=>{ke(h,i.doc,s,e.type),u.findChildrenInRange(i.doc,h,p=>p.isTextblock).forEach(({node:p,pos:g})=>{R(p.textContent,g,d.from,h.to,s,e.type)})}),s}})}const qe={class:"d-link d-c-text d-d-inline-block",rel:"noopener noreferrer nofollow"},Se=u.Mark.create({name:"Link",renderHTML({HTMLAttributes:e}){return["a",u.mergeAttributes(this.options.HTMLAttributes,e,qe),0]},renderText({node:e}){return e.attrs.text},addProseMirrorPlugins(){return[xe({type:this.type})]}}),Ie={name:"MentionComponent",components:{NodeViewWrapper:a.NodeViewWrapper,DtLink:G.DtLink},props:a.nodeViewProps,computed:{text(){return"@"+this.$props.node.attrs.name}}};var Ce=function(){var t=this,r=t._self._c;return r("node-view-wrapper",{staticClass:"d-d-inline-block"},[r("dt-link",{attrs:{kind:"mention"}},[t._v(" "+t._s(t.text)+" ")])],1)},Ae=[],je=l.n(Ie,Ce,Ae,!1,null,null,null,null);const Pe=je.exports,Le=Y.extend({addNodeView(){return a.VueNodeViewRenderer(Pe)},parseHTML(){return[{tag:"mention-component"}]},addAttributes(){return{name:{default:""},avatarSrc:{default:""},id:{default:""}}},renderText({node:e}){return`@${e.attrs.id}`},renderHTML({HTMLAttributes:e}){return["mention-component",u.mergeAttributes(this.options.HTMLAttributes,e),0]}}),S=["text","json","html"],I=["start","end","all"],Oe=["https","http","ftp","ftps","sftp","mailto"],De={name:"MentionSuggestion",components:{DtAvatar:Q.DtAvatar,DtStack:T.DtStack},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name},avatarSrc(){return this.item.avatarSrc}}};var Me=function(){var t=this,r=t._self._c;return r("dt-stack",{attrs:{direction:"row",gap:"400"}},[r("dt-avatar",{attrs:{"full-name":t.name,"image-src":t.avatarSrc,"image-alt":t.name,size:"xs"}}),t._v(" "+t._s(t.name)+" ")],1)},$e=[],Be=l.n(De,Me,$e,!1,null,null,null,null);const He=Be.exports,Ne={allowSpaces:!0,render:()=>{let e,t;return{onStart:r=>{e=new a.VueRenderer(q,{parent:void 0,propsData:{itemComponent:He,itemType:"mention",...r},editor:r.editor}),r.clientRect&&(t=k("body",{getReferenceClientRect:r.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"top-start"}))},onUpdate(r){e.updateProps(r),r.clientRect&&t[0].setProps({getReferenceClientRect:r.clientRect})},onKeyDown(r){return r.event.key==="Escape"?(t[0].hide(),!0):e==null?void 0:e.ref.onKeyDown(r)},onExit(){t[0].destroy(),e.destroy()}}}},Ue={name:"DtRichTextEditor",components:{EditorContent:a.EditorContent},props:{value:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},allowLineBreaks:{type:Boolean,default:!1},inputAriaLabel:{type:String,required:!0},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e=="string"?I.includes(e):!0}},outputFormat:{type:String,default:"text",validator(e){return S.includes(e)}},placeholder:{type:String,default:""},link:{type:[Boolean,Object],default:!1},mentionSuggestion:{type:Object,default:null},allowBlockquote:{type:Boolean,default:!0},allowBold:{type:Boolean,default:!0},allowBulletList:{type:Boolean,default:!0},allowItalic:{type:Boolean,default:!0},allowStrike:{type:Boolean,default:!0},allowUnderline:{type:Boolean,default:!0}},emits:["input","update:value","blur","focus"],data(){return{editor:null,popoverOpened:!1}},computed:{extensions(){const e=[P,O,K];if(this.link&&e.push(this.getExtension(Se,this.link)),this.allowBlockquote&&e.push(A),this.allowBold&&e.push(M),this.allowBulletList&&(e.push($),e.push(N),e.push(U.configure({itemTypeName:"listItem"}))),this.allowItalic&&e.push(B),this.allowStrike&&e.push(V),this.allowUnderline&&e.push(F),e.push(D.configure({placeholder:this.placeholder})),this.allowLineBreaks||e.push(L.extend({addKeyboardShortcuts(){return{Enter:()=>!0,"Shift-Enter":()=>this.editor.commands.first(({commands:t})=>[()=>t.newlineInCode(),()=>t.createParagraphNear(),()=>t.liftEmptyBlock(),()=>t.splitBlock()])}}})),e.push(H.extend({inclusive:!1}).configure({autolink:!0,protocols:Oe})),this.mentionSuggestion){const t={...this.mentionSuggestion,...Ne};e.push(Le.configure({suggestion:t}))}return e.push(be),e.push(W.configure({types:["paragraph"],defaultAlignment:"left"})),e.push(j.configure({HTMLAttributes:{class:"dt-rich-text-editor--code-block"}})),e},inputAttrs(){const e={"aria-label":this.inputAriaLabel,"aria-multiline":!0,role:"textbox"};return this.editable||(e["aria-readonly"]=!0),e}},watch:{editable(e){this.editor.setEditable(e),this.updateEditorAttributes({"aria-readonly":!e})},inputClass(e){this.updateEditorAttributes({class:e})},inputAriaLabel(e){this.updateEditorAttributes({"aria-label":e})},extensions(){this.destroyEditor(),this.createEditor()},value(e){let t=this.getOutput();this.outputFormat==="json"&&(e=JSON.stringify(e),t=JSON.stringify(t)),e!==t&&this.editor.commands.setContent(e,!1)}},created(){this.createEditor()},beforeUnmount(){this.destroyEditor()},methods:{createEditor(){this.editor=new a.Editor({autofocus:this.autoFocus,content:this.value,editable:this.editable,extensions:this.extensions,editorProps:{attributes:{...this.inputAttrs,class:this.inputClass}}}),this.addEditorListeners()},destroyEditor(){this.editor.destroy()},addEditorListeners(){this.editor.on("update",()=>{const e=this.getOutput();this.$emit("input",e),this.$emit("update:value",e)}),this.editor.on("focus",({event:e})=>{this.$emit("focus",e)}),this.editor.on("blur",({event:e})=>{this.$emit("blur",e)})},getOutput(){switch(this.outputFormat){case"json":return this.editor.getJSON();case"html":return this.editor.getHTML();case"text":default:return this.editor.getText()}},getExtension(e,t){var r;return typeof t=="boolean"?e:(r=e.configure)==null?void 0:r.call(e,t)},updateEditorAttributes(e){this.editor.setOptions({editorProps:{attributes:e}})},focusEditor(){this.editor.commands.focus()}}};var Ve=function(){var t=this,r=t._self._c;return r("editor-content",{staticClass:"dt-rich-text-editor",attrs:{editor:t.editor,"data-qa":"dt-rich-text-editor"}})},Fe=[],Ke=l.n(Ue,Ve,Fe,!1,null,null,null,null);const We=Ke.exports;exports.DtRichTextEditor=We;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=I;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=S;
+//# sourceMappingURL=rich-text-editor.cjs.map

package/dist/vue2/lib/rich-text-editor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.cjs","sources":["../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue","../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue","../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue","../../components/rich_text_editor/extensions/emoji/suggestion.js","../../components/rich_text_editor/extensions/emoji/emoji.js","../../components/rich_text_editor/extensions/link/utils.js","../../components/rich_text_editor/extensions/link/autolink.js","../../components/rich_text_editor/extensions/link/link.js","../../components/rich_text_editor/extensions/mentions/MentionComponent.vue","../../components/rich_text_editor/extensions/mentions/mention.js","../../components/rich_text_editor/rich_text_editor_constants.js","../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue","../../components/rich_text_editor/extensions/mentions/suggestion.js","../../components/rich_text_editor/rich_text_editor.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-2';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n","<template>\n  <div class=\"d-popover__dialog\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"dt-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'dt-suggestion-list--item',\n          { 'dt-list-item--highlighted': index === selectedIndex },\n        ]\"\n        navigation-type=\"arrow-keys\"\n        @click=\"selectItem(index)\"\n        @keydown.prevent.stop=\"onKeyDown\"\n      >\n        <component\n          :is=\"itemComponent\"\n          :item=\"item\"\n        />\n      </dt-list-item>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { DtListItem } from '@/components/list_item';\n\nexport default {\n  name: 'SuggestionList',\n  components: {\n    DtListItem,\n  },\n\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    command: {\n      type: Function,\n      required: true,\n    },\n\n    itemComponent: {\n      type: Object,\n      required: true,\n    },\n\n    itemType: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      selectedIndex: 0,\n    };\n  },\n\n  watch: {\n    items () {\n      this.selectedIndex = 0;\n    },\n  },\n\n  methods: {\n    onKeyDown ({ event }) {\n      if (event.key === 'ArrowUp') {\n        this.upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        this.downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        event.preventDefault(); // prevent moving the focus for the tab key\n        this.selectHandler();\n        event.stopPropagation();\n        return true;\n      }\n\n      return false;\n    },\n\n    upHandler () {\n      this.selectedIndex = ((this.selectedIndex + this.items.length) - 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    downHandler () {\n      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    scrollActiveElementIntoView () {\n      const activeElement = this.$refs.suggestionList.querySelector('.dt-list-item--highlighted');\n      if (activeElement) {\n        activeElement.scrollIntoView({\n          behaviour: 'smooth',\n          block: 'center',\n        });\n      }\n    },\n\n    selectHandler () {\n      this.selectItem(this.selectedIndex);\n    },\n\n    selectItem (index) {\n      const item = this.items[index];\n\n      switch (this.itemType) {\n        case 'emoji':\n          this.command(item);\n          return;\n        case 'mention':\n          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });\n          break;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  max-height: var(--dt-size-875) !important;\n  min-width: var(--dt-size-925);\n  max-width: var(--dt-size-975);\n}\n\n.dt-suggestion-list--item {\n  border: var(--dt-size-100) solid transparent;\n}\n</style>\n","<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n","import { VueRenderer } from '@tiptap/vue-2';\nimport { emojisIndexed } from '@dialpad/dialtone-emojis';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport EmojiSuggestion from './EmojiSuggestion.vue';\n\nimport tippy from 'tippy.js';\n\nexport default {\n  items: ({ query }) => {\n    if (query.length < 2) {\n      return [];\n    }\n    const emojiList = Object.values(emojisIndexed);\n    const filteredEmoji = emojiList.filter(function (item) {\n      if (item.shortname.substring(1, item.shortname.length - 1).startsWith(query.toLowerCase())) {\n        return true;\n      }\n      return false;\n    });\n    return filteredEmoji.map(item => { return { id: item.unicode_character, code: item.shortname }; });\n  },\n\n  command: ({ editor, range, props }) => {\n    // increase range.to by one when the next node is of type \"text\"\n    // and starts with a space character\n    const nodeAfter = editor.view.state.selection.$to.nodeAfter;\n    const overrideSpace = nodeAfter?.text?.startsWith(' ');\n\n    if (overrideSpace) {\n      range.to += 1;\n    }\n\n    editor\n      .chain()\n      .focus()\n      .insertContentAt(range, [\n        {\n          type: 'emoji',\n          attrs: props,\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n      ])\n      .run();\n\n    window.getSelection()?.collapseToEnd();\n  },\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          parent: this,\n          propsData: {\n            itemComponent: EmojiSuggestion,\n            itemType: 'emoji',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          contentElement: null,\n          zIndex: 650,\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component.ref?.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","import { mergeAttributes, Node, nodeInputRule, nodePasteRule } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-2';\nimport EmojiComponent from './EmojiComponent.vue';\nimport { shortcodeToEmojiData, codeToEmojiData } from '@/common/emoji';\nimport { PluginKey } from '@tiptap/pm/state';\n\nimport Suggestion from '@tiptap/suggestion';\nimport suggestionOptions from './suggestion';\n\nexport const EmojiPluginKey = new PluginKey('emoji');\n\nconst inputShortCodeRegex = /:\\w+:$/;\nconst pasteShortCodeRegex = /:\\w+:/g;\n/* eslint-disable max-len */\nconst inputUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])$/;\nconst pasteUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])/g;\n/* eslint-enable max-len */\n\nconst inputRuleMatch = (match) => {\n  if (match && codeToEmojiData(match[0])) {\n    // needs to be a dict returned\n    // ref type InputRuleMatch:\n    // https://github.com/ueberdosis/tiptap/blob/main/packages/core/src/InputRule.ts#L16\n    return {\n      index: match.index,\n      text: match[0],\n      match,\n    };\n  }\n};\n\nconst shortCodePasteMatch = (text) => {\n  const matches = [...text.matchAll(pasteShortCodeRegex)];\n\n  return matches\n    .filter(match => codeToEmojiData(match[0]))\n    .map(match => ({\n      index: match.index,\n      text: match[0],\n      match,\n    }));\n};\n\nexport const Emoji = Node.create({\n  addOptions () {\n    return {\n      HTMLAttributes: {},\n      suggestion: {\n        char: ':',\n        pluginKey: EmojiPluginKey,\n      },\n    };\n  },\n  name: 'emoji',\n  group: 'inline',\n  inline: true,\n  selectable: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(EmojiComponent);\n  },\n\n  addAttributes () {\n    return {\n      code: {\n        default: null,\n      },\n\n      id: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'emoji-component',\n      },\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.code;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['emoji-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    return [\n      // shortcode input\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputShortCodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputUnicodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          const unicode = shortcodeToEmojiData(attrs[0]).unicode_output;\n          const emoji = String.fromCodePoint(parseInt(unicode, 16));\n          return {\n            code: emoji,\n            label: 'emoji',\n          };\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    return [\n      nodePasteRule({\n        find: shortCodePasteMatch,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n      nodePasteRule({\n        find: pasteUnicodeRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...this.options.suggestion,\n        ...suggestionOptions,\n      }),\n    ];\n  },\n});\n","import { getMarksBetween } from '@tiptap/core';\nimport {\n  getPhoneNumberRegex,\n  linkRegex,\n} from '@/common/utils';\n\n/**\n * Get matches in a string and return the ones that pass the optional extra\n * validation or if no validator is provided return all matches.\n */\nexport function getRegexMatches (text, regex, validator = () => true) {\n  const matches = [];\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  let match;\n  while ((match = regex.exec(text))) {\n    if (validator(text, match)) {\n      matches.push(match);\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Validate the prefix of a match in a string not to contain certain characters.\n */\nexport function hasValidPrefix (text, match) {\n  // The string match can't start with # or @ or have either preceding the match\n  // as they're reserved for mentions and hashtags.\n  return !['#', '@'].includes(text.charAt(match.index)) &&\n    !['#', '@'].includes(text.charAt(match.index - 1));\n}\n\n/**\n * Trim punctuation characters at the a of the string, e.g. \"dialpad.com!\" =>\n * \"dialpad.com\"\n */\nexport function trimEndPunctiation (string) {\n  const endPunctuationRegex = new RegExp(\n    '(?:' +\n    [\n      '[!?.,:;\\'\"]',\n      '(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$',\n    ].join('|'),\n    'g',\n  );\n  return string.replace(endPunctuationRegex, '');\n}\n\n/**\n * Find the word from a string at a given index. For example for \"example here\"\n * - indices 0-7  => \"example\"\n * - indices 8-12 => \"here\".\n * Modified from https://stackoverflow.com/a/5174867\n */\nexport function getWordAt (text, index) {\n  // Position of the first non-whitespace character following a possible\n  // whitespace when looking from the index to the left.\n  const left = text.slice(0, index + 1).search(/\\S+\\s*$/);\n\n  // Position of the first whitespace when looking from the index to the right.\n  const right = text.slice(index).search(/\\s/);\n\n  // If the word is at the end of the string, right is -1.\n  if (right < 0) {\n    const word = text.slice(left);\n    return {\n      text: word,\n      from: left,\n      to: left + word.length,\n    };\n  }\n\n  return {\n    text: text.slice(left, right + index),\n    from: left,\n    to: right + index,\n  };\n}\n\n/**\n * Helper to check if a word at a given index matches a regex and if true, finds\n * the previous or next word until the regex doesn't match anymore. Useful to\n * find for example the entire phone number when it is separated by whitespace.\n */\nexport function getWordAtUntil (text, index, direction, regex) {\n  const word = getWordAt(text, index);\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  // If the word doesn't match the regex we can just return it.\n  if (!regex.test(word.text)) {\n    return word;\n  }\n\n  // Depending on the direction take one step to the left or right to find the\n  // preceding or following word.\n  const newIndex = direction === 'left' ? word.from - 1 : word.to + 1;\n\n  // Prevent an infinite loop for the base cases.\n  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {\n    return word;\n  }\n\n  // Run the preceding/following word through the validator until we meet the\n  // string boundaries or find a word that doesn't match the regex.\n  return getWordAtUntil(text, newIndex, direction, regex);\n}\n\n/**\n * Remove marks from a range.\n */\nexport function removeMarks (range, doc, tr, type) {\n  const from = Math.max(range.from - 1, 0);\n  const to = Math.min(range.to + 1, doc.content.size);\n  const marksInRange = getMarksBetween(from, to, doc);\n\n  for (const mark of marksInRange) {\n    if (mark.mark.type !== type) {\n      continue;\n    }\n\n    tr.removeMark(mark.from, mark.to, type);\n  }\n}\n\n// Regex to match partial phone numbers.\nconst partialPhoneNumberRegex = getPhoneNumberRegex(1, 15);\n\n/**\n * Find matches from text and add marks on them.\n */\nexport function addMarks (text, pos, from, to, tr, type) {\n  if (!text) {\n    return;\n  }\n\n  // from = start index for the change\n  // pos  = start index of the node\n  // 1    = range uses 1-based indexing, deduct 1\n  let rangeFrom = from - pos - 1;\n\n  // If the change spans multiple nodes/paragraphs the start index can become\n  // negative, so default to 0.\n  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;\n\n  // to  = end index of the change\n  // pos = start index of the node\n  const rangeTo = to - pos;\n\n  // Get the first word in the range.\n  const firstWordInRange = getWordAtUntil(\n    text,\n    rangeFrom,\n    'left',\n    partialPhoneNumberRegex,\n  );\n\n  // Get the last word in the range.\n  const lastWordInRange = getWordAtUntil(\n    text,\n    rangeTo,\n    'right',\n    partialPhoneNumberRegex,\n  );\n\n  // Create a substring that consists of whole words only.\n  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);\n\n  // Find all valid matches within the substring.\n  const matches = getRegexMatches(wordsInRange, linkRegex, hasValidPrefix);\n\n  // Loop through the matches and add marks.\n  matches.forEach(match => {\n    // Trim any punctuation characters at the end of the match.\n    const word = trimEndPunctiation(match[0]);\n\n    // pos                   = start index of the node\n    // firstWordInRange.from = start index of the first word in range\n    // match.index           = index of the regex match\n    // 1                     = addMark() uses 1-based indexing, add 1\n    const from = pos + firstWordInRange.from + match.index + 1;\n\n    // Sum up the from index and the match length to get the end index.\n    const to = from + word.length;\n\n    tr.addMark(from, to, type.create());\n  });\n}\n","import {\n  combineTransactionSteps,\n  findChildrenInRange,\n  getChangedRanges,\n} from '@tiptap/core';\nimport {\n  Plugin,\n  PluginKey,\n} from '@tiptap/pm/state';\nimport {\n  addMarks,\n  removeMarks,\n} from './utils';\n\n/**\n * Plugin to automatically add links into content.\n */\nexport function autolink (options) {\n  // Flag to see if we've loaded this plugin once already. This is used to run\n  // the initial content through the plugin if the editor was mounted with some.\n  let hasInitialized = false;\n\n  return new Plugin({\n    key: new PluginKey('autolink'),\n\n    appendTransaction: (transactions, oldState, newState) => {\n      const contentChanged = transactions.some(tr => tr.docChanged) &&\n        !oldState.doc.eq(newState.doc);\n\n      // Every interaction with the editor is a transaction, but we only care\n      // about the ones with content changes.\n      if (hasInitialized && !contentChanged) {\n        return;\n      }\n\n      // The original transaction that we're manipulating.\n      const { tr } = newState;\n\n      // Text content after the original transaction.\n      const { textContent } = newState.doc;\n\n      // When the editor is initialized we want to add links to it.\n      if (!hasInitialized) {\n        addMarks(textContent, 0, 0, textContent.length, tr, options.type);\n      }\n\n      hasInitialized = true;\n\n      // The transformed state of the document.\n      const transform = combineTransactionSteps(\n        oldState.doc,\n        [...transactions],\n      );\n\n      // All the changes within the document.\n      const changes = getChangedRanges(transform);\n\n      changes.forEach(({ oldRange, newRange }) => {\n        // Remove all link marks in the changed range since we'll add them\n        // right back if they're still valid links.\n        removeMarks(newRange, newState.doc, tr, options.type);\n\n        // Find all paragraphs (Textblocks) that were affected since we want to\n        // handle matches in each paragraph separately.\n        const paragraphs = findChildrenInRange(\n          newState.doc,\n          newRange,\n          node => node.isTextblock,\n        );\n\n        paragraphs.forEach(({ node, pos }) => {\n          addMarks(\n            node.textContent,\n            pos,\n            oldRange.from,\n            newRange.to,\n            tr,\n            options.type,\n          );\n        });\n      });\n\n      // Return the modified transaction or the changes above wont have effect.\n      return tr;\n    },\n  });\n}\n","import {\n  mergeAttributes,\n  Mark,\n} from '@tiptap/core';\nimport { autolink } from './autolink';\n\nconst defaultAttributes = {\n  class: 'd-link d-c-text d-d-inline-block',\n  rel: 'noopener noreferrer nofollow',\n};\n\n// This is the actual extension code, which is mostly showing that all the\n// functionality comes from the ProseMirror plugin.\nexport const Link = Mark.create({\n  name: 'Link',\n\n  renderHTML ({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(\n        this.options.HTMLAttributes,\n        HTMLAttributes,\n        defaultAttributes,\n      ),\n      0,\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.text;\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      autolink({ type: this.type }),\n    ];\n  },\n});\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-2';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n","import Mention from '@tiptap/extension-mention';\nimport { VueNodeViewRenderer } from '@tiptap/vue-2';\n\n// Mention component\nimport MentionComponent from './MentionComponent.vue';\nimport { mergeAttributes } from '@tiptap/core';\n\nexport const MentionPlugin = Mention.extend({\n\n  addNodeView () {\n    return VueNodeViewRenderer(MentionComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'mention-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      avatarSrc: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `@${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['mention-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];\n  },\n});\n","export const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [\n  'text',\n  'json',\n  'html',\n];\n\nexport const RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = [\n  'start',\n  'end',\n  'all',\n];\n\nexport const RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  'https',\n  'http',\n  'ftp',\n  'ftps',\n  'sftp',\n  'mailto',\n];\n\nexport default {\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n};\n","<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    {{ name }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n","import { VueRenderer } from '@tiptap/vue-2';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport MentionSuggestion from './MentionSuggestion.vue';\n\nexport default {\n\n  // This function comes from the user and passed to the editor directly.\n  // This will also activate the mention plugin on the editor\n  // items: ({ query }) => { return [] },\n\n  allowSpaces: true,\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          parent: this,\n          propsData: {\n            itemComponent: MentionSuggestion,\n            itemType: 'mention',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component?.ref.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","<template>\n  <editor-content\n    :editor=\"editor\"\n    data-qa=\"dt-rich-text-editor\"\n    class=\"dt-rich-text-editor\"\n  />\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { Editor, EditorContent } from '@tiptap/vue-2';\nimport Blockquote from '@tiptap/extension-blockquote';\nimport CodeBlock from '@tiptap/extension-code-block';\nimport Document from '@tiptap/extension-document';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Bold from '@tiptap/extension-bold';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport Italic from '@tiptap/extension-italic';\nimport TipTapLink from '@tiptap/extension-link';\nimport ListItem from '@tiptap/extension-list-item';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Strike from '@tiptap/extension-strike';\nimport Underline from '@tiptap/extension-underline';\nimport Text from '@tiptap/extension-text';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Emoji from './extensions/emoji';\nimport Link from './extensions/link';\nimport { MentionPlugin } from './extensions/mentions/mention';\nimport {\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n} from './rich_text_editor_constants';\n\nimport suggestion from './extensions/mentions/suggestion';\n\nexport default {\n  name: 'DtRichTextEditor',\n\n  components: {\n    EditorContent,\n  },\n\n  props: {\n    /**\n     * Value of the input. The object format should match TipTap's JSON\n     * document structure: https://tiptap.dev/guide/output#option-1-json\n     */\n    value: {\n      type: [Object, String],\n      default: '',\n    },\n\n    /**\n     * Whether the input is editable\n     */\n    editable: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for line breaks to be introduced in the text.\n     */\n    allowLineBreaks: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the input element\n     */\n    inputAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Additional class name for the input element. Only accepts a String value\n     * because this is passed to the editor via options. For multiple classes,\n     * join them into one string, e.g. \"d-p8 d-hmx96\"\n     */\n    inputClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the input should receive focus after the component has been\n     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n     * - `start`  Sets the focus to the beginning of the input\n     * - `end`    Sets the focus to the end of the input\n     * - `all`    Selects the whole contents of the input\n     * - `Number` Sets the focus to a specific position in the input\n     * - `true`   Defaults to `start`\n     * - `false`  Disables autofocus\n     * @values true, false, start, end, all, number\n     */\n    autoFocus: {\n      type: [Boolean, String, Number],\n      default: false,\n      validator (autoFocus) {\n        if (typeof autoFocus === 'string') {\n          return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n        }\n        return true;\n      },\n    },\n\n    /**\n     * The output format that the editor uses when emitting the \"@input\" event.\n     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for\n     * examples.\n     * @values text, json, html\n     */\n    outputFormat: {\n      type: String,\n      default: 'text',\n      validator (outputFormat) {\n        return RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(outputFormat);\n      },\n    },\n\n    /**\n     * Placeholder text\n     */\n    placeholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Enables the Link extension and optionally passes configurations to it\n     */\n    link: {\n      type: [Boolean, Object],\n      default: false,\n    },\n\n    /**\n     * suggestion object containing the items query function.\n     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n     *\n     * The only required key is the items function which is used to query the contacts for suggestion.\n     * items({ query }) => { return [ContactObject]; }\n     * ContactObject format:\n     * { name: string, avatarSrc: string, id: string }\n     *\n     * When null, it does not add the plugin.\n     */\n    mentionSuggestion: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Whether the input allows for block quote.\n     */\n    allowBlockquote: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for bold to be introduced in the text.\n     */\n    allowBold: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for bullet list to be introduced in the text.\n    */\n    allowBulletList: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for italic to be introduced in the text.\n     */\n    allowItalic: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for strike to be introduced in the text.\n     */\n    allowStrike: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for underline to be introduced in the text.\n     */\n    allowUnderline: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Editor input event\n     * @event input\n     * @type {String|JSON}\n     */\n    'input',\n\n    /**\n     * Event to sync the value with the parent\n     * @event input\n     * @type {String|JSON}\n     */\n    'update:value',\n\n    /**\n     * Editor blur event\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Editor focus event\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n  ],\n\n  data () {\n    return {\n      editor: null,\n      popoverOpened: false,\n    };\n  },\n\n  computed: {\n    // eslint-disable-next-line complexity\n    extensions () {\n      // These are the default extensions needed just for plain text.\n      const extensions = [Document, Paragraph, Text];\n      if (this.link) {\n        extensions.push(this.getExtension(Link, this.link));\n      }\n      if (this.allowBlockquote) {\n        extensions.push(Blockquote);\n      }\n      if (this.allowBold) {\n        extensions.push(Bold);\n      }\n      if (this.allowBulletList) {\n        extensions.push(BulletList);\n        extensions.push(ListItem);\n        extensions.push(OrderedList.configure({\n          itemTypeName: 'listItem',\n        }));\n      }\n      if (this.allowItalic) {\n        extensions.push(Italic);\n      }\n      if (this.allowStrike) {\n        extensions.push(Strike);\n      }\n      if (this.allowUnderline) {\n        extensions.push(Underline);\n      }\n\n      // Enable placeholderText\n      extensions.push(\n        Placeholder.configure({ placeholder: this.placeholder }),\n      );\n\n      // make sure that this is defined before any other extensions\n      // where Enter and Shift+Enter should have its own interaction. otherwise it will be ignored\n      if (!this.allowLineBreaks) {\n        extensions.push(\n          HardBreak.extend({\n            addKeyboardShortcuts () {\n              return {\n                Enter: () => true,\n                'Shift-Enter': () => this.editor.commands.first(({ commands }) => [\n                  () => commands.newlineInCode(),\n                  () => commands.createParagraphNear(),\n                  () => commands.liftEmptyBlock(),\n                  () => commands.splitBlock(),\n                ]),\n              };\n            },\n          }),\n        );\n      }\n\n      extensions.push(TipTapLink.extend({ inclusive: false }).configure({\n        autolink: true,\n        protocols: RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n      }));\n\n      if (this.mentionSuggestion) {\n        // Add both the suggestion plugin as well as means for user to add suggestion items to the plugin\n        const suggestionObject = { ...this.mentionSuggestion, ...suggestion };\n        extensions.push(MentionPlugin.configure({ suggestion: suggestionObject }));\n      }\n\n      // Emoji has some interactions with Enter key\n      // hence this should be done last otherwise the enter wont add a emoji.\n      extensions.push(Emoji);\n\n      extensions.push(TextAlign.configure({\n        types: ['paragraph'],\n        defaultAlignment: 'left',\n      }));\n\n      extensions.push(CodeBlock.configure({\n        HTMLAttributes: {\n          class: 'dt-rich-text-editor--code-block',\n        },\n      }));\n\n      return extensions;\n    },\n\n    inputAttrs () {\n      const attrs = {\n        'aria-label': this.inputAriaLabel,\n        'aria-multiline': true,\n        role: 'textbox',\n      };\n      if (!this.editable) {\n        attrs['aria-readonly'] = true;\n      }\n      return attrs;\n    },\n  },\n\n  /**\n    * Because the Editor instance is initialized when mounted it does not get\n    * updated props automatically, so the ones that can change after mount have\n    * to be hooked up to the Editor's own API.\n    */\n  watch: {\n    editable (isEditable) {\n      this.editor.setEditable(isEditable);\n      this.updateEditorAttributes({ 'aria-readonly': !isEditable });\n    },\n\n    inputClass (newClass) {\n      this.updateEditorAttributes({ class: newClass });\n    },\n\n    inputAriaLabel (newLabel) {\n      this.updateEditorAttributes({ 'aria-label': newLabel });\n    },\n\n    extensions () {\n      // Extensions can't be registered on the fly, so just recreate the editor.\n      // https://github.com/ueberdosis/tiptap/issues/1044\n      this.destroyEditor();\n      this.createEditor();\n    },\n\n    value (newValue) {\n      let currentValue = this.getOutput();\n      if (this.outputFormat === 'json') {\n        newValue = JSON.stringify(newValue);\n        currentValue = JSON.stringify(currentValue);\n      }\n      if (newValue === currentValue) {\n        // The new value came from this component and was passed back down\n        // through the parent, so don't do anything here.\n        return;\n      }\n      // Otherwise replace the content (resets the cursor position).\n      this.editor.commands.setContent(newValue, false);\n    },\n  },\n\n  created () {\n    this.createEditor();\n  },\n\n  beforeUnmount () {\n    this.destroyEditor();\n  },\n\n  methods: {\n    createEditor () {\n      // For all available options, see https://tiptap.dev/api/editor#settings\n      this.editor = new Editor({\n        autofocus: this.autoFocus,\n        content: this.value,\n        editable: this.editable,\n        extensions: this.extensions,\n        editorProps: {\n          attributes: {\n            ...this.inputAttrs,\n            class: this.inputClass,\n          },\n        },\n      });\n      this.addEditorListeners();\n    },\n\n    destroyEditor () {\n      this.editor.destroy();\n    },\n\n    /**\n     * The Editor exposes event hooks that we have to map our emits into. See\n     * https://tiptap.dev/api/events for all events.\n     */\n    addEditorListeners () {\n      // The content has changed.\n      this.editor.on('update', () => {\n        const value = this.getOutput();\n        this.$emit('input', value);\n        this.$emit('update:value', value);\n      });\n\n      // The editor is focused.\n      this.editor.on('focus', ({ event }) => {\n        this.$emit('focus', event);\n      });\n\n      // The editor isn’t focused anymore.\n      this.editor.on('blur', ({ event }) => {\n        this.$emit('blur', event);\n      });\n    },\n\n    getOutput () {\n      switch (this.outputFormat) {\n        case 'json':\n          return this.editor.getJSON();\n        case 'html':\n          return this.editor.getHTML();\n        case 'text':\n        default:\n          return this.editor.getText();\n      }\n    },\n\n    getExtension (extension, options) {\n      if (typeof options === 'boolean') {\n        return extension;\n      }\n      return extension.configure?.(options);\n    },\n\n    updateEditorAttributes (attributes) {\n      this.editor.setOptions({ editorProps: { attributes } });\n    },\n\n    focusEditor () {\n      this.editor.commands.focus();\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n  .ProseMirror p.is-editor-empty:first-child::before {\n    content: attr(data-placeholder);\n    float: left;\n    color: var(--dt-color-foreground-placeholder);\n    pointer-events: none;\n    height: 0;\n  }\n\n  .ProseMirror ul > li {\n    list-style-type: disc;\n  }\n\n  .ProseMirror ol > li {\n    list-style-type: decimal;\n  }\n\n  .ProseMirror blockquote {\n    padding-left: var(--dt-space-400);\n    border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);\n    margin-left: 0;\n  }\n\n  .dt-rich-text-editor--code-block {\n    background: var(--dt-color-surface-secondary);\n    padding: var(--dt-space-400);\n  }\n\n  .dt-rich-text-editor {\n    overflow: hidden;\n  }\n</style>\n"],"names":["_sfc_main","NodeViewWrapper","DtEmoji","nodeViewProps","DtListItem","event","activeElement","index","item","DtStack","suggestionOptions","query","emojisIndexed","editor","range","props","nodeAfter","_a","_b","component","popup","VueRenderer","SuggestionList","this","EmojiSuggestion","tippy","EmojiPluginKey","PluginKey","inputShortCodeRegex","pasteShortCodeRegex","inputUnicodeRegex","pasteUnicodeRegex","inputRuleMatch","match","codeToEmojiData","shortCodePasteMatch","text","Emoji","Node","VueNodeViewRenderer","EmojiComponent","node","HTMLAttributes","mergeAttributes","nodeInputRule","attrs","unicode","shortcodeToEmojiData","nodePasteRule","Suggestion","getRegexMatches","regex","validator","matches","hasValidPrefix","trimEndPunctiation","string","endPunctuationRegex","getWordAt","left","right","word","getWordAtUntil","direction","newIndex","removeMarks","doc","tr","type","from","to","marksInRange","getMarksBetween","mark","partialPhoneNumberRegex","getPhoneNumberRegex","addMarks","pos","rangeFrom","rangeTo","firstWordInRange","lastWordInRange","wordsInRange","linkRegex","autolink","options","hasInitialized","Plugin","transactions","oldState","newState","contentChanged","textContent","transform","combineTransactionSteps","getChangedRanges","oldRange","newRange","findChildrenInRange","defaultAttributes","Link","Mark","DtLink","MentionPlugin","Mention","MentionComponent","RICH_TEXT_EDITOR_OUTPUT_FORMATS","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS","DtAvatar","suggestion","MentionSuggestion","EditorContent","autoFocus","outputFormat","extensions","Document","Paragraph","Text","Blockquote","Bold","BulletList","ListItem","OrderedList","Italic","Strike","Underline","Placeholder","HardBreak","commands","TipTapLink","suggestionObject","TextAlign","CodeBlock","isEditable","newClass","newLabel","newValue","currentValue","Editor","value","extension","attributes"],"mappings":"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"}