@dialpad/dialtone 9.110.2 → 9.111.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../components/modal/modal.vue"],"sourcesContent":["<template>\n  <dt-lazy-show\n    transition=\"d-zoom\"\n    :show=\"show\"\n    :class=\"[\n      'd-modal',\n      MODAL_KIND_MODIFIERS[kind],\n      MODAL_SIZE_MODIFIERS[size],\n      modalClass,\n    ]\"\n    data-qa=\"dt-modal\"\n    :aria-hidden=\"open\"\n    v-on=\"modalListeners\"\n  >\n    <div\n      v-if=\"show && (hasSlotContent($slots.banner) || bannerTitle)\"\n      data-qa=\"dt-modal-banner\"\n      :class=\"[\n        'd-modal__banner',\n        bannerClass,\n        bannerKindClass,\n      ]\"\n    >\n      <!-- @slot Slot for the banner, defaults to bannerTitle prop -->\n      <slot name=\"banner\">\n        {{ bannerTitle }}\n      </slot>\n    </div>\n    <transition\n      appear\n      name=\"d-modal__dialog\"\n    >\n      <div\n        v-show=\"show\"\n        :class=\"[\n          'd-modal__dialog',\n          { 'd-modal__dialog--scrollable': fixedHeaderFooter },\n          dialogClass,\n        ]\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        :aria-describedby=\"describedById\"\n        :aria-labelledby=\"labelledById\"\n      >\n        <div\n          v-if=\"hasSlotContent($slots.header)\"\n          :id=\"labelledById\"\n          class=\"d-modal__header\"\n          data-qa=\"dt-modal-title\"\n        >\n          <!-- @slot Slot for dialog header section, taking the place of any \"title\" text prop -->\n          <slot name=\"header\" />\n        </div>\n        <h2\n          v-else\n          :id=\"labelledById\"\n          class=\"d-modal__header\"\n          data-qa=\"dt-modal-title\"\n        >\n          {{ title }}\n        </h2>\n        <div\n          v-if=\"hasSlotContent($slots.default)\"\n          :class=\"[\n            'd-modal__content',\n            contentClass,\n          ]\"\n          data-qa=\"dt-modal-copy\"\n        >\n          <!-- @slot Default slot for dialog body section, taking the place of any \"copy\" text prop -->\n          <slot />\n        </div>\n        <p\n          v-else\n          :class=\"[\n            'd-modal__content',\n            contentClass,\n          ]\"\n          data-qa=\"dt-modal-copy\"\n        >\n          {{ copy }}\n        </p>\n        <footer\n          v-if=\"hasFooterSlot\"\n          class=\"d-modal__footer\"\n        >\n          <!-- @slot Slot for dialog footer content, often containing cancel and confirm buttons. -->\n          <slot name=\"footer\" />\n        </footer>\n        <dt-button\n          v-if=\"!hideClose\"\n          class=\"d-modal__close\"\n          circle\n          size=\"lg\"\n          importance=\"clear\"\n          :aria-label=\"closeButtonProps.ariaLabel\"\n          v-bind=\"closeButtonProps\"\n          @click=\"close\"\n        >\n          <template #icon>\n            <dt-icon-close\n              size=\"400\"\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    </transition>\n  </dt-lazy-show>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport Modal from '@/common/mixins/modal';\nimport {\n  MODAL_BANNER_KINDS,\n  MODAL_KIND_MODIFIERS,\n  MODAL_SIZE_MODIFIERS,\n} from './modal_constants';\nimport { returnFirstEl, getUniqueString, hasSlotContent, disableRootScrolling, enableRootScrolling } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { NOTICE_KINDS } from '@/components/notice';\n\n/**\n * Modals focus the user’s attention exclusively on one task or piece of information\n * via a window that sits on top of the page content.\n * @see https://dialtone.dialpad.com/components/modal.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtModal',\n\n  components: {\n    DtLazyShow,\n    DtButton,\n    DtIconClose,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [Modal, SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * A set of props to be passed into the modal's close button.\n     * Requires an 'ariaLabel' property.\n     */\n    closeButtonProps: {\n      type: Object,\n      required: true,\n      validator: (props) => {\n        return !!props.ariaLabel;\n      },\n    },\n\n    /**\n     * Body text to display as the modal's main content.\n     */\n    copy: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Id to use for the dialog's aria-describedby.\n     * Recommended only if the dialog content itself isn't enough to give full context,\n     * as screen readers should recite the dialog contents by default before any aria-description.\n     */\n    describedById: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Id to use for the dialog's aria-labelledby.\n     */\n    labelledById: {\n      type: String,\n      default: function () { return getUniqueString(); },\n    },\n\n    /**\n     * Whether the modal should be shown.\n     * Parent component can sync on this value to control the modal's visibility.\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Title text to display in the modal header.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Title text to display in the modal banner.\n     */\n    bannerTitle: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The theme of the modal. kind - default or danger,\n     * @values default, danger\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(MODAL_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * The size of the modal. size - default or full,\n     * @values default, full\n     */\n    size: {\n      type: String,\n      default: 'default',\n      validator: (s) => Object.keys(MODAL_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Additional class name for the root modal element.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    modalClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the dialog element within the modal.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    dialogClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element within the modal.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Sets the color of the banner.\n     * @values base, error, info, success, warning\n     */\n    bannerKind: {\n      type: String,\n      default: 'warning',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Additional class name for the banner element within the modal.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    bannerClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Hides the close button on the modal\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the modal will close when you click outside of the dialog on the overlay.\n     * @values true, false\n     */\n    closeOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Scrollable modal that allows scroll the modal content keeping the header and footer fixed\n     * @values true, false\n     */\n    fixedHeaderFooter: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The element that is focused when the modal is opened. This can be an\n     * HTMLElement within the modal, a string starting with '#' which will\n     * find the element by ID. 'first' which will automatically focus\n     * the first element, or 'dialog' which will focus the dialog window itself.\n     * If the dialog is modal this prop cannot be 'none'.\n     */\n    initialFocusElement: {\n      type: [String, HTMLElement],\n      default: 'first',\n      validator: initialFocusElement => {\n        return initialFocusElement === 'first' ||\n          (initialFocusElement instanceof HTMLElement) ||\n          initialFocusElement.startsWith('#');\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\n    /**\n     * Native keydown event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\n     * Parent components can sync on this value to create a 2-way binding to control modal visibility.\n     *\n     * @event update:show\n     * @type {Boolean}\n     */\n    'update:show',\n  ],\n\n  data () {\n    return {\n      MODAL_KIND_MODIFIERS,\n      MODAL_SIZE_MODIFIERS,\n      MODAL_BANNER_KINDS,\n      EVENT_KEYNAMES,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    modalListeners () {\n      return {\n        click: event => {\n          if (!this.closeOnClick) return;\n          (event.target === event.currentTarget) && this.close();\n          this.$emit('click', event);\n        },\n\n        keydown: event => {\n          switch (event.code) {\n            case EVENT_KEYNAMES.esc:\n            case EVENT_KEYNAMES.escape:\n              this.close();\n              break;\n            case EVENT_KEYNAMES.tab:\n              this.trapFocus(event);\n              break;\n          }\n          this.$emit('keydown', event);\n        },\n\n        'after-enter': event => {\n          this.$emit('update:show', true);\n          (event.target === event.currentTarget) && this.setFocusAfterTransition();\n        },\n      };\n    },\n\n    open () {\n      return `${!this.show}`;\n    },\n\n    hasFooterSlot () {\n      return !!this.$slots.footer;\n    },\n\n    bannerKindClass () {\n      return MODAL_BANNER_KINDS[this.bannerKind];\n    },\n  },\n\n  watch: {\n    show: {\n      handler (isShowing) {\n        if (isShowing) {\n          // Set a reference to the previously-active element, to which we'll return focus on modal close.\n          this.previousActiveElement = document.activeElement;\n          disableRootScrolling(returnFirstEl(this.$el).getRootNode().host);\n        } else {\n          enableRootScrolling(returnFirstEl(this.$el).getRootNode().host);\n          // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n          this.previousActiveElement?.focus();\n          this.previousActiveElement = null;\n        }\n      },\n    },\n\n    $props: {\n      immediate: true,\n      deep: true,\n      handler () {\n        this.validateProps();\n      },\n    },\n  },\n\n  methods: {\n    close () {\n      this.$emit('update:show', false);\n    },\n\n    setFocusAfterTransition () {\n      if (this.initialFocusElement === 'first') {\n        this.focusFirstElement();\n      } else if (this.initialFocusElement.startsWith('#')) {\n        this.focusElementById(this.initialFocusElement);\n      } else if (this.initialFocusElement instanceof HTMLElement) {\n        this.initialFocusElement.focus();\n      }\n    },\n\n    trapFocus (e) {\n      if (this.show) {\n        this.focusTrappedTabPress(e);\n      }\n    },\n\n    validateProps () {\n      if (this.hideClose && !this.visuallyHiddenClose) {\n        console.error(`If hideClose prop is true, visuallyHiddenClose and visuallyHiddenCloseLabel props\n        need to be set so the component always includes a close button`);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtLazyShow","DtButton","DtIconClose","SrOnlyCloseButton","Modal","SrOnlyCloseButtonMixin","props","getUniqueString","k","MODAL_KIND_MODIFIERS","s","MODAL_SIZE_MODIFIERS","kind","NOTICE_KINDS","initialFocusElement","MODAL_BANNER_KINDS","EVENT_KEYNAMES","hasSlotContent","event","isShowing","disableRootScrolling","returnFirstEl","enableRootScrolling","_a","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createBlock","_component_dt_lazy_show","_mergeProps","$props","$data","$options","_toHandlers","_withCtx","_ctx","_createElementBlock","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","_Transition","_createElementVNode","_hoisted_4","_component_dt_button","_component_dt_icon_close","_component_sr_only_close_button"],"mappings":"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"}

