@dialpad/dialtone 9.66.0 → 9.67.0

package/dist/vue3/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=\"hasSlotContent($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';\nimport { hasSlotContent } from '@/common/utils';\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  data () {\n    return {\n      hasSlotContent,\n    };\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    <Teleport\n      v-if=\"modal && isOpen\"\n      to=\"body\"\n    >\n      <div\n        class=\"d-modal--transparent\"\n        :aria-hidden=\"modal && isOpen ? 'false' : 'true'\"\n        @click.prevent.stop\n      />\n    </Teleport>\n    <component\n      :is=\"elementType\"\n      ref=\"popover\"\n      :class=\"['d-popover', { 'd-popover__anchor--opened': isOpen }]\"\n      data-qa=\"dt-popover-container\"\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        @keydown.enter=\"$emit('keydown', $event)\"\n        @keydown.space=\"$emit('keydown', $event)\"\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        :appear=\"toAppear\"\n        :class=\"['d-popover__dialog', { 'd-popover__dialog--modal': modal }, dialogClass]\"\n        :style=\"{\n          'max-height': calculatedMaxHeight,\n          'max-width': maxWidth,\n        }\"\n        :css=\"$attrs.css\"\n        :tabindex=\"contentTabindex\"\n        v-on=\"popoverListeners\"\n        @mouseenter=\"onEnterContent\"\n        @mouseleave=\"onLeaveContent\"\n      >\n        <popover-header-footer\n          v-if=\"hasSlotContent($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=\"hasSlotContent($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, hasSlotContent, isOutOfViewPort } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport ModalMixin from '@/common/mixins/modal';\nimport { createTippyPopover, 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  },\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 v-model\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     * Whether to apply transition on initial render in the content lazy show component.\n     */\n    contentAppear: {\n      type: Boolean,\n      default: null,\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     * 'root' will try append to the iFrame's parent body if it is contained in an iFrame\n     * and has permissions to access it, else, it'd default to 'parent'.\n     * @values 'body', 'parent', 'root', 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     * Native keydown event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\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      toAppear: false,\n      anchorEl: null,\n      popoverContentEl: null,\n      hasSlotContent,\n      inTimer: null,\n      outTimer: null,\n    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        keydown: event => {\n          this.onKeydown(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;\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        if (open === true) {\n          this.toAppear = true;\n        }\n      },\n\n      immediate: true,\n    },\n\n    contentAppear: {\n      handler: function (contentAppear) {\n        if (contentAppear !== null) {\n          this.toAppear = contentAppear;\n        }\n      },\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  beforeUnmount () {\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      if (this.open === null || this.open === undefined) {\n        if ((!this.anchorEl?.contains(e.target) && !this.anchorEl?.isEqualNode(e.target)) || this.anchorEl?.disabled) {\n          return;\n        }\n\n        this.toggleOpen();\n      }\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      if (this.openWithArrowKeys && this.anchorEl?.contains(e.target)) {\n        if (!this.isOpen) {\n          this.isOpen = true;\n        }\n      }\n\n      this.$emit('keydown', e);\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      this.$emit('keydown', e);\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    /**\n     * Return's the anchor ClientRect object relative to the window.\n     * Refer to: https://atomiks.github.io/tippyjs/v6/all-props/#getreferenceclientrect for more information\n     * @param error\n     */\n    getReferenceClientRect (error) {\n      const anchorReferenceRect = this.anchorEl?.getBoundingClientRect();\n\n      if (this.appendTo !== 'root' || error) return anchorReferenceRect;\n\n      const anchorOwnerDocument = this.anchorEl?.ownerDocument;\n      const anchorParentWindow = anchorOwnerDocument?.defaultView || anchorOwnerDocument?.parentWindow;\n      const anchorIframe = anchorParentWindow?.frameElement;\n\n      if (!anchorIframe) return anchorReferenceRect;\n\n      const iframeReferenceRect = anchorIframe.getBoundingClientRect();\n\n      return {\n        width: anchorReferenceRect?.width,\n        height: anchorReferenceRect?.height,\n        top: iframeReferenceRect?.top + anchorReferenceRect?.top,\n        left: iframeReferenceRect?.left + anchorReferenceRect?.left,\n        right: iframeReferenceRect?.right + anchorReferenceRect?.right,\n        bottom: iframeReferenceRect?.bottom + anchorReferenceRect?.bottom,\n      };\n    },\n\n    initTippyInstance () {\n      let internalAppendTo = null;\n      let iFrameError = false;\n\n      switch (this.appendTo) {\n        case 'body':\n          internalAppendTo = this.anchorEl?.getRootNode()?.querySelector('body');\n          break;\n\n        case 'root':\n          // Try to attach the popover to root document, fallback to parent is fail\n          try {\n            internalAppendTo = window.parent.document.body;\n          } catch (err) {\n            console.error('Could not attach the popover to iframe parent window: ', err);\n            internalAppendTo = 'parent';\n            iFrameError = true;\n          }\n          break;\n\n        default:\n          internalAppendTo = this.appendTo;\n          break;\n      }\n\n      this.tip = createTippyPopover(this.anchorEl, {\n        popperOptions: this.popperOptions(),\n        contentElement: this.popoverContentEl,\n        placement: this.placement,\n        offset: this.offset,\n        sticky: this.sticky,\n        appendTo: internalAppendTo,\n        interactive: true,\n        trigger: 'manual',\n        getReferenceClientRect: () => this.getReferenceClientRect(iFrameError),\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","name","components","DtButton","DtIcon","props","type","String","validator","value","includes","contentClass","Array","Object","default","showCloseButton","Boolean","closeButtonProps","emits","data","hasSlotContent","methods","focusCloseButton","closeButton","$refs","$el","focus","_createElementBlock","class","_normalizeClass","$props","$data","_ctx","$slots","content","_renderSlot","_openBlock","_createBlock","_component_dt_button","_mergeProps","ref","importance","kind","circle","onClick","$emit","icon","_createVNode","_component_dt_icon","size","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","mixins","ModalMixin","SrOnlyCloseButtonMixin","open","openOnContext","elementType","transition","role","POPOVER_ROLES","ariaLabelledby","ariaLabel","padding","keys","POPOVER_PADDING_CLASSES","some","item","contentWidth","POPOVER_CONTENT_WIDTHS","contentAppear","contentTabindex","Number","externalAnchor","id","getUniqueString","offset","hideOnClick","modal","fallbackPlacements","placement","tether","sticky","POPOVER_STICKY_VALUES","maxHeight","maxWidth","headerClass","footerClass","dialogClass","initialFocusElement","HTMLElement","POPOVER_INITIAL_FOCUS_STRINGS","startsWith","openWithArrowKeys","appendTo","POPOVER_APPEND_TO_VALUES","hovercard","timer","enter","leave","POPOVER_HEADER_FOOTER_PADDING_CLASSES","intersectionObserver","isOutsideViewport","isOpen","toAppear","anchorEl","popoverContentEl","inTimer","outTimer","computed","popoverListeners","keydown","event","onKeydown","onLeaveTransitionComplete","onEnterTransitionComplete","calculatedMaxHeight","labelledBy","currentHovercard","current","watch","immediate","deep","handler","validateProps","tip","setProps","zIndex","calculateAnchorZindex","popperOptions","isPrev","initTippyInstance","show","removeEventListeners","hide","mounted","externalAnchorEl","anchor","getRootNode","querySelector","children","IntersectionObserver","hasIntersectedViewport","observe","beforeUnmount","destroy","disconnect","removeReferences","entries","dialog","target","isOut","isOutOfViewPort","bottom","top","getPopperOptions","hasHideModifierEnabled","console","error","closest","defaultToggleOpen","e","undefined","contains","isEqualNode","disabled","toggleOpen","onContext","preventDefault","$nextTick","getReferenceClientRect","width","height","clientY","left","clientX","right","onArrowKeyPress","addEventListeners","window","addEventListener","closePopover","onResize","removeEventListener","preventScrolling","element","tagName","toLowerCase","classList","add","enableScrolling","remove","onShow","setPopoverContentAnchorWidth","style","focusFirstElement","unmount","focusInitialElement","popover__content","focusInitialElementById","focusFirstElementIfNeeded","result","warn","onClickOutside","innerModals","key","focusTrappedTabPress","clientWidth","domEl","focusableElements","_getFocusableElements","length","popover__header","anchorReferenceRect","getBoundingClientRect","anchorOwnerDocument","ownerDocument","anchorParentWindow","defaultView","parentWindow","anchorIframe","frameElement","iframeReferenceRect","internalAppendTo","iFrameError","parent","document","body","err","createTippyPopover","contentElement","interactive","trigger","setInTimer","setTimeout","TOOLTIP_DELAY_MS","setOutTimer","onEnterAnchor","clearTimeout","onLeaveAnchor","onEnterContent","onLeaveContent","_Teleport","to","_createElementVNode","_resolveDynamicComponent","$options","$attrs","tabindex","args","onContextmenu","_cache","_withKeys","$event","onMouseenter","onMouseleave","attrs","toString","_component_dt_lazy_show","appear","css","_toHandlers","headerContent","_component_popover_header_footer","onClose","close","footerContent","showVisuallyHiddenClose","_component_sr_only_close_button","visuallyHiddenCloseLabel"],"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=\"hasSlotContent($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';\nimport { hasSlotContent } from '@/common/utils';\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  data () {\n    return {\n      hasSlotContent,\n    };\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    <Teleport\n      v-if=\"modal && isOpen\"\n      to=\"body\"\n    >\n      <div\n        class=\"d-modal--transparent\"\n        :aria-hidden=\"modal && isOpen ? 'false' : 'true'\"\n        @click.prevent.stop\n      />\n    </Teleport>\n    <component\n      :is=\"elementType\"\n      ref=\"popover\"\n      :class=\"['d-popover', { 'd-popover__anchor--opened': isOpen }]\"\n      data-qa=\"dt-popover-container\"\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        @keydown.enter=\"$emit('keydown', $event)\"\n        @keydown.space=\"$emit('keydown', $event)\"\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        :appear=\"toAppear\"\n        :class=\"['d-popover__dialog', { 'd-popover__dialog--modal': modal }, dialogClass]\"\n        :style=\"{\n          'max-height': calculatedMaxHeight,\n          'max-width': maxWidth,\n        }\"\n        :css=\"$attrs.css\"\n        :tabindex=\"contentTabindex\"\n        v-on=\"popoverListeners\"\n        @mouseenter=\"onEnterContent\"\n        @mouseleave=\"onLeaveContent\"\n      >\n        <popover-header-footer\n          v-if=\"hasSlotContent($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=\"hasSlotContent($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, hasSlotContent, isOutOfViewPort } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport ModalMixin from '@/common/mixins/modal';\nimport { createTippyPopover, 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  },\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 v-model\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     * Whether to apply transition on initial render in the content lazy show component.\n     */\n    contentAppear: {\n      type: Boolean,\n      default: null,\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     * 'root' will try append to the iFrame's parent body if it is contained in an iFrame\n     * and has permissions to access it, else, it'd default to 'parent'.\n     * @values 'body', 'parent', 'root', 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     * Native keydown event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\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      toAppear: false,\n      anchorEl: null,\n      popoverContentEl: null,\n      hasSlotContent,\n      inTimer: null,\n      outTimer: null,\n    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        keydown: event => {\n          this.onKeydown(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;\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        if (open === true) {\n          this.toAppear = true;\n        }\n      },\n\n      immediate: true,\n    },\n\n    contentAppear: {\n      handler: function (contentAppear) {\n        if (contentAppear !== null) {\n          this.toAppear = contentAppear;\n        }\n      },\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  beforeUnmount () {\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      if (this.open === null || this.open === undefined) {\n        if ((!this.anchorEl?.contains(e.target) && !this.anchorEl?.isEqualNode(e.target)) || this.anchorEl?.disabled) {\n          return;\n        }\n\n        this.toggleOpen();\n      }\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      if (this.openWithArrowKeys && this.anchorEl?.contains(e.target)) {\n        if (!this.isOpen) {\n          this.isOpen = true;\n        }\n      }\n\n      this.$emit('keydown', e);\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      this.$emit('keydown', e);\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    /**\n     * Return's the anchor ClientRect object relative to the window.\n     * Refer to: https://atomiks.github.io/tippyjs/v6/all-props/#getreferenceclientrect for more information\n     * @param error\n     */\n    getReferenceClientRect (error) {\n      const anchorReferenceRect = this.anchorEl?.getBoundingClientRect();\n\n      if (this.appendTo !== 'root' || error) return anchorReferenceRect;\n\n      const anchorOwnerDocument = this.anchorEl?.ownerDocument;\n      const anchorParentWindow = anchorOwnerDocument?.defaultView || anchorOwnerDocument?.parentWindow;\n      const anchorIframe = anchorParentWindow?.frameElement;\n\n      if (!anchorIframe) return anchorReferenceRect;\n\n      const iframeReferenceRect = anchorIframe.getBoundingClientRect();\n\n      return {\n        width: anchorReferenceRect?.width,\n        height: anchorReferenceRect?.height,\n        top: iframeReferenceRect?.top + anchorReferenceRect?.top,\n        left: iframeReferenceRect?.left + anchorReferenceRect?.left,\n        right: iframeReferenceRect?.right + anchorReferenceRect?.right,\n        bottom: iframeReferenceRect?.bottom + anchorReferenceRect?.bottom,\n      };\n    },\n\n    initTippyInstance () {\n      let internalAppendTo = null;\n      let iFrameError = false;\n\n      switch (this.appendTo) {\n        case 'body':\n          internalAppendTo = this.anchorEl?.getRootNode()?.querySelector('body');\n          break;\n\n        case 'root':\n          // Try to attach the popover to root document, fallback to parent is fail\n          try {\n            internalAppendTo = window.parent.document.body;\n          } catch (err) {\n            console.error('Could not attach the popover to iframe parent window: ', err);\n            internalAppendTo = 'parent';\n            iFrameError = true;\n          }\n          break;\n\n        default:\n          internalAppendTo = this.appendTo;\n          break;\n      }\n\n      this.tip = createTippyPopover(this.anchorEl, {\n        popperOptions: this.popperOptions(),\n        contentElement: this.popoverContentEl,\n        placement: this.placement,\n        offset: this.offset,\n        sticky: this.sticky,\n        appendTo: internalAppendTo,\n        interactive: true,\n        trigger: 'manual',\n        getReferenceClientRect: () => this.getReferenceClientRect(iFrameError),\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","_createElementBlock","_normalizeClass","_renderSlot","_openBlock","_createBlock","_mergeProps","_createVNode","ModalMixin","_Teleport","_createElementVNode","_resolveDynamicComponent","_withKeys","_toHandlers"],"mappings":"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"}

