@dialpad/dialtone 9.83.1 → 9.84.0

package/dist/vue3/components/notice/notice.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice.vue.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  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":["DtNoticeIcon","DtNoticeContent","DtNoticeAction","SrOnlyCloseButtonMixin","NOTICE_ROLES","NOTICE_KINDS","_createElementBlock","_normalizeClass","_createBlock","_withCtx","_renderSlot","_createCommentVNode","_createVNode"],"mappings":"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"}

package/dist/vue3/components/notice/notice.vue.js

@@ -0,0 +1,196 @@
+import DtNoticeIcon from "./notice_icon.vue.js";
+import DtNoticeContent from "./notice_content.vue.js";
+import DtNoticeAction from "./notice_action.vue.js";
+import { NOTICE_ROLES, NOTICE_KINDS } from "./notice_constants.js";
+import SrOnlyCloseButtonMixin from "../../common/mixins/sr_only_close_button.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createCommentVNode, createVNode } from "vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "DtNotice",
+  components: {
+    DtNoticeIcon,
+    DtNoticeContent,
+    DtNoticeAction
+  },
+  mixins: [SrOnlyCloseButtonMixin],
+  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(role) {
+        return NOTICE_ROLES.includes(role);
+      }
+    },
+    /**
+     * 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: false
+    },
+    /**
+     * Severity level of the notice, sets the icon and background
+     * @values base, error, info, success, warning
+     */
+    kind: {
+      type: String,
+      default: "base",
+      validate(kind) {
+        return NOTICE_KINDS.includes(kind);
+      }
+    },
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Hides the close button from the notice
+     * @values true, false
+     */
+    hideClose: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Hides the icon from the notice
+     * @values true, false
+     */
+    hideIcon: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Truncates the content instead of wrapping.
+     * Used when the notice needs to have a fixed height.
+     * @values true, false
+     */
+    truncateText: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    /**
+     * Close button click event
+     *
+     * @event close
+     */
+    "close",
+    /**
+     * Native button click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ],
+  computed: {
+    noticeClass() {
+      const noticeKinds = {
+        error: "d-notice--error",
+        info: "d-notice--info",
+        success: "d-notice--success",
+        warning: "d-notice--warning",
+        base: "d-notice--base"
+      };
+      return [
+        "d-notice",
+        noticeKinds[this.kind],
+        { "d-notice--important": this.important, "d-notice--truncate": this.truncateText }
+      ];
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_notice_icon = resolveComponent("dt-notice-icon");
+  const _component_dt_notice_content = resolveComponent("dt-notice-content");
+  const _component_dt_notice_action = resolveComponent("dt-notice-action");
+  return openBlock(), createElementBlock("aside", {
+    class: normalizeClass($options.noticeClass),
+    "data-qa": "notice"
+  }, [
+    !$props.hideIcon ? (openBlock(), createBlock(_component_dt_notice_icon, {
+      key: 0,
+      kind: $props.kind
+    }, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "icon")
+      ]),
+      _: 3
+    }, 8, ["kind"])) : createCommentVNode("", true),
+    createVNode(_component_dt_notice_content, {
+      "title-id": $props.titleId,
+      "content-id": $props.contentId,
+      title: $props.title,
+      role: $props.role
+    }, {
+      titleOverride: withCtx(() => [
+        renderSlot(_ctx.$slots, "titleOverride")
+      ]),
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["title-id", "content-id", "title", "role"]),
+    createVNode(_component_dt_notice_action, {
+      "hide-action": $props.hideAction,
+      "hide-close": $props.hideClose,
+      "close-button-props": $props.closeButtonProps,
+      "visually-hidden-close": _ctx.visuallyHiddenClose,
+      "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
+      onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+    }, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "action")
+      ]),
+      _: 3
+    }, 8, ["hide-action", "hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
+  ], 2);
+}
+const notice = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  notice as default
+};
+//# sourceMappingURL=notice.vue.js.map

package/dist/vue3/components/notice/notice.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice.vue.js","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  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":["_createElementBlock","_normalizeClass","_createBlock","_withCtx","_renderSlot","_createCommentVNode","_createVNode"],"mappings":"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"}

package/dist/vue3/components/notice/notice_action.vue.cjs

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue3 = require("@dialpad/dialtone-icons/vue3");
+const sr_only_close_button$1 = require("../../common/mixins/sr_only_close_button.cjs");
+const sr_only_close_button = require("../../common/sr_only_close_button.vue.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
+const button = require("../button/button.vue.cjs");
+const _sfc_main = {
+  name: "DtNoticeAction",
+  components: {
+    DtIconClose: vue3.DtIconClose,
+    DtButton: button.default,
+    SrOnlyCloseButton: sr_only_close_button.default
+  },
+  mixins: [sr_only_close_button$1.default],
+  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: false
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    /**
+     * Close button click event
+     *
+     * @event close
+     */
+    "close"
+  ],
+  created() {
+    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {
+      console.error("Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.");
+    }
+  },
+  mounted() {
+    if (!this.hideClose) {
+      this.lastFocusedElement = document.activeElement;
+    }
+  },
+  beforeUnmount() {
+    var _a;
+    (_a = this.lastFocusedElement) == null ? void 0 : _a.focus();
+  },
+  methods: {
+    close() {
+      this.$emit("close");
+    }
+  }
+};
+const _hoisted_1 = {
+  class: "d-notice__actions",
+  "data-qa": "notice-content-actions"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_close = vue.resolveComponent("dt-icon-close");
+  const _component_dt_button = vue.resolveComponent("dt-button");
+  const _component_sr_only_close_button = vue.resolveComponent("sr-only-close-button");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    !$props.hideAction ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true),
+    !$props.hideClose ? (vue.openBlock(), vue.createBlock(_component_dt_button, vue.mergeProps({
+      key: 1,
+      ref: "closeButton",
+      "data-qa": "dt-notice-action-close-button",
+      size: "sm",
+      importance: "clear",
+      circle: "",
+      "aria-label": $props.closeButtonProps.ariaLabel ? $props.closeButtonProps.ariaLabel : "Close"
+    }, $props.closeButtonProps, { onClick: $options.close }), {
+      icon: vue.withCtx(() => [
+        vue.createVNode(_component_dt_icon_close, { size: "200" })
+      ]),
+      _: 1
+    }, 16, ["aria-label", "onClick"])) : vue.createCommentVNode("", true),
+    _ctx.showVisuallyHiddenClose ? (vue.openBlock(), vue.createBlock(_component_sr_only_close_button, {
+      key: 2,
+      "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
+      onClose: $options.close
+    }, null, 8, ["visually-hidden-close-label", "onClose"])) : vue.createCommentVNode("", true)
+  ]);
+}
+const DtNoticeAction = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = DtNoticeAction;
+//# sourceMappingURL=notice_action.vue.cjs.map