package/dist/vue3/lib/notice/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./notice.cjs"),o=require("./notice-action.cjs"),i=require("./notice-icon.cjs"),n=require("./notice-content.cjs"),t=require("./notice-constants.cjs");exports.DtNotice=e.default;exports.DtNoticeAction=o.default;exports.DtNoticeIcon=i.default;exports.DtNoticeContent=n.default;exports.NOTICE_KINDS=t.NOTICE_KINDS;exports.NOTICE_ROLES=t.NOTICE_ROLES;
+//# sourceMappingURL=index.cjs.map

package/dist/vue3/lib/notice/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/vue3/lib/notice/index.js

@@ -0,0 +1,14 @@
+import { default as e } from "./notice.js";
+import { default as f } from "./notice-action.js";
+import { default as N } from "./notice-icon.js";
+import { default as i } from "./notice-content.js";
+import { NOTICE_KINDS as p, NOTICE_ROLES as x } from "./notice-constants.js";
+export {
+  e as DtNotice,
+  f as DtNoticeAction,
+  i as DtNoticeContent,
+  N as DtNoticeIcon,
+  p as NOTICE_KINDS,
+  x as NOTICE_ROLES
+};
+//# sourceMappingURL=index.js.map

package/dist/vue3/lib/notice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/vue3/lib/notice/notice-action.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@dialpad/dialtone-icons/vue3"),a=require("../../common/mixins/sr-only-close-button.cjs"),r=require("../../shared/sr_only_close_button.cjs"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),m={compatConfig:{MODE:3},name:"DtNoticeAction",components:{DtIconClose:i.DtIconClose,DtButton:d.default,SrOnlyCloseButton:r.default},mixins:[a.default],props:{closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1}},emits:["close"],created(){!this.hideClose&&!this.closeButtonProps.ariaLabel&&console.error("Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.")},mounted(){this.hideClose||(this.lastFocusedElement=document.activeElement)},beforeUnmount(){var o;(o=this.lastFocusedElement)==null||o.focus()},methods:{close(){this.$emit("close")}}},_={class:"d-notice__actions","data-qa":"notice-content-actions"};function p(o,C,t,f,h,n){const l=e.resolveComponent("dt-icon-close"),s=e.resolveComponent("dt-button"),c=e.resolveComponent("sr-only-close-button");return e.openBlock(),e.createElementBlock("div",_,[t.hideAction?e.createCommentVNode("",!0):e.renderSlot(o.$slots,"default",{key:0}),t.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(s,e.mergeProps({key:1,ref:"closeButton","data-qa":"dt-notice-action-close-button",size:"sm",importance:"clear",circle:"","aria-label":t.closeButtonProps.ariaLabel?t.closeButtonProps.ariaLabel:"Close"},t.closeButtonProps,{onClick:n.close}),{icon:e.withCtx(()=>[e.createVNode(l,{size:"200"})]),_:1},16,["aria-label","onClick"])),o.showVisuallyHiddenClose?(e.openBlock(),e.createBlock(c,{key:2,"visually-hidden-close-label":o.visuallyHiddenCloseLabel,onClose:n.close},null,8,["visually-hidden-close-label","onClose"])):e.createCommentVNode("",!0)])}const b=u._(m,[["render",p]]);exports.default=b;
+//# sourceMappingURL=notice-action.cjs.map

