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

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

@@ -1,37 +1,40 @@
-import { BASE_TIPPY_DIRECTIONS as o, TIPPY_STICKY_VALUES as n } from "./tippy-utils.js";
-const O = {
-  none: void 0,
-  small: "d-p-50",
-  medium: "d-p-100",
-  large: "d-p-200"
-}, P = {
-  none: void 0,
-  small: "d-pis-50",
-  medium: "d-pis-100",
-  large: "d-pis-200"
-}, _ = ["dialog", "menu", "listbox", "tree", "grid"], E = ["", "anchor"], s = ["none", "dialog", "first"], t = ["parent", "body", "root"], S = [
-  ...n
-], e = [
-  ...o
-], I = {
-  POPOVER_PADDING_CLASSES: O,
-  POPOVER_HEADER_FOOTER_PADDING_CLASSES: P,
-  POPOVER_ROLES: _,
-  POPOVER_CONTENT_WIDTHS: E,
-  POPOVER_INITIAL_FOCUS_STRINGS: s,
-  POPOVER_APPEND_TO_VALUES: t,
-  POPOVER_STICKY_VALUES: S,
-  POPOVER_DIRECTIONS: e
+import { BASE_TIPPY_DIRECTIONS as e, TIPPY_STICKY_VALUES as t } from "./tippy-utils.js";
+//#region components/popover/popover_constants.js
+var n = {
+	none: void 0,
+	small: "d-p4",
+	medium: "d-p8",
+	large: "d-p16"
+}, r = {
+	none: void 0,
+	small: "d-pl4",
+	medium: "d-pl8",
+	large: "d-pl16"
+}, i = [
+	"dialog",
+	"menu",
+	"listbox",
+	"tree",
+	"grid"
+], a = ["", "anchor"], o = [
+	"none",
+	"dialog",
+	"first"
+], s = [
+	"parent",
+	"body",
+	"root"
+], c = [...t], l = [...e], u = {
+	POPOVER_PADDING_CLASSES: n,
+	POPOVER_HEADER_FOOTER_PADDING_CLASSES: r,
+	POPOVER_ROLES: i,
+	POPOVER_CONTENT_WIDTHS: a,
+	POPOVER_INITIAL_FOCUS_STRINGS: o,
+	POPOVER_APPEND_TO_VALUES: s,
+	POPOVER_STICKY_VALUES: c,
+	POPOVER_DIRECTIONS: l
 };
-export {
-  t as POPOVER_APPEND_TO_VALUES,
-  E as POPOVER_CONTENT_WIDTHS,
-  e as POPOVER_DIRECTIONS,
-  P as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
-  s as POPOVER_INITIAL_FOCUS_STRINGS,
-  O as POPOVER_PADDING_CLASSES,
-  _ as POPOVER_ROLES,
-  S as POPOVER_STICKY_VALUES,
-  I as default
-};
-//# sourceMappingURL=popover-constants.js.map
+//#endregion
+export { s as POPOVER_APPEND_TO_VALUES, a as POPOVER_CONTENT_WIDTHS, l as POPOVER_DIRECTIONS, r as POPOVER_HEADER_FOOTER_PADDING_CLASSES, o as POPOVER_INITIAL_FOCUS_STRINGS, n as POPOVER_PADDING_CLASSES, i as POPOVER_ROLES, c as POPOVER_STICKY_VALUES, u as default };
+
+//# sourceMappingURL=popover-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-constants.js","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-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"],"names":["POPOVER_PADDING_CLASSES","POPOVER_HEADER_FOOTER_PADDING_CLASSES","POPOVER_ROLES","POPOVER_CONTENT_WIDTHS","POPOVER_INITIAL_FOCUS_STRINGS","POPOVER_APPEND_TO_VALUES","POPOVER_STICKY_VALUES","TIPPY_STICKY_VALUES","POPOVER_DIRECTIONS","BASE_TIPPY_DIRECTIONS","popover_constants"],"mappings":";AAEY,MAACA,IAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT,GACaC,IAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT,GACaC,IAAgB,CAAC,UAAU,QAAQ,WAAW,QAAQ,MAAM,GAC5DC,IAAyB,CAAC,IAAI,QAAQ,GACtCC,IAAgC,CAAC,QAAQ,UAAU,OAAO,GAC1DC,IAA2B,CAAC,UAAU,QAAQ,MAAM,GACpDC,IAAwB;AAAA,EACnC,GAAGC;AACL,GACaC,IAAqB;AAAA,EAChC,GAAGC;AACL,GAEAC,IAAe;AAAA,EACb,yBAAAV;AAAA,EACA,uCAAAC;AAAA,EACA,eAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,+BAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,oBAAAE;AACF;"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"popover-header-footer.cjs","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    }, 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  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 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"],"names":["_sfc_main","DtButton","DtIconClose","value","hasSlotContent","DialtoneLocalization","closeButton","returnFirstEl","_a","_createElementBlock","_normalizeClass","$props","$data","_ctx","_renderSlot","_createBlock","_component_dt_button","$options","_createVNode","_component_dt_icon_close"],"mappings":"4VAiDKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,sBACN,WAAY,CACV,SAAAC,EAAAA,oBACAC,EAAAA,aAGF,MAAO,CAEL,KAAM,CACJ,KAAM,OACN,UAAW,SAAUC,EAAO,CAC1B,MAAO,CAAC,SAAU,QAAQ,EAAE,SAASA,CAAK,CAC5C,GAMF,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAOX,gBAAiB,CACf,KAAM,QACN,QAAS,KAIb,MAAO,CAOL,SAGF,MAAQ,CACN,MAAO,CACL,eAAAC,EAAAA,eACA,KAAM,IAAIC,EAAAA,qBAEd,EAEA,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,uBAAuB,CAC7C,GAGF,QAAS,CACP,kBAAoB,OAClB,MAAMC,EAAcC,EAAAA,eAAcC,EAAA,KAAK,MAAM,uBAAuB,IAAlC,YAAAA,EAAqC,GAAG,EAC1EF,GAAA,MAAAA,EAAa,OACf,EAEJ,6HAxHEG,EAAAA,mBAuCM,MAAA,CAtCJ,UAAQ,2BACP,MAAKC,EAAAA,eAAA,CAAA,qBAAgCC,EAAA,OAAI,6BAA0CA,EAAA,OAAI,UAAsBA,EAAA,YAAY,CAAA,IAMlHC,EAAA,eAAeC,EAAA,OAAO,OAAO,iBADrCJ,EAAAA,mBAUM,MAAA,OARJ,UAAQ,mCACP,MAAKC,EAAAA,eAAA,CAAA,8BAA2CC,EAAA,OAAI,sCAAqDA,EAAA,OAAI,UAAwBA,EAAA,YAAY,CAAA,IAMlJG,aAAuBD,EAAA,OAAA,SAAA,mCAGjBF,EAAA,+BADRI,EAAAA,YAoBYC,EAAA,OAlBV,IAAI,wBACJ,UAAQ,mBACP,MAAKN,EAAAA,eAAA,mCAA+CC,EAAA,OAAI,2CAA0DA,EAAA,OAAI,WAIvH,WAAW,WACX,KAAK,QACL,OAAA,GACC,aAAYM,EAAA,iBACZ,MAAOA,EAAA,iBACP,uBAAOJ,EAAA,MAAK,OAAA,KAEF,eACT,IAEE,CAFFK,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}
+{"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"}

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

@@ -1,118 +1,91 @@
-import { DtIconClose as _ } from "@dialpad/dialtone-icons/vue";
-import { hasSlotContent as u, returnFirstEl as f } from "../../common/utils/index.js";
-import { DialtoneLocalization as m } from "../../localization/index.js";
-import { resolveComponent as l, openBlock as r, createElementBlock as s, normalizeClass as n, renderSlot as v, createCommentVNode as c, createBlock as C, withCtx as h, createVNode as y } from "vue";
-import { _ as B } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import b from "../button/button.js";
-const k = {
-  compatConfig: { MODE: 3 },
-  name: "PopoverHeaderFooter",
-  components: {
-    DtButton: b,
-    DtIconClose: _
-  },
-  props: {
-    // eslint-disable-next-line vue/require-default-prop
-    type: {
-      type: String,
-      validator: function(e) {
-        return ["header", "footer"].includes(e);
-      }
-    },
-    /**
-     * Additional class name for the outer header/footer wrapper element.
-     */
-    wrapperClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Additional class name for the content wrapper element.
-     */
-    contentClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Determines visibility for close button
-     * @values true, false
-     */
-    showCloseButton: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    /**
-     * Emitted when popover is closed
-     *
-     * @event close
-     * @type { Boolean }
-     */
-    "close"
-  ],
-  data() {
-    return {
-      hasSlotContent: u,
-      i18n: new m()
-    };
-  },
-  computed: {
-    closeButtonTitle() {
-      return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
-    }
-  },
-  methods: {
-    focusCloseButton() {
-      var o;
-      const e = f((o = this.$refs["popover__close-button"]) == null ? void 0 : o.$el);
-      e == null || e.focus();
-    }
-  }
+import { hasSlotContent as e, returnFirstEl as t } from "../../common/utils/index.js";
+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
+var h = {
+	compatConfig: { MODE: 3 },
+	name: "PopoverHeaderFooter",
+	components: {
+		DtButton: i,
+		DtIconClose: m
+	},
+	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,
+			i18n: new r()
+		};
+	},
+	computed: { closeButtonTitle() {
+		return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
+	} },
+	methods: { focusCloseButton() {
+		t(this.$refs["popover__close-button"]?.$el)?.focus();
+	} }
 };
