@dialpad/dialtone 9.142.2 → 9.144.0

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

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.vue"],"sourcesContent":["<!-- 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=\"false\"\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=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\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=\"onMouseEnterAnchor\"\n        @mouseleave=\"onMouseLeaveAnchor\"\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=\"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=\"!showCloseButton\"\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, warnIfUnmounted, disableRootScrolling, enableRootScrolling, returnFirstEl } 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 SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\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  compatConfig: { MODE: 3 },\n  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\n  },\n\n  mixins: [ModalMixin],\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     * 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  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     * Emitted when the mouse enters the popover\n     *\n     * @event mouseenter-popover\n     */\n    'mouseenter-popover',\n\n    /**\n     * Emitted when the mouse leaves the popover\n     *\n     * @event mouseleave-popover\n     */\n    'mouseleave-popover',\n\n    /**\n     * Emitted when the mouse enters the popover anchor\n     *\n     * @event mouseenter-popover-anchor\n     */\n    'mouseenter-popover-anchor',\n\n    /**\n     * Emitted when the mouse leaves the popover anchor\n     *\n     * @event mouseleave-popover-anchor\n     */\n    'mouseleave-popover-anchor',\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    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        keydown: event => {\n          this.onKeydown(event);\n        },\n\n        'after-leave': () => {\n          this.onLeaveTransitionComplete();\n        },\n\n        'after-enter': () => {\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\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\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n\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 = returnFirstEl(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 (returnFirstEl(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.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          disableRootScrolling(this.anchorEl.getRootNode().host);\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        enableRootScrolling(this.anchorEl.getRootNode().host);\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        returnFirstEl(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 = returnFirstEl(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() : returnFirstEl(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        returnFirstEl(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    onMouseEnter () {\n      this.$emit('mouseenter-popover');\n    },\n\n    onMouseLeave () {\n      this.$emit('mouseleave-popover');\n    },\n\n    onMouseEnterAnchor () {\n      this.$emit('mouseenter-popover-anchor');\n    },\n\n    onMouseLeaveAnchor () {\n      this.$emit('mouseleave-popover-anchor');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","ModalMixin","role","POPOVER_ROLES","padding","POPOVER_PADDING_CLASSES","item","contentWidth","POPOVER_CONTENT_WIDTHS","getUniqueString","sticky","POPOVER_STICKY_VALUES","initialFocusElement","POPOVER_INITIAL_FOCUS_STRINGS","appendTo","POPOVER_APPEND_TO_VALUES","POPOVER_HEADER_FOOTER_PADDING_CLASSES","hasSlotContent","event","modal","_a","offset","placement","open","contentAppear","isOpen","isPrev","warnIfUnmounted","returnFirstEl","externalAnchorEl","_b","entries","dialog","isOut","isOutOfViewPort","getPopperOptions","_c","element","disableRootScrolling","enableRootScrolling","result","domEl","error","anchorReferenceRect","anchorOwnerDocument","anchorParentWindow","anchorIframe","iframeReferenceRect","internalAppendTo","iFrameError","err","createTippyPopover","_hoisted_1","_hoisted_2","_createElementBlock","$props","$data","_createBlock","_Teleport","_createElementVNode","_cache","_withModifiers","_createCommentVNode","_resolveDynamicComponent","_normalizeClass","_withCtx","$options","_ctx","args","_withKeys","$event","_renderSlot","_createVNode","_component_dt_lazy_show","_mergeProps","_toHandlers","_component_popover_header_footer","_component_sr_only_close_button"],"mappings":"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"}
+{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.vue"],"sourcesContent":["<!-- 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=\"false\"\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=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\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=\"onMouseEnterAnchor\"\n        @mouseleave=\"onMouseLeaveAnchor\"\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=\"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=\"!showCloseButton\"\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, warnIfUnmounted, disableRootScrolling, enableRootScrolling, returnFirstEl } 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 SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\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  compatConfig: { MODE: 3 },\n  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\n  },\n\n  mixins: [ModalMixin],\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     * 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  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     * Emitted when the mouse enters the popover\n     *\n     * @event mouseenter-popover\n     */\n    'mouseenter-popover',\n\n    /**\n     * Emitted when the mouse leaves the popover\n     *\n     * @event mouseleave-popover\n     */\n    'mouseleave-popover',\n\n    /**\n     * Emitted when the mouse enters the popover anchor\n     *\n     * @event mouseenter-popover-anchor\n     */\n    'mouseenter-popover-anchor',\n\n    /**\n     * Emitted when the mouse leaves the popover anchor\n     *\n     * @event mouseleave-popover-anchor\n     */\n    'mouseleave-popover-anchor',\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    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        keydown: event => {\n          this.onKeydown(event);\n        },\n\n        'after-leave': () => {\n          this.onLeaveTransitionComplete();\n        },\n\n        'after-enter': () => {\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\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\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n\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 = returnFirstEl(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 (returnFirstEl(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.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          disableRootScrolling(this.anchorEl.getRootNode().host);\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        enableRootScrolling(this.anchorEl.getRootNode().host);\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        returnFirstEl(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 = returnFirstEl(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() : returnFirstEl(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        returnFirstEl(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    onMouseEnter () {\n      this.$emit('mouseenter-popover');\n    },\n\n    onMouseLeave () {\n      this.$emit('mouseleave-popover');\n    },\n\n    onMouseEnterAnchor () {\n      this.$emit('mouseenter-popover-anchor');\n    },\n\n    onMouseLeaveAnchor () {\n      this.$emit('mouseleave-popover-anchor');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","ModalMixin","role","POPOVER_ROLES","padding","POPOVER_PADDING_CLASSES","item","contentWidth","POPOVER_CONTENT_WIDTHS","getUniqueString","sticky","POPOVER_STICKY_VALUES","initialFocusElement","POPOVER_INITIAL_FOCUS_STRINGS","appendTo","POPOVER_APPEND_TO_VALUES","POPOVER_HEADER_FOOTER_PADDING_CLASSES","hasSlotContent","event","modal","_a","offset","placement","open","contentAppear","isOpen","isPrev","_b","warnIfUnmounted","returnFirstEl","externalAnchorEl","entries","dialog","isOut","isOutOfViewPort","getPopperOptions","_c","element","disableRootScrolling","enableRootScrolling","result","domEl","error","anchorReferenceRect","anchorOwnerDocument","anchorParentWindow","anchorIframe","iframeReferenceRect","internalAppendTo","iFrameError","err","createTippyPopover","_hoisted_1","_hoisted_2","_createElementBlock","$props","$data","_createBlock","_Teleport","_createElementVNode","_cache","_withModifiers","_createCommentVNode","_resolveDynamicComponent","_normalizeClass","_withCtx","$options","_ctx","args","_withKeys","$event","_renderSlot","_createVNode","_component_dt_lazy_show","_mergeProps","_toHandlers","_component_popover_header_footer","_component_sr_only_close_button"],"mappings":"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"}

package/dist/vue3/lib/popover/popover.js

