@dialpad/dialtone-vue 2.152.1 → 2.153.0

package/dist/chunks/{notice_action-IRUoLX2d.js → notice_action-qQr3K2TC.js}

@@ -1,15 +1,9 @@
 import { NOTICE_KINDS } from "./notice_constants-7Qt2CQEY.js";
 import { normalizeComponent } from "./_plugin-vue2_normalizer-sOSkiPF3.js";
 import { DtIcon } from "../lib/icon.js";
-import { SrOnlyCloseButton, SrOnlyCloseButtonMixin } from "./sr_only_close_button-81bHIpPu.js";
+import { SrOnlyCloseButton, SrOnlyCloseButtonMixin } from "./sr_only_close_button-IjMVfBDE.js";
 import { DtButton } from "../lib/button.js";
-const kindToIcon = /* @__PURE__ */ new Map([
-  ["info", "info"],
-  ["success", "check-circle"],
-  ["warning", "alert-triangle"],
-  ["error", "alert-circle"],
-  ["base", "bell"]
-]);
+const kindToIcon = /* @__PURE__ */ new Map([["info", "info"], ["success", "check-circle"], ["warning", "alert-triangle"], ["error", "alert-circle"], ["base", "bell"]]);
 const _sfc_main$2 = {
   name: "DtNoticeIcon",
   components: {
@@ -36,21 +30,22 @@ const _sfc_main$2 = {
 };
 var _sfc_render$2 = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _vm.defaultIcon || _vm.$slots.default ? _c("div", { staticClass: "d-notice__icon", attrs: { "aria-hidden": "true" } }, [_vm._t("default", function() {
-    return [_c("dt-icon", { attrs: { "name": _vm.defaultIcon, "size": "400" } })];
+  return _vm.defaultIcon || _vm.$slots.default ? _c("div", {
+    staticClass: "d-notice__icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._t("default", function() {
+    return [_c("dt-icon", {
+      attrs: {
+        "name": _vm.defaultIcon,
+        "size": "400"
+      }
+    })];
   })], 2) : _vm._e();
 };
 var _sfc_staticRenderFns$2 = [];
-var __component__$2 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$2,
-  _sfc_render$2,
-  _sfc_staticRenderFns$2,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, null, null, null);
 const DtNoticeIcon = __component__$2.exports;
 const _sfc_main$1 = {
   name: "DtNoticeContent",
@@ -82,21 +77,29 @@ const _sfc_main$1 = {
 };
 var _sfc_render$1 = function render2() {
   var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-notice__content", attrs: { "data-qa": "notice-content" } }, [_vm.title || _vm.$slots.titleOverride ? _c("p", { staticClass: "d-notice__title", attrs: { "id": _vm.titleId, "data-qa": "notice-content-title" } }, [_vm._t("titleOverride", function() {
+  return _c("div", {
+    staticClass: "d-notice__content",
+    attrs: {
+      "data-qa": "notice-content"
+    }
+  }, [_vm.title || _vm.$slots.titleOverride ? _c("p", {
+    staticClass: "d-notice__title",
+    attrs: {
+      "id": _vm.titleId,
+      "data-qa": "notice-content-title"
+    }
+  }, [_vm._t("titleOverride", function() {
     return [_vm._v(" " + _vm._s(_vm.title) + " ")];
-  })], 2) : _vm._e(), _c("p", { staticClass: "d-notice__message", attrs: { "id": _vm.contentId, "data-qa": "notice-content-message" } }, [_vm._t("default")], 2)]);
+  })], 2) : _vm._e(), _c("p", {
+    staticClass: "d-notice__message",
+    attrs: {
+      "id": _vm.contentId,
+      "data-qa": "notice-content-message"
+    }
+  }, [_vm._t("default")], 2)]);
 };
 var _sfc_staticRenderFns$1 = [];
-var __component__$1 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$1,
-  _sfc_render$1,
-  _sfc_staticRenderFns$1,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, null, null, null);
 const DtNoticeContent = __component__$1.exports;
 const _sfc_main = {
   name: "DtNoticeAction",
@@ -172,25 +175,47 @@ const _sfc_main = {
 };
 var _sfc_render = function render3() {
   var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-notice__actions", attrs: { "data-qa": "notice-content-actions" } }, [!_vm.hideAction ? _vm._t("default") : _vm._e(), !_vm.hideClose ? _c("dt-button", _vm._g(_vm._b({ ref: "closeButton", attrs: { "data-qa": "dt-notice-action-close-button", "size": "sm", "importance": "clear", "circle": "", "aria-label": _vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : "Close" }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-    return [_c("dt-icon", { attrs: { "name": "close", "size": "200" } })];
-  }, proxy: true }], null, false, 1154370889) }, "dt-button", _vm.closeButtonProps, false), _vm.noticeActionListeners)) : _vm._e(), _vm.showVisuallyHiddenClose ? _c("sr-only-close-button", { attrs: { "visually-hidden-close-label": _vm.visuallyHiddenCloseLabel }, on: { "close": _vm.close } }) : _vm._e()], 2);
+  return _c("div", {
+    staticClass: "d-notice__actions",
+    attrs: {
+      "data-qa": "notice-content-actions"
+    }
+  }, [!_vm.hideAction ? _vm._t("default") : _vm._e(), !_vm.hideClose ? _c("dt-button", _vm._g(_vm._b({
+    ref: "closeButton",
+    attrs: {
+      "data-qa": "dt-notice-action-close-button",
+      "size": "sm",
+      "importance": "clear",
+      "circle": "",
+      "aria-label": _vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : "Close"
+    },
+    scopedSlots: _vm._u([{
+      key: "icon",
+      fn: function() {
+        return [_c("dt-icon", {
+          attrs: {
+            "name": "close",
+            "size": "200"
+          }
+        })];
+      },
+      proxy: true
+    }], null, false, 1154370889)
+  }, "dt-button", _vm.closeButtonProps, false), _vm.noticeActionListeners)) : _vm._e(), _vm.showVisuallyHiddenClose ? _c("sr-only-close-button", {
+    attrs: {
+      "visually-hidden-close-label": _vm.visuallyHiddenCloseLabel
+    },
+    on: {
+      "close": _vm.close
+    }
+  }) : _vm._e()], 2);
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
 const DtNoticeAction = __component__.exports;
 export {
   DtNoticeAction,
   DtNoticeContent,
   DtNoticeIcon
 };