package/dist/vue3/lib/notice/notice-action.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-action.cjs","sources":["../../../components/notice/notice_action.vue"],"sourcesContent":["<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      @click=\"close\"\n    >\n      <template #icon>\n        <dt-icon-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 { DtIconClose } from '@dialpad/dialtone-icons/vue3';\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  compatConfig: { MODE: 3 },\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIconClose,\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  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  beforeUnmount () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconClose","DtButton","SrOnlyCloseButton","SrOnlyCloseButtonMixin","_a","_openBlock","_createElementBlock","_hoisted_1","$props","_createCommentVNode","_renderSlot","_ctx","_createBlock","_component_dt_button","_mergeProps","$options","_createVNode","_component_dt_icon_close","_component_sr_only_close_button"],"mappings":"sXAsCKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,iBAEN,WAAY,aACVC,EAAW,YACX,SAAAC,EAAQ,QACR,kBAAAC,EAAiB,OAClB,EAED,OAAQ,CAACC,EAAAA,OAAsB,EAE/B,MAAO,CAIL,iBAAkB,CAChB,KAAM,OACN,QAAS,KAAO,CAAA,EACjB,EAMD,UAAW,CACT,KAAM,QACN,QAAS,EACV,EAMD,WAAY,CACV,KAAM,QACN,QAAS,EACV,CACF,EAED,MAAO,CAML,OACD,EAED,SAAW,CACL,CAAC,KAAK,WAAa,CAAC,KAAK,iBAAiB,WAC5C,QAAQ,MAAM,8FAA8F,CAE/G,EAED,SAAW,CACJ,KAAK,YACR,KAAK,mBAAqB,SAAS,cAEtC,EAED,eAAiB,QACfC,EAAA,KAAK,qBAAL,MAAAA,EAAyB,OAC1B,EAED,QAAS,CACP,OAAS,CACP,KAAK,MAAM,OAAO,CACnB,CACF,CACH,KA1GI,MAAM,oBACN,UAAQ,6KAFV,OAAAC,YAAA,EAAAC,qBA4BM,MA5BNC,EA4BM,CAvBSC,EAAU,WAN3BC,EAAA,mBAAA,GAAA,EAAA,EAMIC,EAAA,WAA2BC,oBAN/B,IAAA,EAAA,EAQaH,EAAS,UARtBC,EAAA,mBAAA,GAAA,EAAA,GAOIJ,EAAAA,YAAAO,EAAAA,YAgBYC,EAhBZC,aAgBY,CAvBhB,IAAA,EASM,IAAI,cACJ,UAAQ,gCACR,KAAK,KACL,WAAW,QACX,OAAA,GACC,aAAYN,EAAgB,iBAAC,UAAYA,EAAA,iBAAiB,UAAS,SAC5DA,EAAgB,iBAAA,CACvB,QAAOO,EAAK,KAAA,CAAA,EAAA,CAEF,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,IApBpB,EAAA,iCAyBYN,EAAuB,uCAD/BC,EAIE,YAAAM,EAAA,CA5BN,IAAA,EA0BO,8BAA6BP,EAAwB,yBACrD,QAAOI,EAAK,0DA3BnBN,EAAA,mBAAA,GAAA,EAAA"}

package/dist/vue3/lib/notice/notice-action.js

@@ -0,0 +1,97 @@
+import { DtIconClose as d } from "@dialpad/dialtone-icons/vue3";
+import u from "../../common/mixins/sr-only-close-button.js";
+import m from "../../shared/sr_only_close_button.js";
+import { resolveComponent as t, openBlock as s, createElementBlock as f, renderSlot as p, createCommentVNode as l, createBlock as c, mergeProps as _, withCtx as h, createVNode as C } from "vue";
+import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import y from "../button/button.js";
+const B = {
+  compatConfig: { MODE: 3 },
+  name: "DtNoticeAction",
+  components: {
+    DtIconClose: d,
+    DtButton: y,
+    SrOnlyCloseButton: m
+  },
+  mixins: [u],
+  props: {
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Hides the close button from the notice
+     * @values true, false
+     */
+    hideClose: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    /**
+     * Close button click event
+     *
+     * @event close
+     */
+    "close"
+  ],
+  created() {
+    !this.hideClose && !this.closeButtonProps.ariaLabel && console.error("Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.");
+  },
+  mounted() {
+    this.hideClose || (this.lastFocusedElement = document.activeElement);
+  },
+  beforeUnmount() {
+    var e;
+    (e = this.lastFocusedElement) == null || e.focus();
+  },
+  methods: {
+    close() {
+      this.$emit("close");
+    }
+  }
+}, k = {
+  class: "d-notice__actions",
+  "data-qa": "notice-content-actions"
+};
+function v(e, P, o, D, E, n) {
+  const i = t("dt-icon-close"), a = t("dt-button"), r = t("sr-only-close-button");
+  return s(), f("div", k, [
+    o.hideAction ? l("", !0) : p(e.$slots, "default", { key: 0 }),
+    o.hideClose ? l("", !0) : (s(), c(a, _({
+      key: 1,
+      ref: "closeButton",
+      "data-qa": "dt-notice-action-close-button",
+      size: "sm",
+      importance: "clear",
+      circle: "",
+      "aria-label": o.closeButtonProps.ariaLabel ? o.closeButtonProps.ariaLabel : "Close"
+    }, o.closeButtonProps, { onClick: n.close }), {
+      icon: h(() => [
+        C(i, { size: "200" })
+      ]),
+      _: 1
+    }, 16, ["aria-label", "onClick"])),
+    e.showVisuallyHiddenClose ? (s(), c(r, {
+      key: 2,
+      "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
+      onClose: n.close
+    }, null, 8, ["visually-hidden-close-label", "onClose"])) : l("", !0)
+  ]);
+}
+const V = /* @__PURE__ */ b(B, [["render", v]]);
+export {
+  V as default
+};
+//# sourceMappingURL=notice-action.js.map