package/dist/vue3/components/notice/notice_action.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice_action.vue.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  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":["DtIconClose","DtButton","SrOnlyCloseButton","SrOnlyCloseButtonMixin","_openBlock","_createElementBlock","_renderSlot","_createCommentVNode","_createBlock","_mergeProps","_createVNode"],"mappings":";;;;;;;;AAsCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,iBACVA,KAAW;AAAA,IACX,UAAAC,OAAQ;AAAA,IACR,mBAAAC,qBAAiB;AAAA,EAClB;AAAA,EAED,QAAQ,CAACC,uBAAAA,OAAsB;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,QAAI,CAAC,KAAK,aAAa,CAAC,KAAK,iBAAiB,WAAW;AACvD,cAAQ,MAAM,8FAA8F;AAAA,IAC9G;AAAA,EACD;AAAA,EAED,UAAW;AACT,QAAI,CAAC,KAAK,WAAW;AACnB,WAAK,qBAAqB,SAAS;AAAA,IACrC;AAAA,EACD;AAAA,EAED,gBAAiB;;AACf,eAAK,uBAAL,mBAAyB;AAAA,EAC1B;AAAA,EAED,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;EAzGI,OAAM;AAAA,EACN,WAAQ;;;;;;AAFV,SAAAC,cAAA,GAAAC,uBA4BM,OA5BN,YA4BM;AAAA,KAvBS,OAAU,aAAvBC,IAAA,WAA2B,0BAN/B,KAAA,GAAA,IAAAC,IAAA,mBAAA,IAAA,IAAA;AAAA,KAQa,OAAS,aADlBH,IAAAA,aAAAI,IAAAA,YAgBY,sBAhBZC,eAgBY;AAAA,MAvBhB,KAAA;AAAA,MASM,KAAI;AAAA,MACJ,WAAQ;AAAA,MACR,MAAK;AAAA,MACL,YAAW;AAAA,MACX,QAAA;AAAA,MACC,cAAY,OAAgB,iBAAC,YAAY,OAAA,iBAAiB,YAAS;AAAA,OAC5D,OAAgB,kBAAA,EACvB,SAAO,SAAK,MAAA,CAAA,GAAA;AAAA,MAEF,kBACT,MAEE;AAAA,QAFFC,IAAAA,YAEE,0BAAA,EADA,MAAK,MAAK,CAAA;AAAA;MApBpB,GAAA;AAAA,yCAAAH,IAAA,mBAAA,IAAA,IAAA;AAAA,IAyBY,KAAuB,4CAD/BC,IAIE,YAAA,iCAAA;AAAA,MA5BN,KAAA;AAAA,MA0BO,+BAA6B,KAAwB;AAAA,MACrD,SAAO,SAAK;AAAA,+DA3BnBD,IAAA,mBAAA,IAAA,IAAA;AAAA;;;;"}