-//# sourceMappingURL=notice_action-IRUoLX2d.js.map
+//# sourceMappingURL=notice_action-qQr3K2TC.js.map

package/dist/chunks/{notice_action-IRUoLX2d.js.map → notice_action-qQr3K2TC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notice_action-IRUoLX2d.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || $slots.default\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <dt-icon\n        :name=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants';\n\nconst kindToIcon = new Map([\n  ['info', 'info'],\n  ['success', 'check-circle'],\n  ['warning', 'alert-triangle'],\n  ['error', 'alert-circle'],\n  ['base', 'bell'],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIcon,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || $slots.titleOverride\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * ID for the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * ID for the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__actions\"\n    data-qa=\"notice-content-actions\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot v-if=\"!hideAction\" />\n    <dt-button\n      v-if=\"!hideClose\"\n      ref=\"closeButton\"\n      data-qa=\"dt-notice-action-close-button\"\n      size=\"sm\"\n      importance=\"clear\"\n      circle\n      :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n      v-bind=\"closeButtonProps\"\n      v-on=\"noticeActionListeners\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-if=\"showVisuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIcon,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n  ],\n\n  computed: {\n    noticeActionListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.close();\n          this.$emit('click', event);\n        },\n      };\n    },\n  },\n\n  created () {\n    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n      console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n    }\n  },\n\n  mounted () {\n    if (!this.hideClose) {\n      this.lastFocusedElement = document.activeElement;\n    }\n  },\n\n  beforeDestroy () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main"],"mappings":";;;;;AAoBA,MAAA,aAAA,oBAAA,IAAA;AAAA,EACA,CAAA,QAAA,MAAA;AAAA,EACA,CAAA,WAAA,cAAA;AAAA,EACA,CAAA,WAAA,gBAAA;AAAA,EACA,CAAA,SAAA,cAAA;AAAA,EACA,CAAA,QAAA,MAAA;AACA,CAAA;AAEA,MAAAA,cAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA,MAAA;AACA,eAAA,aAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,WAAA,IAAA,KAAA,IAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;AC1BA,MAAAA,cAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;ACnBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA,CAAA,sBAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,wBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QAEA,OAAA,WAAA;AACA,eAAA,MAAA;AACA,eAAA,MAAA,SAAA,KAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,QAAA,CAAA,KAAA,aAAA,CAAA,KAAA,iBAAA,WAAA;AACA,cAAA,MAAA,8FAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,QAAA,CAAA,KAAA,WAAA;AACA,WAAA,qBAAA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,gBAAA;;AACA,eAAA,uBAAA,mBAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"notice_action-qQr3K2TC.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || $slots.default\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <dt-icon\n        :name=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants';\n\nconst kindToIcon = new Map([\n  ['info', 'info'],\n  ['success', 'check-circle'],\n  ['warning', 'alert-triangle'],\n  ['error', 'alert-circle'],\n  ['base', 'bell'],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIcon,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || $slots.titleOverride\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * ID for the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * ID for the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__actions\"\n    data-qa=\"notice-content-actions\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot v-if=\"!hideAction\" />\n    <dt-button\n      v-if=\"!hideClose\"\n      ref=\"closeButton\"\n      data-qa=\"dt-notice-action-close-button\"\n      size=\"sm\"\n      importance=\"clear\"\n      circle\n      :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n      v-bind=\"closeButtonProps\"\n      v-on=\"noticeActionListeners\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-if=\"showVisuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIcon,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n  ],\n\n  computed: {\n    noticeActionListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.close();\n          this.$emit('click', event);\n        },\n      };\n    },\n  },\n\n  created () {\n    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n      console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n    }\n  },\n\n  mounted () {\n    if (!this.hideClose) {\n      this.lastFocusedElement = document.activeElement;\n    }\n  },\n\n  beforeDestroy () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["kindToIcon","Map","_sfc_main","name","components","DtIcon","props","kind","type","String","default","validate","NOTICE_KINDS","includes","computed","defaultIcon","get","title","titleId","undefined","contentId","DtButton","SrOnlyCloseButton","mixins","SrOnlyCloseButtonMixin","closeButtonProps","Object","hideClose","Boolean","hideAction","emits","noticeActionListeners","$listeners","click","event","close","$emit","created","ariaLabel","console","error","mounted","lastFocusedElement","document","activeElement","beforeDestroy","focus","methods"],"mappings":";;;;;AAoBA,MAAAA,aAAA,oBAAAC,IAAA,CACA,CAAA,QAAA,MAAA,GACA,CAAA,WAAA,cAAA,GACA,CAAA,WAAA,gBAAA,GACA,CAAA,SAAA,cAAA,GACA,CAAA,QAAA,MAAA,CAAA,CACA;AAEA,MAAAC,cAAA;AAAA,EACAC,MAAA;AAAA,EAEAC,YAAA;AAAA,IACAC;AAAAA,EACA;AAAA,EAEAC,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKAC,MAAA;AAAA,MACAC,MAAAC;AAAAA,MACAC,SAAA;AAAA,MACAC,SAAAJ,MAAA;AACA,eAAAK,aAAAC,SAAAN,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEAO,UAAA;AAAA,IACAC,cAAA;AACA,aAAAf,WAAAgB,IAAA,KAAAT,IAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;AC1BA,MAAAL,cAAA;AAAA,EACAC,MAAA;AAAA,EAEAG,OAAA;AAAA;AAAA;AAAA;AAAA,IAIAW,OAAA;AAAA,MACAT,MAAAC;AAAAA,MACAC,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMAQ,SAAA;AAAA,MACAV,MAAAC;AAAAA,MACAC,SAAAS;AAAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMAC,WAAA;AAAA,MACAZ,MAAAC;AAAAA,MACAC,SAAAS;AAAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnBA,MAAAjB,YAAA;AAAA,EACAC,MAAA;AAAA,EAEAC,YAAA;AAAA,IACAC;AAAAA,IACAgB;AAAAA,IACAC;AAAAA,EACA;AAAA,EAEAC,QAAA,CAAAC,sBAAA;AAAA,EAEAlB,OAAA;AAAA;AAAA;AAAA;AAAA,IAIAmB,kBAAA;AAAA,MACAjB,MAAAkB;AAAAA,MACAhB,SAAAA,OAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMAiB,WAAA;AAAA,MACAnB,MAAAoB;AAAAA,MACAlB,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMAmB,YAAA;AAAA,MACArB,MAAAoB;AAAAA,MACAlB,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEAoB,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EAAA;AAAA,EAGAhB,UAAA;AAAA,IACAiB,wBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAAC;AAAAA,QAEAC,OAAAC,WAAA;AACA,eAAAC,MAAA;AACA,eAAAC,MAAA,SAAAF,KAAA;AAAA,QACA;AAAA;IAEA;AAAA,EACA;AAAA,EAEAG,UAAA;AACA,QAAA,CAAA,KAAAV,aAAA,CAAA,KAAAF,iBAAAa,WAAA;AACAC,cAAAC,MAAA,8FAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEAC,UAAA;AACA,QAAA,CAAA,KAAAd,WAAA;AACA,WAAAe,qBAAAC,SAAAC;AAAAA,IACA;AAAA,EACA;AAAA,EAEAC,gBAAA;;AACA,eAAAH,uBAAA,mBAAAI;AAAAA,EACA;AAAA,EAEAC,SAAA;AAAA,IACAZ,QAAA;AACA,WAAAC,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{notice_action-P6uDyE9x.js → notice_action-tEvvMg7Q.js}

@@ -2,15 +2,9 @@
 const notice_constants = require("./notice_constants-UXo9e3bS.js");
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-1aBeR4AK.js");
 const lib_icon = require("../lib/icon.cjs");
-const sr_only_close_button = require("./sr_only_close_button-ZaGdAHz7.js");
+const sr_only_close_button = require("./sr_only_close_button-2Q9Ny1Nc.js");
 const lib_button = require("../lib/button.cjs");
-const kindToIcon = /* @__PURE__ */ new Map([
-  ["info", "info"],
-  ["success", "check-circle"],
-  ["warning", "alert-triangle"],
-  ["error", "alert-circle"],
-  ["base", "bell"]
-]);
+const kindToIcon = /* @__PURE__ */ new Map([["info", "info"], ["success", "check-circle"], ["warning", "alert-triangle"], ["error", "alert-circle"], ["base", "bell"]]);
 const _sfc_main$2 = {
   name: "DtNoticeIcon",
   components: {
@@ -37,21 +31,22 @@ const _sfc_main$2 = {
 };
 var _sfc_render$2 = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _vm.defaultIcon || _vm.$slots.default ? _c("div", { staticClass: "d-notice__icon", attrs: { "aria-hidden": "true" } }, [_vm._t("default", function() {
-    return [_c("dt-icon", { attrs: { "name": _vm.defaultIcon, "size": "400" } })];
+  return _vm.defaultIcon || _vm.$slots.default ? _c("div", {
+    staticClass: "d-notice__icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._t("default", function() {
+    return [_c("dt-icon", {
+      attrs: {
+        "name": _vm.defaultIcon,
+        "size": "400"
+      }
+    })];
   })], 2) : _vm._e();
 };
 var _sfc_staticRenderFns$2 = [];
-var __component__$2 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
-  _sfc_main$2,
-  _sfc_render$2,
-  _sfc_staticRenderFns$2,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__$2 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, null, null, null);
 const DtNoticeIcon = __component__$2.exports;
 const _sfc_main$1 = {
   name: "DtNoticeContent",
@@ -83,21 +78,29 @@ const _sfc_main$1 = {
 };
 var _sfc_render$1 = function render2() {
   var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-notice__content", attrs: { "data-qa": "notice-content" } }, [_vm.title || _vm.$slots.titleOverride ? _c("p", { staticClass: "d-notice__title", attrs: { "id": _vm.titleId, "data-qa": "notice-content-title" } }, [_vm._t("titleOverride", function() {
+  return _c("div", {
+    staticClass: "d-notice__content",
+    attrs: {
+      "data-qa": "notice-content"
+    }
+  }, [_vm.title || _vm.$slots.titleOverride ? _c("p", {
+    staticClass: "d-notice__title",
+    attrs: {
+      "id": _vm.titleId,
+      "data-qa": "notice-content-title"
+    }
+  }, [_vm._t("titleOverride", function() {
     return [_vm._v(" " + _vm._s(_vm.title) + " ")];
-  })], 2) : _vm._e(), _c("p", { staticClass: "d-notice__message", attrs: { "id": _vm.contentId, "data-qa": "notice-content-message" } }, [_vm._t("default")], 2)]);
+  })], 2) : _vm._e(), _c("p", {
+    staticClass: "d-notice__message",
+    attrs: {
+      "id": _vm.contentId,
+      "data-qa": "notice-content-message"
+    }
+  }, [_vm._t("default")], 2)]);
 };
 var _sfc_staticRenderFns$1 = [];
