@dialpad/dialtone 9.77.0-beta.1 → 9.78.0

package/dist/vue2/types/recipes/leftbar/contact_row/contact_row.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_row/contact_row.vue.js"],"names":[],"mappings":";IAqBI;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAhIH;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"contact_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_row/contact_row.vue"],"names":[],"mappings":"AAgEA;"}

package/dist/vue2/types/recipes/leftbar/contact_row/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DtRecipeContactRow } from "./contact_row.vue";
+export { default as DtRecipeContactRow } from './contact_row.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/vue2/types/recipes/leftbar/general_row/general_row.vue.d.ts

@@ -1,133 +1,74 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * Determines the icon to show.
-     * If type is contact center, the color prop must be provided and will determine the color of the icon
-     */
+declare const _default: import('vue').DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
         validator: (type: unknown) => boolean;
     };
-    /**
-     * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
-     */
     ariaLabel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text displayed next to the icon. Required. Even if you are overriding this field using the label slot
-     * you still must input this as it will be displayed as the "title" attribute for the row.
-     */
     description: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Determines the color of the contact center icon
-     */
     color: {
         type: StringConstructor;
         default: null;
         validator: (color: unknown) => boolean;
     };
-    /**
-     * The channel setting, either 'mention' or 'always'.
-     * @values 'mention', 'always', null.
-     */
     channelSetting: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
     hasUnreads: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Number of unread messages
-     */
     unreadCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Number of unread mention messages
-     */
     unreadMentionCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Text shown when the unread count is hovered.
-     */
     unreadCountTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Determines if the row is selected
-     */
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Gives a faded style to be used when muted
-     */
     muted: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Shows styling to represent an active voice chat. This will display over unreadCount.
-     */
     activeVoiceChat: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Acronym used to represent "Do not Disturb" state. If entered will display the entered text alongside
-     * unreadCount.
-     */
     dndText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text shown in tooltip when you hover the dndText
-     */
     dndTextTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Whether the row should have a call button. Usually only applicable to individual contact rows.
-     */
     hasCallButton: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Text shown when the call button is hovered.
-     */
     callButtonTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
     isTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Sets the size of the icon.
