@dialpad/dialtone-vue 3.221.1 → 3.222.0-next.1

package/dist/lib/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../components/pagination/pagination.vue"],"sourcesContent":["<template>\n  <nav\n    v-show=\"totalPages > 0\"\n    :aria-label=\"ariaLabel\"\n    class=\"d-pagination\"\n  >\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-prev\"\n      :aria-label=\"prevAriaLabel\"\n      kind=\"muted\"\n      importance=\"clear\"\n      :disabled=\"isFirstPage\"\n      @click=\"changePage(currentPage - 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-left\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n    <div\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page}-${index}`\"\n      :class=\"{ 'd-pagination__separator': isNaN(Number(page)) }\"\n    >\n      <!-- eslint-disable vue/no-bare-strings-in-template -->\n      <div\n        v-if=\"isNaN(Number(page))\"\n        class=\"d-pagination__separator-icon\"\n        data-qa=\"dt-pagination-separator\"\n      >\n        <dt-icon-more-horizontal\n          size=\"300\"\n        />\n        <!-- … -->\n      </div>\n      <dt-button\n        v-else\n        :aria-label=\"pageNumberAriaLabel(page)\"\n        :kind=\"currentPage === page ? 'default' : 'muted'\"\n        :importance=\"currentPage === page ? 'primary' : 'clear'\"\n        label-class=\"\"\n        @click=\"changePage(page)\"\n      >\n        {{ page }}\n      </dt-button>\n    </div>\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-next\"\n      :aria-label=\"nextAriaLabel\"\n      :disabled=\"isLastPage\"\n      kind=\"muted\"\n      importance=\"clear\"\n      @click=\"changePage(currentPage + 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-right\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </nav>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronLeft, DtIconChevronRight, DtIconMoreHorizontal } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\n/**\n * Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.\n * @see https://dialtone.dialpad.com/components/pagination.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtPagination',\n\n  components: {\n    DtButton,\n    DtIconChevronLeft,\n    DtIconChevronRight,\n    DtIconMoreHorizontal,\n  },\n\n  props: {\n    /**\n     * Descriptive label for the pagination content.\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The total number of the pages\n     */\n    totalPages: {\n      type: Number,\n      required: true,\n    },\n\n    /**\n     * The active current page in the list of pages, defaults to the first page\n     */\n    activePage: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Determines the max pages to be shown in the list. Using an odd number is recommended.\n     * If an even number is given, then it will be rounded down to the nearest odd number to always\n     * keep current page in the middle when current page is in the mid-range.\n     */\n    maxVisible: {\n      type: Number,\n      default: 5,\n    },\n\n    /**\n     * Sometimes you may need to hide start and end page number buttons when moving in between.\n     * This prop will be used to hide the first and last page buttons when not near the edges.\n     * This is useful when your backend does not support offset and you can only use cursor based pagination.\n     */\n    hideEdges: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Page change event\n     *\n     * @event change\n     * @type {Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      currentPage: this.activePage,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    isFirstPage () {\n      return this.currentPage === 1;\n    },\n\n    isLastPage () {\n      return this.currentPage === this.totalPages;\n    },\n\n    // eslint-disable-next-line complexity\n    pages () {\n      if (this.maxVisible === 0) {\n        return [];\n      }\n      if (this.totalPages <= this.maxVisible) {\n        return this.range(1, this.totalPages);\n      }\n\n      let start = this.maxVisible - 1;\n      let end = this.totalPages - start + 1;\n\n      // if hideEdges is true, modify the start and\n      // end to account for the hidden pages\n      if (this.hideEdges) {\n        start = start + 1;\n        end = end - 1;\n      }\n\n      if (this.currentPage < start) {\n        const pages = [...this.range(1, start), '...'];\n        if (!this.hideEdges) {\n          // add last page to the end\n          pages.push(this.totalPages);\n        }\n        return pages;\n      }\n\n      if (this.currentPage > end) {\n        const pages = ['...', ...this.range(end, this.totalPages)];\n        if (!this.hideEdges) {\n          // add first page to the beginning\n          pages.unshift(1);\n        }\n        return pages;\n      }\n\n      // rounding to the nearest odd according to the maxlength to always show the page number in the middle.\n      const total = this.maxVisible - (3 - this.maxVisible % 2);\n      const centerIndex = Math.floor(total / 2);\n      let left = this.currentPage - centerIndex;\n      let right = this.currentPage + centerIndex;\n\n      // if hideEdge is true, modify the left and right to account for the hidden pages\n      if (this.hideEdges) {\n        left = left - 1;\n        right = right + 1;\n      }\n\n      const pages = ['...', ...this.range(left, right), '...'];\n      if (!this.hideEdges) {\n        return [1, ...pages, this.totalPages];\n      }\n      return pages;\n    },\n\n    prevAriaLabel () {\n      return this.isFirstPage ? this.i18n.$t('DIALTONE_PAGINATION_FIRST_PAGE') : this.i18n.$t('DIALTONE_PAGINATION_PREVIOUS_PAGE');\n    },\n\n    nextAriaLabel () {\n      return this.isLastPage ? this.i18n.$t('DIALTONE_PAGINATION_LAST_PAGE') : this.i18n.$t('DIALTONE_PAGINATION_NEXT_PAGE');\n    },\n\n    pageNumberAriaLabel () {\n      return (page) => {\n        return page === this.totalPages ? `${this.i18n.$t('DIALTONE_PAGINATION_LAST_PAGE')} ${page}` : `${this.i18n.$t('DIALTONE_PAGINATION_PAGE_NUMBER', { page })}`;\n      };\n    },\n  },\n\n  watch: {\n    activePage () {\n      this.currentPage = this.activePage;\n    },\n\n    totalPages (pages) {\n      if (this.currentPage > pages || this.currentPage <= 0){\n        this.currentPage = pages;\n      }\n    },\n  },\n\n  methods: {\n    range (from, to) {\n      const range = [];\n      from = from > 0 ? from : 1;\n      for (let i = from; i <= to; i++) {\n        range.push(i);\n      }\n      return range;\n    },\n\n    changePage (page) {\n      this.currentPage = page;\n      this.$emit('change', this.currentPage);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../components/Pagination/Pagination.vue"],"sourcesContent":["<template>\n  <nav\n    v-show=\"totalPages > 0\"\n    :aria-label=\"ariaLabel\"\n    class=\"d-pagination\"\n  >\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-prev\"\n      :aria-label=\"prevAriaLabel\"\n      kind=\"muted\"\n      importance=\"clear\"\n      :disabled=\"isFirstPage\"\n      @click=\"changePage(currentPage - 1)\"\n    >\n      <template #startIcon>\n        <dt-icon-chevron-left\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n    <div\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page}-${index}`\"\n      :class=\"{ 'd-pagination__separator': isNaN(Number(page)) }\"\n    >\n      <!-- eslint-disable vue/no-bare-strings-in-template -->\n      <div\n        v-if=\"isNaN(Number(page))\"\n        class=\"d-pagination__separator-icon\"\n        data-qa=\"dt-pagination-separator\"\n      >\n        <dt-icon-more-horizontal\n          size=\"300\"\n        />\n        <!-- … -->\n      </div>\n      <dt-button\n        v-else\n        class=\"d-pagination__item\"\n        :aria-label=\"pageNumberAriaLabel(page)\"\n        :kind=\"currentPage === page ? 'default' : 'muted'\"\n        :importance=\"currentPage === page ? 'primary' : 'clear'\"\n        label-class=\"d-pagination__item-label\"\n        @click=\"changePage(page)\"\n      >\n        {{ page }}\n      </dt-button>\n    </div>\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-next\"\n      :aria-label=\"nextAriaLabel\"\n      :disabled=\"isLastPage\"\n      kind=\"muted\"\n      importance=\"clear\"\n      @click=\"changePage(currentPage + 1)\"\n    >\n      <template #startIcon>\n        <dt-icon-chevron-right\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </nav>\n</template>\n\n<script>\nimport { DtButton } from '@/components/Button';\nimport { DtIconChevronLeft, DtIconChevronRight, DtIconMoreHorizontal } from '@dialpad/dialtone-icons/vue';\nimport { DialtoneLocalization } from '@/localization';\n\n/**\n * Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.\n * @see https://dialtone.dialpad.com/components/pagination.html\n */\nexport default {\n  name: 'DtPagination',\n\n  components: {\n    DtButton,\n    DtIconChevronLeft,\n    DtIconChevronRight,\n    DtIconMoreHorizontal,\n  },\n\n  props: {\n    /**\n     * Descriptive label for the pagination content.\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The total number of the pages\n     */\n    totalPages: {\n      type: Number,\n      required: true,\n    },\n\n    /**\n     * The active current page in the list of pages, defaults to the first page\n     */\n    activePage: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Determines the max pages to be shown in the list. Using an odd number is recommended.\n     * If an even number is given, then it will be rounded down to the nearest odd number to always\n     * keep current page in the middle when current page is in the mid-range.\n     */\n    maxVisible: {\n      type: Number,\n      default: 5,\n    },\n\n    /**\n     * Shows the first and last page buttons when not near the edges.\n     * Set to false when your backend does not support offset and you can only use cursor based pagination.\n     */\n    showEdges: {\n      type: Boolean,\n      default: true,\n    },\n\n  },\n\n  emits: [\n    /**\n     * Page change event\n     *\n     * @event change\n     * @type {Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      currentPage: this.activePage,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    isFirstPage () {\n      return this.currentPage === 1;\n    },\n\n    isLastPage () {\n      return this.currentPage === this.totalPages;\n    },\n\n    // eslint-disable-next-line complexity\n    pages () {\n      if (this.maxVisible === 0) {\n        return [];\n      }\n      if (this.totalPages <= this.maxVisible) {\n        return this.range(1, this.totalPages);\n      }\n\n      let start = this.maxVisible - 1;\n      let end = this.totalPages - start + 1;\n\n      // if showEdges is false, modify the start and\n      // end to account for the hidden edge pages\n      if (!this.showEdges) {\n        start = start + 1;\n        end = end - 1;\n      }\n\n      if (this.currentPage < start) {\n        const pages = [...this.range(1, start), '...'];\n        if (this.showEdges) {\n          // add last page to the end\n          pages.push(this.totalPages);\n        }\n        return pages;\n      }\n\n      if (this.currentPage > end) {\n        const pages = ['...', ...this.range(end, this.totalPages)];\n        if (this.showEdges) {\n          // add first page to the beginning\n          pages.unshift(1);\n        }\n        return pages;\n      }\n\n      // rounding to the nearest odd according to the maxlength to always show the page number in the middle.\n      const total = this.maxVisible - (3 - this.maxVisible % 2);\n      const centerIndex = Math.floor(total / 2);\n      let left = this.currentPage - centerIndex;\n      let right = this.currentPage + centerIndex;\n\n      // if showEdges is false, modify the left and right to account for the hidden edge pages\n      if (!this.showEdges) {\n        left = left - 1;\n        right = right + 1;\n      }\n\n      const pages = ['...', ...this.range(left, right), '...'];\n      if (this.showEdges) {\n        return [1, ...pages, this.totalPages];\n      }\n      return pages;\n    },\n\n    prevAriaLabel () {\n      return this.isFirstPage ? this.i18n.$t('DIALTONE_PAGINATION_FIRST_PAGE') : this.i18n.$t('DIALTONE_PAGINATION_PREVIOUS_PAGE');\n    },\n\n    nextAriaLabel () {\n      return this.isLastPage ? this.i18n.$t('DIALTONE_PAGINATION_LAST_PAGE') : this.i18n.$t('DIALTONE_PAGINATION_NEXT_PAGE');\n    },\n\n    pageNumberAriaLabel () {\n      return (page) => {\n        return page === this.totalPages ? `${this.i18n.$t('DIALTONE_PAGINATION_LAST_PAGE')} ${page}` : `${this.i18n.$t('DIALTONE_PAGINATION_PAGE_NUMBER', { page })}`;\n      };\n    },\n  },\n\n  watch: {\n    activePage () {\n      this.currentPage = this.activePage;\n    },\n\n    totalPages (pages) {\n      if (this.currentPage > pages || this.currentPage <= 0){\n        this.currentPage = pages;\n      }\n    },\n  },\n\n  methods: {\n    range (from, to) {\n      const range = [];\n      from = from > 0 ? from : 1;\n      for (let i = from; i <= to; i++) {\n        range.push(i);\n      }\n      return range;\n    },\n\n    changePage (page) {\n      this.currentPage = page;\n      this.$emit('change', this.currentPage);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/popover/popover-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./tippy-utils.cjs`);var t={none:void 0,small:`d-p4`,medium:`d-p8`,large:`d-p16`},n={none:void 0,small:`d-pl4`,medium:`d-pl8`,large:`d-pl16`},r=[`dialog`,`menu`,`listbox`,`tree`,`grid`],i=[``,`anchor`],a=[`none`,`dialog`,`first`],o=[`parent`,`body`,`root`],s=[...e.TIPPY_STICKY_VALUES],c=[...e.BASE_TIPPY_DIRECTIONS],l={POPOVER_PADDING_CLASSES:t,POPOVER_HEADER_FOOTER_PADDING_CLASSES:n,POPOVER_ROLES:r,POPOVER_CONTENT_WIDTHS:i,POPOVER_INITIAL_FOCUS_STRINGS:a,POPOVER_APPEND_TO_VALUES:o,POPOVER_STICKY_VALUES:s,POPOVER_DIRECTIONS:c};exports.POPOVER_APPEND_TO_VALUES=o,exports.POPOVER_CONTENT_WIDTHS=i,exports.POPOVER_DIRECTIONS=c,exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=n,exports.POPOVER_INITIAL_FOCUS_STRINGS=a,exports.POPOVER_PADDING_CLASSES=t,exports.POPOVER_ROLES=r,exports.POPOVER_STICKY_VALUES=s,exports.default=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./tippy-utils.cjs`);var t={none:void 0,small:`d-p-50`,medium:`d-p-100`,large:`d-p-200`},n={none:void 0,small:`d-pis-50`,medium:`d-pis-100`,large:`d-pis-200`},r=[`dialog`,`menu`,`listbox`,`tree`,`grid`],i=[``,`anchor`],a=[`none`,`dialog`,`first`],o=[`parent`,`body`,`root`],s=[...e.TIPPY_STICKY_VALUES],c=[...e.BASE_TIPPY_DIRECTIONS],l={POPOVER_PADDING_CLASSES:t,POPOVER_HEADER_FOOTER_PADDING_CLASSES:n,POPOVER_ROLES:r,POPOVER_CONTENT_WIDTHS:i,POPOVER_INITIAL_FOCUS_STRINGS:a,POPOVER_APPEND_TO_VALUES:o,POPOVER_STICKY_VALUES:s,POPOVER_DIRECTIONS:c};exports.POPOVER_APPEND_TO_VALUES=o,exports.POPOVER_CONTENT_WIDTHS=i,exports.POPOVER_DIRECTIONS=c,exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=n,exports.POPOVER_INITIAL_FOCUS_STRINGS=a,exports.POPOVER_PADDING_CLASSES=t,exports.POPOVER_ROLES=r,exports.POPOVER_STICKY_VALUES=s,exports.default=l;
 //# sourceMappingURL=popover-constants.cjs.map

package/dist/lib/popover/popover-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover-constants.cjs","names":["TIPPY_STICKY_VALUES","BASE_TIPPY_DIRECTIONS"],"sources":["../../../components/popover/popover_constants.js"],"sourcesContent":["import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './tippy_utils';\n\nexport const POPOVER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-p4',\n  medium: 'd-p8',\n  large: 'd-p16',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-pl4',\n  medium: 'd-pl8',\n  large: 'd-pl16',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body', 'root'];\nexport const POPOVER_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n  POPOVER_PADDING_CLASSES,\n  POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n  POPOVER_ROLES,\n  POPOVER_CONTENT_WIDTHS,\n  POPOVER_INITIAL_FOCUS_STRINGS,\n  POPOVER_APPEND_TO_VALUES,\n  POPOVER_STICKY_VALUES,\n  POPOVER_DIRECTIONS,\n};\n"],"mappings":"oIAEA,IAAa,EAA0B,CACrC,KAAM,IAAA,GACN,MAAO,OACP,OAAQ,OACR,MAAO,QACR,CACY,EAAwC,CACnD,KAAM,IAAA,GACN,MAAO,QACP,OAAQ,QACR,MAAO,SACR,CACY,EAAgB,CAAC,SAAU,OAAQ,UAAW,OAAQ,OAAO,CAC7D,EAAyB,CAAC,GAAI,SAAS,CACvC,EAAgC,CAAC,OAAQ,SAAU,QAAQ,CAC3D,EAA2B,CAAC,SAAU,OAAQ,OAAO,CACrD,EAAwB,CACnC,GAAGA,EAAAA,oBACJ,CACY,EAAqB,CAChC,GAAGC,EAAAA,sBACJ,CAED,EAAe,CACb,0BACA,wCACA,gBACA,yBACA,gCACA,2BACA,wBACA,qBACD"}
+{"version":3,"file":"popover-constants.cjs","names":["TIPPY_STICKY_VALUES","BASE_TIPPY_DIRECTIONS"],"sources":["../../../components/Popover/PopoverConstants.js"],"sourcesContent":["import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './TippyUtils';\n\nexport const POPOVER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-p-50',\n  medium: 'd-p-100',\n  large: 'd-p-200',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-pis-50',\n  medium: 'd-pis-100',\n  large: 'd-pis-200',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body', 'root'];\nexport const POPOVER_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n  POPOVER_PADDING_CLASSES,\n  POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n  POPOVER_ROLES,\n  POPOVER_CONTENT_WIDTHS,\n  POPOVER_INITIAL_FOCUS_STRINGS,\n  POPOVER_APPEND_TO_VALUES,\n  POPOVER_STICKY_VALUES,\n  POPOVER_DIRECTIONS,\n};\n"],"mappings":"oIAEA,IAAa,EAA0B,CACrC,KAAM,IAAA,GACN,MAAO,SACP,OAAQ,UACR,MAAO,UACR,CACY,EAAwC,CACnD,KAAM,IAAA,GACN,MAAO,WACP,OAAQ,YACR,MAAO,YACR,CACY,EAAgB,CAAC,SAAU,OAAQ,UAAW,OAAQ,OAAO,CAC7D,EAAyB,CAAC,GAAI,SAAS,CACvC,EAAgC,CAAC,OAAQ,SAAU,QAAQ,CAC3D,EAA2B,CAAC,SAAU,OAAQ,OAAO,CACrD,EAAwB,CACnC,GAAGA,EAAAA,oBACJ,CACY,EAAqB,CAChC,GAAGC,EAAAA,sBACJ,CAED,EAAe,CACb,0BACA,wCACA,gBACA,yBACA,gCACA,2BACA,wBACA,qBACD"}

package/dist/lib/popover/popover-constants.js

@@ -1,15 +1,15 @@
 import { BASE_TIPPY_DIRECTIONS as e, TIPPY_STICKY_VALUES as t } from "./tippy-utils.js";
-//#region components/popover/popover_constants.js
+//#region components/Popover/PopoverConstants.js
 var n = {
 	none: void 0,
-	small: "d-p4",
-	medium: "d-p8",
-	large: "d-p16"
+	small: "d-p-50",
+	medium: "d-p-100",
+	large: "d-p-200"
 }, r = {
 	none: void 0,
-	small: "d-pl4",
-	medium: "d-pl8",
-	large: "d-pl16"
+	small: "d-pis-50",
+	medium: "d-pis-100",
+	large: "d-pis-200"
 }, i = [
 	"dialog",
 	"menu",

package/dist/lib/popover/popover-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-constants.js","names":[],"sources":["../../../components/popover/popover_constants.js"],"sourcesContent":["import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './tippy_utils';\n\nexport const POPOVER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-p4',\n  medium: 'd-p8',\n  large: 'd-p16',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-pl4',\n  medium: 'd-pl8',\n  large: 'd-pl16',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body', 'root'];\nexport const POPOVER_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n  POPOVER_PADDING_CLASSES,\n  POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n  POPOVER_ROLES,\n  POPOVER_CONTENT_WIDTHS,\n  POPOVER_INITIAL_FOCUS_STRINGS,\n  POPOVER_APPEND_TO_VALUES,\n  POPOVER_STICKY_VALUES,\n  POPOVER_DIRECTIONS,\n};\n"],"mappings":";;AAEA,IAAa,IAA0B;CACrC,MAAM,KAAA;CACN,OAAO;CACP,QAAQ;CACR,OAAO;CACR,EACY,IAAwC;CACnD,MAAM,KAAA;CACN,OAAO;CACP,QAAQ;CACR,OAAO;CACR,EACY,IAAgB;CAAC;CAAU;CAAQ;CAAW;CAAQ;CAAO,EAC7D,IAAyB,CAAC,IAAI,SAAS,EACvC,IAAgC;CAAC;CAAQ;CAAU;CAAQ,EAC3D,IAA2B;CAAC;CAAU;CAAQ;CAAO,EACrD,IAAwB,CACnC,GAAG,EACJ,EACY,IAAqB,CAChC,GAAG,EACJ,EAED,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"popover-constants.js","names":[],"sources":["../../../components/Popover/PopoverConstants.js"],"sourcesContent":["import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './TippyUtils';\n\nexport const POPOVER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-p-50',\n  medium: 'd-p-100',\n  large: 'd-p-200',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-pis-50',\n  medium: 'd-pis-100',\n  large: 'd-pis-200',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body', 'root'];\nexport const POPOVER_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n  POPOVER_PADDING_CLASSES,\n  POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n  POPOVER_ROLES,\n  POPOVER_CONTENT_WIDTHS,\n  POPOVER_INITIAL_FOCUS_STRINGS,\n  POPOVER_APPEND_TO_VALUES,\n  POPOVER_STICKY_VALUES,\n  POPOVER_DIRECTIONS,\n};\n"],"mappings":";;AAEA,IAAa,IAA0B;CACrC,MAAM,KAAA;CACN,OAAO;CACP,QAAQ;CACR,OAAO;CACR,EACY,IAAwC;CACnD,MAAM,KAAA;CACN,OAAO;CACP,QAAQ;CACR,OAAO;CACR,EACY,IAAgB;CAAC;CAAU;CAAQ;CAAW;CAAQ;CAAO,EAC7D,IAAyB,CAAC,IAAI,SAAS,EACvC,IAAgC;CAAC;CAAQ;CAAU;CAAQ,EAC3D,IAA2B;CAAC;CAAU;CAAQ;CAAO,EACrD,IAAwB,CACnC,GAAG,EACJ,EACY,IAAqB,CAChC,GAAG,EACJ,EAED,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/popover/popover-header-footer.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../localization/index.cjs`),r=require(`../button/button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue3`);var o={compatConfig:{MODE:3},name:`PopoverHeaderFooter`,components:{DtButton:r.default,DtIconClose:a.DtIconClose},props:{type:{type:String,validator:function(e){return[`header`,`footer`].includes(e)}},contentClass:{type:[String,Array,Object],default:``},showCloseButton:{type:Boolean,default:!1}},emits:[`close`],data(){return{hasSlotContent:e.hasSlotContent,i18n:new n.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},methods:{focusCloseButton(){e.returnFirstEl(this.$refs[`popover__close-button`]?.$el)?.focus()}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-close`),c=(0,i.resolveComponent)(`dt-button`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,{"data-qa":`dt-popover-header-footer`,class:(0,i.normalizeClass)({"d-popover__header":n.type===`header`,"d-popover__footer":n.type===`footer`})},[a.hasSlotContent(e.$slots.content)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,"data-qa":`dt-popover-header-footer-content`,class:(0,i.normalizeClass)([{"d-popover__header__content":n.type===`header`,"d-popover__footer__content":n.type===`footer`},n.contentClass])},[(0,i.renderSlot)(e.$slots,`content`)],2)):(0,i.createCommentVNode)(``,!0),n.showCloseButton?((0,i.openBlock)(),(0,i.createBlock)(c,{key:1,ref:`popover__close-button`,"data-qa":`dt-popover-close`,class:(0,i.normalizeClass)({"d-popover__header__close-button":n.type===`header`,"d-popover__footer__close-button":n.type===`footer`}),importance:`outlined`,kind:`muted`,circle:``,"aria-label":o.closeButtonTitle,title:o.closeButtonTitle,onClick:t[0]||(t[0]=t=>e.$emit(`close`))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`300`})]),_:1},8,[`class`,`aria-label`,`title`])):(0,i.createCommentVNode)(``,!0)],2)}var c=t.t(o,[[`render`,s]]);exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../localization/index.cjs`),r=require(`../button/button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue`);var o={name:`PopoverHeaderFooter`,components:{DtButton:r.default,DtIconClose:a.DtIconClose},props:{type:{type:String,validator:function(e){return[`header`,`footer`].includes(e)}},wrapperClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},showCloseButton:{type:Boolean,default:!1}},emits:[`close`],data(){return{hasSlotContent:e.hasSlotContent,i18n:new n.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},methods:{focusCloseButton(){e.returnFirstEl(this.$refs[`popover__close-button`]?.$el)?.focus()}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-close`),c=(0,i.resolveComponent)(`dt-button`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,{"data-qa":`dt-popover-header-footer`,class:(0,i.normalizeClass)([{"d-popover__header":n.type===`header`,"d-popover__footer":n.type===`footer`},n.wrapperClass])},[a.hasSlotContent(e.$slots.content)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,"data-qa":`dt-popover-header-footer-content`,class:(0,i.normalizeClass)([{"d-popover__header__content":n.type===`header`,"d-popover__footer__content":n.type===`footer`},n.contentClass])},[(0,i.renderSlot)(e.$slots,`content`)],2)):(0,i.createCommentVNode)(``,!0),n.showCloseButton?((0,i.openBlock)(),(0,i.createBlock)(c,{key:1,ref:`popover__close-button`,"data-qa":`dt-popover-close`,class:(0,i.normalizeClass)({"d-popover__header__close-button":n.type===`header`,"d-popover__footer__close-button":n.type===`footer`}),importance:`outlined`,kind:`muted`,circle:``,"aria-label":o.closeButtonTitle,title:o.closeButtonTitle,onClick:t[0]||(t[0]=t=>e.$emit(`close`))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`300`})]),_:1},8,[`class`,`aria-label`,`title`])):(0,i.createCommentVNode)(``,!0)],2)}var c=t.t(o,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=popover-header-footer.cjs.map

package/dist/lib/popover/popover-header-footer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover-header-footer.cjs","names":[],"sources":["../../../components/popover/popover_header_footer.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-popover-header-footer\"\n    :class=\"{\n      'd-popover__header': type === 'header',\n      'd-popover__footer': type === 'footer',\n    }\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.content)\"\n      data-qa=\"dt-popover-header-footer-content\"\n      :class=\"[{\n        'd-popover__header__content': type === 'header',\n        'd-popover__footer__content': type === 'footer',\n      }, contentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot name=\"content\" />\n    </div>\n    <dt-button\n      v-if=\"showCloseButton\"\n      ref=\"popover__close-button\"\n      data-qa=\"dt-popover-close\"\n      :class=\"{\n        'd-popover__header__close-button': type === 'header',\n        'd-popover__footer__close-button': type === 'footer',\n      }\"\n      importance=\"outlined\"\n      kind=\"muted\"\n      circle\n      :aria-label=\"closeButtonTitle\"\n      :title=\"closeButtonTitle\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon-close\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { hasSlotContent, returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'PopoverHeaderFooter',\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    // eslint-disable-next-line vue/require-default-prop\n    type: {\n      type: String,\n      validator: function (value) {\n        return ['header', 'footer'].includes(value);\n      },\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is closed\n     *\n     * @event close\n     * @type { Boolean }\n     */\n    'close',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    focusCloseButton () {\n      const closeButton = returnFirstEl(this.$refs['popover__close-button']?.$el);\n      closeButton?.focus();\n    },\n  },\n};\n</script>\n"],"mappings":"wXAiDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,sBACN,WAAY,CACV,SAAA,EAAA,QACA,YAAA,EAAA,YACD,CAED,MAAO,CAEL,KAAM,CACJ,KAAM,OACN,UAAW,SAAU,EAAO,CAC1B,MAAO,CAAC,SAAU,SAAS,CAAC,SAAS,EAAM,EAE9C,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,gBAAiB,CACf,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACA,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,wBAAwB,EAE/C,CAED,QAAS,CACP,kBAAoB,CACE,EAAA,cAAc,KAAK,MAAM,0BAA0B,IAAI,EAC9D,OAAO,EAEvB,CACF,8JAzEO,MAAA,CAtCJ,UAAQ,2BACP,OAAA,EAAA,EAAA,gBAAK,qBAA+B,EAAA,OAAI,6BAA0C,EAAA,OAAI,aAM/E,EAAA,eAAe,EAAA,OAAO,QAAO,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAS/B,MAAA,OARJ,UAAQ,mCACP,OAAA,EAAA,EAAA,gBAAK,CAAA,8BAA2C,EAAA,OAAI,sCAAqD,EAAA,OAAI,UAAwB,EAAA,aAAY,CAAA,oBAM3H,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAGjB,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAmBI,EAAA,OAlBV,IAAI,wBACJ,UAAQ,mBACP,OAAA,EAAA,EAAA,gBAAK,mCAA+C,EAAA,OAAI,2CAA0D,EAAA,OAAI,WAIvH,WAAW,WACX,KAAK,QACL,OAAA,GACC,aAAY,EAAA,iBACZ,MAAO,EAAA,iBACP,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAA,IAEF,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA"}
+{"version":3,"file":"popover-header-footer.cjs","names":[],"sources":["../../../components/Popover/PopoverHeaderFooter.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-popover-header-footer\"\n    :class=\"[{\n      'd-popover__header': type === 'header',\n      'd-popover__footer': type === 'footer',\n    }, wrapperClass]\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.content)\"\n      data-qa=\"dt-popover-header-footer-content\"\n      :class=\"[{\n        'd-popover__header__content': type === 'header',\n        'd-popover__footer__content': type === 'footer',\n      }, contentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot name=\"content\" />\n    </div>\n    <dt-button\n      v-if=\"showCloseButton\"\n      ref=\"popover__close-button\"\n      data-qa=\"dt-popover-close\"\n      :class=\"{\n        'd-popover__header__close-button': type === 'header',\n        'd-popover__footer__close-button': type === 'footer',\n      }\"\n      importance=\"outlined\"\n      kind=\"muted\"\n      circle\n      :aria-label=\"closeButtonTitle\"\n      :title=\"closeButtonTitle\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon-close\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '@/components/Button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { hasSlotContent, returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  name: 'PopoverHeaderFooter',\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    // eslint-disable-next-line vue/require-default-prop\n    type: {\n      type: String,\n      validator: function (value) {\n        return ['header', 'footer'].includes(value);\n      },\n    },\n\n    /**\n     * Additional class name for the outer header/footer wrapper element.\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is closed\n     *\n     * @event close\n     * @type { Boolean }\n     */\n    'close',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    focusCloseButton () {\n      const closeButton = returnFirstEl(this.$refs['popover__close-button']?.$el);\n      closeButton?.focus();\n    },\n  },\n};\n</script>\n"],"mappings":"uXAiDA,IAAK,EAAU,CACb,KAAM,sBACN,WAAY,CACV,SAAA,EAAA,QACA,YAAA,EAAA,YACD,CAED,MAAO,CAEL,KAAM,CACJ,KAAM,OACN,UAAW,SAAU,EAAO,CAC1B,MAAO,CAAC,SAAU,SAAS,CAAC,SAAS,EAAM,EAE9C,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,gBAAiB,CACf,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACA,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,wBAAwB,EAE/C,CAED,QAAS,CACP,kBAAoB,CACE,EAAA,cAAc,KAAK,MAAM,0BAA0B,IAAI,EAC9D,OAAO,EAEvB,CACF,8JAhFO,MAAA,CAtCJ,UAAQ,2BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,qBAAgC,EAAA,OAAI,6BAA0C,EAAA,OAAI,UAAsB,EAAA,aAAY,CAAA,GAMlH,EAAA,eAAe,EAAA,OAAO,QAAO,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAS/B,MAAA,OARJ,UAAQ,mCACP,OAAA,EAAA,EAAA,gBAAK,CAAA,8BAA2C,EAAA,OAAI,sCAAqD,EAAA,OAAI,UAAwB,EAAA,aAAY,CAAA,oBAM3H,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAGjB,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAmBI,EAAA,OAlBV,IAAI,wBACJ,UAAQ,mBACP,OAAA,EAAA,EAAA,gBAAK,mCAA+C,EAAA,OAAI,2CAA0D,EAAA,OAAI,WAIvH,WAAW,WACX,KAAK,QACL,OAAA,GACC,aAAY,EAAA,iBACZ,MAAO,EAAA,iBACP,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAA,IAEF,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA"}