package/dist/vue3/components/notice/notice_action.vue.js

@@ -0,0 +1,103 @@
+import { DtIconClose } from "@dialpad/dialtone-icons/vue3";
+import SrOnlyCloseButtonMixin from "../../common/mixins/sr_only_close_button.js";
+import SrOnlyCloseButton from "../../common/sr_only_close_button.vue.js";
+import { resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createBlock, mergeProps, withCtx, createVNode } from "vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+import DtButton from "../button/button.vue.js";
+const _sfc_main = {
+  name: "DtNoticeAction",
+  components: {
+    DtIconClose,
+    DtButton,
+    SrOnlyCloseButton
+  },
+  mixins: [SrOnlyCloseButtonMixin],
+  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: false
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    /**
+     * Close button click event
+     *
+     * @event close
+     */
+    "close"
+  ],
+  created() {
+    if (!this.hideClose && !this.closeButtonProps.ariaLabel) {
+      console.error("Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.");
+    }
+  },
+  mounted() {
+    if (!this.hideClose) {
+      this.lastFocusedElement = document.activeElement;
+    }
+  },
+  beforeUnmount() {
+    var _a;
+    (_a = this.lastFocusedElement) == null ? void 0 : _a.focus();
+  },
+  methods: {
+    close() {
+      this.$emit("close");
+    }
+  }
+};
+const _hoisted_1 = {
+  class: "d-notice__actions",
+  "data-qa": "notice-content-actions"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_close = resolveComponent("dt-icon-close");
+  const _component_dt_button = resolveComponent("dt-button");
+  const _component_sr_only_close_button = resolveComponent("sr-only-close-button");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    !$props.hideAction ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+    !$props.hideClose ? (openBlock(), createBlock(_component_dt_button, mergeProps({
+      key: 1,
+      ref: "closeButton",
+      "data-qa": "dt-notice-action-close-button",
+      size: "sm",
+      importance: "clear",
+      circle: "",
+      "aria-label": $props.closeButtonProps.ariaLabel ? $props.closeButtonProps.ariaLabel : "Close"
+    }, $props.closeButtonProps, { onClick: $options.close }), {
+      icon: withCtx(() => [
+        createVNode(_component_dt_icon_close, { size: "200" })
+      ]),
+      _: 1
+    }, 16, ["aria-label", "onClick"])) : createCommentVNode("", true),
+    _ctx.showVisuallyHiddenClose ? (openBlock(), createBlock(_component_sr_only_close_button, {
+      key: 2,
+      "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
+      onClose: $options.close
+    }, null, 8, ["visually-hidden-close-label", "onClose"])) : createCommentVNode("", true)
+  ]);
+}
+const DtNoticeAction = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DtNoticeAction as default
+};
+//# sourceMappingURL=notice_action.vue.js.map