package/dist/vue3/lib/presence.cjs

@@ -8,7 +8,12 @@ const PRESENCE_STATES = {
   OFFLINE: "offline",
   ACTIVE: "active"
 };
-const PRESENCE_STATES_LIST = [PRESENCE_STATES.BUSY, PRESENCE_STATES.AWAY, PRESENCE_STATES.OFFLINE, PRESENCE_STATES.ACTIVE];
+const PRESENCE_STATES_LIST = [
+  PRESENCE_STATES.BUSY,
+  PRESENCE_STATES.AWAY,
+  PRESENCE_STATES.OFFLINE,
+  PRESENCE_STATES.ACTIVE
+];
 const _sfc_main = {
   name: "DtPresence",
   props: {
@@ -47,14 +52,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "data-qa": "dt-presence",
     role: "status",
     "aria-live": _ctx.$attrs.ariaLive || "off"
-  }, [$props.srText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString($props.srText), 1)) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
-    class: vue.normalizeClass(["d-presence__inner", {
-      "d-presence__inner--active": $props.presence === "active",
-      "d-presence__inner--away": $props.presence === "away",
-      "d-presence__inner--busy": $props.presence === "busy",
-      "d-presence__inner--offline": $props.presence === "offline"
-    }])
-  }, null, 2)], 8, _hoisted_1);
+  }, [
+    $props.srText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString($props.srText), 1)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(["d-presence__inner", {
+        "d-presence__inner--active": $props.presence === "active",
+        "d-presence__inner--away": $props.presence === "away",
+        "d-presence__inner--busy": $props.presence === "busy",
+        "d-presence__inner--offline": $props.presence === "offline"
+      }])
+    }, null, 2)
+  ], 8, _hoisted_1);
 }
 const DtPresence = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.DtPresence = DtPresence;

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