package/dist/vue3/lib/notice/notice-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-action.js","sources":["../../../components/notice/notice_action.vue"],"sourcesContent":["<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      @click=\"close\"\n    >\n      <template #icon>\n        <dt-icon-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 { DtIconClose } from '@dialpad/dialtone-icons/vue3';\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  compatConfig: { MODE: 3 },\n  name: 'DtNoticeAction',\n\n  components: {\n    DtIconClose,\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  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  beforeUnmount () {\n    this.lastFocusedElement?.focus();\n  },\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconClose","DtButton","SrOnlyCloseButton","SrOnlyCloseButtonMixin","_a","_openBlock","_createElementBlock","_hoisted_1","$props","_createCommentVNode","_renderSlot","_ctx","_createBlock","_component_dt_button","_mergeProps","$options","_createVNode","_component_dt_icon_close","_component_sr_only_close_button"],"mappings":";;;;;;AAsCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,EACD;AAAA,EAED,QAAQ,CAACC,CAAsB;AAAA,EAE/B,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA,EACD;AAAA,EAED,UAAW;AACT,IAAI,CAAC,KAAK,aAAa,CAAC,KAAK,iBAAiB,aAC5C,QAAQ,MAAM,8FAA8F;AAAA,EAE/G;AAAA,EAED,UAAW;AACT,IAAK,KAAK,cACR,KAAK,qBAAqB,SAAS;AAAA,EAEtC;AAAA,EAED,gBAAiB;;AACf,KAAAC,IAAA,KAAK,uBAAL,QAAAA,EAAyB;AAAA,EAC1B;AAAA,EAED,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;EA1GI,OAAM;AAAA,EACN,WAAQ;;;;AAFV,SAAAC,EAAA,GAAAC,EA4BM,OA5BNC,GA4BM;AAAA,IAvBSC,EAAU,aAN3BC,EAAA,IAAA,EAAA,IAMIC,EAA2BC,uBAN/B,KAAA,GAAA;AAAA,IAQaH,EAAS,YARtBC,EAAA,IAAA,EAAA,KAOIJ,KAAAO,EAgBYC,GAhBZC,EAgBY;AAAA,MAvBhB,KAAA;AAAA,MASM,KAAI;AAAA,MACJ,WAAQ;AAAA,MACR,MAAK;AAAA,MACL,YAAW;AAAA,MACX,QAAA;AAAA,MACC,cAAYN,EAAgB,iBAAC,YAAYA,EAAA,iBAAiB,YAAS;AAAA,OAC5DA,EAAgB,kBAAA,EACvB,SAAOO,EAAK,MAAA,CAAA,GAAA;AAAA,MAEF,QACT,MAEE;AAAA,QAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;MApBpB,GAAA;AAAA;IAyBYN,EAAuB,gCAD/BC,EAIEM,GAAA;AAAA,MA5BN,KAAA;AAAA,MA0BO,+BAA6BP,EAAwB;AAAA,MACrD,SAAOI,EAAK;AAAA,+DA3BnBN,EAAA,IAAA,EAAA;AAAA;;;"}

package/dist/vue3/lib/notice/notice-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["base","error","info","success","warning"],t=["alert","alertdialog","status"],s={NOTICE_KINDS:e,NOTICE_ROLES:t};exports.NOTICE_KINDS=e;exports.NOTICE_ROLES=t;exports.default=s;
+//# sourceMappingURL=notice-constants.cjs.map

package/dist/vue3/lib/notice/notice-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-constants.cjs","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","notice_constants"],"mappings":"4GAAY,MAACA,EAAe,CAAC,OAAQ,QAAS,OAAQ,UAAW,SAAS,EAC7DC,EAAe,CAAC,QAAS,cAAe,QAAQ,EAE9CC,EAAA,CACb,aAAAF,EACA,aAAAC,CACF"}

package/dist/vue3/lib/notice/notice-constants.js

@@ -0,0 +1,10 @@
+const s = ["base", "error", "info", "success", "warning"], t = ["alert", "alertdialog", "status"], a = {
+  NOTICE_KINDS: s,
+  NOTICE_ROLES: t
+};
+export {
+  s as NOTICE_KINDS,
+  t as NOTICE_ROLES,
+  a as default
+};
+//# sourceMappingURL=notice-constants.js.map

package/dist/vue3/lib/notice/notice-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-constants.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","notice_constants"],"mappings":"AAAY,MAACA,IAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS,GAC7DC,IAAe,CAAC,SAAS,eAAe,QAAQ,GAE9CC,IAAA;AAAA,EACb,cAAAF;AAAA,EACA,cAAAC;AACF;"}

package/dist/vue3/lib/notice/notice-content.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../common/utils/index.cjs"),e=require("vue"),c=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d={compatConfig:{MODE:3},name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:i.hasSlotContent}}},l={class:"d-notice__content","data-qa":"notice-content"},s=["id"],a=["id"];function r(n,_,t,m,o,f){return e.openBlock(),e.createElementBlock("div",l,[t.title||o.hasSlotContent(n.$slots.titleOverride)?(e.openBlock(),e.createElementBlock("p",{key:0,id:t.titleId,class:"d-notice__title","data-qa":"notice-content-title"},[e.renderSlot(n.$slots,"titleOverride",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],8,s)):e.createCommentVNode("",!0),e.createElementVNode("p",{id:t.contentId,class:"d-notice__message","data-qa":"notice-content-message"},[e.renderSlot(n.$slots,"default")],8,a)])}const u=c._(d,[["render",r]]);exports.default=u;
+//# sourceMappingURL=notice-content.cjs.map