-var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
-  _sfc_main$1,
-  _sfc_render$1,
-  _sfc_staticRenderFns$1,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, null, null, null);
 const DtNoticeContent = __component__$1.exports;
 const _sfc_main = {
   name: "DtNoticeAction",
@@ -173,23 +176,45 @@ const _sfc_main = {
 };
 var _sfc_render = function render3() {
   var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-notice__actions", attrs: { "data-qa": "notice-content-actions" } }, [!_vm.hideAction ? _vm._t("default") : _vm._e(), !_vm.hideClose ? _c("dt-button", _vm._g(_vm._b({ ref: "closeButton", attrs: { "data-qa": "dt-notice-action-close-button", "size": "sm", "importance": "clear", "circle": "", "aria-label": _vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : "Close" }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-    return [_c("dt-icon", { attrs: { "name": "close", "size": "200" } })];
-  }, proxy: true }], null, false, 1154370889) }, "dt-button", _vm.closeButtonProps, false), _vm.noticeActionListeners)) : _vm._e(), _vm.showVisuallyHiddenClose ? _c("sr-only-close-button", { attrs: { "visually-hidden-close-label": _vm.visuallyHiddenCloseLabel }, on: { "close": _vm.close } }) : _vm._e()], 2);
+  return _c("div", {
+    staticClass: "d-notice__actions",
+    attrs: {
+      "data-qa": "notice-content-actions"
+    }
+  }, [!_vm.hideAction ? _vm._t("default") : _vm._e(), !_vm.hideClose ? _c("dt-button", _vm._g(_vm._b({
+    ref: "closeButton",
+    attrs: {
+      "data-qa": "dt-notice-action-close-button",
+      "size": "sm",
+      "importance": "clear",
+      "circle": "",
+      "aria-label": _vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : "Close"
+    },
+    scopedSlots: _vm._u([{
+      key: "icon",
+      fn: function() {
+        return [_c("dt-icon", {
+          attrs: {
+            "name": "close",
+            "size": "200"
+          }
+        })];
+      },
+      proxy: true
+    }], null, false, 1154370889)
+  }, "dt-button", _vm.closeButtonProps, false), _vm.noticeActionListeners)) : _vm._e(), _vm.showVisuallyHiddenClose ? _c("sr-only-close-button", {
+    attrs: {
+      "visually-hidden-close-label": _vm.visuallyHiddenCloseLabel
+    },
+    on: {
+      "close": _vm.close
+    }
+  }) : _vm._e()], 2);
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
 const DtNoticeAction = __component__.exports;
 exports.DtNoticeAction = DtNoticeAction;
 exports.DtNoticeContent = DtNoticeContent;
 exports.DtNoticeIcon = DtNoticeIcon;
