@dialpad/dialtone 9.133.0-next.2 → 9.134.0

package/dist/vue3/lib/toast/toast.js

@@ -1,18 +1,18 @@
-import { TOAST_ROLES as A, TOAST_ALTERNATE_KINDS as O, TOAST_MIN_DURATION as v, TOAST_LAYOUTS as U } from "./toast-constants.js";
-import m from "../../common/utils/index.js";
-import { resolveComponent as l, openBlock as d, createElementBlock as p, normalizeClass as B, createElementVNode as u, createBlock as _, mergeProps as s, withCtx as i, renderSlot as n, createCommentVNode as r, createVNode as h, createTextVNode as T, toDisplayString as C, resolveDynamicComponent as N } from "vue";
+import { TOAST_ROLES as A, TOAST_ALTERNATE_KINDS as L, TOAST_MIN_DURATION as v, TOAST_LAYOUTS as V } from "./toast-constants.js";
+import m, { extractVueListeners as O } from "../../common/utils/index.js";
+import { resolveComponent as l, createElementBlock as T, createCommentVNode as r, openBlock as d, normalizeClass as B, createElementVNode as u, createBlock as _, createVNode as h, mergeProps as s, withCtx as o, renderSlot as i, createTextVNode as C, toDisplayString as p, resolveDynamicComponent as N } from "vue";
 import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import M from "../notice/notice-icon.js";
-import L from "../notice/notice-content.js";
 import E from "../notice/notice-action.js";