package/dist/lib/popover/popover-header-footer.js

@@ -3,10 +3,9 @@ import { t as n } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { DialtoneLocalization as r } from "../../localization/index.js";
 import i from "../button/button.js";
 import { createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, normalizeClass as l, openBlock as u, renderSlot as d, resolveComponent as f, withCtx as p } from "vue";
-import { DtIconClose as m } from "@dialpad/dialtone-icons/vue3";
-//#region components/popover/popover_header_footer.vue
+import { DtIconClose as m } from "@dialpad/dialtone-icons/vue";
+//#region components/Popover/PopoverHeaderFooter.vue
 var h = {
-	compatConfig: { MODE: 3 },
 	name: "PopoverHeaderFooter",
 	components: {
 		DtButton: i,
@@ -19,6 +18,14 @@ var h = {
 				return ["header", "footer"].includes(e);
 			}
 		},
+		wrapperClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
 		contentClass: {
 			type: [
 				String,
@@ -50,10 +57,10 @@ function g(e, t, n, r, i, m) {
 	let h = f("dt-icon-close"), g = f("dt-button");
 	return u(), s("div", {
 		"data-qa": "dt-popover-header-footer",
-		class: l({
+		class: l([{
 			"d-popover__header": n.type === "header",
 			"d-popover__footer": n.type === "footer"
-		})
+		}, n.wrapperClass])
 	}, [i.hasSlotContent(e.$slots.content) ? (u(), s("div", {
 		key: 0,
 		"data-qa": "dt-popover-header-footer-content",

package/dist/lib/popover/popover-header-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-header-footer.js","names":[],"sources":["../../../components/popover/popover_header_footer.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-popover-header-footer\"\n    :class=\"{\n      'd-popover__header': type === 'header',\n      'd-popover__footer': type === 'footer',\n    }\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.content)\"\n      data-qa=\"dt-popover-header-footer-content\"\n      :class=\"[{\n        'd-popover__header__content': type === 'header',\n        'd-popover__footer__content': type === 'footer',\n      }, contentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot name=\"content\" />\n    </div>\n    <dt-button\n      v-if=\"showCloseButton\"\n      ref=\"popover__close-button\"\n      data-qa=\"dt-popover-close\"\n      :class=\"{\n        'd-popover__header__close-button': type === 'header',\n        'd-popover__footer__close-button': type === 'footer',\n      }\"\n      importance=\"outlined\"\n      kind=\"muted\"\n      circle\n      :aria-label=\"closeButtonTitle\"\n      :title=\"closeButtonTitle\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon-close\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { hasSlotContent, returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'PopoverHeaderFooter',\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    // eslint-disable-next-line vue/require-default-prop\n    type: {\n      type: String,\n      validator: function (value) {\n        return ['header', 'footer'].includes(value);\n      },\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is closed\n     *\n     * @event close\n     * @type { Boolean }\n     */\n    'close',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    focusCloseButton () {\n      const closeButton = returnFirstEl(this.$refs['popover__close-button']?.$el);\n      closeButton?.focus();\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;AAiDA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,UAAA;EACA;EACD;CAED,OAAO;EAEL,MAAM;GACJ,MAAM;GACN,WAAW,SAAU,GAAO;AAC1B,WAAO,CAAC,UAAU,SAAS,CAAC,SAAS,EAAM;;GAE9C;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAMD,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAOL,QACD;CAED,OAAQ;AACN,SAAO;GACL;GACA,MAAM,IAAI,GAAsB;GACjC;;CAGH,UAAU,EACR,mBAAoB;AAClB,SAAO,KAAK,KAAK,GAAG,wBAAwB;IAE/C;CAED,SAAS,EACP,mBAAoB;AACE,IAAc,KAAK,MAAM,0BAA0B,IAAI,EAC9D,OAAO;IAEvB;CACF;;;aAhHC,EAuCM,OAAA;EAtCJ,WAAQ;EACP,OAAK,EAAA;wBAA+B,EAAA,SAAI;wBAA0C,EAAA,SAAI;;KAM/E,EAAA,eAAe,EAAA,OAAO,QAAO,IAAA,GAAA,EADrC,EAUM,OAAA;;EARJ,WAAQ;EACP,OAAK,EAAA,CAAA;iCAA2C,EAAA,SAAI;iCAAqD,EAAA,SAAI;KAAwB,EAAA,aAAY,CAAA;KAMlJ,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAGjB,EAAA,mBAAA,GAAA,EADR,EAoBY,GAAA;;EAlBV,KAAI;EACJ,WAAQ;EACP,OAAK,EAAA;sCAA+C,EAAA,SAAI;sCAA0D,EAAA,SAAI;;EAIvH,YAAW;EACX,MAAK;EACL,QAAA;EACC,cAAY,EAAA;EACZ,OAAO,EAAA;EACP,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,QAAA;;EAEF,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA"}
+{"version":3,"file":"popover-header-footer.js","names":[],"sources":["../../../components/Popover/PopoverHeaderFooter.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-popover-header-footer\"\n    :class=\"[{\n      'd-popover__header': type === 'header',\n      'd-popover__footer': type === 'footer',\n    }, wrapperClass]\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.content)\"\n      data-qa=\"dt-popover-header-footer-content\"\n      :class=\"[{\n        'd-popover__header__content': type === 'header',\n        'd-popover__footer__content': type === 'footer',\n      }, contentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot name=\"content\" />\n    </div>\n    <dt-button\n      v-if=\"showCloseButton\"\n      ref=\"popover__close-button\"\n      data-qa=\"dt-popover-close\"\n      :class=\"{\n        'd-popover__header__close-button': type === 'header',\n        'd-popover__footer__close-button': type === 'footer',\n      }\"\n      importance=\"outlined\"\n      kind=\"muted\"\n      circle\n      :aria-label=\"closeButtonTitle\"\n      :title=\"closeButtonTitle\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon-close\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '@/components/Button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { hasSlotContent, returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  name: 'PopoverHeaderFooter',\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    // eslint-disable-next-line vue/require-default-prop\n    type: {\n      type: String,\n      validator: function (value) {\n        return ['header', 'footer'].includes(value);\n      },\n    },\n\n    /**\n     * Additional class name for the outer header/footer wrapper element.\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is closed\n     *\n     * @event close\n     * @type { Boolean }\n     */\n    'close',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    focusCloseButton () {\n      const closeButton = returnFirstEl(this.$refs['popover__close-button']?.$el);\n      closeButton?.focus();\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;AAiDA,IAAK,IAAU;CACb,MAAM;CACN,YAAY;EACV,UAAA;EACA;EACD;CAED,OAAO;EAEL,MAAM;GACJ,MAAM;GACN,WAAW,SAAU,GAAO;AAC1B,WAAO,CAAC,UAAU,SAAS,CAAC,SAAS,EAAM;;GAE9C;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAMD,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAOL,QACD;CAED,OAAQ;AACN,SAAO;GACL;GACA,MAAM,IAAI,GAAsB;GACjC;;CAGH,UAAU,EACR,mBAAoB;AAClB,SAAO,KAAK,KAAK,GAAG,wBAAwB;IAE/C;CAED,SAAS,EACP,mBAAoB;AACE,IAAc,KAAK,MAAM,0BAA0B,IAAI,EAC9D,OAAO;IAEvB;CACF;;;aAvHC,EAuCM,OAAA;EAtCJ,WAAQ;EACP,OAAK,EAAA,CAAA;wBAAgC,EAAA,SAAI;wBAA0C,EAAA,SAAI;KAAsB,EAAA,aAAY,CAAA;KAMlH,EAAA,eAAe,EAAA,OAAO,QAAO,IAAA,GAAA,EADrC,EAUM,OAAA;;EARJ,WAAQ;EACP,OAAK,EAAA,CAAA;iCAA2C,EAAA,SAAI;iCAAqD,EAAA,SAAI;KAAwB,EAAA,aAAY,CAAA;KAMlJ,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAGjB,EAAA,mBAAA,GAAA,EADR,EAoBY,GAAA;;EAlBV,KAAI;EACJ,WAAQ;EACP,OAAK,EAAA;sCAA+C,EAAA,SAAI;sCAA0D,EAAA,SAAI;;EAIvH,YAAW;EACX,MAAK;EACL,QAAA;EACC,cAAY,EAAA;EACZ,OAAO,EAAA;EACP,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,QAAA;;EAEF,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA"}

package/dist/lib/popover/popover.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../common/mixins/modal.cjs`),r=require(`../../shared/sr_only_close_button.cjs`),i=require(`../lazy-show/lazy-show.cjs`),a=require(`./tippy-utils.cjs`),o=require(`./popover-constants.cjs`),s=require(`./popover-header-footer.cjs`);let c=require(`vue`);var l={compatConfig:{MODE:3},name:`DtPopover`,components:{SrOnlyCloseButton:r.default,DtLazyShow:i.default,PopoverHeaderFooter:s.default},mixins:[n.default],props:{open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},elementType:{type:String,default:`div`},transition:{type:String,default:`fade`},role:{type:String,default:`dialog`,validator:e=>o.POPOVER_ROLES.includes(e)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},padding:{type:String,default:`large`,validator:e=>Object.keys(o.POPOVER_PADDING_CLASSES).some(t=>t===e)},contentClass:{type:[String,Array,Object],default:``},contentWidth:{type:String,default:``,validator:e=>o.POPOVER_CONTENT_WIDTHS.includes(e)},contentAppear:{type:Boolean,default:null},contentTabindex:{type:Number||null,default:-1},externalAnchor:{type:String,default:``},externalAnchorElement:{type:HTMLElement,default:null},id:{type:String,default(){return e.getUniqueString()}},offset:{type:Array,default:()=>[0,4]},hideOnClick:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},fallbackPlacements:{type:Array,default:()=>[`auto`]},placement:{type:String,default:`bottom-end`},tether:{type:Boolean,default:!0},sticky:{type:[Boolean,String],default:!1,validator:e=>o.POPOVER_STICKY_VALUES.includes(e)},maxHeight:{type:String,default:``},maxWidth:{type:String,default:``},showCloseButton:{type:Boolean,default:!1},headerClass:{type:[String,Array,Object],default:``},footerClass:{type:[String,Array,Object],default:``},dialogClass:{type:[String,Array,Object],default:``},initialFocusElement:{type:[String,HTMLElement],default:`first`,validator:e=>o.POPOVER_INITIAL_FOCUS_STRINGS.includes(e)||e instanceof HTMLElement||e.startsWith(`#`)},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:`body`,validator:e=>o.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement}},emits:[`keydown`,`update:open`,`opened`,`mouseenter-popover`,`mouseleave-popover`,`mouseenter-popover-anchor`,`mouseleave-popover-anchor`],data(){return{POPOVER_PADDING_CLASSES:o.POPOVER_PADDING_CLASSES,POPOVER_HEADER_FOOTER_PADDING_CLASSES:o.POPOVER_HEADER_FOOTER_PADDING_CLASSES,intersectionObserver:null,mutationObserver:null,isOutsideViewport:!1,isOpen:!1,toAppear:!1,anchorEl:null,popoverContentEl:null,hasSlotContent:e.hasSlotContent}},computed:{popoverListeners(){return{keydown:e=>{this.onKeydown(e)},"after-leave":()=>{this.onLeaveTransitionComplete()},"after-enter":()=>{this.onEnterTransitionComplete()}}},calculatedMaxHeight(){return this.isOutsideViewport&&this.modal?`calc(100vh - var(--dt-space-300))`:this.maxHeight},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&e.getUniqueString(`DtPopover__anchor`)}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}},modal(e){this.tip?.setProps({zIndex:e?650:this.calculateAnchorZindex()})},offset(e){this.tip?.setProps({offset:e})},sticky(e){this.tip?.setProps({sticky:e})},fallbackPlacements(){this.tip?.setProps({popperOptions:this.popperOptions()})},tether(){this.tip?.setProps({popperOptions:this.popperOptions()})},externalAnchorElement(){this.updateAnchorEl()},placement(e){this.tip?.setProps({placement:e})},open:{handler:function(e){e!==null&&(this.isOpen=e),e===!0&&(this.toAppear=!0)},immediate:!0},contentAppear:{handler:function(e){e!==null&&(this.toAppear=e)}},isOpen(e,t){e?(this.initTippyInstance(),this.tip?.show()):!e&&t!==e&&(this.removeEventListeners(),this.tip?.hide())}},mounted(){e.warnIfUnmounted(e.returnFirstEl(this.$el),this.$options.name),this.popoverContentEl=e.returnFirstEl(this.$refs.content?.$el),this.updateAnchorEl(),this.mutationObserver=new MutationObserver(this.updateAnchorEl),this.mutationObserver.observe(this.$refs.anchor,{childList:!0}),this.intersectionObserver=new IntersectionObserver(this.hasIntersectedViewport),this.intersectionObserver.observe(this.popoverContentEl)},beforeUnmount(){this._isUnmounting=!0,this.popoverContentEl&&(this.popoverContentEl.style.transition=`none`),this.tip?.destroy(),this.intersectionObserver?.disconnect(),this.mutationObserver?.disconnect(),this.removeReferences(),this.removeEventListeners()},methods:{hasIntersectedViewport(t){let n=t?.[0]?.target;if(!n)return;let r=e.isOutOfViewPort(n);this.isOutsideViewport=r.bottom||r.top},updateAnchorEl(){let e=(this.externalAnchorElement||(this.externalAnchor?this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`):null))??this.$refs.anchor.children[0];if(e!==this.anchorEl){if(this.anchorEl=e,this.tip?.destroy(),delete this.tip,!this.anchorEl){console.warn(`No anchor found for popover`);return}this.isOpen&&(this.initTippyInstance(),this.tip?.show())}},popperOptions(){return a.getPopperOptions({fallbackPlacements:this.fallbackPlacements,tether:this.tether,hasHideModifierEnabled:!0})},validateProps(){this.modal&&this.initialFocusElement===`none`&&console.error(`If the popover is modal you must set the initialFocusElement prop. Possible values: "dialog", "first", HTMLElement`)},calculateAnchorZindex(){return e.returnFirstEl(this.$el).getRootNode().querySelector(`.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]`)||this.anchorEl?.closest(`.d-zi-drawer`)?650:300},defaultToggleOpen(e){if(!this.openOnContext&&(this.open===null||this.open===void 0)){if(!this.anchorEl?.contains(e.target)&&!this.anchorEl?.isEqualNode(e.target)||this.anchorEl?.disabled)return;this.toggleOpen()}},async onContext(e){this.openOnContext&&(e.preventDefault(),this.isOpen=!0,await this.$nextTick(),this.tip?.setProps({placement:`right-start`,getReferenceClientRect:()=>({width:0,height:0,top:e.clientY,bottom:e.clientY,left:e.clientX,right:e.clientX})}))},toggleOpen(){this.isOpen=!this.isOpen},onArrowKeyPress(e){this.open===null&&(this.openWithArrowKeys&&this.anchorEl?.contains(e.target)&&(this.isOpen||(this.isOpen=!0)),this.$emit(`keydown`,e))},addEventListeners(){window.addEventListener(`dt-popover-close`,this.closePopover),this.contentWidth===`anchor`&&window.addEventListener(`resize`,this.onResize)},removeEventListeners(){window.removeEventListener(`dt-popover-close`,this.closePopover),this.contentWidth===`anchor`&&window.removeEventListener(`resize`,this.onResize)},closePopover(){this.isOpen=!1},preventScrolling(){if(this.modal){let t=this.anchorEl?.closest(`body, .tippy-box`);if(!t)return;t.tagName?.toLowerCase()===`body`?(e.disableRootScrolling(this.anchorEl.getRootNode().host),this.tip?.setProps({offset:this.offset})):t.classList.add(`d-zi-popover`)}},enableScrolling(){let t=this.anchorEl?.closest(`body, .tippy-box`);t&&(t.tagName?.toLowerCase()===`body`?(e.enableRootScrolling(this.anchorEl.getRootNode().host),this.tip?.setProps({offset:this.offset})):t.classList.remove(`d-zi-popover`))},removeReferences(){this.anchorEl=null,this.popoverContentEl=null,this.tip=null},async onShow(){this.contentWidth===`anchor`&&await this.setPopoverContentAnchorWidth(),this.contentWidth===null&&(this.popoverContentEl.style.width=`auto`),this.addEventListeners()},async onLeaveTransitionComplete(){if(!this._isUnmounting){if(this.modal){if(await this.focusFirstElement(this.$refs.anchor),this._isUnmounting||(await this.$nextTick(),this._isUnmounting))return;this.enableScrolling()}this._isUnmounting||(this.tip?.unmount(),this.$emit(`opened`,!1),this.open!==null&&this.$emit(`update:open`,!1))}},async onEnterTransitionComplete(){this._isUnmounting||(this.focusInitialElement(),await this.$nextTick(),!this._isUnmounting&&(this.preventScrolling(),this.$emit(`opened`,!0,this.$refs.popover__content),this.open!==null&&this.$emit(`update:open`,!0)))},focusInitialElement(){this.initialFocusElement===`dialog`&&e.returnFirstEl(this.$refs.content?.$el)?.focus(),this.initialFocusElement.startsWith(`#`)&&this.focusInitialElementById(),this.initialFocusElement===`first`&&this.focusFirstElementIfNeeded(this.$refs.popover__content),this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},focusInitialElementById(){let t=e.returnFirstEl(this.$refs.content?.$el)?.querySelector(this.initialFocusElement);t?t.focus():(console.warn(`Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.`),e.returnFirstEl(this.$refs.content?.$el)?.focus())},onResize(){this.closePopover()},onClickOutside(){this.hideOnClick&&(this.popoverContentEl?.querySelector(`.d-popover__anchor--opened`)||this.closePopover())},onKeydown(e){e.key===`Tab`&&this.modal&&this.focusTrappedTabPress(e,this.popoverContentEl),e.key===`Escape`&&this.closePopover(),this.$emit(`keydown`,e)},async setPopoverContentAnchorWidth(){await this.$nextTick(),this.popoverContentEl.style.width=`${this.anchorEl?.clientWidth}px`},focusFirstElementIfNeeded(t){this._getFocusableElements(t,!0).length===0?this.showCloseButton?this.$refs.popover__header?.focusCloseButton():e.returnFirstEl(this.$refs.content?.$el).focus():this.focusFirstElement(t)},getReferenceClientRect(e){let t=this.anchorEl?.getBoundingClientRect();if(this.appendTo!==`root`||e)return t;let n=this.anchorEl?.ownerDocument,r=(n?.defaultView||n?.parentWindow)?.frameElement;if(!r)return t;let i=r.getBoundingClientRect();return{width:t?.width,height:t?.height,top:i?.top+t?.top,left:i?.left+t?.left,right:i?.right+t?.right,bottom:i?.bottom+t?.bottom}},initTippyInstance(){let e=null,t=!1;switch(this.appendTo){case`body`:e=this.anchorEl?.getRootNode()?.querySelector(`body`);break;case`root`:try{e=window.parent.document.body}catch(n){console.error(`Could not attach the popover to iframe parent window: `,n),e=`parent`,t=!0}break;default:e=this.appendTo;break}this.tip?.destroy(),this.tip=a.createTippyPopover(this.anchorEl,{popperOptions:this.popperOptions(),contentElement:this.popoverContentEl,placement:this.placement,offset:this.offset,sticky:this.sticky,appendTo:e,interactive:!0,trigger:`manual`,getReferenceClientRect:()=>this.getReferenceClientRect(t),hideOnClick:!1,zIndex:this.modal?650:this.calculateAnchorZindex(),onClickOutside:this.onClickOutside,onShow:this.onShow})},onMouseEnter(){this.$emit(`mouseenter-popover`)},onMouseLeave(){this.$emit(`mouseleave-popover`)},onMouseEnterAnchor(){this.$emit(`mouseenter-popover-anchor`)},onMouseLeaveAnchor(){this.$emit(`mouseleave-popover-anchor`)}}},u=[`id`,`data-qa`,`tabindex`],d=[`data-qa`];function f(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`popover-header-footer`),s=(0,c.resolveComponent)(`sr-only-close-button`),l=(0,c.resolveComponent)(`dt-lazy-show`);return(0,c.openBlock)(),(0,c.createElementBlock)(`div`,null,[n.modal&&i.isOpen?((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{key:0,to:`body`},[(0,c.createElementVNode)(`div`,{class:`d-modal--transparent`,"aria-hidden":`false`,onClick:t[0]||(t[0]=(0,c.withModifiers)(()=>{},[`prevent`,`stop`]))})])):(0,c.createCommentVNode)(``,!0),((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(n.elementType),{ref:`popover`,class:(0,c.normalizeClass)([`d-popover`,{"d-popover__anchor--opened":i.isOpen}]),"data-qa":`dt-popover-container`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{id:!n.ariaLabelledby&&a.labelledBy,ref:`anchor`,"data-qa":e.$attrs[`data-qa`]?`${e.$attrs[`data-qa`]}-anchor`:`dt-popover-anchor`,tabindex:n.openOnContext?0:void 0,onClickCapture:t[1]||(t[1]=(...e)=>a.defaultToggleOpen&&a.defaultToggleOpen(...e)),onContextmenu:t[2]||(t[2]=(...e)=>a.onContext&&a.onContext(...e)),onKeydown:[t[3]||(t[3]=(0,c.withKeys)((0,c.withModifiers)((...e)=>a.onArrowKeyPress&&a.onArrowKeyPress(...e),[`prevent`]),[`up`])),t[4]||(t[4]=(0,c.withKeys)((0,c.withModifiers)((...e)=>a.onArrowKeyPress&&a.onArrowKeyPress(...e),[`prevent`]),[`down`])),t[6]||(t[6]=(0,c.withKeys)(t=>e.$emit(`keydown`,t),[`enter`])),t[7]||(t[7]=(0,c.withKeys)(t=>e.$emit(`keydown`,t),[`space`]))],onKeydownCapture:t[5]||(t[5]=(0,c.withKeys)((...e)=>a.closePopover&&a.closePopover(...e),[`escape`])),onMouseenter:t[8]||(t[8]=(...e)=>a.onMouseEnter&&a.onMouseEnter(...e)),onMouseleave:t[9]||(t[9]=(...e)=>a.onMouseLeave&&a.onMouseLeave(...e))},[(0,c.renderSlot)(e.$slots,`anchor`,{attrs:{"aria-expanded":i.isOpen.toString(),"aria-controls":n.id,"aria-haspopup":n.role}})],40,u),(0,c.createVNode)(l,(0,c.mergeProps)({id:n.id,ref:`content`,role:n.role,"data-qa":e.$attrs[`data-qa`]?`${e.$attrs[`data-qa`]}__dialog`:`dt-popover`,"aria-hidden":`${!i.isOpen}`,"aria-labelledby":a.labelledBy,"aria-label":n.ariaLabel,"aria-modal":`${!n.modal}`,transition:n.transition,show:i.isOpen,appear:i.toAppear,class:[`d-popover__dialog`,{"d-popover__dialog--modal":n.modal},n.dialogClass],style:{"max-height":a.calculatedMaxHeight,"max-width":n.maxWidth},css:e.$attrs.css,tabindex:n.contentTabindex},(0,c.toHandlers)(a.popoverListeners),{onMouseenter:a.onMouseEnterAnchor,onMouseleave:a.onMouseLeaveAnchor}),{default:(0,c.withCtx)(()=>[i.hasSlotContent(e.$slots.headerContent)||n.showCloseButton?((0,c.openBlock)(),(0,c.createBlock)(o,{key:0,ref:`popover__header`,class:(0,c.normalizeClass)(i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding]),"content-class":n.headerClass,type:`header`,"show-close-button":n.showCloseButton,onClose:a.closePopover},{content:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`headerContent`,{close:a.closePopover})]),_:3},8,[`class`,`content-class`,`show-close-button`,`onClose`])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,{ref:`popover__content`,"data-qa":e.$attrs[`data-qa`]?`${e.$attrs[`data-qa`]}-content`:`dt-popover-content`,class:(0,c.normalizeClass)([`d-popover__content`,i.POPOVER_PADDING_CLASSES[n.padding],n.contentClass])},[(0,c.renderSlot)(e.$slots,`content`,{close:a.closePopover})],10,d),i.hasSlotContent(e.$slots.footerContent)?((0,c.openBlock)(),(0,c.createBlock)(o,{key:1,ref:`popover__footer`,type:`footer`,class:(0,c.normalizeClass)(i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding]),"content-class":n.footerClass},{content:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`footerContent`,{close:a.closePopover})]),_:3},8,[`class`,`content-class`])):(0,c.createCommentVNode)(``,!0),n.showCloseButton?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createBlock)(s,{key:2,onClose:a.closePopover},null,8,[`onClose`]))]),_:3},16,[`id`,`role`,`data-qa`,`aria-hidden`,`aria-labelledby`,`aria-label`,`aria-modal`,`transition`,`show`,`appear`,`class`,`style`,`css`,`tabindex`,`onMouseenter`,`onMouseleave`])]),_:3},8,[`class`]))])}var p=t.t(l,[[`render`,f]]);exports.default=p;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../common/mixins/modal.cjs`),r=require(`../../common/mixins/mode.cjs`),i=require(`../../shared/sr_only_close_button.cjs`),a=require(`./tippy-utils.cjs`),o=require(`./popover-constants.cjs`),s=require(`../lazy-show/lazy-show.cjs`),c=require(`./popover-header-footer.cjs`);let l=require(`vue`);var u={name:`DtPopover`,components:{SrOnlyCloseButton:i.default,DtLazyShow:s.default,PopoverHeaderFooter:c.default},mixins:[n.default,r.default],props:{open:{type:[Boolean,null],default:null},openOnContext:{type:Boolean,default:!1},elementType:{type:String,default:`div`},transition:{type:String,default:`fade`},role:{type:String,default:`dialog`,validator:e=>o.POPOVER_ROLES.includes(e)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},padding:{type:String,default:`large`,validator:e=>Object.keys(o.POPOVER_PADDING_CLASSES).some(t=>t===e)},contentClass:{type:[String,Array,Object],default:``},contentWidth:{type:String,default:``,validator:e=>o.POPOVER_CONTENT_WIDTHS.includes(e)},contentAppear:{type:Boolean,default:null},contentTabindex:{type:Number||null,default:-1},externalAnchor:{type:String,default:``},externalAnchorElement:{type:HTMLElement,default:null},id:{type:String,default(){return e.getUniqueString()}},offset:{type:Array,default:()=>[0,4]},closeOnClick:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},fallbackPlacements:{type:Array,default:()=>[`auto`]},placement:{type:String,default:`bottom-end`},tether:{type:Boolean,default:!0},sticky:{type:[Boolean,String],default:!1,validator:e=>o.POPOVER_STICKY_VALUES.includes(e)},maxHeight:{type:String,default:``},maxWidth:{type:String,default:``},showCloseButton:{type:Boolean,default:!1},anchorClass:{type:[String,Array,Object],default:``},headerWrapperClass:{type:[String,Array,Object],default:``},headerClass:{type:[String,Array,Object],default:``},footerWrapperClass:{type:[String,Array,Object],default:``},footerClass:{type:[String,Array,Object],default:``},dialogClass:{type:[String,Array,Object],default:``},initialFocusElement:{type:[String,HTMLElement],default:`first`,validator:e=>o.POPOVER_INITIAL_FOCUS_STRINGS.includes(e)||e instanceof HTMLElement||e.startsWith(`#`)},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:`body`,validator:e=>o.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement}},emits:[`keydown`,`update:open`,`opened`,`mouseenter-popover`,`mouseleave-popover`,`mouseenter-popover-anchor`,`mouseleave-popover-anchor`],data(){return{POPOVER_PADDING_CLASSES:o.POPOVER_PADDING_CLASSES,POPOVER_HEADER_FOOTER_PADDING_CLASSES:o.POPOVER_HEADER_FOOTER_PADDING_CLASSES,intersectionObserver:null,mutationObserver:null,isOutsideViewport:!1,isOpen:!1,toAppear:!1,anchorEl:null,popoverContentEl:null,hasSlotContent:e.hasSlotContent}},computed:{popoverListeners(){return{keydown:e=>{this.onKeydown(e)},"after-leave":()=>{this.onLeaveTransitionComplete()},"after-enter":()=>{this.onEnterTransitionComplete()}}},calculatedMaxHeight(){return this.isOutsideViewport&&this.modal?`calc(100vh - var(--dt-spacing-50))`:this.maxHeight},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&e.getUniqueString(`DtPopover__anchor`)}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}},modal(e){this.tip?.setProps({zIndex:e?650:this.calculateAnchorZindex()})},offset(e){this.tip?.setProps({offset:e})},sticky(e){this.tip?.setProps({sticky:e})},fallbackPlacements(){this.tip?.setProps({popperOptions:this.popperOptions()})},tether(){this.tip?.setProps({popperOptions:this.popperOptions()})},externalAnchorElement(){this.updateAnchorEl()},placement(e){this.tip?.setProps({placement:e})},open:{handler:function(e){e!==null&&(this.isOpen=e),e===!0&&(this.toAppear=!0)},immediate:!0},contentAppear:{handler:function(e){e!==null&&(this.toAppear=e)}},isOpen(e,t){e?(this.initTippyInstance(),this.tip?.show()):!e&&t!==e&&(this.removeEventListeners(),this.tip?.hide())}},mounted(){e.warnIfUnmounted(e.returnFirstEl(this.$el),this.$options.name),this.popoverContentEl=e.returnFirstEl(this.$refs.content?.$el),this.updateAnchorEl(),this.mutationObserver=new MutationObserver(this.updateAnchorEl),this.mutationObserver.observe(this.$refs.anchor,{childList:!0}),this.intersectionObserver=new IntersectionObserver(this.hasIntersectedViewport),this.intersectionObserver.observe(this.popoverContentEl)},beforeUnmount(){this._isUnmounting=!0,this.popoverContentEl&&(this.popoverContentEl.style.transition=`none`),this.tip?.destroy(),this.intersectionObserver?.disconnect(),this.mutationObserver?.disconnect(),this.removeReferences(),this.removeEventListeners()},methods:{getModeReferenceEl(){return this.$refs.anchor},hasIntersectedViewport(t){let n=t?.[0]?.target;if(!n)return;let r=e.isOutOfViewPort(n);this.isOutsideViewport=r.bottom||r.top},updateAnchorEl(){let e=(this.externalAnchorElement||(this.externalAnchor?this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`):null))??this.$refs.anchor.children[0];if(e!==this.anchorEl){if(this.anchorEl=e,this.tip?.destroy(),delete this.tip,!this.anchorEl){console.warn(`No anchor found for popover`);return}this.isOpen&&(this.initTippyInstance(),this.tip?.show())}},popperOptions(){return a.getPopperOptions({fallbackPlacements:this.fallbackPlacements,tether:this.tether,hasHideModifierEnabled:!0})},validateProps(){this.modal&&this.initialFocusElement===`none`&&console.error(`If the popover is modal you must set the initialFocusElement prop. Possible values: "dialog", "first", HTMLElement`)},calculateAnchorZindex(){return e.returnFirstEl(this.$el).getRootNode().querySelector(`.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"], .d-modal[open], .d-modal--transparent[open]`)||this.anchorEl?.closest(`.d-zi-drawer`)?650:300},defaultToggleOpen(e){if(!this.openOnContext&&(this.open===null||this.open===void 0)){if(!this.anchorEl?.contains(e.target)&&!this.anchorEl?.isEqualNode(e.target)||this.anchorEl?.disabled)return;this.toggleOpen()}},async onContext(e){this.openOnContext&&(e.preventDefault(),this.isOpen=!0,await this.$nextTick(),this.tip?.setProps({placement:`right-start`,getReferenceClientRect:()=>({width:0,height:0,top:e.clientY,bottom:e.clientY,left:e.clientX,right:e.clientX})}))},toggleOpen(){this.isOpen=!this.isOpen},onArrowKeyPress(e){this.open===null&&(this.openWithArrowKeys&&this.anchorEl?.contains(e.target)&&(this.isOpen||(this.isOpen=!0)),this.$emit(`keydown`,e))},addEventListeners(){window.addEventListener(`dt-popover-close`,this.closePopover),this.contentWidth===`anchor`&&window.addEventListener(`resize`,this.onResize)},removeEventListeners(){window.removeEventListener(`dt-popover-close`,this.closePopover),this.contentWidth===`anchor`&&window.removeEventListener(`resize`,this.onResize)},closePopover(){this.isOpen=!1},preventScrolling(){if(this.modal){let t=this.anchorEl?.closest(`body, .tippy-box`);if(!t)return;t.tagName?.toLowerCase()===`body`?(e.disableRootScrolling(this.anchorEl.getRootNode().host),this.tip?.setProps({offset:this.offset})):t.classList.add(`d-zi-popover`)}},enableScrolling(){let t=this.anchorEl?.closest(`body, .tippy-box`);t&&(t.tagName?.toLowerCase()===`body`?(e.enableRootScrolling(this.anchorEl.getRootNode().host),this.tip?.setProps({offset:this.offset})):t.classList.remove(`d-zi-popover`))},removeReferences(){this.anchorEl=null,this.popoverContentEl=null,this.tip=null},async onShow(){this.contentWidth===`anchor`&&await this.setPopoverContentAnchorWidth(),this.contentWidth===null&&(this.popoverContentEl.style.width=`auto`),this.addEventListeners()},async onLeaveTransitionComplete(){if(!this._isUnmounting){if(this.modal){if(await this.focusFirstElement(this.$refs.anchor),this._isUnmounting||(await this.$nextTick(),this._isUnmounting))return;this.enableScrolling()}this._isUnmounting||(this.tip?.unmount(),this.$emit(`opened`,!1),this.open!==null&&this.$emit(`update:open`,!1))}},async onEnterTransitionComplete(){this._isUnmounting||(this.focusInitialElement(),await this.$nextTick(),!this._isUnmounting&&(this.preventScrolling(),this.$emit(`opened`,!0,this.$refs.popover__content),this.open!==null&&this.$emit(`update:open`,!0)))},focusInitialElement(){this.initialFocusElement===`dialog`&&e.returnFirstEl(this.$refs.content?.$el)?.focus(),this.initialFocusElement.startsWith(`#`)&&this.focusInitialElementById(),this.initialFocusElement===`first`&&this.focusFirstElementIfNeeded(this.$refs.popover__content),this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},focusInitialElementById(){let t=e.returnFirstEl(this.$refs.content?.$el)?.querySelector(this.initialFocusElement);t?t.focus():(console.warn(`Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.`),e.returnFirstEl(this.$refs.content?.$el)?.focus())},onResize(){this.closePopover()},onClickOutside(){this.closeOnClick&&(this.popoverContentEl?.querySelector(`.d-popover__anchor--opened`)||this.closePopover())},onKeydown(e){e.key===`Tab`&&this.modal&&this.focusTrappedTabPress(e,this.popoverContentEl),e.key===`Escape`&&this.closePopover(),this.$emit(`keydown`,e)},async setPopoverContentAnchorWidth(){await this.$nextTick(),this.popoverContentEl.style.width=`${this.anchorEl?.clientWidth}px`},focusFirstElementIfNeeded(t){this._getFocusableElements(t,!0).length===0?this.showCloseButton?this.$refs.popover__header?.focusCloseButton():e.returnFirstEl(this.$refs.content?.$el).focus():this.focusFirstElement(t)},getReferenceClientRect(e){let t=this.anchorEl?.getBoundingClientRect();if(this.appendTo!==`root`||e)return t;let n=this.anchorEl?.ownerDocument,r=(n?.defaultView||n?.parentWindow)?.frameElement;if(!r)return t;let i=r.getBoundingClientRect();return{width:t?.width,height:t?.height,top:i?.top+t?.top,left:i?.left+t?.left,right:i?.right+t?.right,bottom:i?.bottom+t?.bottom}},initTippyInstance(){let e=null,t=!1;switch(this.appendTo){case`body`:e=this.anchorEl?.closest(`dialog`)??this.anchorEl?.getRootNode()?.querySelector(`body`);break;case`root`:try{e=window.parent.document.body}catch(n){console.error(`Could not attach the popover to iframe parent window: `,n),e=`parent`,t=!0}break;default:e=this.appendTo;break}this.tip?.destroy(),this.tip=a.createTippyPopover(this.anchorEl,{popperOptions:this.popperOptions(),contentElement:this.popoverContentEl,placement:this.placement,offset:this.offset,sticky:this.sticky,appendTo:e,interactive:!0,trigger:`manual`,getReferenceClientRect:()=>this.getReferenceClientRect(t),hideOnClick:!1,zIndex:this.modal?650:this.calculateAnchorZindex(),onClickOutside:this.onClickOutside,onShow:this.onShow})},onMouseEnter(){this.$emit(`mouseenter-popover`)},onMouseLeave(){this.$emit(`mouseleave-popover`)},onMouseEnterAnchor(){this.$emit(`mouseenter-popover-anchor`)},onMouseLeaveAnchor(){this.$emit(`mouseleave-popover-anchor`)}}},d=[`id`,`data-qa`,`tabindex`],f=[`data-qa`];function p(e,t,n,r,i,a){let o=(0,l.resolveComponent)(`popover-header-footer`),s=(0,l.resolveComponent)(`sr-only-close-button`),c=(0,l.resolveComponent)(`dt-lazy-show`);return(0,l.openBlock)(),(0,l.createElementBlock)(`div`,null,[n.modal&&i.isOpen?((0,l.openBlock)(),(0,l.createBlock)(l.Teleport,{key:0,to:`body`},[(0,l.createElementVNode)(`div`,{class:`d-modal--transparent`,"aria-hidden":`false`,onClick:t[0]||(t[0]=(0,l.withModifiers)(()=>{},[`prevent`,`stop`]))})])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(),(0,l.createBlock)((0,l.resolveDynamicComponent)(n.elementType),{ref:`popover`,class:(0,l.normalizeClass)([`d-popover`,{"d-popover__anchor--opened":i.isOpen}]),"data-qa":`dt-popover-container`},{default:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,{id:!n.ariaLabelledby&&a.labelledBy,ref:`anchor`,class:(0,l.normalizeClass)(n.anchorClass),"data-qa":e.$attrs[`data-qa`]?`${e.$attrs[`data-qa`]}-anchor`:`dt-popover-anchor`,tabindex:n.openOnContext?0:void 0,onClickCapture:t[1]||(t[1]=(...e)=>a.defaultToggleOpen&&a.defaultToggleOpen(...e)),onContextmenu:t[2]||(t[2]=(...e)=>a.onContext&&a.onContext(...e)),onKeydown:[t[3]||(t[3]=(0,l.withKeys)((0,l.withModifiers)((...e)=>a.onArrowKeyPress&&a.onArrowKeyPress(...e),[`prevent`]),[`up`])),t[4]||(t[4]=(0,l.withKeys)((0,l.withModifiers)((...e)=>a.onArrowKeyPress&&a.onArrowKeyPress(...e),[`prevent`]),[`down`])),t[6]||(t[6]=(0,l.withKeys)(t=>e.$emit(`keydown`,t),[`enter`])),t[7]||(t[7]=(0,l.withKeys)(t=>e.$emit(`keydown`,t),[`space`]))],onKeydownCapture:t[5]||(t[5]=(0,l.withKeys)((...e)=>a.closePopover&&a.closePopover(...e),[`escape`])),onMouseenter:t[8]||(t[8]=(...e)=>a.onMouseEnter&&a.onMouseEnter(...e)),onMouseleave:t[9]||(t[9]=(...e)=>a.onMouseLeave&&a.onMouseLeave(...e))},[(0,l.renderSlot)(e.$slots,`anchor`,{attrs:{"aria-expanded":i.isOpen.toString(),"aria-controls":n.id,"aria-haspopup":n.role}})],42,d),(0,l.createVNode)(c,(0,l.mergeProps)({id:n.id,ref:`content`,role:n.role,"data-qa":e.$attrs[`data-qa`]?`${e.$attrs[`data-qa`]}__dialog`:`dt-popover`,"aria-hidden":`${!i.isOpen}`,"aria-labelledby":a.labelledBy,"aria-label":n.ariaLabel,"aria-modal":`${!n.modal}`,transition:n.transition,show:i.isOpen,appear:i.toAppear,class:[`d-popover__dialog`,{"d-popover__dialog--modal":n.modal},n.dialogClass],style:{"max-height":a.calculatedMaxHeight,"max-width":n.maxWidth},css:e.$attrs.css,tabindex:n.contentTabindex},e.modeAttrs,(0,l.toHandlers)(a.popoverListeners),{onMouseenter:a.onMouseEnterAnchor,onMouseleave:a.onMouseLeaveAnchor}),{default:(0,l.withCtx)(()=>[i.hasSlotContent(e.$slots.headerContent)||n.showCloseButton?((0,l.openBlock)(),(0,l.createBlock)(o,{key:0,ref:`popover__header`,class:(0,l.normalizeClass)([i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding],n.headerWrapperClass]),"content-class":n.headerClass,type:`header`,"show-close-button":n.showCloseButton,onClose:a.closePopover},{content:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,`headerContent`,{close:a.closePopover})]),_:3},8,[`class`,`content-class`,`show-close-button`,`onClose`])):(0,l.createCommentVNode)(``,!0),(0,l.createElementVNode)(`div`,{ref:`popover__content`,"data-qa":e.$attrs[`data-qa`]?`${e.$attrs[`data-qa`]}-content`:`dt-popover-content`,class:(0,l.normalizeClass)([`d-popover__content`,i.POPOVER_PADDING_CLASSES[n.padding],n.contentClass])},[(0,l.renderSlot)(e.$slots,`content`,{close:a.closePopover})],10,f),i.hasSlotContent(e.$slots.footerContent)?((0,l.openBlock)(),(0,l.createBlock)(o,{key:1,ref:`popover__footer`,type:`footer`,class:(0,l.normalizeClass)([i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding],n.footerWrapperClass]),"content-class":n.footerClass},{content:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,`footerContent`,{close:a.closePopover})]),_:3},8,[`class`,`content-class`])):(0,l.createCommentVNode)(``,!0),n.showCloseButton?(0,l.createCommentVNode)(``,!0):((0,l.openBlock)(),(0,l.createBlock)(s,{key:2,onClose:a.closePopover},null,8,[`onClose`]))]),_:3},16,[`id`,`role`,`data-qa`,`aria-hidden`,`aria-labelledby`,`aria-label`,`aria-modal`,`transition`,`show`,`appear`,`class`,`style`,`css`,`tabindex`,`onMouseenter`,`onMouseleave`])]),_:3},8,[`class`]))])}var m=t.t(u,[[`render`,p]]);exports.default=m;
 //# sourceMappingURL=popover.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","names":[],"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     * @deprecated Use externalAnchorElement instead for Shadow DOM compatibility.\n     */\n    externalAnchor: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * External anchor element reference. Use this instead of externalAnchor when\n     * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n     */\n    externalAnchorElement: {\n      type: HTMLElement,\n      default: null,\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      mutationObserver: 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    externalAnchorElement () {\n      this.updateAnchorEl();\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    this.popoverContentEl = returnFirstEl(this.$refs.content?.$el);\n    this.updateAnchorEl();\n\n    this.mutationObserver = new MutationObserver(this.updateAnchorEl);\n    this.mutationObserver.observe(this.$refs.anchor, {childList: true});\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._isUnmounting = true;\n    // Cancel any in-progress CSS transitions so transitionend cannot fire\n    // after this component is torn down and call into dead lifecycle methods.\n    if (this.popoverContentEl) {\n      this.popoverContentEl.style.transition = 'none';\n    }\n    this.tip?.destroy();\n    this.intersectionObserver?.disconnect();\n    this.mutationObserver?.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    updateAnchorEl () {\n      const externalAnchorEl = this.externalAnchorElement ||\n        (this.externalAnchor\n          ? this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`)\n          : null);\n      const anchorEl = externalAnchorEl ?? this.$refs.anchor.children[0];\n      if (anchorEl === this.anchorEl) {\n        return;\n      }\n      this.anchorEl = anchorEl;\n\n      this.tip?.destroy();\n      delete this.tip;\n\n      if (!this.anchorEl) {\n        console.warn('No anchor found for popover');\n        return;\n      }\n\n      if (this.isOpen) {\n        this.initTippyInstance();\n        this.tip?.show();\n      }\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._isUnmounting) return;\n      if (this.modal) {\n        await this.focusFirstElement(this.$refs.anchor);\n        if (this._isUnmounting) return;\n        // await next tick in case the user wants to change focus themselves.\n        await this.$nextTick();\n        if (this._isUnmounting) return;\n        this.enableScrolling();\n      }\n      if (this._isUnmounting) return;\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      if (this._isUnmounting) return;\n      this.focusInitialElement();\n      // await next tick in case the user wants to change focus themselves.\n      await this.$nextTick();\n      if (this._isUnmounting) return;\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        returnFirstEl(this.$refs.content?.$el)?.focus();\n      }\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?.destroy();\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"],"mappings":"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"}
+{"version":3,"file":"popover.cjs","names":[],"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        :class=\"anchorClass\"\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-bind=\"modeAttrs\"\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], headerWrapperClass]\"\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], footerWrapperClass]\"\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 './PopoverConstants';\nimport { getUniqueString, hasSlotContent, isOutOfViewPort, warnIfUnmounted, disableRootScrolling, enableRootScrolling, returnFirstEl } from '@/common/utils';\nimport { DtLazyShow } from '@/components/LazyShow';\nimport ModalMixin from '@/common/mixins/modal';\nimport ModeMixin from '@/common/mixins/mode';\nimport { createTippyPopover, getPopperOptions } from './TippyUtils';\nimport PopoverHeaderFooter from './PopoverHeaderFooter.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  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\n  },\n\n  mixins: [ModalMixin, ModeMixin],\n\n  props: {\n    /**\n     * Controls whether the popover is shown. When null (default), the popover\n     * toggles on click. When set to true or false, the default trigger is\n     * disabled and the parent controls visibility via v-model:open.\n     * @values null, true, false\n     */\n    open: {\n      type: [Boolean, null],\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     * @deprecated Use externalAnchorElement instead for Shadow DOM compatibility.\n     */\n    externalAnchor: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * External anchor element reference. Use this instead of externalAnchor when\n     * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n     */\n    externalAnchorElement: {\n      type: HTMLElement,\n      default: null,\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     * Closes the popover when clicking the anchor or outside the content box.\n     * @values true, false\n     */\n    closeOnClick: {\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 anchor wrapper element.\n     */\n    anchorClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the header element (d-popover__header).\n     */\n    headerWrapperClass: {\n      type: [String, Array, Object],\n      default: '',\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 element (d-popover__footer).\n     */\n    footerWrapperClass: {\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 ancestor <dialog> element when inside one\n     * (keeping the popover in the browser's top layer), or to the nearest body otherwise.\n     * To always append to body regardless of dialog context, pass document.body as an HTMLElement.\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      mutationObserver: 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-spacing-50))`;\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    externalAnchorElement () {\n      this.updateAnchorEl();\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    this.popoverContentEl = returnFirstEl(this.$refs.content?.$el);\n    this.updateAnchorEl();\n\n    this.mutationObserver = new MutationObserver(this.updateAnchorEl);\n    this.mutationObserver.observe(this.$refs.anchor, {childList: true});\n\n    // rootMargin here must be greater than the margin of the height we are setting in calculatedMaxHeight which\n    // currently is var(--dt-spacing-50) (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._isUnmounting = true;\n    // Cancel any in-progress CSS transitions so transitionend cannot fire\n    // after this component is torn down and call into dead lifecycle methods.\n    if (this.popoverContentEl) {\n      this.popoverContentEl.style.transition = 'none';\n    }\n    this.tip?.destroy();\n    this.intersectionObserver?.disconnect();\n    this.mutationObserver?.disconnect();\n    this.removeReferences();\n    this.removeEventListeners();\n  },\n\n  /******************\n   *     METHODS    *\n   ******************/\n  methods: {\n\n    getModeReferenceEl () {\n      return this.$refs.anchor;\n    },\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    updateAnchorEl () {\n      const externalAnchorEl = this.externalAnchorElement ||\n        (this.externalAnchor\n          ? this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`)\n          : null);\n      const anchorEl = externalAnchorEl ?? this.$refs.anchor.children[0];\n      if (anchorEl === this.anchorEl) {\n        return;\n      }\n      this.anchorEl = anchorEl;\n\n      this.tip?.destroy();\n      delete this.tip;\n\n      if (!this.anchorEl) {\n        console.warn('No anchor found for popover');\n        return;\n      }\n\n      if (this.isOpen) {\n        this.initTippyInstance();\n        this.tip?.show();\n      }\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\"], .d-modal[open], .d-modal--transparent[open]') ||\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._isUnmounting) return;\n      if (this.modal) {\n        await this.focusFirstElement(this.$refs.anchor);\n        if (this._isUnmounting) return;\n        // await next tick in case the user wants to change focus themselves.\n        await this.$nextTick();\n        if (this._isUnmounting) return;\n        this.enableScrolling();\n      }\n      if (this._isUnmounting) return;\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      if (this._isUnmounting) return;\n      this.focusInitialElement();\n      // await next tick in case the user wants to change focus themselves.\n      await this.$nextTick();\n      if (this._isUnmounting) return;\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        returnFirstEl(this.$refs.content?.$el)?.focus();\n      }\n    },\n\n    onResize () {\n      this.closePopover();\n    },\n\n    onClickOutside () {\n      if (!this.closeOnClick) 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          // When inside a native <dialog> (e.g. DtModal in Dialtone Next), append to the\n          // dialog so the popover stays in the browser's top layer. Otherwise fall back to body.\n          internalAppendTo = this.anchorEl?.closest('dialog') ??\n            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?.destroy();\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"],"mappings":"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"}