-//# sourceMappingURL=notice_action-P6uDyE9x.js.map
+//# sourceMappingURL=notice_action-tEvvMg7Q.js.map

package/dist/chunks/{notice_action-P6uDyE9x.js.map → notice_action-tEvvMg7Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notice_action-P6uDyE9x.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || $slots.default\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <dt-icon\n        :name=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants';\n\nconst kindToIcon = new Map([\n  ['info', 'info'],\n  ['success', 'check-circle'],\n  ['warning', 'alert-triangle'],\n  ['error', 'alert-circle'],\n  ['base', 'bell'],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIcon,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || $slots.titleOverride\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * ID for the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * ID for the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__actions\"\n    data-qa=\"notice-content-actions\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot v-if=\"!hideAction\" />\n    <dt-button\n      v-if=\"!hideClose\"\n      ref=\"closeButton\"\n      data-qa=\"dt-notice-action-close-button\"\n      size=\"sm\"\n      importance=\"clear\"\n      circle\n      :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n      v-bind=\"closeButtonProps\"\n      v-on=\"noticeActionListeners\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-if=\"showVisuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIcon,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n  ],\n\n  computed: {\n    noticeActionListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.close();\n          this.$emit('click', event);\n        },\n      };\n    },\n  },\n\n  created () {\n    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n      console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n    }\n  },\n\n  mounted () {\n    if (!this.hideClose) {\n      this.lastFocusedElement = document.activeElement;\n    }\n  },\n\n  beforeDestroy () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIcon","NOTICE_KINDS","DtButton","SrOnlyCloseButton","SrOnlyCloseButtonMixin"],"mappings":";;;;;;AAoBA,MAAA,aAAA,oBAAA,IAAA;AAAA,EACA,CAAA,QAAA,MAAA;AAAA,EACA,CAAA,WAAA,cAAA;AAAA,EACA,CAAA,WAAA,gBAAA;AAAA,EACA,CAAA,SAAA,cAAA;AAAA,EACA,CAAA,QAAA,MAAA;AACA,CAAA;AAEA,MAAAA,cAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,QAAAC,SAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA,MAAA;AACA,eAAAC,iBAAA,aAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,WAAA,IAAA,KAAA,IAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;AC1BA,MAAAF,cAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;ACnBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,QAAAC,SAAA;AAAA,IACA,UAAAE,WAAA;AAAA,IACA,mBAAAC,qBAAA;AAAA,EACA;AAAA,EAEA,QAAA,CAAAC,qBAAAA,sBAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,wBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QAEA,OAAA,WAAA;AACA,eAAA,MAAA;AACA,eAAA,MAAA,SAAA,KAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,QAAA,CAAA,KAAA,aAAA,CAAA,KAAA,iBAAA,WAAA;AACA,cAAA,MAAA,8FAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,QAAA,CAAA,KAAA,WAAA;AACA,WAAA,qBAAA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,gBAAA;;AACA,eAAA,uBAAA,mBAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"notice_action-tEvvMg7Q.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || $slots.default\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <dt-icon\n        :name=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants';\n\nconst kindToIcon = new Map([\n  ['info', 'info'],\n  ['success', 'check-circle'],\n  ['warning', 'alert-triangle'],\n  ['error', 'alert-circle'],\n  ['base', 'bell'],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIcon,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || $slots.titleOverride\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * ID for the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * ID for the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-notice__actions\"\n    data-qa=\"notice-content-actions\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot v-if=\"!hideAction\" />\n    <dt-button\n      v-if=\"!hideClose\"\n      ref=\"closeButton\"\n      data-qa=\"dt-notice-action-close-button\"\n      size=\"sm\"\n      importance=\"clear\"\n      circle\n      :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n      v-bind=\"closeButtonProps\"\n      v-on=\"noticeActionListeners\"\n    >\n      <template #icon>\n        <dt-icon\n          name=\"close\"\n          size=\"200\"\n        />\n      </template>\n    </dt-button>\n    <sr-only-close-button\n      v-if=\"showVisuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"close\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIcon,\n    DtButton,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n  ],\n\n  computed: {\n    noticeActionListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.close();\n          this.$emit('click', event);\n        },\n      };\n    },\n  },\n\n  created () {\n    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n      console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n    }\n  },\n\n  mounted () {\n    if (!this.hideClose) {\n      this.lastFocusedElement = document.activeElement;\n    }\n  },\n\n  beforeDestroy () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["kindToIcon","Map","_sfc_main","name","components","DtIcon","props","kind","type","String","default","validate","NOTICE_KINDS","includes","computed","defaultIcon","get","title","titleId","undefined","contentId","DtButton","SrOnlyCloseButton","mixins","SrOnlyCloseButtonMixin","closeButtonProps","Object","hideClose","Boolean","hideAction","emits","noticeActionListeners","$listeners","click","event","close","$emit","created","ariaLabel","console","error","mounted","lastFocusedElement","document","activeElement","beforeDestroy","focus","methods"],"mappings":";;;;;;AAoBA,MAAAA,aAAA,oBAAAC,IAAA,CACA,CAAA,QAAA,MAAA,GACA,CAAA,WAAA,cAAA,GACA,CAAA,WAAA,gBAAA,GACA,CAAA,SAAA,cAAA,GACA,CAAA,QAAA,MAAA,CAAA,CACA;AAEA,MAAAC,cAAA;AAAA,EACAC,MAAA;AAAA,EAEAC,YAAA;AAAA,IACAC,QAAAA,SAAAA;AAAAA,EACA;AAAA,EAEAC,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKAC,MAAA;AAAA,MACAC,MAAAC;AAAAA,MACAC,SAAA;AAAA,MACAC,SAAAJ,MAAA;AACA,eAAAK,iBAAA,aAAAC,SAAAN,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEAO,UAAA;AAAA,IACAC,cAAA;AACA,aAAAf,WAAAgB,IAAA,KAAAT,IAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;AC1BA,MAAAL,cAAA;AAAA,EACAC,MAAA;AAAA,EAEAG,OAAA;AAAA;AAAA;AAAA;AAAA,IAIAW,OAAA;AAAA,MACAT,MAAAC;AAAAA,MACAC,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMAQ,SAAA;AAAA,MACAV,MAAAC;AAAAA,MACAC,SAAAS;AAAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMAC,WAAA;AAAA,MACAZ,MAAAC;AAAAA,MACAC,SAAAS;AAAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnBA,MAAAjB,YAAA;AAAA,EACAC,MAAA;AAAA,EAEAC,YAAA;AAAA,YACAC,SAAA;AAAA,cACAgB,WAAA;AAAA,IACAC,mBAAAA,qBAAAA;AAAAA,EACA;AAAA,EAEAC,QAAA,CAAAC,qBAAAA,sBAAA;AAAA,EAEAlB,OAAA;AAAA;AAAA;AAAA;AAAA,IAIAmB,kBAAA;AAAA,MACAjB,MAAAkB;AAAAA,MACAhB,SAAAA,OAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMAiB,WAAA;AAAA,MACAnB,MAAAoB;AAAAA,MACAlB,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMAmB,YAAA;AAAA,MACArB,MAAAoB;AAAAA,MACAlB,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEAoB,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EAAA;AAAA,EAGAhB,UAAA;AAAA,IACAiB,wBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAAC;AAAAA,QAEAC,OAAAC,WAAA;AACA,eAAAC,MAAA;AACA,eAAAC,MAAA,SAAAF,KAAA;AAAA,QACA;AAAA;IAEA;AAAA,EACA;AAAA,EAEAG,UAAA;AACA,QAAA,CAAA,KAAAV,aAAA,CAAA,KAAAF,iBAAAa,WAAA;AACAC,cAAAC,MAAA,8FAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEAC,UAAA;AACA,QAAA,CAAA,KAAAd,WAAA;AACA,WAAAe,qBAAAC,SAAAC;AAAAA,IACA;AAAA,EACA;AAAA,EAEAC,gBAAA;;AACA,eAAAH,uBAAA,mBAAAI;AAAAA,EACA;AAAA,EAEAC,SAAA;AAAA,IACAZ,QAAA;AACA,WAAAC,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/notice_constants-7Qt2CQEY.js.map