package/dist/vue3/lib/notice/notice-content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-content.cjs","sources":["../../../components/notice/notice_content.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || hasSlotContent($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>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","hasSlotContent","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","$props","$data","_ctx","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode"],"mappings":"uOA8BKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,kBAEN,MAAO,CAIL,MAAO,CACL,KAAM,OACN,QAAS,EACV,EAMD,QAAS,CACP,KAAM,OACN,QAAS,MACV,EAMD,UAAW,CACT,KAAM,OACN,QAAS,MACV,CACF,EAED,MAAQ,CACN,MAAO,CACL,eAAAC,EAAc,eAEjB,CACH,KAjEI,MAAM,oBACN,UAAQ,kBAHZC,EAAA,CAAA,IAAA,EAAAC,EAAA,CAAA,IAAA,0BACE,OAAAC,YAAA,EAAAC,qBAuBM,MAvBNC,EAuBM,CAlBIC,EAAA,OAASC,EAAA,eAAeC,EAAA,OAAO,aAAa,iBADpDJ,EAUI,mBAAA,IAAA,CAfR,IAAA,EAOO,GAAIE,EAAO,QACZ,MAAM,kBACN,UAAQ,yBAGRG,EAAAA,WAEOD,4BAFP,IAEO,CAdbE,EAAAA,gBAAAC,EAAAA,gBAaWL,EAAK,KAAA,EAAA,CAAA,GAbhB,EAAA,EAAAL,CAAA,GAAAW,EAAA,mBAAA,GAAA,EAAA,EAgBIC,EAAAA,mBAOI,IAAA,CAND,GAAIP,EAAS,UACd,MAAM,oBACN,UAAQ,2BAGRG,aAAQD,EAAA,OAAA,SAAA,CAtBd,EAAA,EAAAN,CAAA"}

package/dist/vue3/lib/notice/notice-content.js

@@ -0,0 +1,66 @@
+import { hasSlotContent as a } from "../../common/utils/index.js";
+import { openBlock as n, createElementBlock as o, renderSlot as i, createTextVNode as c, toDisplayString as s, createCommentVNode as r, createElementVNode as l } from "vue";
+import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const f = {
+  compatConfig: { MODE: 3 },
+  name: "DtNoticeContent",
+  props: {
+    /**
+     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * ID for the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
+     */
+    titleId: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * ID for the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
+     */
+    contentId: {
+      type: String,
+      default: void 0
+    }
+  },
+  data() {
+    return {
+      hasSlotContent: a
+    };
+  }
+}, m = {
+  class: "d-notice__content",
+  "data-qa": "notice-content"
+}, u = ["id"], p = ["id"];
+function g(e, S, t, h, d, C) {
+  return n(), o("div", m, [
+    t.title || d.hasSlotContent(e.$slots.titleOverride) ? (n(), o("p", {
+      key: 0,
+      id: t.titleId,
+      class: "d-notice__title",
+      "data-qa": "notice-content-title"
+    }, [
+      i(e.$slots, "titleOverride", {}, () => [
+        c(s(t.title), 1)
+      ])
+    ], 8, u)) : r("", !0),
+    l("p", {
+      id: t.contentId,
+      class: "d-notice__message",
+      "data-qa": "notice-content-message"
+    }, [
+      i(e.$slots, "default")
+    ], 8, p)
+  ]);
+}
+const I = /* @__PURE__ */ _(f, [["render", g]]);
+export {
+  I as default
+};
+//# sourceMappingURL=notice-content.js.map

package/dist/vue3/lib/notice/notice-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-content.js","sources":["../../../components/notice/notice_content.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || hasSlotContent($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>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","hasSlotContent","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","$props","$data","_ctx","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode"],"mappings":";;;AA8BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC;AAAA;EAEH;AACH;EAjEI,OAAM;AAAA,EACN,WAAQ;GAHZC,IAAA,CAAA,IAAA,GAAAC,IAAA,CAAA,IAAA;;AACE,SAAAC,EAAA,GAAAC,EAuBM,OAvBNC,GAuBM;AAAA,IAlBIC,EAAA,SAASC,EAAA,eAAeC,EAAA,OAAO,aAAa,UADpDJ,EAUI,KAAA;AAAA,MAfR,KAAA;AAAA,MAOO,IAAIE,EAAO;AAAA,MACZ,OAAM;AAAA,MACN,WAAQ;AAAA;MAGRG,EAEOD,+BAFP,MAEO;AAAA,QAdbE,EAAAC,EAaWL,EAAK,KAAA,GAAA,CAAA;AAAA;IAbhB,GAAA,GAAAL,CAAA,KAAAW,EAAA,IAAA,EAAA;AAAA,IAgBIC,EAOI,KAAA;AAAA,MAND,IAAIP,EAAS;AAAA,MACd,OAAM;AAAA,MACN,WAAQ;AAAA;MAGRG,EAAQD,EAAA,QAAA,SAAA;AAAA,IAtBd,GAAA,GAAAN,CAAA;AAAA;;;"}

package/dist/vue3/lib/notice/notice-icon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@dialpad/dialtone-icons/vue3"),r=require("./notice-constants.cjs"),l=require("../../common/utils/index.cjs"),t=require("vue"),i=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),s=new Map([["info",e.DtIconInfo],["success",e.DtIconCheckCircle],["warning",e.DtIconAlertTriangle],["error",e.DtIconAlertCircle],["base",e.DtIconBell]]),a={compatConfig:{MODE:3},name:"DtNoticeIcon",components:{DtIconInfo:e.DtIconInfo,DtIconCheckCircle:e.DtIconCheckCircle,DtIconAlertTriangle:e.DtIconAlertTriangle,DtIconAlertCircle:e.DtIconAlertCircle,DtIconBell:e.DtIconBell},props:{kind:{type:String,default:"base",validate(n){return r.NOTICE_KINDS.includes(n)}}},data(){return{hasSlotContent:l.hasSlotContent}},computed:{defaultIcon(){return s.get(this.kind)}}},u={key:0,"aria-hidden":"true",class:"d-notice__icon"};function d(n,D,_,C,c,o){return o.defaultIcon||c.hasSlotContent(n.$slots.default)?(t.openBlock(),t.createElementBlock("div",u,[t.renderSlot(n.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.defaultIcon),{size:"400"}))])])):t.createCommentVNode("",!0)}const I=i._(a,[["render",d]]);exports.default=I;
+//# sourceMappingURL=notice-icon.cjs.map

package/dist/vue3/lib/notice/notice-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-icon.cjs","sources":["../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || hasSlotContent($slots.default)\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconCheckCircle,\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconBell,\n} from '@dialpad/dialtone-icons/vue3';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconCheckCircle],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconAlertCircle],\n  ['base', DtIconBell],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconCheckCircle,\n    DtIconAlertTriangle,\n    DtIconAlertCircle,\n    DtIconBell,\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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"names":["kindToIcon","DtIconInfo","DtIconCheckCircle","DtIconAlertTriangle","DtIconAlertCircle","DtIconBell","_sfc_main","kind","NOTICE_KINDS","hasSlotContent","$options","$data","_ctx","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_createBlock","_resolveDynamicComponent","_createCommentVNode"],"mappings":"qTA2BMA,EAAa,IAAI,IAAI,CACzB,CAAC,OAAQC,EAAAA,UAAU,EACnB,CAAC,UAAWC,EAAAA,iBAAiB,EAC7B,CAAC,UAAWC,EAAAA,mBAAmB,EAC/B,CAAC,QAASC,EAAAA,iBAAiB,EAC3B,CAAC,OAAQC,EAAAA,UAAU,CACrB,CAAC,EAEIC,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,eAEN,WAAY,YACVL,EAAU,WACV,kBAAAC,EAAiB,kBACjB,oBAAAC,EAAmB,oBACnB,kBAAAC,EAAiB,6BACjBC,EAAU,UACX,EAED,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,OACT,SAAUE,EAAM,CACd,OAAOC,EAAY,aAAC,SAASD,CAAI,CAClC,CACF,CACF,EAED,MAAQ,CACN,MAAO,CACL,eAAAE,EAAc,eAEjB,EAED,SAAU,CACR,aAAe,CACb,OAAOT,EAAW,IAAI,KAAK,IAAI,CAChC,CACF,CACH,KAxEA,IAAA,EAGI,cAAY,OACZ,MAAM,0CAFA,OAAAU,EAAA,aAAeC,EAAA,eAAeC,EAAA,OAAO,OAAO,GADpDC,EAAAA,YAAAC,EAAAA,mBAYM,MAZNC,EAYM,CANJC,EAAAA,WAKOJ,sBALP,IAKO,EAJLC,YAAA,EAAAI,EAAA,YAGEC,0BAFKR,EAAA,WAAW,EAChB,CAAA,KAAK,MAAK,QAVlBS,EAAA,mBAAA,GAAA,EAAA"}