@@ -457,14 +457,15 @@ const R = {
       }
     },
     isOpen(e, t) {
-      e ? (this.initTippyInstance(), this.tip.show()) : !e && t !== e && (this.removeEventListeners(), this.tip.hide());
+      var o, s;
+      e ? (this.initTippyInstance(), (o = this.tip) == null || o.show()) : !e && t !== e && (this.removeEventListeners(), (s = this.tip) == null || s.hide());
     }
   },
   mounted() {
-    var t;
+    var t, o;
     M(l(this.$el), this.$options.name);
     const e = this.externalAnchor ? this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`) : null;
-    this.anchorEl = e ?? this.$refs.anchor.children[0], this.popoverContentEl = l((t = this.$refs.content) == null ? void 0 : t.$el), this.isOpen && (this.initTippyInstance(), this.tip.show()), this.intersectionObserver = new IntersectionObserver(this.hasIntersectedViewport), this.intersectionObserver.observe(this.popoverContentEl);
+    this.anchorEl = e ?? this.$refs.anchor.children[0], this.popoverContentEl = l((t = this.$refs.content) == null ? void 0 : t.$el), this.isOpen && (this.initTippyInstance(), (o = this.tip) == null || o.show()), this.intersectionObserver = new IntersectionObserver(this.hasIntersectedViewport), this.intersectionObserver.observe(this.popoverContentEl);
   },
   beforeUnmount() {
     var e, t;
@@ -506,7 +507,8 @@ const R = {
       }
     },
     async onContext(e) {
-      this.openOnContext && (e.preventDefault(), this.isOpen = !0, await this.$nextTick(), this.tip.setProps({
+      var t;
+      this.openOnContext && (e.preventDefault(), this.isOpen = !0, await this.$nextTick(), (t = this.tip) == null || t.setProps({
         placement: "right-start",
         getReferenceClientRect: () => ({
           width: 0,
@@ -541,20 +543,20 @@ const R = {
     *     since it is no longer the active modal. This puts it underneath the overlay and prevents scrolling.
     **/
     preventScrolling() {
-      var e, t;
+      var e, t, o;
       if (this.modal) {
-        const o = (e = this.anchorEl) == null ? void 0 : e.closest("body, .tippy-box");
-        if (!o) return;
-        ((t = o.tagName) == null ? void 0 : t.toLowerCase()) === "body" ? (k(this.anchorEl.getRootNode().host), this.tip.setProps({ offset: this.offset })) : o.classList.add("d-zi-popover");
+        const s = (e = this.anchorEl) == null ? void 0 : e.closest("body, .tippy-box");
+        if (!s) return;
+        ((t = s.tagName) == null ? void 0 : t.toLowerCase()) === "body" ? (k(this.anchorEl.getRootNode().host), (o = this.tip) == null || o.setProps({ offset: this.offset })) : s.classList.add("d-zi-popover");
       }
     },
     /*
     * Resets the prevent scrolling properties set in preventScrolling() back to normal.
     **/
     enableScrolling() {
-      var t, o;
+      var t, o, s;
       const e = (t = this.anchorEl) == null ? void 0 : t.closest("body, .tippy-box");
-      e && (((o = e.tagName) == null ? void 0 : o.toLowerCase()) === "body" ? (T(this.anchorEl.getRootNode().host), this.tip.setProps({ offset: this.offset })) : e.classList.remove("d-zi-popover"));
+      e && (((o = e.tagName) == null ? void 0 : o.toLowerCase()) === "body" ? (T(this.anchorEl.getRootNode().host), (s = this.tip) == null || s.setProps({ offset: this.offset })) : e.classList.remove("d-zi-popover"));
     },
     removeReferences() {
       this.anchorEl = null, this.popoverContentEl = null, this.tip = null;

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.vue"],"sourcesContent":["<!-- 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=\"false\"\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=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\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=\"onMouseEnterAnchor\"\n        @mouseleave=\"onMouseLeaveAnchor\"\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=\"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=\"!showCloseButton\"\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, warnIfUnmounted, disableRootScrolling, enableRootScrolling, returnFirstEl } 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 SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\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  compatConfig: { MODE: 3 },\n  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\n  },\n\n  mixins: [ModalMixin],\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     * 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  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     * Emitted when the mouse enters the popover\n     *\n     * @event mouseenter-popover\n     */\n    'mouseenter-popover',\n\n    /**\n     * Emitted when the mouse leaves the popover\n     *\n     * @event mouseleave-popover\n     */\n    'mouseleave-popover',\n\n    /**\n     * Emitted when the mouse enters the popover anchor\n     *\n     * @event mouseenter-popover-anchor\n     */\n    'mouseenter-popover-anchor',\n\n    /**\n     * Emitted when the mouse leaves the popover anchor\n     *\n     * @event mouseleave-popover-anchor\n     */\n    'mouseleave-popover-anchor',\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    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        keydown: event => {\n          this.onKeydown(event);\n        },\n\n        'after-leave': () => {\n          this.onLeaveTransitionComplete();\n        },\n\n        'after-enter': () => {\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\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\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n\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 = returnFirstEl(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 (returnFirstEl(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.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          disableRootScrolling(this.anchorEl.getRootNode().host);\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        enableRootScrolling(this.anchorEl.getRootNode().host);\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        returnFirstEl(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 = returnFirstEl(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() : returnFirstEl(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        returnFirstEl(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    onMouseEnter () {\n      this.$emit('mouseenter-popover');\n    },\n\n    onMouseLeave () {\n      this.$emit('mouseleave-popover');\n    },\n\n    onMouseEnterAnchor () {\n      this.$emit('mouseenter-popover-anchor');\n    },\n\n    onMouseLeaveAnchor () {\n      this.$emit('mouseleave-popover-anchor');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","ModalMixin","role","POPOVER_ROLES","padding","POPOVER_PADDING_CLASSES","item","contentWidth","POPOVER_CONTENT_WIDTHS","getUniqueString","sticky","POPOVER_STICKY_VALUES","initialFocusElement","POPOVER_INITIAL_FOCUS_STRINGS","appendTo","POPOVER_APPEND_TO_VALUES","POPOVER_HEADER_FOOTER_PADDING_CLASSES","hasSlotContent","event","modal","_a","offset","placement","open","contentAppear","isOpen","isPrev","warnIfUnmounted","returnFirstEl","externalAnchorEl","_b","entries","dialog","isOut","isOutOfViewPort","getPopperOptions","_c","element","disableRootScrolling","enableRootScrolling","result","domEl","error","anchorReferenceRect","anchorOwnerDocument","anchorParentWindow","anchorIframe","iframeReferenceRect","internalAppendTo","iFrameError","err","createTippyPopover","_hoisted_1","_hoisted_2","_createElementBlock","$props","$data","_createBlock","_Teleport","_createElementVNode","_cache","_withModifiers","_createCommentVNode","_resolveDynamicComponent","_normalizeClass","_withCtx","$options","_ctx","args","_withKeys","$event","_renderSlot","_createVNode","_component_dt_lazy_show","_mergeProps","_toHandlers","_component_popover_header_footer","_component_sr_only_close_button"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.vue"],"sourcesContent":["<!-- 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=\"false\"\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=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\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=\"onMouseEnterAnchor\"\n        @mouseleave=\"onMouseLeaveAnchor\"\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=\"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=\"!showCloseButton\"\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, warnIfUnmounted, disableRootScrolling, enableRootScrolling, returnFirstEl } 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 SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\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  compatConfig: { MODE: 3 },\n  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\n  },\n\n  mixins: [ModalMixin],\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     * 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  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     * Emitted when the mouse enters the popover\n     *\n     * @event mouseenter-popover\n     */\n    'mouseenter-popover',\n\n    /**\n     * Emitted when the mouse leaves the popover\n     *\n     * @event mouseleave-popover\n     */\n    'mouseleave-popover',\n\n    /**\n     * Emitted when the mouse enters the popover anchor\n     *\n     * @event mouseenter-popover-anchor\n     */\n    'mouseenter-popover-anchor',\n\n    /**\n     * Emitted when the mouse leaves the popover anchor\n     *\n     * @event mouseleave-popover-anchor\n     */\n    'mouseleave-popover-anchor',\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    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        keydown: event => {\n          this.onKeydown(event);\n        },\n\n        'after-leave': () => {\n          this.onLeaveTransitionComplete();\n        },\n\n        'after-enter': () => {\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\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\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n\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 = returnFirstEl(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 (returnFirstEl(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.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          disableRootScrolling(this.anchorEl.getRootNode().host);\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        enableRootScrolling(this.anchorEl.getRootNode().host);\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        returnFirstEl(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 = returnFirstEl(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() : returnFirstEl(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        returnFirstEl(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    onMouseEnter () {\n      this.$emit('mouseenter-popover');\n    },\n\n    onMouseLeave () {\n      this.$emit('mouseleave-popover');\n    },\n\n    onMouseEnterAnchor () {\n      this.$emit('mouseenter-popover-anchor');\n    },\n\n    onMouseLeaveAnchor () {\n      this.$emit('mouseleave-popover-anchor');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","ModalMixin","role","POPOVER_ROLES","padding","POPOVER_PADDING_CLASSES","item","contentWidth","POPOVER_CONTENT_WIDTHS","getUniqueString","sticky","POPOVER_STICKY_VALUES","initialFocusElement","POPOVER_INITIAL_FOCUS_STRINGS","appendTo","POPOVER_APPEND_TO_VALUES","POPOVER_HEADER_FOOTER_PADDING_CLASSES","hasSlotContent","event","modal","_a","offset","placement","open","contentAppear","isOpen","isPrev","_b","warnIfUnmounted","returnFirstEl","externalAnchorEl","entries","dialog","isOut","isOutOfViewPort","getPopperOptions","_c","element","disableRootScrolling","enableRootScrolling","result","domEl","error","anchorReferenceRect","anchorOwnerDocument","anchorParentWindow","anchorIframe","iframeReferenceRect","internalAppendTo","iFrameError","err","createTippyPopover","_hoisted_1","_hoisted_2","_createElementBlock","$props","$data","_createBlock","_Teleport","_createElementVNode","_cache","_withModifiers","_createCommentVNode","_resolveDynamicComponent","_normalizeClass","_withCtx","$options","_ctx","args","_withKeys","$event","_renderSlot","_createVNode","_component_dt_lazy_show","_mergeProps","_toHandlers","_component_popover_header_footer","_component_sr_only_close_button"],"mappings":";;;;;;;;;AAkJA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA;AAAA;AAAA;AAAA,EAKN,YAAY;AAAA,IACV,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA;EAGF,QAAQ,CAACC,CAAU;AAAA,EAEnB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MACHC,EAAc,SAASD,CAAI;AAAA;;;;;;;;IAWtC,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MACH,OAAO,KAAKC,CAAuB,EAAE,KAAK,CAACC,MAASA,MAASF,CAAO;AAAA;;;;IAO/E,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;;;IAQX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAG,MAAgBC,EAAuB,SAASD,CAAY;AAAA;;;;IAMzE,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,iBAAiB;AAAA,MACf,MAAM,UAAU;AAAA,MAChB,SAAS;AAAA;;;;;IAOX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AAAE,eAAOE,EAAe;AAAA,MAAI;AAAA;;;;;;;;;;;;IAczC,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS,MAAM,CAAC,GAAG,CAAC;AAAA;;;;;;IAQtB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;;;;IAcX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,MACA,CAAC,MAAM;AAAA;;;;;;;;;;;;;;;;IAmBlB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;;;;;IAeX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;;;;;;;;IAkBX,QAAQ;AAAA,MACN,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,MACT,WAAW,CAACC,MACHC,EAAsB,SAASD,CAAM;AAAA;;;;;IAQhD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;;;;;;IAWX,qBAAqB;AAAA,MACnB,MAAM,CAAC,QAAQ,WAAW;AAAA,MAC1B,SAAS;AAAA,MACT,WAAW,CAAAE,MACFC,EAA8B,SAASD,CAAmB,KAC9DA,aAA+B,eAChCA,EAAoB,WAAW,GAAG;AAAA;;;;;;IASxC,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;IAUX,UAAU;AAAA,MACR,MAAM,CAAC,aAAa,MAAM;AAAA,MAC1B,SAAS;AAAA,MACT,WAAW,CAAAE,MACFC,EAAyB,SAASD,CAAQ,KAC5CA,aAAoB;AAAA;;EAK/B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,yBAAAT;AAAA,MACA,uCAAAW;AAAA,MACA,sBAAsB;AAAA,MACtB,mBAAmB;AAAA,MACnB,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,gBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,mBAAoB;AAClB,aAAO;AAAA,QACL,SAAS,CAAAC,MAAS;AAChB,eAAK,UAAUA,CAAK;AAAA,QACtB;AAAA,QAEA,eAAe,MAAM;AACnB,eAAK,0BAAyB;AAAA,QAChC;AAAA,QAEA,eAAe,MAAM;AACnB,eAAK,0BAAyB;AAAA,QAChC;AAAA;IAEJ;AAAA,IAEA,sBAAuB;AACrB,aAAI,KAAK,qBAAqB,KAAK,QAC1B,sCAEF,KAAK;AAAA,IACd;AAAA,IAEA,aAAc;AAGZ,aAAO,KAAK,kBAAmB,CAAC,KAAK,aAAaT,EAAgB,mBAAmB;AAAA,IACvF;AAAA;EAGF,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAW;AACT,aAAK,cAAa;AAAA,MACpB;AAAA;IAGF,MAAOU,GAAO;;AACZ,OAAAC,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS;AAAA,QACjB,QAAQD,IAAQ,MAAM,KAAK,sBAAqB;AAAA,MAClD;AAAA,IACF;AAAA,IAEA,OAAQE,GAAQ;;AACd,OAAAD,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS;AAAA,QACjB,QAAAC;AAAA,MACF;AAAA,IACF;AAAA,IAEA,OAAQX,GAAQ;;AACd,OAAAU,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS;AAAA,QACjB,QAAAV;AAAA,MACF;AAAA,IACF;AAAA,IAEA,qBAAsB;;AACpB,OAAAU,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS;AAAA,QACjB,eAAe,KAAK,cAAa;AAAA,MACnC;AAAA,IACF;AAAA,IAEA,SAAU;;AACR,OAAAA,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS;AAAA,QACjB,eAAe,KAAK,cAAa;AAAA,MACnC;AAAA,IACF;AAAA,IAEA,UAAWE,GAAW;;AACpB,OAAAF,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS;AAAA,QACjB,WAAAE;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,SAAS,SAAUC,GAAM;AACvB,QAAIA,MAAS,SACX,KAAK,SAASA,IAEZA,MAAS,OACX,KAAK,WAAW;AAAA,MAEpB;AAAA,MAEA,WAAW;AAAA;IAGb,eAAe;AAAA,MACb,SAAS,SAAUC,GAAe;AAChC,QAAIA,MAAkB,SACpB,KAAK,WAAWA;AAAA,MAEpB;AAAA;IAGF,OAAQC,GAAQC,GAAQ;;AACtB,MAAID,KACF,KAAK,kBAAiB,IACtBL,IAAA,KAAK,QAAL,QAAAA,EAAU,UACD,CAACK,KAAUC,MAAWD,MAC/B,KAAK,qBAAoB,IACzBE,IAAA,KAAK,QAAL,QAAAA,EAAU;AAAA,IAEd;AAAA;EAGF,UAAW;;AACT,IAAAC,EAAgBC,EAAc,KAAK,GAAG,GAAG,KAAK,SAAS,IAAI;AAE3D,UAAMC,IAAmB,KAAK,iBAC1B,KAAK,MAAM,OAAO,YAAW,EAAG,cAAc,IAAI,KAAK,cAAc,EAAE,IACvE;AACJ,SAAK,WAAWA,KAAoB,KAAK,MAAM,OAAO,SAAS,CAAC,GAChE,KAAK,mBAAmBD,GAAcT,IAAA,KAAK,MAAM,YAAX,gBAAAA,EAAoB,GAAG,GAEzD,KAAK,WACP,KAAK,kBAAiB,IACtBO,IAAA,KAAK,QAAL,QAAAA,EAAU,SAOZ,KAAK,uBAAuB,IAAI,qBAAqB,KAAK,sBAAsB,GAChF,KAAK,qBAAqB,QAAQ,KAAK,gBAAgB;AAAA,EACzD;AAAA,EAEA,gBAAiB;;AACf,KAAAP,IAAA,KAAK,QAAL,QAAAA,EAAU,YACVO,IAAA,KAAK,yBAAL,QAAAA,EAA2B,cAC3B,KAAK,iBAAgB,GACrB,KAAK,qBAAoB;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AAAA,IAEP,uBAAwBI,GAAS;;AAC/B,YAAMC,KAASZ,IAAAW,KAAA,gBAAAA,EAAU,OAAV,gBAAAX,EAAc;AAC7B,UAAI,CAACY,EAAQ;AACb,YAAMC,IAAQC,EAAgBF,CAAM;AACpC,WAAK,oBAAoBC,EAAM,UAAUA,EAAM;AAAA,IACjD;AAAA,IAEA,gBAAiB;AACf,aAAOE,EAAiB;AAAA,QACtB,oBAAoB,KAAK;AAAA,QACzB,QAAQ,KAAK;AAAA,QACb,wBAAwB;AAAA,MAC1B,CAAC;AAAA,IACH;AAAA,IAEA,gBAAiB;AACf,MAAI,KAAK,SAAS,KAAK,wBAAwB,UAC7C,QAAQ,MAAM,oHAC6D;AAAA,IAE/E;AAAA,IAEA,wBAAyB;;AAEvB,aAAIN,EAAc,KAAK,GAAG,EAAE,YAAW,EACpC,cAAc,2EAA2E;AAAA;AAAA,OAG1FT,IAAA,KAAK,aAAL,QAAAA,EAAe,QAAQ,kBAChB,MAEA;AAAA,IAEX;AAAA,IAEA,kBAAmB,GAAG;;AACpB,UAAI,MAAK,kBAIL,KAAK,SAAS,QAAQ,KAAK,SAAS,SAAW;AACjD,YAAK,GAACA,IAAA,KAAK,aAAL,QAAAA,EAAe,SAAS,EAAE,YAAW,GAACO,IAAA,KAAK,aAAL,QAAAA,EAAe,YAAY,EAAE,aAAYS,IAAA,KAAK,aAAL,QAAAA,EAAe;AAClG;AAGF,aAAK,WAAU;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM,UAAWlB,GAAO;;AACtB,MAAK,KAAK,kBAEVA,EAAM,eAAc,GAEpB,KAAK,SAAS,IACd,MAAM,KAAK,UAAS,IACpBE,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS;AAAA,QACjB,WAAW;AAAA,QACX,wBAAwB,OAAO;AAAA,UAC7B,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAKF,EAAM;AAAA,UACX,QAAQA,EAAM;AAAA,UACd,MAAMA,EAAM;AAAA,UACZ,OAAOA,EAAM;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAc;AACZ,WAAK,SAAS,CAAC,KAAK;AAAA,IACtB;AAAA,IAEA,gBAAiB,GAAG;;AAClB,MAAI,KAAK,SAAS,SACd,KAAK,uBAAqBE,IAAA,KAAK,aAAL,QAAAA,EAAe,SAAS,EAAE,aACjD,KAAK,WACR,KAAK,SAAS,MAIlB,KAAK,MAAM,WAAW,CAAC;AAAA,IACzB;AAAA,IAEA,oBAAqB;AACnB,aAAO,iBAAiB,oBAAoB,KAAK,YAAY,GAEzD,KAAK,iBAAiB,YACxB,OAAO,iBAAiB,UAAU,KAAK,QAAQ;AAAA,IAEnD;AAAA,IAEA,uBAAwB;AACtB,aAAO,oBAAoB,oBAAoB,KAAK,YAAY,GAC5D,KAAK,iBAAiB,YACxB,OAAO,oBAAoB,UAAU,KAAK,QAAQ;AAAA,IAEtD;AAAA,IAEA,eAAgB;AACd,WAAK,SAAS;AAAA,IAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,mBAAoB;;AAClB,UAAI,KAAK,OAAO;AACd,cAAMiB,KAAUjB,IAAA,KAAK,aAAL,gBAAAA,EAAe,QAAQ;AACvC,YAAI,CAACiB,EAAS;AACd,UAAIV,IAAAU,EAAQ,YAAR,gBAAAV,EAAiB,mBAAkB,UACrCW,EAAqB,KAAK,SAAS,YAAW,EAAG,IAAI,IACrDF,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS,EAAE,QAAQ,KAAK,aAElCC,EAAQ,UAAU,IAAI,cAAc;AAAA,MAExC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,kBAAmB;;AACjB,YAAMA,KAAUjB,IAAA,KAAK,aAAL,gBAAAA,EAAe,QAAQ;AACvC,MAAKiB,QACDV,IAAAU,EAAQ,YAAR,gBAAAV,EAAiB,mBAAkB,UACrCY,EAAoB,KAAK,SAAS,YAAW,EAAG,IAAI,IACpDH,IAAA,KAAK,QAAL,QAAAA,EAAU,SAAS,EAAE,QAAQ,KAAK,aAElCC,EAAQ,UAAU,OAAO,cAAc;AAAA,IAE3C;AAAA,IAEA,mBAAoB;AAClB,WAAK,WAAW,MAChB,KAAK,mBAAmB,MACxB,KAAK,MAAM;AAAA,IACb;AAAA,IAEA,MAAM,SAAU;AACd,MAAI,KAAK,iBAAiB,YACxB,MAAM,KAAK,6BAA4B,GAGrC,KAAK,iBAAiB,SACxB,KAAK,iBAAiB,MAAM,QAAQ,SAGtC,KAAK,kBAAiB;AAAA,IACxB;AAAA,IAEA,MAAM,4BAA6B;;AACjC,MAAI,KAAK,UACP,MAAM,KAAK,kBAAkB,KAAK,MAAM,MAAM,GAE9C,MAAM,KAAK,UAAS,GACpB,KAAK,gBAAe,KAEtBjB,IAAA,KAAK,QAAL,QAAAA,EAAU,WACV,KAAK,MAAM,UAAU,EAAK,GACtB,KAAK,SAAS,QAChB,KAAK,MAAM,eAAe,EAAK;AAAA,IAEnC;AAAA,IAEA,MAAM,4BAA6B;AACjC,WAAK,oBAAmB,GAExB,MAAM,KAAK,UAAS,GACpB,KAAK,iBAAgB,GACrB,KAAK,MAAM,UAAU,IAAM,KAAK,MAAM,gBAAgB,GAClD,KAAK,SAAS,QAChB,KAAK,MAAM,eAAe,EAAI;AAAA,IAElC;AAAA,IAEA,sBAAuB;;AACrB,MAAI,KAAK,wBAAwB,cAC/BO,IAAAE,GAAcT,IAAA,KAAK,MAAM,YAAX,gBAAAA,EAAoB,GAAG,MAArC,QAAAO,EAAwC,UAGtC,KAAK,oBAAoB,WAAW,GAAG,KACzC,KAAK,wBAAuB,GAE1B,KAAK,wBAAwB,WAC/B,KAAK,0BAA0B,KAAK,MAAM,gBAAgB,GAExD,KAAK,+BAA+B,eACtC,KAAK,oBAAoB,MAAK;AAAA,IAElC;AAAA,IAEA,0BAA2B;;AACzB,YAAMa,KAASb,IAAAE,GAAcT,IAAA,KAAK,MAAM,YAAX,gBAAAA,EAAoB,GAAG,MAArC,gBAAAO,EAAwC,cAAc,KAAK;AAC1E,MAAIa,IACFA,EAAO,MAAK,IAEZ,QAAQ,KAAK,mHACyB,GAExCA,IAASA,EAAO,MAAK,IAAKX,GAAcO,IAAA,KAAK,MAAM,YAAX,gBAAAA,EAAoB,GAAG,EAAE,MAAK;AAAA,IACxE;AAAA,IAEA,WAAY;AACV,WAAK,aAAY;AAAA,IACnB;AAAA,IAEA,iBAAkB;;AAChB,UAAI,CAAC,KAAK,YAAa;AAGvB,QADoBhB,IAAA,KAAK,qBAAL,gBAAAA,EAAuB,cAAc,kCAEvD,KAAK,aAAY;AAAA,IAErB;AAAA,IAEA,UAAW,GAAG;AACZ,MAAI,EAAE,QAAQ,SACR,KAAK,SACP,KAAK,qBAAqB,GAAG,KAAK,gBAAgB,GAGlD,EAAE,QAAQ,YACZ,KAAK,aAAY,GAGnB,KAAK,MAAM,WAAW,CAAC;AAAA,IACzB;AAAA,IAEA,MAAM,+BAAgC;;AACpC,YAAM,KAAK,UAAS,GACpB,KAAK,iBAAiB,MAAM,QAAQ,IAAGA,IAAA,KAAK,aAAL,gBAAAA,EAAe,WAAW;AAAA,IACnE;AAAA,IAEA,0BAA2BqB,GAAO;;AAEhC,MAD0B,KAAK,sBAAsBA,GAAO,EAAI,EAC1C,WAAW,IAC/B,KAAK,kBAAkBA,CAAK,IACnB,KAAK,mBACdrB,IAAA,KAAK,MAAM,oBAAX,QAAAA,EAA4B,qBAG5BS,GAAcF,IAAA,KAAK,MAAM,YAAX,gBAAAA,EAAoB,GAAG,EAAE,MAAK;AAAA,IAEhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,uBAAwBe,GAAO;;AAC7B,YAAMC,KAAsBvB,IAAA,KAAK,aAAL,gBAAAA,EAAe;AAE3C,UAAI,KAAK,aAAa,UAAUsB,EAAO,QAAOC;AAE9C,YAAMC,KAAsBjB,IAAA,KAAK,aAAL,gBAAAA,EAAe,eACrCkB,KAAqBD,KAAA,gBAAAA,EAAqB,iBAAeA,KAAA,gBAAAA,EAAqB,eAC9EE,IAAeD,KAAA,gBAAAA,EAAoB;AAEzC,UAAI,CAACC,EAAc,QAAOH;AAE1B,YAAMI,IAAsBD,EAAa,sBAAqB;AAE9D,aAAO;AAAA,QACL,OAAOH,KAAA,gBAAAA,EAAqB;AAAA,QAC5B,QAAQA,KAAA,gBAAAA,EAAqB;AAAA,QAC7B,MAAKI,KAAA,gBAAAA,EAAqB,QAAMJ,KAAA,gBAAAA,EAAqB;AAAA,QACrD,OAAMI,KAAA,gBAAAA,EAAqB,SAAOJ,KAAA,gBAAAA,EAAqB;AAAA,QACvD,QAAOI,KAAA,gBAAAA,EAAqB,UAAQJ,KAAA,gBAAAA,EAAqB;AAAA,QACzD,SAAQI,KAAA,gBAAAA,EAAqB,WAASJ,KAAA,gBAAAA,EAAqB;AAAA;IAE/D;AAAA,IAEA,oBAAqB;;AACnB,UAAIK,IAAmB,MACnBC,IAAc;AAElB,cAAQ,KAAK,UAAQ;AAAA,QACnB,KAAK;AACH,UAAAD,KAAmBrB,KAAAP,IAAA,KAAK,aAAL,gBAAAA,EAAe,kBAAf,gBAAAO,EAA8B,cAAc;AAC/D;AAAA,QAEF,KAAK;AAEH,cAAI;AACF,YAAAqB,IAAmB,OAAO,OAAO,SAAS;AAAA,UAC5C,SAASE,GAAK;AACZ,oBAAQ,MAAM,0DAA0DA,CAAG,GAC3EF,IAAmB,UACnBC,IAAc;AAAA,UAChB;AACA;AAAA,QAEF;AACE,UAAAD,IAAmB,KAAK;AACxB;AAAA,MACJ;AAEA,WAAK,MAAMG,EAAmB,KAAK,UAAU;AAAA,QAC3C,eAAe,KAAK,cAAa;AAAA,QACjC,gBAAgB,KAAK;AAAA,QACrB,WAAW,KAAK;AAAA,QAChB,QAAQ,KAAK;AAAA,QACb,QAAQ,KAAK;AAAA,QACb,UAAUH;AAAA,QACV,aAAa;AAAA,QACb,SAAS;AAAA,QACT,wBAAwB,MAAM,KAAK,uBAAuBC,CAAW;AAAA;AAAA;AAAA,QAGrE,aAAa;AAAA,QACb,QAAQ,KAAK,QAAQ,MAAM,KAAK,sBAAqB;AAAA,QACrD,gBAAgB,KAAK;AAAA,QACrB,QAAQ,KAAK;AAAA,MACf,CAAC;AAAA,IACH;AAAA,IAEA,eAAgB;AACd,WAAK,MAAM,oBAAoB;AAAA,IACjC;AAAA,IAEA,eAAgB;AACd,WAAK,MAAM,oBAAoB;AAAA,IACjC;AAAA,IAEA,qBAAsB;AACpB,WAAK,MAAM,2BAA2B;AAAA,IACxC;AAAA,IAEA,qBAAsB;AACpB,WAAK,MAAM,2BAA2B;AAAA,IACxC;AAAA;AAEJ,GA5hCAG,IAAA,CAAA,MAAA,WAAA,UAAA,GAAAC,IAAA,CAAA,SAAA;;;cAEEC,EAuHM,OAAA,MAAA;AAAA,IArHIC,EAAA,SAASC,EAAA,eADjBC,EASWC,GAAA;AAAA,MAZf,KAAA;AAAA,MAKM,IAAG;AAAA;MAEHC,EAIE,OAAA;AAAA,QAHA,OAAM;AAAA,QACN,eAAY;AAAA,QACX,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAVdC,EAUQ,MAAA;AAAA,QAAA,GAAmB,CAAA,WAAA,MAAA,CAAA;AAAA;UAV3BC,EAAA,IAAA,EAAA;AAAA,UAaIL,EAbJM,EAcWR,EAAA,WAAW,GAAA;AAAA,MAChB,KAAI;AAAA,MACH,OAhBPS,+CAgB2DR,EAAA,OAAM,CAAA,CAAA;AAAA,MAC3D,WAAQ;AAAA;MAjBd,SAAAS,EAoBM,MAwBM;AAAA,QAxBNN,EAwBM,OAAA;AAAA,UAvBH,IAAE,CAAGJ,EAAA,kBAAkBW,EAAA;AAAA,UACxB,KAAI;AAAA,UACH,WAASC,EAAA,OAAM,SAAA,IAAA,GAAiBA,EAAA,OAAM,SAAA,CAAA,YAAA;AAAA,UACtC,UAAUZ,EAAA,gBAAa,IAAO;AAAA,UAxBvC,gBAAAK,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAQ,MAyBwBF,EAAA,qBAAAA,EAAA,kBAAA,GAAAE,CAAA;AAAA,UACf,yCAAaF,EAAA,aAAAA,EAAA,UAAA,GAAAE,CAAA;AAAA,UACb,WAAO;AAAA,YA3BhBR,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAS,EAAAR,YA2B6BK,EAAA,mBAAAA,EAAA,gBAAA,GAAAE,CAAA,GAAe,CAAA,SAAA,CAAA,GAAA,CAAA,IAAA,CAAA;AAAA,YA3B5CR,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAS,EAAAR,YA4B+BK,EAAA,mBAAAA,EAAA,gBAAA,GAAAE,CAAA,GAAe,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,4BA5B9CC,EAAA,CAAAC,MA8BwBH,EAAA,iBAAiBG,CAAM,GAAA,CAAA,OAAA,CAAA;AAAA,4BA9B/CD,EAAA,CAAAC,MA+BwBH,EAAA,iBAAiBG,CAAM,GAAA,CAAA,OAAA,CAAA;AAAA;UA/B/C,kBAAAV,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAS,YA6BiCH,EAAA,gBAAAA,EAAA,aAAA,GAAAE,CAAA,GAAY,CAAA,QAAA,CAAA;AAAA,UAGpC,wCAAYF,EAAA,gBAAAA,EAAA,aAAA,GAAAE,CAAA;AAAA,UACZ,wCAAYF,EAAA,gBAAAA,EAAA,aAAA,GAAAE,CAAA;AAAA;UAGbG,EAOEJ,EAAA,QAAA,UAAA;AAAA,YALC,OAAK;AAAA,cAAiC,iBAAAX,EAAA,OAAO,SAAQ;AAAA,+BAAiCD,EAAA;AAAA,+BAAiCA,EAAA;AAAA;;QAtClI,GAAA,IAAAH,CAAA;AAAA,QA6CMoB,EA0EeC,GA1EfC,EA0Ee;AAAA,UAzEZ,IAAInB,EAAA;AAAA,UACL,KAAI;AAAA,UACH,MAAMA,EAAA;AAAA,UACN,WAASY,EAAA,OAAM,SAAA,IAAA,GAAiBA,EAAA,OAAM,SAAA,CAAA,aAAA;AAAA,UACtC,mBAAiBX,EAAA,MAAM;AAAA,UACvB,mBAAiBU,EAAA;AAAA,UACjB,cAAYX,EAAA;AAAA,UACZ,kBAAgBA,EAAA,KAAK;AAAA,UACrB,YAAYA,EAAA;AAAA,UACZ,MAAMC,EAAA;AAAA,UACN,QAAQA,EAAA;AAAA,UACR,OAAK,CAAA,qBAAA,EAAA,4BAAsDD,EAAA,MAAK,GAAIA,EAAA,WAAW;AAAA,UAC/E,OAAK;AAAA,0BAA4BW,EAAA;AAAA,yBAA4CX,EAAA;AAAA;UAI7E,KAAKY,EAAA,OAAO;AAAA,UACZ,UAAUZ,EAAA;AAAA,QACX,GAAAoB,EAAuBT,EAAjB,gBAAgB,GAAA;AAAA,UACrB,cAAYA,EAAA;AAAA,UACZ,cAAYA,EAAA;AAAA;UAlErB,SAAAD,EAoEQ,MAgBwB;AAAA,YAfhBT,EAAA,eAAeW,EAAA,OAAO,aAAa,KAAKZ,EAAA,wBADhDE,EAgBwBmB,GAAA;AAAA,cApFhC,KAAA;AAAA,cAsEU,KAAI;AAAA,cACH,OAvEXZ,EAuEkBR,EAAA,sCAAsCD,EAAA,OAAO,CAAA;AAAA,cACpD,iBAAeA,EAAA;AAAA,cAChB,MAAK;AAAA,cACJ,qBAAmBA,EAAA;AAAA,cACnB,SAAOW,EAAA;AAAA;cAEG,WAET,MAGE;AAAA,gBAHFK,EAGEJ,EAAA,QAAA,iBAAA,EADC,OAAOD,EAAA,aAAY,CAAA;AAAA;cAjFlC,GAAA;AAAA,iFAAAJ,EAAA,IAAA,EAAA;AAAA,YAqFQH,EAcM,OAAA;AAAA,cAbJ,KAAI;AAAA,cACH,WAASQ,EAAA,OAAM,SAAA,IAAA,GAAiBA,EAAA,OAAM,SAAA,CAAA,aAAA;AAAA,cACtC,OAxFXH,EAAA;AAAA;gBAwFkER,EAAA,wBAAwBD,EAAA,OAAO;AAAA,gBAAeA,EAAA;AAAA;;cAOtGgB,EAGEJ,EAAA,QAAA,WAAA,EADC,OAAOD,EAAA,aAAY,CAAA;AAAA,YAjGhC,GAAA,IAAAb,CAAA;AAAA,YAqGgBG,EAAA,eAAeW,EAAA,OAAO,aAAa,UAD3CV,EAcwBmB,GAAA;AAAA,cAlHhC,KAAA;AAAA,cAsGU,KAAI;AAAA,cACJ,MAAK;AAAA,cACJ,OAxGXZ,EAwGkBR,EAAA,sCAAsCD,EAAA,OAAO,CAAA;AAAA,cACpD,iBAAeA,EAAA;AAAA;cAEL,WAET,MAGE;AAAA,gBAHFgB,EAGEJ,EAAA,QAAA,iBAAA,EADC,OAAOD,EAAA,aAAY,CAAA;AAAA;cA/GlC,GAAA;AAAA,iDAAAJ,EAAA,IAAA,EAAA;AAAA,YAoHiBP,EAAA,kBApHjBO,EAAA,IAAA,EAAA,UAmHQL,EAGEoB,GAAA;AAAA,cAtHV,KAAA;AAAA,cAqHW,SAAOX,EAAA;AAAA;;UArHlB,GAAA;AAAA;;MAAA,GAAA;AAAA;;;;"}

package/dist/vue3/lib/popover/tippy-utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("tippy.js"),i=["bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end","top","top-start","top-end"],p=[!0,!1,"reference","popper"],c=(t,e)=>{const{contentElement:o}={...e};return delete e.contentElement,n(t,{...e,plugins:[n.sticky],render:()=>s(o)})},l=(t,e)=>n(t,{...e,plugins:[n.sticky]}),d=({boundary:t="clippingParents",fallbackPlacements:e=[],hasHideModifierEnabled:o=!1,tether:r=!0}={})=>({modifiers:[{name:"flip",options:{fallbackPlacements:e,boundary:t}},{name:"hide",enabled:o},{name:"preventOverflow",options:{altAxis:!r,tether:r}}]}),u=t=>{const e=document.createElement("span");return e.innerText=t.innerText||"",t.innerText="",t.appendChild(e),e},a=t=>{const e=t==null?void 0:t.children[0];return e||u(t)},s=t=>{const e=document.createElement("div");return e.className="tippy-box d-ps-absolute",e.appendChild(t),{popper:e}};exports.BASE_TIPPY_DIRECTIONS=i;exports.TIPPY_STICKY_VALUES=p;exports.createTippy=l;exports.createTippyPopover=c;exports.getAnchor=a;exports.getContentWrapper=s;exports.getPopperOptions=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("tippy.js"),s=["bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end","top","top-start","top-end"],i=[!0,!1,"reference","popper"],c=(t,e)=>{const{contentElement:r}={...e};return delete e.contentElement,n(t,{...e,plugins:[n.sticky],render:()=>p(r)})},a=(t,e)=>n(t,{...e,plugins:[n.sticky]}),l=({boundary:t="clippingParents",fallbackPlacements:e=[],hasHideModifierEnabled:r=!1,tether:o=!0}={})=>({modifiers:[{name:"flip",options:{fallbackPlacements:e,boundary:t}},{name:"hide",enabled:r},{name:"preventOverflow",options:{altAxis:!o,tether:o}}]}),d=t=>{const e=document.createElement("span");return e.innerText=t.innerText||"",t.innerText="",t.appendChild(e),e},u=t=>{if(!t){console.warn("No anchor wrapper provided. This may cause issues with the popover.");return}const e=t.children[0];return e||d(t)},p=t=>{const e=document.createElement("div");return e.className="tippy-box d-ps-absolute",e.appendChild(t),{popper:e}};exports.BASE_TIPPY_DIRECTIONS=s;exports.TIPPY_STICKY_VALUES=i;exports.createTippy=a;exports.createTippyPopover=c;exports.getAnchor=u;exports.getContentWrapper=p;exports.getPopperOptions=l;
 //# sourceMappingURL=tippy-utils.cjs.map

package/dist/vue3/lib/popover/tippy-utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tippy-utils.cjs","sources":["../../../components/popover/tippy_utils.js"],"sourcesContent":["import tippy, { sticky } from 'tippy.js';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n  'bottom', 'bottom-start', 'bottom-end',\n  'right', 'right-start', 'right-end',\n  'left', 'left-start', 'left-end',\n  'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\nexport const createTippyPopover = (anchorElement, options) => {\n  const { contentElement } = { ...options };\n  delete options.contentElement;\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n    render: () => getContentWrapper(contentElement),\n  });\n};\n\nexport const createTippy = (anchorElement, options) => {\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n  });\n};\n\nexport const getPopperOptions = ({\n  boundary = 'clippingParents',\n  fallbackPlacements = [],\n  hasHideModifierEnabled = false,\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  tether = true,\n} = {}) => {\n  return {\n    modifiers: [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements,\n          boundary,\n        },\n      },\n      {\n        name: 'hide',\n        enabled: hasHideModifierEnabled,\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: !tether,\n          tether,\n        },\n      },\n    ],\n  };\n};\n\nconst createAnchor = (anchorWrapper) => {\n  const span = document.createElement('span');\n  span.innerText = anchorWrapper.innerText || '';\n  anchorWrapper.innerText = '';\n  anchorWrapper.appendChild(span);\n  return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n  const anchor = anchorWrapper?.children[0];\n  if (!anchor) return createAnchor(anchorWrapper);\n  return anchor;\n};\n\nexport const getContentWrapper = content => {\n  // The recommended structure is to use the popper as an outer wrapper\n  const popper = document.createElement('div');\n  popper.className = 'tippy-box d-ps-absolute';\n  popper.appendChild(content);\n  return {\n    popper,\n  };\n};\n"],"names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES","createTippyPopover","anchorElement","options","contentElement","tippy","sticky","getContentWrapper","createTippy","getPopperOptions","boundary","fallbackPlacements","hasHideModifierEnabled","tether","createAnchor","anchorWrapper","span","getAnchor","anchor","content","popper"],"mappings":"4GAEaA,EAAwB,CACnC,SAAU,eAAgB,aAC1B,QAAS,cAAe,YACxB,OAAQ,aAAc,WACtB,MAAO,YAAa,SACtB,EAEaC,EAAsB,CAAC,GAAM,GAAO,YAAa,QAAQ,EACzDC,EAAqB,CAACC,EAAeC,IAAY,CAC5D,KAAM,CAAE,eAAAC,CAAc,EAAK,CAAE,GAAGD,CAAO,EACvC,cAAOA,EAAQ,eACRE,EAAMH,EAAe,CAC1B,GAAGC,EACH,QAAS,CAACG,EAAAA,MAAM,EAChB,OAAQ,IAAMC,EAAkBH,CAAc,CAClD,CAAG,CACH,EAEaI,EAAc,CAACN,EAAeC,IAClCE,EAAMH,EAAe,CAC1B,GAAGC,EACH,QAAS,CAACG,EAAAA,MAAM,CACpB,CAAG,EAGUG,EAAmB,CAAC,CAC/B,SAAAC,EAAW,kBACX,mBAAAC,EAAqB,CAAA,EACrB,uBAAAC,EAAyB,GAGzB,OAAAC,EAAS,EACX,EAAI,MACK,CACL,UAAW,CACT,CACE,KAAM,OACN,QAAS,CACP,mBAAAF,EACA,SAAAD,CACV,CACA,EACM,CACE,KAAM,OACN,QAASE,CACjB,EACM,CACE,KAAM,kBACN,QAAS,CACP,QAAS,CAACC,EACV,OAAAA,CACV,CACA,CACA,CACA,GAGMC,EAAgBC,GAAkB,CACtC,MAAMC,EAAO,SAAS,cAAc,MAAM,EAC1C,OAAAA,EAAK,UAAYD,EAAc,WAAa,GAC5CA,EAAc,UAAY,GAC1BA,EAAc,YAAYC,CAAI,EACvBA,CACT,EAEaC,EAAaF,GAAkB,CAC1C,MAAMG,EAASH,GAAA,YAAAA,EAAe,SAAS,GACvC,OAAKG,GAAeJ,EAAaC,CAAa,CAEhD,EAEaR,EAAoBY,GAAW,CAE1C,MAAMC,EAAS,SAAS,cAAc,KAAK,EAC3C,OAAAA,EAAO,UAAY,0BACnBA,EAAO,YAAYD,CAAO,EACnB,CACL,OAAAC,CACJ,CACA"}
+{"version":3,"file":"tippy-utils.cjs","sources":["../../../components/popover/tippy_utils.js"],"sourcesContent":["import tippy, { sticky } from 'tippy.js';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n  'bottom', 'bottom-start', 'bottom-end',\n  'right', 'right-start', 'right-end',\n  'left', 'left-start', 'left-end',\n  'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\nexport const createTippyPopover = (anchorElement, options) => {\n  const { contentElement } = { ...options };\n  delete options.contentElement;\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n    render: () => getContentWrapper(contentElement),\n  });\n};\n\nexport const createTippy = (anchorElement, options) => {\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n  });\n};\n\nexport const getPopperOptions = ({\n  boundary = 'clippingParents',\n  fallbackPlacements = [],\n  hasHideModifierEnabled = false,\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  tether = true,\n} = {}) => {\n  return {\n    modifiers: [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements,\n          boundary,\n        },\n      },\n      {\n        name: 'hide',\n        enabled: hasHideModifierEnabled,\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: !tether,\n          tether,\n        },\n      },\n    ],\n  };\n};\n\nconst createAnchor = (anchorWrapper) => {\n  const span = document.createElement('span');\n  span.innerText = anchorWrapper.innerText || '';\n  anchorWrapper.innerText = '';\n  anchorWrapper.appendChild(span);\n  return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n  if (!anchorWrapper) {\n    console.warn('No anchor wrapper provided. This may cause issues with the popover.');\n    return;\n  }\n  const anchor = anchorWrapper.children[0];\n  if (!anchor) return createAnchor(anchorWrapper);\n  return anchor;\n};\n\nexport const getContentWrapper = content => {\n  // The recommended structure is to use the popper as an outer wrapper\n  const popper = document.createElement('div');\n  popper.className = 'tippy-box d-ps-absolute';\n  popper.appendChild(content);\n  return {\n    popper,\n  };\n};\n"],"names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES","createTippyPopover","anchorElement","options","contentElement","tippy","sticky","getContentWrapper","createTippy","getPopperOptions","boundary","fallbackPlacements","hasHideModifierEnabled","tether","createAnchor","anchorWrapper","span","getAnchor","anchor","content","popper"],"mappings":"4GAEaA,EAAwB,CACnC,SAAU,eAAgB,aAC1B,QAAS,cAAe,YACxB,OAAQ,aAAc,WACtB,MAAO,YAAa,SACtB,EAEaC,EAAsB,CAAC,GAAM,GAAO,YAAa,QAAQ,EACzDC,EAAqB,CAACC,EAAeC,IAAY,CAC5D,KAAM,CAAE,eAAAC,CAAc,EAAK,CAAE,GAAGD,CAAO,EACvC,cAAOA,EAAQ,eACRE,EAAMH,EAAe,CAC1B,GAAGC,EACH,QAAS,CAACG,EAAAA,MAAM,EAChB,OAAQ,IAAMC,EAAkBH,CAAc,CAClD,CAAG,CACH,EAEaI,EAAc,CAACN,EAAeC,IAClCE,EAAMH,EAAe,CAC1B,GAAGC,EACH,QAAS,CAACG,EAAAA,MAAM,CACpB,CAAG,EAGUG,EAAmB,CAAC,CAC/B,SAAAC,EAAW,kBACX,mBAAAC,EAAqB,CAAA,EACrB,uBAAAC,EAAyB,GAGzB,OAAAC,EAAS,EACX,EAAI,MACK,CACL,UAAW,CACT,CACE,KAAM,OACN,QAAS,CACP,mBAAAF,EACA,SAAAD,CACV,CACA,EACM,CACE,KAAM,OACN,QAASE,CACjB,EACM,CACE,KAAM,kBACN,QAAS,CACP,QAAS,CAACC,EACV,OAAAA,CACV,CACA,CACA,CACA,GAGMC,EAAgBC,GAAkB,CACtC,MAAMC,EAAO,SAAS,cAAc,MAAM,EAC1C,OAAAA,EAAK,UAAYD,EAAc,WAAa,GAC5CA,EAAc,UAAY,GAC1BA,EAAc,YAAYC,CAAI,EACvBA,CACT,EAEaC,EAAaF,GAAkB,CAC1C,GAAI,CAACA,EAAe,CAClB,QAAQ,KAAK,qEAAqE,EAClF,MACF,CACA,MAAMG,EAASH,EAAc,SAAS,CAAC,EACvC,OAAKG,GAAeJ,EAAaC,CAAa,CAEhD,EAEaR,EAAoBY,GAAW,CAE1C,MAAMC,EAAS,SAAS,cAAc,KAAK,EAC3C,OAAAA,EAAO,UAAY,0BACnBA,EAAO,YAAYD,CAAO,EACnB,CACL,OAAAC,CACJ,CACA"}