package/dist/vue3/components/notice/notice_action.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice_action.vue.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  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":["_openBlock","_createElementBlock","_renderSlot","_createCommentVNode","_createBlock","_mergeProps","_createVNode"],"mappings":";;;;;;AAsCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,QAAQ,CAAC,sBAAsB;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,QAAI,CAAC,KAAK,aAAa,CAAC,KAAK,iBAAiB,WAAW;AACvD,cAAQ,MAAM,8FAA8F;AAAA,IAC9G;AAAA,EACD;AAAA,EAED,UAAW;AACT,QAAI,CAAC,KAAK,WAAW;AACnB,WAAK,qBAAqB,SAAS;AAAA,IACrC;AAAA,EACD;AAAA,EAED,gBAAiB;;AACf,eAAK,uBAAL,mBAAyB;AAAA,EAC1B;AAAA,EAED,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;EAzGI,OAAM;AAAA,EACN,WAAQ;;;;;;AAFV,SAAAA,UAAA,GAAAC,mBA4BM,OA5BN,YA4BM;AAAA,KAvBS,OAAU,aAAvBC,WAA2B,0BAN/B,KAAA,GAAA,IAAAC,mBAAA,IAAA,IAAA;AAAA,KAQa,OAAS,aADlBH,aAAAI,YAgBY,sBAhBZC,WAgBY;AAAA,MAvBhB,KAAA;AAAA,MASM,KAAI;AAAA,MACJ,WAAQ;AAAA,MACR,MAAK;AAAA,MACL,YAAW;AAAA,MACX,QAAA;AAAA,MACC,cAAY,OAAgB,iBAAC,YAAY,OAAA,iBAAiB,YAAS;AAAA,OAC5D,OAAgB,kBAAA,EACvB,SAAO,SAAK,MAAA,CAAA,GAAA;AAAA,MAEF,cACT,MAEE;AAAA,QAFFC,YAEE,0BAAA,EADA,MAAK,MAAK,CAAA;AAAA;MApBpB,GAAA;AAAA,yCAAAH,mBAAA,IAAA,IAAA;AAAA,IAyBY,KAAuB,wCAD/BC,YAIE,iCAAA;AAAA,MA5BN,KAAA;AAAA,MA0BO,+BAA6B,KAAwB;AAAA,MACrD,SAAO,SAAK;AAAA,+DA3BnBD,mBAAA,IAAA,IAAA;AAAA;;;"}

package/dist/vue3/components/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":[],"mappings":";;AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;;;"}

package/dist/vue3/components/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":[],"mappings":"AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;"}

package/dist/vue3/components/notice/notice_content.vue.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const common_utils = require("../../common/utils.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
+const _sfc_main = {
+  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: common_utils.hasSlotContent
+    };
+  }
+};
+const _hoisted_1 = {
+  class: "d-notice__content",
+  "data-qa": "notice-content"
+};
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["id"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    $props.title || $data.hasSlotContent(_ctx.$slots.titleOverride) ? (vue.openBlock(), vue.createElementBlock("p", {
+      key: 0,
+      id: $props.titleId,
+      class: "d-notice__title",
+      "data-qa": "notice-content-title"
+    }, [
+      vue.renderSlot(_ctx.$slots, "titleOverride", {}, () => [
+        vue.createTextVNode(vue.toDisplayString($props.title), 1)
+      ])
+    ], 8, _hoisted_2)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("p", {
+      id: $props.contentId,
+      class: "d-notice__message",
+      "data-qa": "notice-content-message"
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 8, _hoisted_3)
+  ]);
+}
+const DtNoticeContent = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = DtNoticeContent;
+//# sourceMappingURL=notice_content.vue.cjs.map