-     */
     iconSize: {
         type: StringConstructor;
         default: string;
@@ -153,145 +94,81 @@ declare const _default: import("vue").DefineComponent<{
     hasUnreadCount(): boolean;
     hasUnreadMentionCount(): boolean;
     shouldApplyCustomStyleForCountBadge(): boolean;
-    /**
-     * When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,
-     * if there are only mention messages, we should apply the theme design tokens var(--dt-theme-mention-color-[background||foreground]-strong).
-     * @returns {boolean}
-     */
     shouldApplyCustomStyleForMentionOnly(): boolean;
 }, {
     validateProps(): void;
     adjustLabelWidth(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "call")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Determines the icon to show.
-     * If type is contact center, the color prop must be provided and will determine the color of the icon
-     */
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("call" | "click")[], string, Readonly<import('vue').ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
         validator: (type: unknown) => boolean;
     };
-    /**
-     * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
-     */
     ariaLabel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text displayed next to the icon. Required. Even if you are overriding this field using the label slot
-     * you still must input this as it will be displayed as the "title" attribute for the row.
-     */
     description: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Determines the color of the contact center icon
-     */
     color: {
         type: StringConstructor;
         default: null;
         validator: (color: unknown) => boolean;
     };
-    /**
-     * The channel setting, either 'mention' or 'always'.
-     * @values 'mention', 'always', null.
-     */
     channelSetting: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
     hasUnreads: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Number of unread messages
-     */
     unreadCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Number of unread mention messages
-     */
     unreadMentionCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Text shown when the unread count is hovered.
-     */
     unreadCountTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Determines if the row is selected
-     */
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Gives a faded style to be used when muted
-     */
     muted: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Shows styling to represent an active voice chat. This will display over unreadCount.
-     */
     activeVoiceChat: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Acronym used to represent "Do not Disturb" state. If entered will display the entered text alongside
-     * unreadCount.
-     */
     dndText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text shown in tooltip when you hover the dndText
-     */
     dndTextTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Whether the row should have a call button. Usually only applicable to individual contact rows.
-     */
     hasCallButton: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Text shown when the call button is hovered.
-     */
     callButtonTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
     isTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Sets the size of the icon.
-     */
     iconSize: {
         type: StringConstructor;
         default: string;

package/dist/vue2/types/recipes/leftbar/general_row/general_row.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue.js"],"names":[],"mappings":";IAiCI;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;IA6FH;;;;OAIG;4CADU,OAAO;;;;;IArPpB;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue"],"names":[],"mappings":"AA8IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA6uBiB,OAAO"}

package/dist/vue2/types/recipes/leftbar/general_row/index.d.ts

@@ -1,3 +1,3 @@
-export { default as DtRecipeGeneralRow } from "./general_row.vue";
-export { LEFTBAR_GENERAL_ROW_TYPES, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES } from "./general_row_constants";
+export { default as DtRecipeGeneralRow } from './general_row.vue';
+export { LEFTBAR_GENERAL_ROW_TYPES, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES } from './general_row_constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/vue2/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
     type: {
         type: StringConstructor;
         default: null;
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     getIconName(): any;
     contactCenterIconClasses(): any[];
     dialbotClasses(): string[];
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: null;

package/dist/vue2/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"leftbar_general_row_icon.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue.js"],"names":[],"mappings":""}
+{"version":3,"file":"leftbar_general_row_icon.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"names":[],"mappings":"AAoBA;"}

package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts

@@ -1,103 +1,59 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
-     */
+declare const _default: import('vue').DefineComponent<{
     groupCountText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Names of the group members
-     */
     names: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Number of unread messages
-     */
     unreadCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Text shown when the unread count is hovered.
-     */
     unreadCountTooltip: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
     hasUnreads: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Determines if the row is selected
-     */
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
     isTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {}, {}, {
     ariaLabel(): string;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
-     */
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], string, Readonly<import('vue').ExtractPropTypes<{
     groupCountText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Names of the group members
-     */
     names: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Number of unread messages
-     */
     unreadCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Text shown when the unread count is hovered.
-     */
     unreadCountTooltip: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
     hasUnreads: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Determines if the row is selected
-     */
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
     isTyping: {
         type: BooleanConstructor;
         default: boolean;

package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/group_row/group_row.vue.js"],"names":[],"mappings":";IAkBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;IAnDH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"group_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/group_row/group_row.vue"],"names":[],"mappings":"AAmBA;"}

package/dist/vue2/types/recipes/leftbar/group_row/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DtRecipeGroupRow } from "./group_row.vue";
+export { default as DtRecipeGroupRow } from './group_row.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/vue2/types/recipes/leftbar/unread_pill/index.d.ts

@@ -1,3 +1,3 @@
-export { default as DtRecipeUnreadPill } from "./unread_pill.vue";
-export { UNREAD_PILL_KINDS, UNREAD_PILL_DIRECTIONS } from "./unread_pill_constants";
+export { default as DtRecipeUnreadPill } from './unread_pill.vue';
+export { UNREAD_PILL_KINDS, UNREAD_PILL_DIRECTIONS } from './unread_pill_constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/vue2/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts

@@ -1,36 +1,20 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The kind of unread pill which determines the styling
-     * @values 'mentions', 'messages'
-     **/
+declare const _default: import('vue').DefineComponent<{
     kind: {
         type: StringConstructor;
         required: true;
         validator: (kind: unknown) => boolean;
     };
-    /**
-     * The direction of the arrow icon
-     * @values 'up', 'down'
-     **/
     direction: {
         type: StringConstructor;
         required: true;
         validator: (dir: unknown) => boolean;
     };
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The kind of unread pill which determines the styling
-     * @values 'mentions', 'messages'
-     **/
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], string, Readonly<import('vue').ExtractPropTypes<{
     kind: {
         type: StringConstructor;
         required: true;
         validator: (kind: unknown) => boolean;
     };
-    /**
-     * The direction of the arrow icon
-     * @values 'up', 'down'
-     **/
     direction: {
         type: StringConstructor;
         required: true;

package/dist/vue2/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unread_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill.vue.js"],"names":[],"mappings":";IAaI;;;QAGI;;;;;;IAOJ;;;QAGI;;;;;;;IAbJ;;;QAGI;;;;;;IAOJ;;;QAGI"}
+{"version":3,"file":"unread_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill.vue"],"names":[],"mappings":"AAoBA;"}

package/dist/vue2/types/recipes/notices/top_banner_info/index.d.ts

@@ -1,3 +1,3 @@
-export { default as DtRecipeTopBannerInfo } from "./top_banner_info.vue";
-export { COLOR_CODES } from "./top_banner_info_constants";
+export { default as DtRecipeTopBannerInfo } from './top_banner_info.vue';
+export { COLOR_CODES } from './top_banner_info_constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/vue2/types/recipes/notices/top_banner_info/top_banner_info.vue.d.ts

@@ -1,7 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * color of the banner background
-     */
+declare const _default: import('vue').DefineComponent<{
     colorCode: {
         type: StringConstructor;
         default: string;
@@ -9,10 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {
     bannerInfoClass(): any[];
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * color of the banner background
-     */
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     colorCode: {
         type: StringConstructor;
         default: string;

package/dist/vue2/types/recipes/notices/top_banner_info/top_banner_info.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top_banner_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/notices/top_banner_info/top_banner_info.vue.js"],"names":[],"mappings":";IAQI;;OAEG;;;;;;;;;IAFH;;OAEG"}
+{"version":3,"file":"top_banner_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/notices/top_banner_info/top_banner_info.vue"],"names":[],"mappings":"AAsBA;"}

package/dist/vue3/common/sr_only_close_button.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sr_only_close_button.vue.cjs","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon-close />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["DtIconClose","DtButton","_createBlock","_createVNode"],"mappings":";;;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,iBACVA,KAAW;AAAA,IACX,UAAAC;AAAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;0BAzCEC,IASY,YAAA,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,0CAA4B,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;yBAElC,MAAiB;AAAA,MAAjBC,IAAAA,YAAiB,wBAAA;AAAA;;;;;;"}
+{"version":3,"file":"sr_only_close_button.vue.cjs","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon-close />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["DtIconClose","DtButton","_createBlock","_withKeys","_withModifiers","_withCtx","_createVNode"],"mappings":";;;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,iBACVA,KAAW;AAAA,IACX,UAAAC;AAAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;0BAzCEC,IASY,YAAA,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,WAPLC,IAAA,SAAAC,kBAOiC,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;IAPtC,SAAAC,IAAA,QASI,MAAiB;AAAA,MAAjBC,IAAAA,YAAiB,wBAAA;AAAA;IATrB,GAAA;AAAA;;;;"}

package/dist/vue3/common/sr_only_close_button.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"sr_only_close_button.vue.js","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon-close />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;sBAzCEA,YASY,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,kCAA4B,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;qBAElC,MAAiB;AAAA,MAAjBC,YAAiB,wBAAA;AAAA;;;;;"}
+{"version":3,"file":"sr_only_close_button.vue.js","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon-close />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withKeys","_withModifiers","_withCtx","_createVNode"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;sBAzCEA,YASY,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,WAPLC,SAAAC,cAOiC,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;IAPtC,SAAAC,QASI,MAAiB;AAAA,MAAjBC,YAAiB,wBAAA;AAAA;IATrB,GAAA;AAAA;;;"}

package/dist/vue3/common/utils.cjs

@@ -194,6 +194,12 @@ function safeConcatStrings(elements) {
 function capitalizeFirstLetter(str, locale = "en-US") {
   return str.replace(new RegExp("^\\p{CWU}", "u"), (char) => char.toLocaleUpperCase(locale));
 }
+function warnIfUnmounted(componentRef, componentName) {
+  if (!componentRef || !(componentRef instanceof HTMLElement) || !(document == null ? void 0 : document.body)) return;
+  if (!document.body.contains(componentRef)) {
+    console.warn(`The ${componentName} component is not attached to the document body. This may cause issues.`);
+  }
+}
 const utils = {
   getUniqueString,
   getRandomElement,
@@ -241,4 +247,5 @@ exports.kebabCaseToPascalCase = kebabCaseToPascalCase;
 exports.linkRegex = linkRegex;
 exports.pascalCaseToKebabCase = pascalCaseToKebabCase;
 exports.safeConcatStrings = safeConcatStrings;
+exports.warnIfUnmounted = warnIfUnmounted;
 //# sourceMappingURL=utils.cjs.map