-function S(e, o, t, w, d, a) {
-  const i = l("dt-icon-close"), p = l("dt-button");
-  return r(), s("div", {
-    "data-qa": "dt-popover-header-footer",
-    class: n([{
-      "d-popover__header": t.type === "header",
-      "d-popover__footer": t.type === "footer"
-    }, t.wrapperClass])
-  }, [
-    d.hasSlotContent(e.$slots.content) ? (r(), s("div", {
-      key: 0,
-      "data-qa": "dt-popover-header-footer-content",
-      class: n([{
-        "d-popover__header__content": t.type === "header",
-        "d-popover__footer__content": t.type === "footer"
-      }, t.contentClass])
-    }, [
-      v(e.$slots, "content")
-    ], 2)) : c("", !0),
-    t.showCloseButton ? (r(), C(p, {
-      key: 1,
-      ref: "popover__close-button",
-      "data-qa": "dt-popover-close",
-      class: n({
-        "d-popover__header__close-button": t.type === "header",
-        "d-popover__footer__close-button": t.type === "footer"
-      }),
-      importance: "outlined",
-      kind: "muted",
-      circle: "",
-      "aria-label": a.closeButtonTitle,
-      title: a.closeButtonTitle,
-      onClick: o[0] || (o[0] = (O) => e.$emit("close"))
-    }, {
-      icon: h(() => [
-        y(i, { size: "300" })
-      ]),
-      _: 1
-    }, 8, ["class", "aria-label", "title"])) : c("", !0)
-  ], 2);
+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({
+			"d-popover__header": n.type === "header",
+			"d-popover__footer": n.type === "footer"
+		})
+	}, [i.hasSlotContent(e.$slots.content) ? (u(), s("div", {
+		key: 0,
+		"data-qa": "dt-popover-header-footer-content",
+		class: l([{
+			"d-popover__header__content": n.type === "header",
+			"d-popover__footer__content": n.type === "footer"
+		}, n.contentClass])
+	}, [d(e.$slots, "content")], 2)) : o("", !0), n.showCloseButton ? (u(), a(g, {
+		key: 1,
+		ref: "popover__close-button",
+		"data-qa": "dt-popover-close",
+		class: l({
+			"d-popover__header__close-button": n.type === "header",
+			"d-popover__footer__close-button": n.type === "footer"
+		}),
+		importance: "outlined",
+		kind: "muted",
+		circle: "",
+		"aria-label": m.closeButtonTitle,
+		title: m.closeButtonTitle,
+		onClick: t[0] || (t[0] = (t) => e.$emit("close"))
+	}, {
+		icon: p(() => [c(h, { size: "300" })]),
+		_: 1
+	}, 8, [
+		"class",
+		"aria-label",
+		"title"
+	])) : o("", !0)], 2);
 }