@@ -1 +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","BUSY","AWAY","OFFLINE","ACTIVE","PRESENCE_STATES_LIST","_sfc_main","name","props","presence","type","String","default","validator","role","includes","srText","class","_createElementBlock","_ctx","$attrs","ariaLive","$props","_hoisted_2","_toDisplayString","_createElementVNode"],"mappings":";;;;AAAO,MAAMA,kBAAkB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAM;AAAA,EACNC,SAAS;AAAA,EACTC,QAAQ;AACV;MAEaC,uBAAuB,CAClCL,gBAAgBC,MAChBD,gBAAgBE,MAChBF,gBAAgBG,SAChBH,gBAAgBI,MAAM;ACmBxB,MAAKE,YAAU;AAAA,EACbC,MAAM;AAAA,EACNC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOLC,UAAU;AAAA,MACRC,MAAMC;AAAAA,MACNC,SAASZ,gBAAgBI;AAAAA,MACzBS,WAAYC,UAAS;AACnB,eAAOT,qBAAqBU,SAASD,IAAI;AAAA,MAC3C;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAODE,QAAQ;AAAA,MACNN,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;;EAhDM,WAAQ;AAAA,EACRK,OAAM;;;0BATVC,IAoBM,mBAAA,OAAA;AAAA,IAnBJD,OAAM;AAAA,IACN,WAAQ;AAAA,IACRH,MAAK;AAAA,IACJ,aAAWK,KAAMC,OAACC,YAAQ;AAAA,MAGnBC,OAAMN,2BADdE,uBAIqB,QAJrBK,YAIqBC,IAAA,gBAAjBF,OAAMN,MAAA,GAAA,CAAA,uCACVS,IAQE,mBAAA,OAAA;AAAA,IAPAR,2BAAM,qBAAmB;AAAA,mCACsBK,OAAQb,aAAA;AAAA,iCAAkDa,OAAQb,aAAA;AAAA,iCAAgDa,OAAQb,aAAA;AAAA,oCAAmDa,OAAQb,aAAA;AAAA;;;;;;;"}
+{"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":["_createElementBlock","_toDisplayString","_createElementVNode"],"mappings":";;;;AAAY,MAAC,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AACV;AAEY,MAAC,uBAAuB;AAAA,EAClC,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;ACkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,gBAAgB;AAAA,MACzB,WAAW,CAAC,SAAS;AACnB,eAAO,qBAAqB,SAAS,IAAI;AAAA,MAC1C;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AACH;;;;EAhDM,WAAQ;AAAA,EACR,OAAM;;;0BATVA,IAoBM,mBAAA,OAAA;AAAA,IAnBJ,OAAM;AAAA,IACN,WAAQ;AAAA,IACR,MAAK;AAAA,IACJ,aAAW,KAAM,OAAC,YAAQ;AAAA;IAGnB,OAAM,2BADdA,IAIqB,mBAAA,QAJrB,YAIqBC,IAAAA,gBAAjB,OAAM,MAAA,GAAA,CAAA;IACVC,IAAAA,mBAQE,OAAA;AAAA,MAPA,2BAAM,qBAAmB;AAAA,qCACsB,OAAQ,aAAA;AAAA,mCAAkD,OAAQ,aAAA;AAAA,mCAAgD,OAAQ,aAAA;AAAA,sCAAmD,OAAQ,aAAA;AAAA;;;;;;;;"}