@@ -1 +1 @@
-{"version":3,"file":"notice_constants-7Qt2CQEY.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;"}
+{"version":3,"file":"notice_constants-7Qt2CQEY.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":["NOTICE_KINDS","NOTICE_ROLES"],"mappings":"AAAaA,MAAAA,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AACnE,MAAMC,eAAe,CAAC,SAAS,eAAe,QAAQ;"}

package/dist/chunks/notice_constants-UXo9e3bS.js.map

@@ -1 +1 @@
-{"version":3,"file":"notice_constants-UXo9e3bS.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":[],"mappings":";AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;;;"}
+{"version":3,"file":"notice_constants-UXo9e3bS.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":["NOTICE_KINDS","NOTICE_ROLES"],"mappings":";AAAaA,MAAAA,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AACnE,MAAMC,eAAe,CAAC,SAAS,eAAe,QAAQ;;;"}

package/dist/chunks/{popover_constants-WsOUIY-m.js → popover_constants-6YkPPbnk.js}

@@ -1,21 +1,12 @@
 import tippy, { sticky } from "tippy.js";
-const BASE_TIPPY_DIRECTIONS = [
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "right",
-  "right-start",
-  "right-end",
-  "left",
-  "left-start",
-  "left-end",
-  "top",
-  "top-start",
-  "top-end"
-];
+const BASE_TIPPY_DIRECTIONS = ["bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end", "top", "top-start", "top-end"];
 const TIPPY_STICKY_VALUES = [true, false, "reference", "popper"];
 const createTippyPopover = (anchorElement, options) => {
-  const { contentElement } = { ...options };
+  const {
+    contentElement
+  } = {
+    ...options
+  };
   delete options.contentElement;
   return tippy(anchorElement, {
     ...options,
@@ -40,26 +31,22 @@ const getPopperOptions = ({
   tether = true
 } = {}) => {
   return {
-    modifiers: [
-      {
-        name: "flip",
-        options: {
-          fallbackPlacements,
-          boundary
-        }
-      },
-      {
-        name: "hide",
-        enabled: hasHideModifierEnabled
-      },
-      {
-        name: "preventOverflow",
-        options: {
-          altAxis: !tether,
-          tether
-        }
+    modifiers: [{
+      name: "flip",
+      options: {
+        fallbackPlacements,
+        boundary
+      }
+    }, {
+      name: "hide",
+      enabled: hasHideModifierEnabled
+    }, {
+      name: "preventOverflow",
+      options: {
+        altAxis: !tether,
+        tether
       }
-    ]
+    }]
   };
 };
 const createAnchor = (anchorWrapper) => {
@@ -83,9 +70,7 @@ const getContentWrapper = (content) => {
     popper
   };
 };
-const TOOLTIP_DIRECTIONS = [
-  ...BASE_TIPPY_DIRECTIONS
-];
+const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
 const TOOLTIP_DELAY_MS = 300;
 const TOOLTIP_KIND_MODIFIERS = {
   hover: `d-tooltip--hover`,
@@ -93,9 +78,7 @@ const TOOLTIP_KIND_MODIFIERS = {
   inverted: `d-tooltip--inverted`,
   hide: `d-tooltip--hide`
 };
-const TOOLTIP_STICKY_VALUES = [
-  ...TIPPY_STICKY_VALUES
-];
+const TOOLTIP_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
 const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, "toggle"];
 const POPOVER_PADDING_CLASSES = {
   none: void 0,
@@ -113,12 +96,8 @@ const POPOVER_ROLES = ["dialog", "menu", "listbox", "tree", "grid"];
 const POPOVER_CONTENT_WIDTHS = ["", "anchor"];
 const POPOVER_INITIAL_FOCUS_STRINGS = ["none", "dialog", "first"];
 const POPOVER_APPEND_TO_VALUES = ["parent", "body", "root"];
-const POPOVER_STICKY_VALUES = [
-  ...TIPPY_STICKY_VALUES
-];
-const POPOVER_DIRECTIONS = [
-  ...BASE_TIPPY_DIRECTIONS
-];
+const POPOVER_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
+const POPOVER_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
 export {
   POPOVER_APPEND_TO_VALUES,
   POPOVER_CONTENT_WIDTHS,
@@ -138,4 +117,4 @@ export {
   getAnchor,
   getPopperOptions
 };
-//# sourceMappingURL=popover_constants-WsOUIY-m.js.map
+//# sourceMappingURL=popover_constants-6YkPPbnk.js.map

package/dist/chunks/{popover_constants-WsOUIY-m.js.map → popover_constants-6YkPPbnk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover_constants-WsOUIY-m.js","sources":["../../components/popover/tippy_utils.js","../../components/tooltip/tooltip_constants.js","../../components/popover/popover_constants.js"],"sourcesContent":["import tippy, { sticky } from 'tippy.js';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n  'bottom', 'bottom-start', 'bottom-end',\n  'right', 'right-start', 'right-end',\n  'left', 'left-start', 'left-end',\n  'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\nexport const createTippyPopover = (anchorElement, options) => {\n  const { contentElement } = { ...options };\n  delete options.contentElement;\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n    render: () => getContentWrapper(contentElement),\n  });\n};\n\nexport const createTippy = (anchorElement, options) => {\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n  });\n};\n\nexport const getPopperOptions = ({\n  boundary = 'clippingParents',\n  fallbackPlacements = [],\n  onChangePlacement = () => {},\n  hasHideModifierEnabled = false,\n  // If set to false the dialog will display over top of the anchor when there is insufficient space.\n  // if set to true it will never move from its position relative to the anchor and will clip instead.\n  tether = true,\n} = {}) => {\n  return {\n    modifiers: [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements,\n          boundary,\n        },\n      },\n      {\n        name: 'hide',\n        enabled: hasHideModifierEnabled,\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: !tether,\n          tether,\n        },\n      },\n    ],\n  };\n};\n\nconst createAnchor = (anchorWrapper) => {\n  const span = document.createElement('span');\n  span.innerText = anchorWrapper.innerText || '';\n  anchorWrapper.innerText = '';\n  anchorWrapper.appendChild(span);\n  return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n  const anchor = anchorWrapper?.children[0];\n  if (!anchor) return createAnchor(anchorWrapper);\n  return anchor;\n};\n\nexport const getContentWrapper = content => {\n  // The recommended structure is to use the popper as an outer wrapper\n  const popper = document.createElement('div');\n  popper.className = 'tippy-box d-ps-absolute';\n  popper.appendChild(content);\n  return {\n    popper,\n  };\n};\n","/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n","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"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EAAU;AAAA,EAAgB;AAAA,EAC1B;AAAA,EAAS;AAAA,EAAe;AAAA,EACxB;AAAA,EAAQ;AAAA,EAAc;AAAA,EACtB;AAAA,EAAO;AAAA,EAAa;AACtB;AAEO,MAAM,sBAAsB,CAAC,MAAM,OAAO,aAAa,QAAQ;AAC1D,MAAC,qBAAqB,CAAC,eAAe,YAAY;AAC5D,QAAM,EAAE,eAAc,IAAK,EAAE,GAAG,QAAO;AACvC,SAAO,QAAQ;AACf,SAAO,MAAM,eAAe;AAAA,IAC1B,GAAG;AAAA,IACH,SAAS,CAAC,MAAM;AAAA,IAChB,QAAQ,MAAM,kBAAkB,cAAc;AAAA,EAClD,CAAG;AACH;AAEY,MAAC,cAAc,CAAC,eAAe,YAAY;AACrD,SAAO,MAAM,eAAe;AAAA,IAC1B,GAAG;AAAA,IACH,SAAS,CAAC,MAAM;AAAA,EACpB,CAAG;AACH;AAEY,MAAC,mBAAmB,CAAC;AAAA,EAC/B,WAAW;AAAA,EACX,qBAAqB,CAAE;AAAA,EACvB,oBAAoB,MAAM;AAAA,EAAE;AAAA,EAC5B,yBAAyB;AAAA;AAAA;AAAA,EAGzB,SAAS;AACX,IAAI,OAAO;AACT,SAAO;AAAA,IACL,WAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,UACA;AAAA,QACD;AAAA,MACF;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,MACV;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,SAAS,CAAC;AAAA,UACV;AAAA,QACD;AAAA,MACF;AAAA,IACF;AAAA,EACL;AACA;AAEA,MAAM,eAAe,CAAC,kBAAkB;AACtC,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,YAAY,cAAc,aAAa;AAC5C,gBAAc,YAAY;AAC1B,gBAAc,YAAY,IAAI;AAC9B,SAAO;AACT;AAEY,MAAC,YAAY,CAAC,kBAAkB;AAC1C,QAAM,SAAS,+CAAe,SAAS;AACvC,MAAI,CAAC;AAAQ,WAAO,aAAa,aAAa;AAC9C,SAAO;AACT;AAEO,MAAM,oBAAoB,aAAW;AAE1C,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO,YAAY,OAAO;AAC1B,SAAO;AAAA,IACL;AAAA,EACJ;AACA;AC7EY,MAAC,qBAAqB;AAAA,EAChC,GAAG;AACL;AAEY,MAAC,mBAAmB;AAEpB,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEY,MAAC,wBAAwB;AAAA,EACnC,GAAG;AACL;AAEY,MAAC,iCAAiC,CAAC,MAAM,OAAO,QAAQ;ACpBxD,MAAC,0BAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AACY,MAAC,wCAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AACY,MAAC,gBAAgB,CAAC,UAAU,QAAQ,WAAW,QAAQ,MAAM;AAC7D,MAAC,yBAAyB,CAAC,IAAI,QAAQ;AACvC,MAAC,gCAAgC,CAAC,QAAQ,UAAU,OAAO;AAC3D,MAAC,2BAA2B,CAAC,UAAU,QAAQ,MAAM;AACrD,MAAC,wBAAwB;AAAA,EACnC,GAAG;AACL;AACY,MAAC,qBAAqB;AAAA,EAChC,GAAG;AACL;"}
+{"version":3,"file":"popover_constants-6YkPPbnk.js","sources":["../../components/popover/tippy_utils.js","../../components/tooltip/tooltip_constants.js","../../components/popover/popover_constants.js"],"sourcesContent":["import tippy, { sticky } from 'tippy.js';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n  'bottom', 'bottom-start', 'bottom-end',\n  'right', 'right-start', 'right-end',\n  'left', 'left-start', 'left-end',\n  'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\nexport const createTippyPopover = (anchorElement, options) => {\n  const { contentElement } = { ...options };\n  delete options.contentElement;\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n    render: () => getContentWrapper(contentElement),\n  });\n};\n\nexport const createTippy = (anchorElement, options) => {\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n  });\n};\n\nexport const getPopperOptions = ({\n  boundary = 'clippingParents',\n  fallbackPlacements = [],\n  onChangePlacement = () => {},\n  hasHideModifierEnabled = false,\n  // If set to false the dialog will display over top of the anchor when there is insufficient space.\n  // if set to true it will never move from its position relative to the anchor and will clip instead.\n  tether = true,\n} = {}) => {\n  return {\n    modifiers: [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements,\n          boundary,\n        },\n      },\n      {\n        name: 'hide',\n        enabled: hasHideModifierEnabled,\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: !tether,\n          tether,\n        },\n      },\n    ],\n  };\n};\n\nconst createAnchor = (anchorWrapper) => {\n  const span = document.createElement('span');\n  span.innerText = anchorWrapper.innerText || '';\n  anchorWrapper.innerText = '';\n  anchorWrapper.appendChild(span);\n  return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n  const anchor = anchorWrapper?.children[0];\n  if (!anchor) return createAnchor(anchorWrapper);\n  return anchor;\n};\n\nexport const getContentWrapper = content => {\n  // The recommended structure is to use the popper as an outer wrapper\n  const popper = document.createElement('div');\n  popper.className = 'tippy-box d-ps-absolute';\n  popper.appendChild(content);\n  return {\n    popper,\n  };\n};\n","/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n","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"],"names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES","createTippyPopover","anchorElement","options","contentElement","tippy","plugins","sticky","render","getContentWrapper","createTippy","getPopperOptions","boundary","fallbackPlacements","onChangePlacement","hasHideModifierEnabled","tether","modifiers","name","enabled","altAxis","createAnchor","anchorWrapper","span","document","createElement","innerText","appendChild","getAnchor","anchor","children","content","popper","className","TOOLTIP_DIRECTIONS","TOOLTIP_DELAY_MS","TOOLTIP_KIND_MODIFIERS","hover","show","inverted","hide","TOOLTIP_STICKY_VALUES","TOOLTIP_HIDE_ON_CLICK_VARIANTS","POPOVER_PADDING_CLASSES","none","undefined","small","medium","large","POPOVER_HEADER_FOOTER_PADDING_CLASSES","POPOVER_ROLES","POPOVER_CONTENT_WIDTHS","POPOVER_INITIAL_FOCUS_STRINGS","POPOVER_APPEND_TO_VALUES","POPOVER_STICKY_VALUES","POPOVER_DIRECTIONS"],"mappings":";AAEO,MAAMA,wBAAwB,CACnC,UAAU,gBAAgB,cAC1B,SAAS,eAAe,aACxB,QAAQ,cAAc,YACtB,OAAO,aAAa,SAAS;AAGxB,MAAMC,sBAAsB,CAAC,MAAM,OAAO,aAAa,QAAQ;MACzDC,qBAAqBA,CAACC,eAAeC,YAAY;AAC5D,QAAM;AAAA,IAAEC;AAAAA,EAAe,IAAI;AAAA,IAAE,GAAGD;AAAAA;AAChC,SAAOA,QAAQC;AACf,SAAOC,MAAMH,eAAe;AAAA,IAC1B,GAAGC;AAAAA,IACHG,SAAS,CAACC,MAAM;AAAA,IAChBC,QAAQA,MAAMC,kBAAkBL,cAAc;AAAA,EAChD,CAAC;AACH;MAEaM,cAAcA,CAACR,eAAeC,YAAY;AACrD,SAAOE,MAAMH,eAAe;AAAA,IAC1B,GAAGC;AAAAA,IACHG,SAAS,CAACC,MAAM;AAAA,EAClB,CAAC;AACH;AAEO,MAAMI,mBAAmBA,CAAC;AAAA,EAC/BC,WAAW;AAAA,EACXC,qBAAqB,CAAE;AAAA,EACvBC,oBAAoBA,MAAM;AAAA,EAAE;AAAA,EAC5BC,yBAAyB;AAAA;AAAA;AAAA,EAGzBC,SAAS;AACX,IAAI,OAAO;AACT,SAAO;AAAA,IACLC,WAAW,CACT;AAAA,MACEC,MAAM;AAAA,MACNf,SAAS;AAAA,QACPU;AAAAA,QACAD;AAAAA,MACF;AAAA,IACF,GACA;AAAA,MACEM,MAAM;AAAA,MACNC,SAASJ;AAAAA,IACX,GACA;AAAA,MACEG,MAAM;AAAA,MACNf,SAAS;AAAA,QACPiB,SAAS,CAACJ;AAAAA,QACVA;AAAAA,MACF;AAAA,KACD;AAAA;AAGP;AAEA,MAAMK,eAAgBC,mBAAkB;AACtC,QAAMC,OAAOC,SAASC,cAAc,MAAM;AAC1CF,OAAKG,YAAYJ,cAAcI,aAAa;AAC5CJ,gBAAcI,YAAY;AAC1BJ,gBAAcK,YAAYJ,IAAI;AAC9B,SAAOA;AACT;AAEaK,MAAAA,YAAaN,mBAAkB;AAC1C,QAAMO,SAASP,+CAAeQ,SAAS;AACvC,MAAI,CAACD;AAAQ,WAAOR,aAAaC,aAAa;AAC9C,SAAOO;AACT;AAEO,MAAMpB,oBAAoBsB,aAAW;AAE1C,QAAMC,SAASR,SAASC,cAAc,KAAK;AAC3CO,SAAOC,YAAY;AACnBD,SAAOL,YAAYI,OAAO;AAC1B,SAAO;AAAA,IACLC;AAAAA;AAEJ;MC7EaE,qBAAqB,CAChC,GAAGnC,qBAAqB;AAGnB,MAAMoC,mBAAmB;AAEzB,MAAMC,yBAAyB;AAAA,EACpCC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,UAAU;AAAA,EACVC,MAAM;AACR;MAEaC,wBAAwB,CACnC,GAAGzC,mBAAmB;AAGjB,MAAM0C,iCAAiC,CAAC,MAAM,OAAO,QAAQ;ACpB7D,MAAMC,0BAA0B;AAAA,EACrCC,MAAMC;AAAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,OAAO;AACT;AACO,MAAMC,wCAAwC;AAAA,EACnDL,MAAMC;AAAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,OAAO;AACT;AACaE,MAAAA,gBAAgB,CAAC,UAAU,QAAQ,WAAW,QAAQ,MAAM;MAC5DC,yBAAyB,CAAC,IAAI,QAAQ;AAC5C,MAAMC,gCAAgC,CAAC,QAAQ,UAAU,OAAO;AAChE,MAAMC,2BAA2B,CAAC,UAAU,QAAQ,MAAM;MACpDC,wBAAwB,CACnC,GAAGtD,mBAAmB;MAEXuD,qBAAqB,CAChC,GAAGxD,qBAAqB;"}