package/dist/vue3/lib/notice/notice-icon.js

@@ -0,0 +1,61 @@
+import { DtIconInfo as n, DtIconCheckCircle as r, DtIconAlertTriangle as c, DtIconAlertCircle as a, DtIconBell as s } from "@dialpad/dialtone-icons/vue3";
+import { NOTICE_KINDS as l } from "./notice-constants.js";
+import { hasSlotContent as d } from "../../common/utils/index.js";
+import { openBlock as o, createElementBlock as m, renderSlot as f, createBlock as p, resolveDynamicComponent as u, createCommentVNode as I } from "vue";
+import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const D = /* @__PURE__ */ new Map([
+  ["info", n],
+  ["success", r],
+  ["warning", c],
+  ["error", a],
+  ["base", s]
+]), C = {
+  compatConfig: { MODE: 3 },
+  name: "DtNoticeIcon",
+  components: {
+    DtIconInfo: n,
+    DtIconCheckCircle: r,
+    DtIconAlertTriangle: c,
+    DtIconAlertCircle: a,
+    DtIconBell: s
+  },
+  props: {
+    /**
+     * Kind of icon
+     * @values base, error, info, success, warning
+     */
+    kind: {
+      type: String,
+      default: "base",
+      validate(e) {
+        return l.includes(e);
+      }
+    }
+  },
+  data() {
+    return {
+      hasSlotContent: d
+    };
+  },
+  computed: {
+    defaultIcon() {
+      return D.get(this.kind);
+    }
+  }
+}, k = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "d-notice__icon"
+};
+function h(e, g, N, S, i, t) {
+  return t.defaultIcon || i.hasSlotContent(e.$slots.default) ? (o(), m("div", k, [
+    f(e.$slots, "default", {}, () => [
+      (o(), p(u(t.defaultIcon), { size: "400" }))
+    ])
+  ])) : I("", !0);
+}
+const $ = /* @__PURE__ */ _(C, [["render", h]]);
+export {
+  $ as default
+};
+//# sourceMappingURL=notice-icon.js.map

package/dist/vue3/lib/notice/notice-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-icon.js","sources":["../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || hasSlotContent($slots.default)\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconCheckCircle,\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconBell,\n} from '@dialpad/dialtone-icons/vue3';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconCheckCircle],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconAlertCircle],\n  ['base', DtIconBell],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconCheckCircle,\n    DtIconAlertTriangle,\n    DtIconAlertCircle,\n    DtIconBell,\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  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"names":["kindToIcon","DtIconInfo","DtIconCheckCircle","DtIconAlertTriangle","DtIconAlertCircle","DtIconBell","_sfc_main","kind","NOTICE_KINDS","hasSlotContent","$options","$data","_ctx","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_createBlock","_resolveDynamicComponent","_createCommentVNode"],"mappings":";;;;;AA2BA,MAAMA,IAAa,oBAAI,IAAI;AAAA,EACzB,CAAC,QAAQC,CAAU;AAAA,EACnB,CAAC,WAAWC,CAAiB;AAAA,EAC7B,CAAC,WAAWC,CAAmB;AAAA,EAC/B,CAAC,SAASC,CAAiB;AAAA,EAC3B,CAAC,QAAQC,CAAU;AACrB,CAAC,GAEIC,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,YAAAL;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAUE,GAAM;AACd,eAAOC,EAAa,SAASD,CAAI;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAE;AAAA;EAEH;AAAA,EAED,UAAU;AAAA,IACR,cAAe;AACb,aAAOT,EAAW,IAAI,KAAK,IAAI;AAAA,IAChC;AAAA,EACF;AACH;EAxEA,KAAA;AAAA,EAGI,eAAY;AAAA,EACZ,OAAM;;;AAFA,SAAAU,EAAA,eAAeC,EAAA,eAAeC,EAAA,OAAO,OAAO,KADpDC,KAAAC,EAYM,OAZNC,GAYM;AAAA,IANJC,EAKOJ,yBALP,MAKO;AAAA,OAJLC,EAAA,GAAAI,EAGEC,EAFKR,EAAA,WAAW,GAChB,EAAA,MAAK,OAAK;AAAA;QAVlBS,EAAA,IAAA,EAAA;;;"}