-import { NOTICE_KINDS as R } from "../notice/notice-constants.js";
-import { DtIconInfo as f, DtIconAlertTriangle as $, DtIconBell as b, DtIconSparkle as z } from "@dialpad/dialtone-icons/vue3";
-import { ICON_SIZE_MODIFIERS as V } from "../icon/icon-constants.js";
-const K = {
+import b from "../notice/notice-content.js";
+import R from "../notice/notice-icon.js";
+import { NOTICE_KINDS as K } from "../notice/notice-constants.js";
+import { DtIconSparkle as z, DtIconBell as q, DtIconAlertTriangle as U, DtIconInfo as f } from "@dialpad/dialtone-icons/vue3";
+import { ICON_SIZE_MODIFIERS as $ } from "../icon/icon-constants.js";
+const j = {
   name: "ToastLayoutDefault",
   components: {
-    DtNoticeIcon: M,
-    DtNoticeContent: L,
+    DtNoticeIcon: R,
+    DtNoticeContent: b,
     DtNoticeAction: E
   },
   inheritAttrs: !1,
@@ -72,7 +72,7 @@ const K = {
     kind: {
       type: String,
       default: "base",
-      validator: (t) => R.includes(t)
+      validator: (t) => K.includes(t)
     },
     /**
      * Used in scenarios where the message needs to visually dominate the screen.
@@ -117,28 +117,32 @@ const K = {
         warning: "d-toast--warning",
         base: "d-toast--base"
       }[this.kind];
+    },
+    toastListeners() {
+      return O(this.$attrs);
     }
   }
-}, j = ["aria-hidden"], F = { class: "d-toast__dialog" };
-function P(t, a, e, g, c, o) {
+}, F = ["aria-hidden"], P = { class: "d-toast__dialog" };
+function Y(t, a, e, g, c, n) {
   const S = l("dt-notice-icon"), I = l("dt-notice-content"), k = l("dt-notice-action");
-  return e.isShown ? (d(), p("div", {
+  return e.isShown ? (d(), T("div", {
     key: 0,
     class: B([
       "d-toast",
-      o.kindClass,
+      n.kindClass,
+      t.$attrs.class,
       { "d-toast--important": e.important }
     ]),
     "data-qa": "dt-toast",
     "aria-hidden": (!e.isShown).toString()
   }, [
-    u("div", F, [
+    u("div", P, [
       e.hideIcon ? r("", !0) : (d(), _(S, s({
         key: 0,
         kind: e.kind
-      }, t.$attrs), {
-        default: i(() => [
-          n(t.$slots, "icon")
+      }, n.toastListeners), {
+        default: o(() => [
+          i(t.$slots, "icon")
         ]),
         _: 3
       }, 16, ["kind"])),
@@ -147,13 +151,13 @@ function P(t, a, e, g, c, o) {
         "content-id": e.contentId,
         title: e.title,
         role: e.role
-      }, t.$attrs), {
-        titleOverride: i(() => [
-          n(t.$slots, "titleOverride")
+      }, n.toastListeners), {
+        titleOverride: o(() => [
+          i(t.$slots, "titleOverride")
         ]),
-        default: i(() => [
-          n(t.$slots, "default", {}, () => [
-            T(C(e.message), 1)
+        default: o(() => [
+          i(t.$slots, "default", {}, () => [
+            C(p(e.message), 1)
           ])
         ]),
         _: 3
@@ -161,31 +165,31 @@ function P(t, a, e, g, c, o) {
       h(k, s({
         "hide-action": e.hideAction,
         "hide-close": e.hideClose
-      }, t.$attrs, {
-        onClose: a[0] || (a[0] = (q) => t.$emit("close"))
+      }, n.toastListeners, {
+        onClose: a[0] || (a[0] = (M) => t.$emit("close"))
       }), {
-        default: i(() => [
-          n(t.$slots, "action")
+        default: o(() => [
+          i(t.$slots, "action")
         ]),
         _: 3
       }, 16, ["hide-action", "hide-close"])
     ])
-  ], 10, j)) : r("", !0);
+  ], 10, F)) : r("", !0);
 }
-const w = /* @__PURE__ */ y(K, [["render", P]]), Y = /* @__PURE__ */ new Map([
+const w = /* @__PURE__ */ y(j, [["render", Y]]), Z = /* @__PURE__ */ new Map([
   ["info", f],
   ["success", f],
-  ["warning", $],
+  ["warning", U],
   ["error", f],
-  ["base", b],
+  ["base", q],
   ["gradient", z]
-]), Z = {
+]), G = {
   compatConfig: { MODE: 3 },
   name: "DtToastLayoutAlternateIcon",
   components: {
     DtIconInfo: f,
-    DtIconAlertTriangle: $,
-    DtIconBell: b,
+    DtIconAlertTriangle: U,
+    DtIconBell: q,
     DtIconSparkle: z
   },
   props: {
@@ -197,40 +201,40 @@ const w = /* @__PURE__ */ y(K, [["render", P]]), Y = /* @__PURE__ */ new Map([
       type: String,
       default: "base",
       validate(t) {
-        return O.includes(t);
+        return L.includes(t);
       }
     },
     size: {
       type: String,
       default: "400",
-      validator: (t) => Object.keys(V).includes(t)
+      validator: (t) => Object.keys($).includes(t)
     }
   },
   computed: {
     defaultIcon() {
-      return Y.get(this.kind);
+      return Z.get(this.kind);
     }
   }
-}, G = {
+}, H = {
   "aria-hidden": "true",
   class: "d-toast-layout-alternate__icon"
 };
-function H(t, a, e, g, c, o) {
-  return d(), p("div", G, [
-    n(t.$slots, "default", {}, () => [
-      o.defaultIcon ? (d(), _(N(o.defaultIcon), {
+function J(t, a, e, g, c, n) {
+  return d(), T("div", H, [
+    i(t.$slots, "default", {}, () => [
+      n.defaultIcon ? (d(), _(N(n.defaultIcon), {
         key: 0,
         size: e.size
       }, null, 8, ["size"])) : r("", !0)
     ])
   ]);
 }
-const J = /* @__PURE__ */ y(Z, [["render", H]]), Q = {
+const Q = /* @__PURE__ */ y(G, [["render", J]]), W = {
   name: "ToastLayoutAlternate",
   components: {
     DtNoticeAction: E,
-    DtNoticeContent: L,
-    DtToastLayoutAlternateIcon: J
+    DtNoticeContent: b,
+    DtToastLayoutAlternateIcon: Q
   },
   inheritAttrs: !1,
   props: {
@@ -289,7 +293,7 @@ const J = /* @__PURE__ */ y(Z, [["render", H]]), Q = {
     kind: {
       type: String,
       default: "base",
-      validator: (t) => O.includes(t)
+      validator: (t) => L.includes(t)
     },
     /**
      * Hides the close button from the toast
@@ -317,29 +321,33 @@ const J = /* @__PURE__ */ y(Z, [["render", H]]), Q = {
         warning: "d-toast-alternate--warning",
         gradient: "d-toast-alternate--gradient"
       }[this.kind];
+    },
+    toastListeners() {
+      return O(this.$attrs);
     }
   }
-}, W = ["aria-hidden"], X = { class: "d-toast-alternate__dialog" }, x = { class: "d-toast-alternate__header" }, tt = { class: "d-toast-alternate__content" };
-function et(t, a, e, g, c, o) {
+}, X = ["aria-hidden"], x = { class: "d-toast-alternate__dialog" }, tt = { class: "d-toast-alternate__header" }, et = { class: "d-toast-alternate__content" };
+function nt(t, a, e, g, c, n) {
   const S = l("dt-toast-layout-alternate-icon"), I = l("dt-notice-content"), k = l("dt-notice-action");
-  return e.isShown ? (d(), p("div", {
+  return e.isShown ? (d(), T("div", {
     key: 0,
     class: B([
       "d-toast-alternate",
-      o.kindClass
+      t.$attrs.class,
+      n.kindClass
     ]),
     "data-qa": "dt-toast",
     "aria-hidden": (!e.isShown).toString()
   }, [
-    u("div", X, [
-      u("div", x, [
+    u("div", x, [
+      u("div", tt, [
         e.hideIcon ? r("", !0) : (d(), _(S, s({
           key: 0,
           kind: e.kind,
           size: "200"
-        }, t.$attrs), {
-          default: i(() => [
-            n(t.$slots, "icon")
+        }, n.toastListeners), {
+          default: o(() => [
+            i(t.$slots, "icon")
           ]),
           _: 3
         }, 16, ["kind"])),
@@ -348,9 +356,9 @@ function et(t, a, e, g, c, o) {
           "content-id": e.contentId,
           title: e.title,
           role: e.role
-        }, t.$attrs), {
-          titleOverride: i(() => [
-            n(t.$slots, "titleOverride")
+        }, n.toastListeners), {
+          titleOverride: o(() => [
+            i(t.$slots, "titleOverride")
           ]),
           _: 3
         }, 16, ["title-id", "content-id", "title", "role"]),
@@ -358,19 +366,19 @@ function et(t, a, e, g, c, o) {
           "hide-action": !0,
           "hide-close": e.hideClose,
           "button-size": "xs"
-        }, t.$attrs, {
-          onClose: a[0] || (a[0] = (q) => t.$emit("close"))
+        }, n.toastListeners, {
+          onClose: a[0] || (a[0] = (M) => t.$emit("close"))
         }), null, 16, ["hide-close"])
       ]),
-      u("div", tt, [
-        n(t.$slots, "default", {}, () => [
-          T(C(e.message), 1)
+      u("div", et, [
+        i(t.$slots, "default", {}, () => [
+          C(p(e.message), 1)
         ])
       ])
     ])
-  ], 10, W)) : r("", !0);
+  ], 10, X)) : r("", !0);
 }
-const D = /* @__PURE__ */ y(Q, [["render", et]]), nt = {
+const D = /* @__PURE__ */ y(W, [["render", nt]]), it = {
   compatConfig: { MODE: 3 },
   name: "DtToast",
   components: {
@@ -486,7 +494,7 @@ const D = /* @__PURE__ */ y(Q, [["render", et]]), nt = {
     layout: {
       type: String,
       default: "default",
-      validator: (t) => U.includes(t)
+      validator: (t) => V.includes(t)
     }
   },
   emits: [
@@ -539,8 +547,8 @@ const D = /* @__PURE__ */ y(Q, [["render", et]]), nt = {
     }
   }
 };
-function it(t, a, e, g, c, o) {
-  return d(), _(N(o.selectedLayout), s({
+function ot(t, a, e, g, c, n) {
+  return d(), _(N(n.selectedLayout), s({
     "is-shown": c.isShown,
     "title-id": e.titleId,
     "content-id": e.contentId,
@@ -552,26 +560,26 @@ function it(t, a, e, g, c, o) {
     "hide-close": e.hideClose,
     "hide-icon": e.hideIcon,
     "hide-action": e.hideAction
-  }, t.$attrs, { onClose: o.handleClose }), {
-    icon: i(() => [
-      n(t.$slots, "icon")
+  }, t.$attrs, { onClose: n.handleClose }), {
+    icon: o(() => [
+      i(t.$slots, "icon")
     ]),
-    titleOverride: i(() => [
-      n(t.$slots, "titleOverride")
+    titleOverride: o(() => [
+      i(t.$slots, "titleOverride")
     ]),
-    action: i(() => [
-      n(t.$slots, "action")
+    action: o(() => [
+      i(t.$slots, "action")
     ]),
-    default: i(() => [
-      n(t.$slots, "default", {}, () => [
-        T(C(e.message), 1)
+    default: o(() => [
+      i(t.$slots, "default", {}, () => [
+        C(p(e.message), 1)
       ])
     ]),
     _: 3
   }, 16, ["is-shown", "title-id", "content-id", "title", "message", "role", "kind", "important", "hide-close", "hide-icon", "hide-action", "onClose"]);
 }
-const ht = /* @__PURE__ */ y(nt, [["render", it]]);
+const _t = /* @__PURE__ */ y(it, [["render", ot]]);
 export {
-  ht as default
+  _t as default
 };
 //# sourceMappingURL=toast.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../components/toast/layouts/toast_layout_default.vue","../../../components/toast/layouts/toast_layout_alternate_icon.vue","../../../components/toast/layouts/toast_layout_alternate.vue","../../../components/toast/toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      { 'd-toast--important': important },\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast__dialog\">\n      <dt-notice-icon\n        v-if=\"!hideIcon\"\n        :kind=\"kind\"\n        v-bind=\"$attrs\"\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        v-bind=\"$attrs\"\n      >\n        <template #titleOverride>\n          <!-- @slot Allows you to override the title, only use this if you need to override\n          with something other than text. Otherwise use the \"title\" prop. -->\n          <slot name=\"titleOverride\" />\n        </template>\n        <!-- @slot the main textual content of the toast -->\n        <slot>\n          {{ message }}\n        </slot>\n      </dt-notice-content>\n      <dt-notice-action\n        :hide-action=\"hideAction\"\n        :hide-close=\"hideClose\"\n        v-bind=\"$attrs\"\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    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport { TOAST_ROLES } from '../toast_constants.js';\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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 () { return utils.getUniqueString(); },\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 () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the close button from the toast\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  emits: ['close'],\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast--error',\n        info: 'd-toast--info',\n        success: 'd-toast--success',\n        warning: 'd-toast--warning',\n        base: 'd-toast--base',\n      };\n\n      return kindClasses[this.kind];\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"d-toast-layout-alternate__icon\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue3';\nimport { TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\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 TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"!hideIcon\"\n          :kind=\"kind\"\n          size=\"200\"\n          v-bind=\"$attrs\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :title-id=\"titleId\"\n          :content-id=\"contentId\"\n          :title=\"title\"\n          :role=\"role\"\n          v-bind=\"$attrs\"\n        >\n          <template #titleOverride>\n            <slot name=\"titleOverride\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :hide-action=\"true\"\n          :hide-close=\"hideClose\"\n          button-size=\"xs\"\n          v-bind=\"$attrs\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './toast_layout_alternate_icon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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 () { return utils.getUniqueString(); },\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 () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Hides the close button from the toast\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  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast-alternate--error',\n        info: 'd-toast-alternate--info',\n        success: 'd-toast-alternate--success',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :title-id=\"titleId\"\n    :content-id=\"contentId\"\n    :title=\"title\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :hide-close=\"hideClose\"\n    :hide-icon=\"hideIcon\"\n    :hide-action=\"hideAction\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\n    <template #titleOverride>\n      <!-- @slot Allows you to override the title, only use this if you need to override\n          with something other than text. Otherwise use the \"title\" prop. -->\n      <slot name=\"titleOverride\" />\n    </template>\n    <!-- @slot the main textual content of the toast -->\n    <slot>\n      {{ message }}\n    </slot>\n    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './toast_constants.js';\nimport ToastLayoutDefault from './layouts/toast_layout_default.vue';\nimport ToastLayoutAlternate from './layouts/toast_layout_alternate.vue';\n\n/**\n * A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.\n * It contains at-a-glance information about outcomes and can be paired with actions.\n * @see https://dialtone.dialpad.com/components/toast.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToast',\n\n  components: {\n    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\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 toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear\n     * after reaching the duration time, so it's convenient to use `v-model` with this prop to update\n     * the data in your component.\n     * Supports v-model\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * The duration in ms the toast will display before disappearing.\n     * The toast won't disappear if the duration is not provided.\n     * If it's provided, it should be equal to or greater than 6000.\n     */\n    duration: {\n      type: Number,\n      default: null,\n      validator: (duration) => {\n        return duration >= TOAST_MIN_DURATION;\n      },\n    },\n\n    /**\n     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Sync show value\n     *\n     * @event update:show\n     */\n    'update:show',\n  ],\n\n  data () {\n    return {\n      isShown: false,\n      minDuration: TOAST_MIN_DURATION,\n    };\n  },\n\n  computed: {\n    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\n    },\n  },\n\n  watch: {\n    show: {\n      handler: function (show) {\n        this.isShown = show;\n        if (show) {\n          this.setTimeout();\n        } else {\n          clearTimeout(this.displayTimer);\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  unmounted () {\n    clearTimeout(this.displayTimer);\n  },\n\n  methods: {\n    setTimeout () {\n      if (this.shouldSetTimeout) {\n        this.displayTimer = setTimeout(() => {\n          this.isShown = false;\n          this.$emit('update:show', false);\n        }, this.duration);\n      }\n    },\n\n    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:show', false);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtNoticeIcon","DtNoticeContent","DtNoticeAction","utils","role","TOAST_ROLES","kind","NOTICE_KINDS","_hoisted_1","_hoisted_2","$props","_createElementBlock","_normalizeClass","$options","_createElementVNode","_createCommentVNode","_openBlock","_createBlock","_component_dt_notice_icon","_mergeProps","_ctx","_withCtx","_renderSlot","_createVNode","_component_dt_notice_content","_createTextVNode","_toDisplayString","_component_dt_notice_action","kindToIcon","DtIconInfo","DtIconAlertTriangle","DtIconBell","DtIconSparkle","TOAST_ALTERNATE_KINDS","s","ICON_SIZE_MODIFIERS","_resolveDynamicComponent","DtToastLayoutAlternateIcon","_hoisted_3","_hoisted_4","_component_dt_toast_layout_alternate_icon","ToastLayoutDefault","ToastLayoutAlternate","duration","TOAST_MIN_DURATION","layout","TOAST_LAYOUTS","show","$data"],"mappings":"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"}
+{"version":3,"file":"toast.js","sources":["../../../components/toast/layouts/toast_layout_default.vue","../../../components/toast/layouts/toast_layout_alternate_icon.vue","../../../components/toast/layouts/toast_layout_alternate.vue","../../../components/toast/toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      $attrs.class,\n      { 'd-toast--important': important },\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast__dialog\">\n      <dt-notice-icon\n        v-if=\"!hideIcon\"\n        :kind=\"kind\"\n        v-bind=\"toastListeners\"\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        v-bind=\"toastListeners\"\n      >\n        <template #titleOverride>\n          <!-- @slot Allows you to override the title, only use this if you need to override\n          with something other than text. Otherwise use the \"title\" prop. -->\n          <slot name=\"titleOverride\" />\n        </template>\n        <!-- @slot the main textual content of the toast -->\n        <slot>\n          {{ message }}\n        </slot>\n      </dt-notice-content>\n      <dt-notice-action\n        :hide-action=\"hideAction\"\n        :hide-close=\"hideClose\"\n        v-bind=\"toastListeners\"\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    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport { TOAST_ROLES } from '../toast_constants.js';\nimport { extractVueListeners } from \"@/common/utils/index.js\";\n\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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 () { return utils.getUniqueString(); },\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 () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the close button from the toast\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  emits: ['close'],\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast--error',\n        info: 'd-toast--info',\n        success: 'd-toast--success',\n        warning: 'd-toast--warning',\n        base: 'd-toast--base',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"d-toast-layout-alternate__icon\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue3';\nimport { TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\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 TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      $attrs.class,\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"!hideIcon\"\n          :kind=\"kind\"\n          size=\"200\"\n          v-bind=\"toastListeners\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :title-id=\"titleId\"\n          :content-id=\"contentId\"\n          :title=\"title\"\n          :role=\"role\"\n          v-bind=\"toastListeners\"\n        >\n          <template #titleOverride>\n            <slot name=\"titleOverride\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :hide-action=\"true\"\n          :hide-close=\"hideClose\"\n          button-size=\"xs\"\n          v-bind=\"toastListeners\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './toast_layout_alternate_icon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { extractVueListeners } from \"@/common/utils/index.js\";\n\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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 () { return utils.getUniqueString(); },\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 () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Hides the close button from the toast\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  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast-alternate--error',\n        info: 'd-toast-alternate--info',\n        success: 'd-toast-alternate--success',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :title-id=\"titleId\"\n    :content-id=\"contentId\"\n    :title=\"title\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :hide-close=\"hideClose\"\n    :hide-icon=\"hideIcon\"\n    :hide-action=\"hideAction\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\n    <template #titleOverride>\n      <!-- @slot Allows you to override the title, only use this if you need to override\n          with something other than text. Otherwise use the \"title\" prop. -->\n      <slot name=\"titleOverride\" />\n    </template>\n    <!-- @slot the main textual content of the toast -->\n    <slot>\n      {{ message }}\n    </slot>\n    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './toast_constants.js';\nimport ToastLayoutDefault from './layouts/toast_layout_default.vue';\nimport ToastLayoutAlternate from './layouts/toast_layout_alternate.vue';\n\n/**\n * A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.\n * It contains at-a-glance information about outcomes and can be paired with actions.\n * @see https://dialtone.dialpad.com/components/toast.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToast',\n\n  components: {\n    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\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 toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear\n     * after reaching the duration time, so it's convenient to use `v-model` with this prop to update\n     * the data in your component.\n     * Supports v-model\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * The duration in ms the toast will display before disappearing.\n     * The toast won't disappear if the duration is not provided.\n     * If it's provided, it should be equal to or greater than 6000.\n     */\n    duration: {\n      type: Number,\n      default: null,\n      validator: (duration) => {\n        return duration >= TOAST_MIN_DURATION;\n      },\n    },\n\n    /**\n     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Sync show value\n     *\n     * @event update:show\n     */\n    'update:show',\n  ],\n\n  data () {\n    return {\n      isShown: false,\n      minDuration: TOAST_MIN_DURATION,\n    };\n  },\n\n  computed: {\n    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\n    },\n  },\n\n  watch: {\n    show: {\n      handler: function (show) {\n        this.isShown = show;\n        if (show) {\n          this.setTimeout();\n        } else {\n          clearTimeout(this.displayTimer);\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  unmounted () {\n    clearTimeout(this.displayTimer);\n  },\n\n  methods: {\n    setTimeout () {\n      if (this.shouldSetTimeout) {\n        this.displayTimer = setTimeout(() => {\n          this.isShown = false;\n          this.$emit('update:show', false);\n        }, this.duration);\n      }\n    },\n\n    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:show', false);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtNoticeIcon","DtNoticeContent","DtNoticeAction","utils","role","TOAST_ROLES","kind","NOTICE_KINDS","extractVueListeners","_hoisted_1","_hoisted_2","$props","_createElementBlock","_normalizeClass","$options","_ctx","_createElementVNode","_createCommentVNode","_openBlock","_createBlock","_component_dt_notice_icon","_mergeProps","_withCtx","_renderSlot","_createVNode","_component_dt_notice_content","_createTextVNode","_toDisplayString","_component_dt_notice_action","kindToIcon","DtIconInfo","DtIconAlertTriangle","DtIconBell","DtIconSparkle","TOAST_ALTERNATE_KINDS","s","ICON_SIZE_MODIFIERS","_resolveDynamicComponent","DtToastLayoutAlternateIcon","_hoisted_3","_hoisted_4","_component_dt_toast_layout_alternate_icon","ToastLayoutDefault","ToastLayoutAlternate","duration","TOAST_MIN_DURATION","layout","TOAST_LAYOUTS","show","$data"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-constants.cjs","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"names":["TOGGLE_SIZE_MODIFIERS","TOGGLE_CHECKED_VALUES","toggle_constants"],"mappings":"4GAAY,MAACA,EAAwB,CACnC,GAAI,kBACJ,GAAI,EACN,EAEaC,EAAwB,CAAC,GAAO,GAAM,OAAO,EAE3CC,EAAA,CACb,sBAAAF,EACA,sBAAAC,CACF"}
+{"version":3,"file":"toggle-constants.cjs","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"names":["TOGGLE_SIZE_MODIFIERS","TOGGLE_CHECKED_VALUES","toggle_constants"],"mappings":"4GAAY,MAACA,EAAwB,CACnC,GAAI,kBACJ,GAAI,EACN,EAEaC,EAAwB,CAAC,GAAO,GAAM,OAAO,EAE1DC,EAAe,CACb,sBAAAF,EACA,sBAAAC,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-constants.js","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"names":["TOGGLE_SIZE_MODIFIERS","TOGGLE_CHECKED_VALUES","toggle_constants"],"mappings":"AAAY,MAACA,IAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAwB,CAAC,IAAO,IAAM,OAAO,GAE3CC,IAAA;AAAA,EACb,uBAAAF;AAAA,EACA,uBAAAC;AACF;"}
+{"version":3,"file":"toggle-constants.js","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"names":["TOGGLE_SIZE_MODIFIERS","TOGGLE_CHECKED_VALUES","toggle_constants"],"mappings":"AAAY,MAACA,IAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAwB,CAAC,IAAO,IAAM,OAAO,GAE1DC,IAAe;AAAA,EACb,uBAAAF;AAAA,EACA,uBAAAC;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.cjs","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', wrapperClass]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model modelValue\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n\n    /**\n     * v-model event event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: () => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('change', !this.internalChecked);\n      this.$emit('update:modelValue', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","v","TOGGLE_CHECKED_VALUES","s","TOGGLE_SIZE_MODIFIERS","hasSlotContent","removeClassStyleAttrs","newChecked","addClassStyleAttrs","hasLabel","ariaLabel","warn","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_mergeProps","$props","$options","_ctx","$data","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_3"],"mappings":"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"}
+{"version":3,"file":"toggle.cjs","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', wrapperClass]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model modelValue\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n\n    /**\n     * v-model event event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: () => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('change', !this.internalChecked);\n      this.$emit('update:modelValue', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","v","TOGGLE_CHECKED_VALUES","s","TOGGLE_SIZE_MODIFIERS","hasSlotContent","removeClassStyleAttrs","newChecked","addClassStyleAttrs","hasLabel","ariaLabel","warn","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_mergeProps","$props","$options","_ctx","$data","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_3"],"mappings":"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"}

package/dist/vue3/lib/toggle/toggle.js

@@ -1,5 +1,5 @@
-import { warn as h, openBlock as l, createElementBlock as s, mergeProps as i, renderSlot as c, createCommentVNode as n, createElementVNode as u } from "vue";
-import { getUniqueString as g, hasSlotContent as m, removeClassStyleAttrs as C, addClassStyleAttrs as f } from "../../common/utils/index.js";
+import { createElementBlock as l, openBlock as s, mergeProps as i, createCommentVNode as n, createElementVNode as h, renderSlot as c, warn as u } from "vue";
+import { addClassStyleAttrs as g, removeClassStyleAttrs as m, hasSlotContent as C, getUniqueString as f } from "../../common/utils/index.js";
 import { TOGGLE_CHECKED_VALUES as b, TOGGLE_SIZE_MODIFIERS as o } from "./toggle-constants.js";
 import { _ as k } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const p = {
@@ -13,7 +13,7 @@ const p = {
     id: {
       type: String,
       default() {
-        return g();
+        return f();
       }
     },
     /**
@@ -103,13 +103,13 @@ const p = {
   data() {
     return {
       internalChecked: this.modelValue,
-      hasSlotContent: m
+      hasSlotContent: C
     };
   },
   computed: {
     inputListeners() {
       return {
-        ...C(this.$attrs),
+        ...m(this.$attrs),
         onClick: () => this.toggleCheckedValue()
       };
     },
@@ -140,7 +140,7 @@ const p = {
     this.runValidations();
   },
   methods: {
-    addClassStyleAttrs: f,
+    addClassStyleAttrs: g,
     toggleCheckedValue() {
       this.$emit("change", !this.internalChecked), this.$emit("update:modelValue", !this.internalChecked), this.toggleOnClick && (this.internalChecked = !this.internalChecked);
     },
@@ -151,7 +151,7 @@ const p = {
       this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
     },
     validateInputLabels(e, d) {
-      !e && !d && h(
+      !e && !d && u(
         "You must provide an aria-label when there is no label passed",
         this
       );
@@ -162,17 +162,17 @@ const p = {
   class: "d-toggle__inner"
 };
 function V(e, d, t, E, r, a) {
-  return l(), s("div", i({
+  return s(), l("div", i({
     class: ["d-toggle-wrapper", t.wrapperClass]
   }, a.addClassStyleAttrs(e.$attrs)), [
-    r.hasSlotContent(e.$slots.default) ? (l(), s("label", i({
+    r.hasSlotContent(e.$slots.default) ? (s(), l("label", i({
       key: 0,
       class: t.labelClass,
       for: t.id
     }, t.labelChildProps, { "data-qa": "toggle-label" }), [
       c(e.$slots, "default")
     ], 16, S)) : n("", !0),
-    u("button", i({
+    h("button", i({
       id: t.id,
       role: a.toggleRole,
       type: "button",
@@ -181,7 +181,7 @@ function V(e, d, t, E, r, a) {
       "aria-disabled": t.disabled.toString(),
       class: a.toggleClasses
     }, a.inputListeners), [
-      t.showIcon ? (l(), s("span", _)) : n("", !0)
+      t.showIcon ? (s(), l("span", _)) : n("", !0)
     ], 16, y)
   ], 16);
 }