-const z = /* @__PURE__ */ B(k, [["render", S]]);
-export {
-  z as default
-};
-//# sourceMappingURL=popover-header-footer.js.map
+var _ = /* @__PURE__ */ n(h, [["render", g]]);
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=popover-header-footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-header-footer.js","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    }, 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  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 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"],"names":["_sfc_main","DtButton","DtIconClose","value","hasSlotContent","DialtoneLocalization","closeButton","returnFirstEl","_a","_createElementBlock","_normalizeClass","$props","$data","_ctx","_renderSlot","_createBlock","_component_dt_button","$options","_createVNode","_component_dt_icon_close"],"mappings":";;;;;;AAiDA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC;AAAA;EAGF,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW,SAAUC,GAAO;AAC1B,eAAO,CAAC,UAAU,QAAQ,EAAE,SAASA,CAAK;AAAA,MAC5C;AAAA;;;;IAMF,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;;IAOX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC;AAAA,MACA,MAAM,IAAIC,EAAoB;AAAA;EAElC;AAAA,EAEA,UAAU;AAAA,IACR,mBAAoB;AAClB,aAAO,KAAK,KAAK,GAAG,uBAAuB;AAAA,IAC7C;AAAA;EAGF,SAAS;AAAA,IACP,mBAAoB;;AAClB,YAAMC,IAAcC,GAAcC,IAAA,KAAK,MAAM,uBAAuB,MAAlC,gBAAAA,EAAqC,GAAG;AAC1E,MAAAF,KAAA,QAAAA,EAAa;AAAA,IACf;AAAA;AAEJ;;;cAxHEG,EAuCM,OAAA;AAAA,IAtCJ,WAAQ;AAAA,IACP,OAAKC,EAAA,CAAA;AAAA,2BAAgCC,EAAA,SAAI;AAAA,2BAA0CA,EAAA,SAAI;AAAA,OAAsBA,EAAA,YAAY,CAAA;AAAA;IAMlHC,EAAA,eAAeC,EAAA,OAAO,OAAO,UADrCJ,EAUM,OAAA;AAAA;MARJ,WAAQ;AAAA,MACP,OAAKC,EAAA,CAAA;AAAA,sCAA2CC,EAAA,SAAI;AAAA,sCAAqDA,EAAA,SAAI;AAAA,SAAwBA,EAAA,YAAY,CAAA;AAAA;MAMlJG,EAAuBD,EAAA,QAAA,SAAA;AAAA;IAGjBF,EAAA,wBADRI,EAoBYC,GAAA;AAAA;MAlBV,KAAI;AAAA,MACJ,WAAQ;AAAA,MACP,OAAKN,EAAA;AAAA,2CAA+CC,EAAA,SAAI;AAAA,2CAA0DA,EAAA,SAAI;AAAA;MAIvH,YAAW;AAAA,MACX,MAAK;AAAA,MACL,QAAA;AAAA,MACC,cAAYM,EAAA;AAAA,MACZ,OAAOA,EAAA;AAAA,MACP,gCAAOJ,EAAA,MAAK,OAAA;AAAA;MAEF,QACT,MAEE;AAAA,QAFFK,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;;"}
+{"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"}

package/dist/lib/popover/popover.cjs

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