package/dist/vue3/lib/notice/notice.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./notice-icon.cjs"),r=require("./notice-content.cjs"),u=require("./notice-action.cjs"),i=require("./notice-constants.cjs"),f=require("../../common/mixins/sr-only-close-button.cjs"),e=require("vue"),_=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m={compatConfig:{MODE:3},name:"DtNotice",components:{DtNoticeIcon:a.default,DtNoticeContent:r.default,DtNoticeAction:u.default},mixins:[f.default],props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:""},role:{type:String,default:"status",validate(t){return i.NOTICE_ROLES.includes(t)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return i.NOTICE_KINDS.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1},truncateText:{type:Boolean,default:!1}},emits:["close","click"],computed:{noticeClass(){return["d-notice",{error:"d-notice--error",info:"d-notice--info",success:"d-notice--success",warning:"d-notice--warning",base:"d-notice--base"}[this.kind],{"d-notice--important":this.important,"d-notice--truncate":this.truncateText}]}}};function C(t,o,n,h,y,l){const c=e.resolveComponent("dt-notice-icon"),d=e.resolveComponent("dt-notice-content"),s=e.resolveComponent("dt-notice-action");return e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(l.noticeClass),"data-qa":"notice"},[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c,{key:0,kind:n.kind},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["kind"])),e.createVNode(d,{"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["title-id","content-id","title","role"]),e.createVNode(s,{"hide-action":n.hideAction,"hide-close":n.hideClose,"close-button-props":n.closeButtonProps,"visually-hidden-close":t.visuallyHiddenClose,"visually-hidden-close-label":t.visuallyHiddenCloseLabel,onClose:o[0]||(o[0]=v=>t.$emit("close"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},8,["hide-action","hide-close","close-button-props","visually-hidden-close","visually-hidden-close-label"])],2)}const p=_._(m,[["render",C]]);exports.default=p;
+//# sourceMappingURL=notice.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notice.cjs","sources":["../../../components/notice/notice.vue"],"sourcesContent":["<template>\n  <aside\n    :class=\"noticeClass\"\n    data-qa=\"notice\"\n  >\n    <dt-notice-icon\n      v-if=\"!hideIcon\"\n      :kind=\"kind\"\n    >\n      <!-- @slot Slot for custom icon -->\n      <slot name=\"icon\" />\n    </dt-notice-icon>\n    <dt-notice-content\n      :title-id=\"titleId\"\n      :content-id=\"contentId\"\n      :title=\"title\"\n      :role=\"role\"\n    >\n      <template #titleOverride>\n        <!-- @slot Allows you to override the title, only use this if you need\n        to override with something other than text. Otherwise use the \"title\" prop. -->\n        <slot name=\"titleOverride\" />\n      </template>\n      <!-- @slot the main textual content of the notice -->\n      <slot />\n    </dt-notice-content>\n    <dt-notice-action\n      :hide-action=\"hideAction\"\n      :hide-close=\"hideClose\"\n      :close-button-props=\"closeButtonProps\"\n      :visually-hidden-close=\"visuallyHiddenClose\"\n      :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n      @close=\"$emit('close')\"\n    >\n      <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n      <slot name=\"action\" />\n    </dt-notice-action>\n  </aside>\n</template>\n\n<script>\nimport DtNoticeIcon from './notice_icon.vue';\nimport DtNoticeContent from './notice_content.vue';\nimport DtNoticeAction from './notice_action.vue';\nimport { NOTICE_KINDS, NOTICE_ROLES } from './notice_constants';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\n\n/**\n * A notice is an informational and assistive message that appears inline with content.\n * @see https://dialtone.dialpad.com/components/notice.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtNotice',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Sets an ID on 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     * Sets an ID on 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     * 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     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an\n     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an\n     * important message that does contain interactive elements.\n     * @values alert, alertdialog, status\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validate (role) {\n        return NOTICE_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * This will also change the aria role from status to alert.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Severity level of the notice, sets the icon and background\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     * 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 icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\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     * Truncates the content instead of wrapping.\n     * Used when the notice needs to have a fixed height.\n     * @values true, false\n     */\n    truncateText: {\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     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    noticeClass () {\n      const noticeKinds = {\n        error: 'd-notice--error',\n        info: 'd-notice--info',\n        success: 'd-notice--success',\n        warning: 'd-notice--warning',\n        base: 'd-notice--base',\n      };\n      return [\n        'd-notice',\n        noticeKinds[this.kind],\n        { 'd-notice--important': this.important, 'd-notice--truncate': this.truncateText },\n      ];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtNoticeIcon","DtNoticeContent","DtNoticeAction","SrOnlyCloseButtonMixin","role","NOTICE_ROLES","kind","NOTICE_KINDS","_createElementBlock","_normalizeClass","$options","$props","_createCommentVNode","_createBlock","_component_dt_notice_icon","_withCtx","_renderSlot","_ctx","_createVNode","_component_dt_notice_content","_component_dt_notice_action"],"mappings":"6XAmDKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,WAEN,WAAY,cACVC,EAAY,QACZ,gBAAAC,EAAe,QACf,eAAAC,EAAc,OACf,EAED,OAAQ,CAACC,EAAAA,OAAsB,EAE/B,MAAO,CAKL,QAAS,CACP,KAAM,OACN,QAAS,MACV,EAMD,UAAW,CACT,KAAM,OACN,QAAS,MACV,EAKD,MAAO,CACL,KAAM,OACN,QAAS,EACV,EAQD,KAAM,CACJ,KAAM,OACN,QAAS,SACT,SAAUC,EAAM,CACd,OAAOC,EAAY,aAAC,SAASD,CAAI,CAClC,CACF,EAOD,UAAW,CACT,KAAM,QACN,QAAS,EACV,EAMD,KAAM,CACJ,KAAM,OACN,QAAS,OACT,SAAUE,EAAM,CACd,OAAOC,EAAY,aAAC,SAASD,CAAI,CAClC,CACF,EAKD,iBAAkB,CAChB,KAAM,OACN,QAAS,KAAO,CAAA,EACjB,EAMD,UAAW,CACT,KAAM,QACN,QAAS,EACV,EAMD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAMD,WAAY,CACV,KAAM,QACN,QAAS,EACV,EAOD,aAAc,CACZ,KAAM,QACN,QAAS,EACV,CACF,EAED,MAAO,CAML,QAQA,OACD,EAED,SAAU,CACR,aAAe,CAQb,MAAO,CACL,WARkB,CAClB,MAAO,kBACP,KAAM,iBACN,QAAS,oBACT,QAAS,oBACT,KAAM,kBAIM,KAAK,IAAI,EACrB,CAAE,sBAAuB,KAAK,UAAW,qBAAsB,KAAK,YAAc,EAErF,CACF,CACH,+KA5MEE,EAoCQ,mBAAA,QAAA,CAnCL,MAFLC,EAAAA,eAEYC,EAAW,WAAA,EACnB,UAAQ,WAGCC,EAAQ,SANrBC,EAAA,mBAAA,GAAA,EAAA,iBAKIC,EAMiB,YAAAC,EAAA,CAXrB,IAAA,EAOO,KAAMH,EAAI,OAPjB,QAAAI,EAAA,QAUM,IAAoB,CAApBC,aAAoBC,EAAA,OAAA,MAAA,IAV1B,EAAA,gBAYIC,EAAAA,YAaoBC,EAAA,CAZjB,WAAUR,EAAO,QACjB,aAAYA,EAAS,UACrB,MAAOA,EAAK,MACZ,KAAMA,EAAI,OAEA,wBAGT,IAA6B,CAA7BK,aAA6BC,EAAA,OAAA,eAAA,IArBrC,QAAAF,EAAA,QAwBM,IAAQ,CAARC,aAAQC,EAAA,OAAA,SAAA,IAxBd,EAAA,+CA0BIC,EAAAA,YAUmBE,EAAA,CAThB,cAAaT,EAAU,WACvB,aAAYA,EAAS,UACrB,qBAAoBA,EAAgB,iBACpC,wBAAuBM,EAAmB,oBAC1C,8BAA6BA,EAAwB,yBACrD,uBAAOA,EAAK,MAAA,OAAA,KAhCnB,QAAAF,EAAA,QAmCM,IAAsB,CAAtBC,aAAsBC,EAAA,OAAA,QAAA,IAnC5B,EAAA"}