package/dist/vue3/lib/presence.js

@@ -6,7 +6,12 @@ const PRESENCE_STATES = {
   OFFLINE: "offline",
   ACTIVE: "active"
 };
-const PRESENCE_STATES_LIST = [PRESENCE_STATES.BUSY, PRESENCE_STATES.AWAY, PRESENCE_STATES.OFFLINE, PRESENCE_STATES.ACTIVE];
+const PRESENCE_STATES_LIST = [
+  PRESENCE_STATES.BUSY,
+  PRESENCE_STATES.AWAY,
+  PRESENCE_STATES.OFFLINE,
+  PRESENCE_STATES.ACTIVE
+];
 const _sfc_main = {
   name: "DtPresence",
   props: {
@@ -45,14 +50,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "data-qa": "dt-presence",
     role: "status",
     "aria-live": _ctx.$attrs.ariaLive || "off"
-  }, [$props.srText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString($props.srText), 1)) : createCommentVNode("", true), createElementVNode("div", {
-    class: normalizeClass(["d-presence__inner", {
-      "d-presence__inner--active": $props.presence === "active",
-      "d-presence__inner--away": $props.presence === "away",
-      "d-presence__inner--busy": $props.presence === "busy",
-      "d-presence__inner--offline": $props.presence === "offline"
-    }])
-  }, null, 2)], 8, _hoisted_1);
+  }, [
+    $props.srText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString($props.srText), 1)) : createCommentVNode("", true),
+    createElementVNode("div", {
+      class: normalizeClass(["d-presence__inner", {
+        "d-presence__inner--active": $props.presence === "active",
+        "d-presence__inner--away": $props.presence === "away",
+        "d-presence__inner--busy": $props.presence === "busy",
+        "d-presence__inner--offline": $props.presence === "offline"
+      }])
+    }, null, 2)
+  ], 8, _hoisted_1);
 }
 const DtPresence = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/vue3/lib/presence.js.map