package/dist/vue3/components/notice/notice_content.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice_content.vue.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  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":["hasSlotContent","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode"],"mappings":";;;;;AA8BA,MAAK,YAAU;AAAA,EACb,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,gBAAAA,aAAc;AAAA;EAEjB;AACH;;EAhEI,OAAM;AAAA,EACN,WAAQ;;AAHZ,MAAA,aAAA,CAAA,IAAA;AAAA,MAAA,aAAA,CAAA,IAAA;;AACE,SAAAC,cAAA,GAAAC,uBAuBM,OAvBN,YAuBM;AAAA,IAlBI,OAAA,SAAS,MAAA,eAAe,KAAA,OAAO,aAAa,sBADpDA,IAUI,mBAAA,KAAA;AAAA,MAfR,KAAA;AAAA,MAOO,IAAI,OAAO;AAAA,MACZ,OAAM;AAAA,MACN,WAAQ;AAAA;MAGRC,IAAAA,WAEO,kCAFP,MAEO;AAAA,QAdbC,IAAAA,gBAAAC,IAAAA,gBAaW,OAAK,KAAA,GAAA,CAAA;AAAA;IAbhB,GAAA,GAAA,UAAA,KAAAC,IAAA,mBAAA,IAAA,IAAA;AAAA,IAgBIC,IAAAA,mBAOI,KAAA;AAAA,MAND,IAAI,OAAS;AAAA,MACd,OAAM;AAAA,MACN,WAAQ;AAAA;MAGRJ,eAAQ,KAAA,QAAA,SAAA;AAAA,IAtBd,GAAA,GAAA,UAAA;AAAA;;;;"}

package/dist/vue3/components/notice/notice_content.vue.js

@@ -0,0 +1,68 @@
+import { hasSlotContent } from "../../common/utils.js";
+import { openBlock, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  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
+    };
+  }
+};
+const _hoisted_1 = {
+  class: "d-notice__content",
+  "data-qa": "notice-content"
+};
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["id"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    $props.title || $data.hasSlotContent(_ctx.$slots.titleOverride) ? (openBlock(), createElementBlock("p", {
+      key: 0,
+      id: $props.titleId,
+      class: "d-notice__title",
+      "data-qa": "notice-content-title"
+    }, [
+      renderSlot(_ctx.$slots, "titleOverride", {}, () => [
+        createTextVNode(toDisplayString($props.title), 1)
+      ])
+    ], 8, _hoisted_2)) : createCommentVNode("", true),
+    createElementVNode("p", {
+      id: $props.contentId,
+      class: "d-notice__message",
+      "data-qa": "notice-content-message"
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 8, _hoisted_3)
+  ]);
+}
+const DtNoticeContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DtNoticeContent as default
+};
+//# sourceMappingURL=notice_content.vue.js.map

package/dist/vue3/components/notice/notice_content.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice_content.vue.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  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":["_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode"],"mappings":";;;AA8BA,MAAK,YAAU;AAAA,EACb,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;AAAA;EAEH;AACH;;EAhEI,OAAM;AAAA,EACN,WAAQ;;AAHZ,MAAA,aAAA,CAAA,IAAA;AAAA,MAAA,aAAA,CAAA,IAAA;;AACE,SAAAA,UAAA,GAAAC,mBAuBM,OAvBN,YAuBM;AAAA,IAlBI,OAAA,SAAS,MAAA,eAAe,KAAA,OAAO,aAAa,kBADpDA,mBAUI,KAAA;AAAA,MAfR,KAAA;AAAA,MAOO,IAAI,OAAO;AAAA,MACZ,OAAM;AAAA,MACN,WAAQ;AAAA;MAGRC,WAEO,kCAFP,MAEO;AAAA,QAdbC,gBAAAC,gBAaW,OAAK,KAAA,GAAA,CAAA;AAAA;IAbhB,GAAA,GAAA,UAAA,KAAAC,mBAAA,IAAA,IAAA;AAAA,IAgBIC,mBAOI,KAAA;AAAA,MAND,IAAI,OAAS;AAAA,MACd,OAAM;AAAA,MACN,WAAQ;AAAA;MAGRJ,WAAQ,KAAA,QAAA,SAAA;AAAA,IAtBd,GAAA,GAAA,UAAA;AAAA;;;"}