package/dist/vue3/lib/notice/notice.js

@@ -0,0 +1,194 @@
+import f from "./notice-icon.js";
+import m from "./notice-content.js";
+import p from "./notice-action.js";
+import { NOTICE_ROLES as y, NOTICE_KINDS as h } from "./notice-constants.js";
+import _ from "../../common/mixins/sr-only-close-button.js";
+import { resolveComponent as i, openBlock as d, createElementBlock as C, normalizeClass as v, createBlock as B, withCtx as o, renderSlot as n, createCommentVNode as k, createVNode as c } from "vue";
+import { _ as I } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const b = {
+  compatConfig: { MODE: 3 },
+  name: "DtNotice",
+  components: {
+    DtNoticeIcon: f,
+    DtNoticeContent: m,
+    DtNoticeAction: p
+  },
+  mixins: [_],
+  props: {
+    /**
+     * Sets an ID on the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
+     */
+    titleId: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Sets an ID on the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
+     */
+    contentId: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an
+     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an
+     * important message that does contain interactive elements.
+     * @values alert, alertdialog, status
+     */
+    role: {
+      type: String,
+      default: "status",
+      validate(e) {
+        return y.includes(e);
+      }
+    },
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * This will also change the aria role from status to alert.
+     * @values true, false
+     */
+    important: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Severity level of the notice, sets the icon and background
+     * @values base, error, info, success, warning
+     */
+    kind: {
+      type: String,
+      default: "base",
+      validate(e) {
+        return h.includes(e);
+      }
+    },
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Hides the close button from the notice
+     * @values true, false
+     */
+    hideClose: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Hides the icon from the notice
+     * @values true, false
+     */
+    hideIcon: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Truncates the content instead of wrapping.
+     * Used when the notice needs to have a fixed height.
+     * @values true, false
+     */
+    truncateText: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    /**
+     * Close button click event
+     *
+     * @event close
+     */
+    "close",
+    /**
+     * Native button click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ],
+  computed: {
+    noticeClass() {
+      return [
+        "d-notice",
+        {
+          error: "d-notice--error",
+          info: "d-notice--info",
+          success: "d-notice--success",
+          warning: "d-notice--warning",
+          base: "d-notice--base"
+        }[this.kind],
+        { "d-notice--important": this.important, "d-notice--truncate": this.truncateText }
+      ];
+    }
+  }
+};
+function N(e, l, t, S, g, s) {
+  const a = i("dt-notice-icon"), r = i("dt-notice-content"), u = i("dt-notice-action");
+  return d(), C("aside", {
+    class: v(s.noticeClass),
+    "data-qa": "notice"
+  }, [
+    t.hideIcon ? k("", !0) : (d(), B(a, {
+      key: 0,
+      kind: t.kind
+    }, {
+      default: o(() => [
+        n(e.$slots, "icon")
+      ]),
+      _: 3
+    }, 8, ["kind"])),
+    c(r, {
+      "title-id": t.titleId,
+      "content-id": t.contentId,
+      title: t.title,
+      role: t.role
+    }, {
+      titleOverride: o(() => [
+        n(e.$slots, "titleOverride")
+      ]),
+      default: o(() => [
+        n(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["title-id", "content-id", "title", "role"]),
+    c(u, {
+      "hide-action": t.hideAction,
+      "hide-close": t.hideClose,
+      "close-button-props": t.closeButtonProps,
+      "visually-hidden-close": e.visuallyHiddenClose,
+      "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
+      onClose: l[0] || (l[0] = (O) => e.$emit("close"))
+    }, {
+      default: o(() => [
+        n(e.$slots, "action")
+      ]),
+      _: 3
+    }, 8, ["hide-action", "hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
+  ], 2);
+}
+const L = /* @__PURE__ */ I(b, [["render", N]]);
+export {
+  L as default
+};
+//# sourceMappingURL=notice.js.map