@@ -1 +1 @@
-{"version":3,"file":"presence.js","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","BUSY","AWAY","OFFLINE","ACTIVE","PRESENCE_STATES_LIST","_sfc_main","name","props","presence","type","String","default","validator","role","includes","srText","class","_createElementBlock","_ctx","$attrs","ariaLive","$props","_hoisted_2","_toDisplayString","_createElementVNode"],"mappings":";;AAAO,MAAMA,kBAAkB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAM;AAAA,EACNC,SAAS;AAAA,EACTC,QAAQ;AACV;MAEaC,uBAAuB,CAClCL,gBAAgBC,MAChBD,gBAAgBE,MAChBF,gBAAgBG,SAChBH,gBAAgBI,MAAM;ACmBxB,MAAKE,YAAU;AAAA,EACbC,MAAM;AAAA,EACNC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOLC,UAAU;AAAA,MACRC,MAAMC;AAAAA,MACNC,SAASZ,gBAAgBI;AAAAA,MACzBS,WAAYC,UAAS;AACnB,eAAOT,qBAAqBU,SAASD,IAAI;AAAA,MAC3C;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAODE,QAAQ;AAAA,MACNN,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;;EAhDM,WAAQ;AAAA,EACRK,OAAM;;;sBATVC,mBAoBM,OAAA;AAAA,IAnBJD,OAAM;AAAA,IACN,WAAQ;AAAA,IACRH,MAAK;AAAA,IACJ,aAAWK,KAAMC,OAACC,YAAQ;AAAA,MAGnBC,OAAMN,uBADdE,mBAIqB,QAJrBK,YAIqBC,gBAAjBF,OAAMN,MAAA,GAAA,CAAA,mCACVS,mBAQE,OAAA;AAAA,IAPAR,uBAAM,qBAAmB;AAAA,mCACsBK,OAAQb,aAAA;AAAA,iCAAkDa,OAAQb,aAAA;AAAA,iCAAgDa,OAAQb,aAAA;AAAA,oCAAmDa,OAAQb,aAAA;AAAA;;;;"}
+{"version":3,"file":"presence.js","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":["_createElementBlock","_toDisplayString","_createElementVNode"],"mappings":";;AAAY,MAAC,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AACV;AAEY,MAAC,uBAAuB;AAAA,EAClC,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;ACkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,gBAAgB;AAAA,MACzB,WAAW,CAAC,SAAS;AACnB,eAAO,qBAAqB,SAAS,IAAI;AAAA,MAC1C;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AACH;;;;EAhDM,WAAQ;AAAA,EACR,OAAM;;;sBATVA,mBAoBM,OAAA;AAAA,IAnBJ,OAAM;AAAA,IACN,WAAQ;AAAA,IACR,MAAK;AAAA,IACJ,aAAW,KAAM,OAAC,YAAQ;AAAA;IAGnB,OAAM,uBADdA,mBAIqB,QAJrB,YAIqBC,gBAAjB,OAAM,MAAA,GAAA,CAAA;IACVC,mBAQE,OAAA;AAAA,MAPA,uBAAM,qBAAmB;AAAA,qCACsB,OAAQ,aAAA;AAAA,mCAAkD,OAAQ,aAAA;AAAA,mCAAgD,OAAQ,aAAA;AAAA,sCAAmD,OAAQ,aAAA;AAAA;;;;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lib_inputGroup = require("./input-group.cjs");
-require("../chunks/input_group-rE6nhye8.js");
+require("../chunks/input_group-M-D25pOJ.js");
 require("vue");
 require("../common/validators.cjs");
 require("../common/constants.cjs");

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

@@ -1 +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      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\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","name","extends","DtInputGroup","props","value","type","String","Number","default","dataQaGroup","dataQaGroupLegend","dataQaGroupMessages","emits","data","internalValue","watch","newValue","immediate","handler","newInternalValue","provideObj","selectedValue","methods","setGroupValue","$emit","getMessageKey","index","id"],"mappings":";;;;;;;;;;AAOA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,SAASC,eAAY;AAAA,EAErBC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,OAAO;AAAA,MACLC,MAAM,CAACC,QAAQC,MAAM;AAAA,MACrBC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,aAAa;AAAA,MACXJ,MAAMC;AAAAA,MACNE,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDE,mBAAmB;AAAA,MACjBL,MAAMC;AAAAA,MACNE,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDG,qBAAqB;AAAA,MACnBN,MAAMC;AAAAA,MACNE,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDI,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EAAO;AAAA,EAGTC,OAAQ;AACN,WAAO;AAAA,MACLC,eAAe,KAAKV;AAAAA;EAEvB;AAAA,EAEDW,OAAO;AAAA,IACLX,MAAOY,UAAU;AACf,WAAKF,gBAAgBE;AAAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAODF,eAAe;AAAA,MACbG,WAAW;AAAA,MACXC,QAASC,kBAAkB;AACzB,aAAKC,WAAWC,gBAAgBF;AAAAA,MAClC;AAAA,IACF;AAAA,EACD;AAAA,EAEDG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKPC,cAAeP,UAAU;AACvB,WAAKQ,MAAM,SAASR,QAAQ;AAAA,IAC7B;AAAA,IAEDS,cAAepB,MAAMqB,OAAO;AAC1B,aAAO,uBAAuBrB,IAAI,IAAIqB,KAAK,IAAI,KAAKC,EAAE;AAAA,IACxD;AAAA,EACF;AACF;;"}
+{"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      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\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":["DtInputGroup"],"mappings":";;;;;;;;;;AAOK,MAAA,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,SAASA,eAAY;AAAA,EAErB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,gBAAgB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;;"}

package/dist/vue3/lib/radio-group.js

@@ -1,5 +1,5 @@
 import { DtInputGroup } from "./input-group.js";
-import "../chunks/input_group-hV1WT2it.js";
+import "../chunks/input_group-jWnq2DJT.js";
 import "vue";
 import "../common/validators.js";
 import "../common/constants.js";

package/dist/vue3/lib/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","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      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\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","name","extends","DtInputGroup","props","value","type","String","Number","default","dataQaGroup","dataQaGroupLegend","dataQaGroupMessages","emits","data","internalValue","watch","newValue","immediate","handler","newInternalValue","provideObj","selectedValue","methods","setGroupValue","$emit","getMessageKey","index","id"],"mappings":";;;;;;;;AAOA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,SAASC;AAAAA,EAETC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,OAAO;AAAA,MACLC,MAAM,CAACC,QAAQC,MAAM;AAAA,MACrBC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,aAAa;AAAA,MACXJ,MAAMC;AAAAA,MACNE,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDE,mBAAmB;AAAA,MACjBL,MAAMC;AAAAA,MACNE,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDG,qBAAqB;AAAA,MACnBN,MAAMC;AAAAA,MACNE,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDI,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EAAO;AAAA,EAGTC,OAAQ;AACN,WAAO;AAAA,MACLC,eAAe,KAAKV;AAAAA;EAEvB;AAAA,EAEDW,OAAO;AAAA,IACLX,MAAOY,UAAU;AACf,WAAKF,gBAAgBE;AAAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAODF,eAAe;AAAA,MACbG,WAAW;AAAA,MACXC,QAASC,kBAAkB;AACzB,aAAKC,WAAWC,gBAAgBF;AAAAA,MAClC;AAAA,IACF;AAAA,EACD;AAAA,EAEDG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKPC,cAAeP,UAAU;AACvB,WAAKQ,MAAM,SAASR,QAAQ;AAAA,IAC7B;AAAA,IAEDS,cAAepB,MAAMqB,OAAO;AAC1B,aAAO,uBAAuBrB,IAAI,IAAIqB,KAAK,IAAI,KAAKC,EAAE;AAAA,IACxD;AAAA,EACF;AACF;"}
+{"version":3,"file":"radio-group.js","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      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\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":[],"mappings":";;;;;;;;AAOK,MAAA,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,gBAAgB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;"}

package/dist/vue3/lib/radio.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const input = require("../chunks/input-dLLo3Wtg.js");
+const input = require("../chunks/input-ttnte8zB.js");
 const common_utils = require("../common/utils.cjs");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
@@ -14,9 +14,7 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
 };
 const _sfc_main = {
   name: "DtRadio",
-  components: {
-    DtValidationMessages: lib_validationMessages.DtValidationMessages
-  },
+  components: { DtValidationMessages: lib_validationMessages.DtValidationMessages },
   mixins: [input.InputMixin, input.CheckableMixin, input.GroupableMixin, input.MessagesMixin],
   inheritAttrs: false,
   props: {
@@ -112,9 +110,7 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = {
-  class: "d-radio__input"
-};
+const _hoisted_1 = { class: "d-radio__input" };
 const _hoisted_2 = ["checked", "name", "value", "disabled"];
 const _hoisted_3 = {
   class: "d-radio__copy d-radio__label",
@@ -122,33 +118,44 @@ const _hoisted_3 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = vue.resolveComponent("dt-validation-messages");
-  return vue.openBlock(), vue.createElementBlock("div", null, [vue.createElementVNode("label", null, [vue.createElementVNode("div", {
-    class: vue.normalizeClass(["d-radio-group", {
-      "d-radio-group--disabled": _ctx.internalDisabled
-    }])
-  }, [vue.createElementVNode("div", _hoisted_1, [vue.createElementVNode("input", vue.mergeProps({
-    checked: _ctx.internalChecked,
-    name: _ctx.internalName,
-    value: $props.value,
-    disabled: _ctx.internalDisabled,
-    type: "radio",
-    class: ["d-radio", $options.inputValidationClass, _ctx.inputClass]
-  }, _ctx.$attrs, vue.toHandlers($options.inputListeners, true)), null, 16, _hoisted_2)]), vue.createElementVNode("div", _hoisted_3, [vue.createElementVNode("div", vue.mergeProps({
-    class: _ctx.labelClass
-  }, _ctx.labelChildProps, {
-    "data-qa": "radio-label"
-  }), [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)])], 16), _ctx.$slots.description || _ctx.description ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-    key: 0,
-    class: ["d-description", _ctx.descriptionClass]
-  }, _ctx.descriptionChildProps, {
-    "data-qa": "radio-description"
-  }), [vue.renderSlot(_ctx.$slots, "description", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)])], 16)) : vue.createCommentVNode("", true), vue.createVNode(_component_dt_validation_messages, vue.mergeProps({
-    "validation-messages": _ctx.formattedMessages,
-    "show-messages": _ctx.showMessages,
-    class: _ctx.messagesClass
-  }, _ctx.messagesChildProps, {
-    "data-qa": "dt-radio-validation-messages"
-  }), null, 16, ["validation-messages", "show-messages", "class"])])], 2)])]);
+  return vue.openBlock(), vue.createElementBlock("div", null, [
+    vue.createElementVNode("label", null, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(["d-radio-group", { "d-radio-group--disabled": _ctx.internalDisabled }])
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("input", vue.mergeProps({
+            checked: _ctx.internalChecked,
+            name: _ctx.internalName,
+            value: $props.value,
+            disabled: _ctx.internalDisabled,
+            type: "radio",
+            class: ["d-radio", $options.inputValidationClass, _ctx.inputClass]
+          }, _ctx.$attrs, vue.toHandlers($options.inputListeners, true)), null, 16, _hoisted_2)
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("div", vue.mergeProps({ class: _ctx.labelClass }, _ctx.labelChildProps, { "data-qa": "radio-label" }), [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ], 16),
+          _ctx.$slots.description || _ctx.description ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+            key: 0,
+            class: ["d-description", _ctx.descriptionClass]
+          }, _ctx.descriptionChildProps, { "data-qa": "radio-description" }), [
+            vue.renderSlot(_ctx.$slots, "description", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
+            ])
+          ], 16)) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_dt_validation_messages, vue.mergeProps({
+            "validation-messages": _ctx.formattedMessages,
+            "show-messages": _ctx.showMessages,
+            class: _ctx.messagesClass
+          }, _ctx.messagesChildProps, { "data-qa": "dt-radio-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
+        ])
+      ], 2)
+    ])
+  ]);
 }
 const radio = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.DtRadio = radio;