@dialpad/dialtone-vue 3.218.3 → 3.219.0-next.2

package/dist/lib/toast/toast.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./toast-constants.cjs"),l=require("../../common/utils/index.cjs"),e=require("vue"),r=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),S=require("../notice/notice-action.cjs"),g=require("../notice/notice-content.cjs"),I=require("../notice/notice-icon.cjs"),C=require("../notice/notice-constants.cjs"),i=require("@dialpad/dialtone-icons/vue3"),k=require("../icon/icon-constants.cjs"),T={name:"ToastLayoutDefault",components:{DtNoticeIcon:I.default,DtNoticeContent:g.default,DtNoticeAction:S.default},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return l.default.getUniqueString()}},contentId:{type:String,default(){return l.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:t=>s.TOAST_ROLES.includes(t)},kind:{type:String,default:"base",validator:t=>C.NOTICE_KINDS.includes(t)},important:{type:Boolean,default:!1},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1}},emits:["close"],computed:{kindClass(){return{error:"d-toast--error",info:"d-toast--info",success:"d-toast--success",warning:"d-toast--warning",base:"d-toast--base"}[this.kind]},toastListeners(){return l.extractVueListeners(this.$attrs)}}},p=["aria-hidden"],D={class:"d-toast__dialog"};function v(t,a,n,c,d,o){const u=e.resolveComponent("dt-notice-icon"),f=e.resolveComponent("dt-notice-content"),m=e.resolveComponent("dt-notice-action");return n.isShown?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["d-toast",o.kindClass,t.$attrs.class,{"d-toast--important":n.important}]),"data-qa":"dt-toast","aria-hidden":(!n.isShown).toString()},[e.createElementVNode("div",D,[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,kind:n.kind},o.toastListeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},16,["kind"])),e.createVNode(f,e.mergeProps({"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},o.toastListeners),{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.message),1)])]),_:3},16,["title-id","content-id","title","role"]),e.createVNode(m,e.mergeProps({"hide-action":n.hideAction,"hide-close":n.hideClose},o.toastListeners,{onClose:a[0]||(a[0]=y=>t.$emit("close"))}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},16,["hide-action","hide-close"])])],10,p)):e.createCommentVNode("",!0)}const h=r._(T,[["render",v]]),w=new Map([["info",i.DtIconInfo],["success",i.DtIconInfo],["warning",i.DtIconAlertTriangle],["error",i.DtIconInfo],["base",i.DtIconBell],["gradient",i.DtIconSparkle]]),N={compatConfig:{MODE:3},name:"DtToastLayoutAlternateIcon",components:{DtIconInfo:i.DtIconInfo,DtIconAlertTriangle:i.DtIconAlertTriangle,DtIconBell:i.DtIconBell,DtIconSparkle:i.DtIconSparkle},props:{kind:{type:String,default:"base",validate(t){return s.TOAST_ALTERNATE_KINDS.includes(t)}},size:{type:String,default:"400",validator:t=>Object.keys(k.ICON_SIZE_MODIFIERS).includes(t)}},computed:{defaultIcon(){return w.get(this.kind)}}},A={"aria-hidden":"true",class:"d-toast-layout-alternate__icon"};function B(t,a,n,c,d,o){return e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(t.$slots,"default",{},()=>[o.defaultIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.defaultIcon),{key:0,size:n.size},null,8,["size"])):e.createCommentVNode("",!0)])])}const O=r._(N,[["render",B]]),L={name:"ToastLayoutAlternate",components:{DtNoticeAction:S.default,DtNoticeContent:g.default,DtToastLayoutAlternateIcon:O},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return l.default.getUniqueString()}},contentId:{type:String,default(){return l.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:t=>s.TOAST_ROLES.includes(t)},kind:{type:String,default:"base",validator:t=>s.TOAST_ALTERNATE_KINDS.includes(t)},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1}},computed:{kindClass(){return{error:"d-toast-alternate--error",info:"d-toast-alternate--info",success:"d-toast-alternate--success",warning:"d-toast-alternate--warning",gradient:"d-toast-alternate--gradient"}[this.kind]},toastListeners(){return l.extractVueListeners(this.$attrs)}}},V=["aria-hidden"],E={class:"d-toast-alternate__dialog"},b={class:"d-toast-alternate__header"},q={class:"d-toast-alternate__content"};function z(t,a,n,c,d,o){const u=e.resolveComponent("dt-toast-layout-alternate-icon"),f=e.resolveComponent("dt-notice-content"),m=e.resolveComponent("dt-notice-action");return n.isShown?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["d-toast-alternate",t.$attrs.class,o.kindClass]),"data-qa":"dt-toast","aria-hidden":(!n.isShown).toString()},[e.createElementVNode("div",E,[e.createElementVNode("div",b,[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,kind:n.kind,size:"200"},o.toastListeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},16,["kind"])),e.createVNode(f,e.mergeProps({"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},o.toastListeners),{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),_:3},16,["title-id","content-id","title","role"]),e.createVNode(m,e.mergeProps({"hide-action":!0,"hide-close":n.hideClose,"button-size":"xs"},o.toastListeners,{onClose:a[0]||(a[0]=y=>t.$emit("close"))}),null,16,["hide-close"])]),e.createElementVNode("div",q,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.message),1)])])])],10,V)):e.createCommentVNode("",!0)}const _=r._(L,[["render",z]]),M={compatConfig:{MODE:3},name:"DtToast",components:{ToastLayoutDefault:h,ToastLayoutAlternate:_},inheritAttrs:!1,props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:void 0},message:{type:String,default:void 0},role:{type:String,default:"status"},kind:{type:String,default:void 0},important:{type:Boolean,default:!1},show:{type:Boolean,default:!1},hideClose:{type:Boolean,default:void 0},hideIcon:{type:Boolean,default:void 0},hideAction:{type:Boolean,default:void 0},duration:{type:Number,default:null,validator:t=>t>=s.TOAST_MIN_DURATION},layout:{type:String,default:"default",validator:t=>s.TOAST_LAYOUTS.includes(t)}},emits:["close","update:show"],data(){return{isShown:!1,minDuration:s.TOAST_MIN_DURATION}},computed:{shouldSetTimeout(){return!!this.duration&&this.duration>=this.minDuration},selectedLayout(){return this.layout==="alternate"?_:h}},watch:{show:{handler:function(t){this.isShown=t,t?this.setTimeout():clearTimeout(this.displayTimer)},immediate:!0}},unmounted(){clearTimeout(this.displayTimer)},methods:{setTimeout(){this.shouldSetTimeout&&(this.displayTimer=setTimeout(()=>{this.isShown=!1,this.$emit("update:show",!1)},this.duration))},handleClose(){this.isShown=!1,this.$emit("close"),this.$emit("update:show",!1)}}};function P(t,a,n,c,d,o){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.selectedLayout),e.mergeProps({"is-shown":d.isShown,"title-id":n.titleId,"content-id":n.contentId,title:n.title,message:n.message,role:n.role,kind:n.kind,important:n.important,"hide-close":n.hideClose,"hide-icon":n.hideIcon,"hide-action":n.hideAction},t.$attrs,{onClose:o.handleClose}),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),action:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.message),1)])]),_:3},16,["is-shown","title-id","content-id","title","message","role","kind","important","hide-close","hide-icon","hide-action","onClose"])}const R=r._(M,[["render",P]]);exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./toast-constants.cjs"),l=require("../../common/utils/index.cjs"),e=require("vue"),r=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),S=require("../notice/notice-action.cjs"),g=require("../notice/notice-content.cjs"),I=require("../notice/notice-icon.cjs"),C=require("../notice/notice-constants.cjs"),i=require("@dialpad/dialtone-icons/vue"),k=require("../icon/icon-constants.cjs"),T={name:"ToastLayoutDefault",components:{DtNoticeIcon:I.default,DtNoticeContent:g.default,DtNoticeAction:S.default},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return l.default.getUniqueString()}},contentId:{type:String,default(){return l.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:t=>s.TOAST_ROLES.includes(t)},kind:{type:String,default:"base",validator:t=>C.NOTICE_KINDS.includes(t)},important:{type:Boolean,default:!1},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1}},emits:["close"],computed:{kindClass(){return{error:"d-toast--error",info:"d-toast--info",success:"d-toast--success",warning:"d-toast--warning",base:"d-toast--base"}[this.kind]},toastListeners(){return l.extractVueListeners(this.$attrs)}}},p=["aria-hidden"],D={class:"d-toast__dialog"};function v(t,a,n,c,d,o){const u=e.resolveComponent("dt-notice-icon"),f=e.resolveComponent("dt-notice-content"),m=e.resolveComponent("dt-notice-action");return n.isShown?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["d-toast",o.kindClass,t.$attrs.class,{"d-toast--important":n.important}]),"data-qa":"dt-toast","aria-hidden":(!n.isShown).toString()},[e.createElementVNode("div",D,[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,kind:n.kind,class:{"d-notice__icon--has-title":n.title||t.$slots.titleOverride}},o.toastListeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},16,["kind","class"])),e.createVNode(f,e.mergeProps({"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},o.toastListeners),{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.message),1)])]),_:3},16,["title-id","content-id","title","role"]),e.createVNode(m,e.mergeProps({"hide-action":n.hideAction,"hide-close":n.hideClose},o.toastListeners,{onClose:a[0]||(a[0]=y=>t.$emit("close"))}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},16,["hide-action","hide-close"])])],10,p)):e.createCommentVNode("",!0)}const h=r._(T,[["render",v]]),w=new Map([["info",i.DtIconInfo],["success",i.DtIconInfo],["warning",i.DtIconAlertTriangle],["error",i.DtIconInfo],["base",i.DtIconBell],["gradient",i.DtIconSparkle]]),N={compatConfig:{MODE:3},name:"DtToastLayoutAlternateIcon",components:{DtIconInfo:i.DtIconInfo,DtIconAlertTriangle:i.DtIconAlertTriangle,DtIconBell:i.DtIconBell,DtIconSparkle:i.DtIconSparkle},props:{kind:{type:String,default:"base",validate(t){return s.TOAST_ALTERNATE_KINDS.includes(t)}},size:{type:String,default:"400",validator:t=>Object.keys(k.ICON_SIZE_MODIFIERS).includes(t)}},computed:{defaultIcon(){return w.get(this.kind)}}},A={"aria-hidden":"true",class:"d-toast-layout-alternate__icon"};function B(t,a,n,c,d,o){return e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(t.$slots,"default",{},()=>[o.defaultIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.defaultIcon),{key:0,size:n.size},null,8,["size"])):e.createCommentVNode("",!0)])])}const O=r._(N,[["render",B]]),L={name:"ToastLayoutAlternate",components:{DtNoticeAction:S.default,DtNoticeContent:g.default,DtToastLayoutAlternateIcon:O},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return l.default.getUniqueString()}},contentId:{type:String,default(){return l.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:t=>s.TOAST_ROLES.includes(t)},kind:{type:String,default:"base",validator:t=>s.TOAST_ALTERNATE_KINDS.includes(t)},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1}},computed:{kindClass(){return{error:"d-toast-alternate--error",info:"d-toast-alternate--info",success:"d-toast-alternate--success",warning:"d-toast-alternate--warning",gradient:"d-toast-alternate--gradient"}[this.kind]},toastListeners(){return l.extractVueListeners(this.$attrs)}}},V=["aria-hidden"],E={class:"d-toast-alternate__dialog"},b={class:"d-toast-alternate__header"},q={class:"d-toast-alternate__content"};function z(t,a,n,c,d,o){const u=e.resolveComponent("dt-toast-layout-alternate-icon"),f=e.resolveComponent("dt-notice-content"),m=e.resolveComponent("dt-notice-action");return n.isShown?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["d-toast-alternate",t.$attrs.class,o.kindClass]),"data-qa":"dt-toast","aria-hidden":(!n.isShown).toString()},[e.createElementVNode("div",E,[e.createElementVNode("div",b,[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,kind:n.kind,size:"200"},o.toastListeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},16,["kind"])),e.createVNode(f,e.mergeProps({"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},o.toastListeners),{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),_:3},16,["title-id","content-id","title","role"]),e.createVNode(m,e.mergeProps({"hide-action":!0,"hide-close":n.hideClose,"button-size":100},o.toastListeners,{onClose:a[0]||(a[0]=y=>t.$emit("close"))}),null,16,["hide-close"])]),e.createElementVNode("div",q,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.message),1)])])])],10,V)):e.createCommentVNode("",!0)}const _=r._(L,[["render",z]]),M={compatConfig:{MODE:3},name:"DtToast",components:{ToastLayoutDefault:h,ToastLayoutAlternate:_},inheritAttrs:!1,props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:void 0},message:{type:String,default:void 0},role:{type:String,default:"status"},kind:{type:String,default:void 0},important:{type:Boolean,default:!1},show:{type:Boolean,default:!1},hideClose:{type:Boolean,default:void 0},hideIcon:{type:Boolean,default:void 0},hideAction:{type:Boolean,default:void 0},duration:{type:Number,default:null,validator:t=>t>=s.TOAST_MIN_DURATION},layout:{type:String,default:"default",validator:t=>s.TOAST_LAYOUTS.includes(t)}},emits:["close","update:show"],data(){return{isShown:!1,minDuration:s.TOAST_MIN_DURATION}},computed:{shouldSetTimeout(){return!!this.duration&&this.duration>=this.minDuration},selectedLayout(){return this.layout==="alternate"?_:h}},watch:{show:{handler:function(t){this.isShown=t,t?this.setTimeout():clearTimeout(this.displayTimer)},immediate:!0}},unmounted(){clearTimeout(this.displayTimer)},methods:{setTimeout(){this.shouldSetTimeout&&(this.displayTimer=setTimeout(()=>{this.isShown=!1,this.$emit("update:show",!1)},this.duration))},handleClose(){this.isShown=!1,this.$emit("close"),this.$emit("update:show",!1)}}};function P(t,a,n,c,d,o){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.selectedLayout),e.mergeProps({"is-shown":d.isShown,"title-id":n.titleId,"content-id":n.contentId,title:n.title,message:n.message,role:n.role,kind:n.kind,important:n.important,"hide-close":n.hideClose,"hide-icon":n.hideIcon,"hide-action":n.hideAction},t.$attrs,{onClose:o.handleClose}),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),action:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.message),1)])]),_:3},16,["is-shown","title-id","content-id","title","message","role","kind","important","hide-close","hide-icon","hide-action","onClose"])}const R=r._(M,[["render",P]]);exports.default=R;
 //# sourceMappingURL=toast.cjs.map

package/dist/lib/toast/toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.cjs","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_2","$props","_createElementBlock","_normalizeClass","$options","_ctx","_createElementVNode","_openBlock","_createBlock","_component_dt_notice_icon","_mergeProps","_renderSlot","_createVNode","_component_dt_notice_content","_component_dt_notice_action","kindToIcon","DtIconInfo","DtIconAlertTriangle","DtIconBell","DtIconSparkle","TOAST_ALTERNATE_KINDS","s","ICON_SIZE_MODIFIERS","_hoisted_1","_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.cjs","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        :class=\"{ 'd-notice__icon--has-title': title || $slots.titleOverride }\"\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/vue';\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=\"100\"\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_2","$props","_createElementBlock","_normalizeClass","$options","_ctx","_createElementVNode","_openBlock","_createBlock","_component_dt_notice_icon","_mergeProps","_renderSlot","_createVNode","_component_dt_notice_content","_component_dt_notice_action","kindToIcon","DtIconInfo","DtIconAlertTriangle","DtIconBell","DtIconSparkle","TOAST_ALTERNATE_KINDS","s","ICON_SIZE_MODIFIERS","_hoisted_1","_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/lib/toast/toast.js

@@ -1,12 +1,12 @@
-import { TOAST_ROLES as A, TOAST_ALTERNATE_KINDS as L, TOAST_MIN_DURATION as v, TOAST_LAYOUTS as V } from "./toast-constants.js";
+import { TOAST_ROLES as A, TOAST_ALTERNATE_KINDS as L, TOAST_MIN_DURATION as p, TOAST_LAYOUTS as V } from "./toast-constants.js";
 import m, { extractVueListeners as O } from "../../common/utils/index.js";
-import { resolveComponent as l, openBlock as d, createElementBlock as T, normalizeClass as B, createElementVNode as u, createBlock as _, mergeProps as s, withCtx as o, renderSlot as i, createCommentVNode as r, createVNode as h, createTextVNode as C, toDisplayString as p, resolveDynamicComponent as N } from "vue";
+import { resolveComponent as l, openBlock as d, createElementBlock as T, normalizeClass as B, createElementVNode as u, createBlock as _, mergeProps as s, withCtx as o, renderSlot as i, createCommentVNode as r, createVNode as h, createTextVNode as C, toDisplayString as v, resolveDynamicComponent as N } from "vue";
 import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import E from "../notice/notice-action.js";
 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 { DtIconSparkle as z, DtIconBell as q, DtIconAlertTriangle as U, DtIconInfo as f } from "@dialpad/dialtone-icons/vue";
 import { ICON_SIZE_MODIFIERS as $ } from "../icon/icon-constants.js";
 const j = {
   name: "ToastLayoutDefault",
@@ -139,13 +139,14 @@ function Y(t, a, e, g, c, n) {
     u("div", P, [
       e.hideIcon ? r("", !0) : (d(), _(S, s({
         key: 0,
-        kind: e.kind
+        kind: e.kind,
+        class: { "d-notice__icon--has-title": e.title || t.$slots.titleOverride }
       }, n.toastListeners), {
         default: o(() => [
           i(t.$slots, "icon")
         ]),
         _: 3
-      }, 16, ["kind"])),
+      }, 16, ["kind", "class"])),
       h(I, s({
         "title-id": e.titleId,
         "content-id": e.contentId,
@@ -157,7 +158,7 @@ function Y(t, a, e, g, c, n) {
         ]),
         default: o(() => [
           i(t.$slots, "default", {}, () => [
-            C(p(e.message), 1)
+            C(v(e.message), 1)
           ])
         ]),
         _: 3
@@ -365,14 +366,14 @@ function nt(t, a, e, g, c, n) {
         h(k, s({
           "hide-action": !0,
           "hide-close": e.hideClose,
-          "button-size": "xs"
+          "button-size": 100
         }, n.toastListeners, {
           onClose: a[0] || (a[0] = (M) => t.$emit("close"))
         }), null, 16, ["hide-close"])
       ]),
       u("div", et, [
         i(t.$slots, "default", {}, () => [
-          C(p(e.message), 1)
+          C(v(e.message), 1)
         ])
       ])
     ])
@@ -485,7 +486,7 @@ const D = /* @__PURE__ */ y(W, [["render", nt]]), it = {
     duration: {
       type: Number,
       default: null,
-      validator: (t) => t >= v
+      validator: (t) => t >= p
     },
     /**
      * The layout / styling you wish to use for the toast.
@@ -514,7 +515,7 @@ const D = /* @__PURE__ */ y(W, [["render", nt]]), it = {
   data() {
     return {
       isShown: !1,
-      minDuration: v
+      minDuration: p
     };
   },
   computed: {
@@ -572,7 +573,7 @@ function ot(t, a, e, g, c, n) {
     ]),
     default: o(() => [
       i(t.$slots, "default", {}, () => [
-        C(p(e.message), 1)
+        C(v(e.message), 1)
       ])
     ]),
     _: 3

package/dist/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      $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_2","$props","_createElementBlock","_normalizeClass","$options","_ctx","_createElementVNode","_openBlock","_createBlock","_component_dt_notice_icon","_mergeProps","_renderSlot","_createVNode","_component_dt_notice_content","_component_dt_notice_action","kindToIcon","DtIconInfo","DtIconAlertTriangle","DtIconBell","DtIconSparkle","TOAST_ALTERNATE_KINDS","s","ICON_SIZE_MODIFIERS","_hoisted_1","_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        :class=\"{ 'd-notice__icon--has-title': title || $slots.titleOverride }\"\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/vue';\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=\"100\"\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_2","$props","_createElementBlock","_normalizeClass","$options","_ctx","_createElementVNode","_openBlock","_createBlock","_component_dt_notice_icon","_mergeProps","_renderSlot","_createVNode","_component_dt_notice_content","_component_dt_notice_action","kindToIcon","DtIconInfo","DtIconAlertTriangle","DtIconBell","DtIconSparkle","TOAST_ALTERNATE_KINDS","s","ICON_SIZE_MODIFIERS","_hoisted_1","_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/lib/toggle/toggle-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={sm:"d-toggle--small",md:""},t=[!1,!0,"mixed"],E={TOGGLE_SIZE_MODIFIERS:e,TOGGLE_CHECKED_VALUES:t};exports.TOGGLE_CHECKED_VALUES=t;exports.TOGGLE_SIZE_MODIFIERS=e;exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={200:"d-toggle--small",300:"",sm:"d-toggle--small",md:""},t=[!1,!0,"mixed"],l={TOGGLE_SIZE_MODIFIERS:e,TOGGLE_CHECKED_VALUES:t};exports.TOGGLE_CHECKED_VALUES=t;exports.TOGGLE_SIZE_MODIFIERS=e;exports.default=l;
 //# sourceMappingURL=toggle-constants.cjs.map

package/dist/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,EAE1DC,EAAe,CACb,sBAAAF,EACA,sBAAAC,CACF"}
+{"version":3,"file":"toggle-constants.cjs","sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-toggle--small',\n  300: '',\n  // T-shirt aliases (deprecated)\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,CAEnC,IAAK,kBACL,IAAK,GAEL,GAAI,kBACJ,GAAI,EACN,EAEaC,EAAwB,CAAC,GAAO,GAAM,OAAO,EAE1DC,EAAe,CACb,sBAAAF,EACA,sBAAAC,CACF"}

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

@@ -1,13 +1,17 @@
 const t = {
+  // Numeric (preferred)
+  200: "d-toggle--small",
+  300: "",
+  // T-shirt aliases (deprecated)
   sm: "d-toggle--small",
   md: ""
-}, s = [!1, !0, "mixed"], e = {
+}, s = [!1, !0, "mixed"], l = {
   TOGGLE_SIZE_MODIFIERS: t,
   TOGGLE_CHECKED_VALUES: s
 };
 export {
   s as TOGGLE_CHECKED_VALUES,
   t as TOGGLE_SIZE_MODIFIERS,
-  e as default
+  l as default
 };
 //# sourceMappingURL=toggle-constants.js.map

package/dist/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,GAE1DC,IAAe;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  // Numeric (preferred)\n  200: 'd-toggle--small',\n  300: '',\n  // T-shirt aliases (deprecated)\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;AAAA,EAEnC,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAwB,CAAC,IAAO,IAAM,OAAO,GAE1DC,IAAe;AAAA,EACb,uBAAAF;AAAA,EACA,uBAAAC;AACF;"}

package/dist/lib/toggle/toggle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../common/utils/index.cjs"),i=require("./toggle-constants.cjs"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),o={compatConfig:{MODE:3},name:"DtToggle",inheritAttrs:!1,props:{id:{type:String,default(){return s.getUniqueString()}},disabled:{type:Boolean,default:!1},modelValue:{type:[Boolean,String],default:!1,validator:t=>i.TOGGLE_CHECKED_VALUES.includes(t)},toggleOnClick:{type:Boolean,default:!0},size:{type:String,default:"md",validator:t=>Object.keys(i.TOGGLE_SIZE_MODIFIERS).includes(t)},showIcon:{type:Boolean,default:!0},labelClass:{type:[String,Array,Object],default:""},wrapperClass:{type:[String,Array,Object],default:void 0},labelChildProps:{type:Object,default:()=>({})}},emits:["change","update:modelValue"],data(){return{internalChecked:this.modelValue,hasSlotContent:s.hasSlotContent}},computed:{inputListeners(){return{...s.removeClassStyleAttrs(this.$attrs),onClick:()=>this.toggleCheckedValue()}},isIndeterminate(){return this.internalChecked==="mixed"},toggleRole(){return this.isIndeterminate?"checkbox":"switch"},toggleClasses(){return["d-toggle",i.TOGGLE_SIZE_MODIFIERS[this.size],{"d-toggle--checked":this.internalChecked===!0,"d-toggle--disabled":this.disabled,"d-toggle--indeterminate":this.isIndeterminate}]}},watch:{modelValue(t){this.internalChecked=t}},mounted(){this.runValidations()},methods:{addClassStyleAttrs:s.addClassStyleAttrs,toggleCheckedValue(){this.$emit("update:modelValue",!this.internalChecked),this.$emit("change",!this.internalChecked),this.toggleOnClick&&(this.internalChecked=!this.internalChecked)},hasSlotLabel(){return!!this.$slots.default},runValidations(){this.validateInputLabels(this.hasSlotLabel(),this.$attrs["aria-label"])},validateInputLabels(t,n){!t&&!n&&e.warn("You must provide an aria-label when there is no label passed",this)}}},c=["for"],u=["id","role","aria-checked","disabled","aria-disabled"],h={key:0,class:"d-toggle__inner"};function g(t,n,l,C,r,a){return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["d-toggle-wrapper",l.wrapperClass]},a.addClassStyleAttrs(t.$attrs)),[r.hasSlotContent(t.$slots.default)?(e.openBlock(),e.createElementBlock("label",e.mergeProps({key:0,class:l.labelClass,for:l.id},l.labelChildProps,{"data-qa":"toggle-label"}),[e.renderSlot(t.$slots,"default")],16,c)):e.createCommentVNode("",!0),e.createElementVNode("button",e.mergeProps({id:l.id,role:a.toggleRole,type:"button","aria-checked":r.internalChecked.toString(),disabled:l.disabled,"aria-disabled":l.disabled.toString(),class:a.toggleClasses},a.inputListeners),[l.showIcon?(e.openBlock(),e.createElementBlock("span",h)):e.createCommentVNode("",!0)],16,u)],16)}const m=d._(o,[["render",g]]);exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../common/utils/index.cjs"),s=require("./toggle-constants.cjs"),e=require("vue"),r=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),o={compatConfig:{MODE:3},name:"DtToggle",inheritAttrs:!1,props:{id:{type:String,default(){return i.getUniqueString()}},disabled:{type:Boolean,default:!1},modelValue:{type:[Boolean,String],default:!1,validator:t=>s.TOGGLE_CHECKED_VALUES.includes(t)},toggleOnClick:{type:Boolean,default:!0},size:{type:[String,Number],default:300,validator:t=>Object.keys(s.TOGGLE_SIZE_MODIFIERS).includes(String(t))},labelVisible:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},labelClass:{type:[String,Array,Object],default:""},wrapperClass:{type:[String,Array,Object],default:void 0},labelChildProps:{type:Object,default:()=>({})}},emits:["change","update:modelValue"],data(){return{internalChecked:this.modelValue,hasSlotContent:i.hasSlotContent}},computed:{inputListeners(){return{...i.removeClassStyleAttrs(this.$attrs),onClick:()=>this.toggleCheckedValue()}},isIndeterminate(){return this.internalChecked==="mixed"},toggleRole(){return this.isIndeterminate?"checkbox":"switch"},toggleClasses(){return["d-toggle",s.TOGGLE_SIZE_MODIFIERS[String(this.size)],{"d-toggle--checked":this.internalChecked===!0,"d-toggle--disabled":this.disabled,"d-toggle--indeterminate":this.isIndeterminate}]}},watch:{modelValue(t){this.internalChecked=t}},mounted(){this.runValidations()},methods:{addClassStyleAttrs:i.addClassStyleAttrs,toggleCheckedValue(){this.$emit("update:modelValue",!this.internalChecked),this.$emit("change",!this.internalChecked),this.toggleOnClick&&(this.internalChecked=!this.internalChecked)},hasSlotLabel(){return!!this.$slots.default},runValidations(){!(this.labelVisible&&this.hasSlotLabel())&&!this.$attrs["aria-label"]&&console.info('[Dialtone] A label is required for accessibility. Provide a label and use label-visible="false" to hide it visually.')}}},d=["for"],c=["id","role","aria-checked","disabled","aria-disabled"],u={key:0,class:"d-toggle__inner"};function h(t,b,l,m,n,a){return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["d-toggle-wrapper",l.wrapperClass]},a.addClassStyleAttrs(t.$attrs)),[l.labelVisible&&n.hasSlotContent(t.$slots.default)?(e.openBlock(),e.createElementBlock("label",e.mergeProps({key:0,class:l.labelClass,for:l.id},l.labelChildProps,{"data-qa":"toggle-label"}),[e.renderSlot(t.$slots,"default")],16,d)):e.createCommentVNode("",!0),e.createElementVNode("button",e.mergeProps({id:l.id,role:a.toggleRole,type:"button","aria-checked":n.internalChecked.toString(),disabled:l.disabled,"aria-disabled":l.disabled.toString(),class:a.toggleClasses},a.inputListeners),[l.showIcon?(e.openBlock(),e.createElementBlock("span",u)):e.createCommentVNode("",!0)],16,c)],16)}const g=r._(o,[["render",h]]);exports.default=g;
 //# sourceMappingURL=toggle.cjs.map

package/dist/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('update:modelValue', !this.internalChecked);\n      this.$emit('change', !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","_openBlock","_createElementBlock","_mergeProps","$props","$options","_ctx","$data","_renderSlot","_createElementVNode","_hoisted_3"],"mappings":"2QA0CKA,EAAU,CACb,aAAc,CAAE,KAAM,GAEtB,KAAM,WAEN,aAAc,GAEd,MAAO,CAKL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAAA,gBAAe,CAAI,GAOzC,SAAU,CACR,KAAM,QACN,QAAS,IAQX,WAAY,CACV,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,GACT,UAAYC,GAAMC,wBAAsB,SAASD,CAAC,GAQpD,cAAe,CACb,KAAM,QACN,QAAS,IAOX,KAAM,CACJ,KAAM,OACN,QAAS,KACT,UAAYE,GAAM,OAAO,KAAKC,uBAAqB,EAAE,SAASD,CAAC,GAOjE,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,QAMX,gBAAiB,CACf,KAAM,OACN,QAAS,KAAO,CAAA,KAIpB,MAAO,CAQL,SASA,qBAGF,MAAQ,CACN,MAAO,CACL,gBAAiB,KAAK,WACtB,eAAAE,EAAAA,eAEJ,EAEA,SAAU,CACR,gBAAkB,CAChB,MAAO,CACL,GAAGC,EAAAA,sBAAsB,KAAK,MAAM,EACpC,QAAS,IAAM,KAAK,mBAAkB,EAE1C,EAEA,iBAAmB,CACjB,OAAO,KAAK,kBAAoB,OAClC,EAEA,YAAc,CACZ,OAAO,KAAK,gBAAkB,WAAa,QAC7C,EAEA,eAAiB,CACf,MAAO,CACL,WACAF,EAAAA,sBAAsB,KAAK,IAAI,EAC/B,CACE,oBAAqB,KAAK,kBAAoB,GAC9C,qBAAsB,KAAK,SAC3B,0BAA2B,KAAK,iBAGtC,GAGF,MAAO,CACL,WAAYG,EAAY,CACtB,KAAK,gBAAkBA,CACzB,GAGF,SAAW,CACT,KAAK,eAAc,CACrB,EAEA,QAAS,CACP,mBAAAC,EAAAA,mBACA,oBAAsB,CACpB,KAAK,MAAM,oBAAqB,CAAC,KAAK,eAAe,EACrD,KAAK,MAAM,SAAU,CAAC,KAAK,eAAe,EAEtC,KAAK,gBACP,KAAK,gBAAkB,CAAC,KAAK,gBAEjC,EAEA,cAAgB,CACd,MAAO,CAAC,CAAE,KAAK,OAAO,OACxB,EAEA,gBAAkB,CAChB,KAAK,oBAAoB,KAAK,aAAY,EAAI,KAAK,OAAO,YAAY,CAAC,CACzE,EAEA,oBAAqBC,EAAUC,EAAW,CACpC,CAACD,GAAY,CAACC,GAChBC,EAAAA,KACE,+DACA,KAGN,EAEJ,+EAxMQ,MAAM,2CA1BZ,OAAAC,YAAA,EAAAC,qBA6BM,MA7BNC,EAAAA,WA6BM,CA5BH,0BAA4BC,EAAA,YAAY,CACjC,EAAAC,EAAA,mBAAmBC,EAAA,MAAM,CAAA,EAAA,CAGzBC,EAAA,eAAeD,EAAA,OAAO,OAAO,GADrCL,EAAAA,YAAAC,EAAAA,mBASQ,QATRC,aASQ,OAPL,MAAOC,EAAA,WACP,IAAKA,EAAA,IACEA,EAAA,gBAAe,CACvB,UAAQ,cAAc,CAAA,EAAA,CAGtBI,aAAQF,EAAA,OAAA,SAAA,sCAEVG,EAAAA,mBAcS,SAdTN,aAcS,CAbN,GAAIC,EAAA,GACJ,KAAMC,EAAA,WACP,KAAK,SACJ,eAAcE,EAAA,gBAAgB,SAAQ,EACtC,SAAUH,EAAA,SACV,gBAAeA,EAAA,SAAS,SAAQ,EAChC,MAAOC,EAAA,eACAA,EAAA,cAAc,EAAA,CAGdD,EAAA,UADRH,EAAAA,YAAAC,EAAAA,mBAGE,OAHFQ,CAGE"}
+{"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=\"labelVisible && 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 { 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 200, 300\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(String(s)),\n    },\n\n    /**\n     * Determines visibility of toggle label.\n     * @values true, false\n     */\n    labelVisible: {\n      type: Boolean,\n      default: true,\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[String(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('update:modelValue', !this.internalChecked);\n      this.$emit('change', !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      const hasVisibleLabel = this.labelVisible && this.hasSlotLabel();\n      if (!hasVisibleLabel && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label and use label-visible=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","v","TOGGLE_CHECKED_VALUES","s","TOGGLE_SIZE_MODIFIERS","hasSlotContent","removeClassStyleAttrs","newChecked","addClassStyleAttrs","_openBlock","_createElementBlock","_mergeProps","$props","$options","_ctx","$data","_renderSlot","_createElementVNode","_hoisted_3"],"mappings":"2QAyCKA,EAAU,CACb,aAAc,CAAE,KAAM,GAEtB,KAAM,WAEN,aAAc,GAEd,MAAO,CAKL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAAA,gBAAe,CAAI,GAOzC,SAAU,CACR,KAAM,QACN,QAAS,IAQX,WAAY,CACV,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,GACT,UAAYC,GAAMC,wBAAsB,SAASD,CAAC,GAQpD,cAAe,CACb,KAAM,QACN,QAAS,IAOX,KAAM,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACT,UAAYE,GAAM,OAAO,KAAKC,EAAAA,qBAAqB,EAAE,SAAS,OAAOD,CAAC,CAAC,GAOzE,aAAc,CACZ,KAAM,QACN,QAAS,IAOX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,QAMX,gBAAiB,CACf,KAAM,OACN,QAAS,KAAO,CAAA,KAIpB,MAAO,CAQL,SASA,qBAGF,MAAQ,CACN,MAAO,CACL,gBAAiB,KAAK,WACtB,eAAAE,EAAAA,eAEJ,EAEA,SAAU,CACR,gBAAkB,CAChB,MAAO,CACL,GAAGC,EAAAA,sBAAsB,KAAK,MAAM,EACpC,QAAS,IAAM,KAAK,mBAAkB,EAE1C,EAEA,iBAAmB,CACjB,OAAO,KAAK,kBAAoB,OAClC,EAEA,YAAc,CACZ,OAAO,KAAK,gBAAkB,WAAa,QAC7C,EAEA,eAAiB,CACf,MAAO,CACL,WACAF,EAAAA,sBAAsB,OAAO,KAAK,IAAI,CAAC,EACvC,CACE,oBAAqB,KAAK,kBAAoB,GAC9C,qBAAsB,KAAK,SAC3B,0BAA2B,KAAK,iBAGtC,GAGF,MAAO,CACL,WAAYG,EAAY,CACtB,KAAK,gBAAkBA,CACzB,GAGF,SAAW,CACT,KAAK,eAAc,CACrB,EAEA,QAAS,CACP,mBAAAC,EAAAA,mBACA,oBAAsB,CACpB,KAAK,MAAM,oBAAqB,CAAC,KAAK,eAAe,EACrD,KAAK,MAAM,SAAU,CAAC,KAAK,eAAe,EAEtC,KAAK,gBACP,KAAK,gBAAkB,CAAC,KAAK,gBAEjC,EAEA,cAAgB,CACd,MAAO,CAAC,CAAE,KAAK,OAAO,OACxB,EAEA,gBAAkB,CAEZ,EADoB,KAAK,cAAgB,KAAK,aAAY,IACtC,CAAC,KAAK,OAAO,YAAY,GAC/C,QAAQ,KACN,uHAGN,EAEJ,+EA5MQ,MAAM,2CA1BZ,OAAAC,YAAA,EAAAC,qBA6BM,MA7BNC,EAAAA,WA6BM,CA5BH,0BAA4BC,EAAA,YAAY,CACjC,EAAAC,EAAA,mBAAmBC,EAAA,MAAM,CAAA,EAAA,CAGzBF,EAAA,cAAgBG,EAAA,eAAeD,EAAA,OAAO,OAAO,GADrDL,EAAAA,YAAAC,EAAAA,mBASQ,QATRC,aASQ,OAPL,MAAOC,EAAA,WACP,IAAKA,EAAA,IACEA,EAAA,gBAAe,CACvB,UAAQ,cAAc,CAAA,EAAA,CAGtBI,aAAQF,EAAA,OAAA,SAAA,sCAEVG,EAAAA,mBAcS,SAdTN,aAcS,CAbN,GAAIC,EAAA,GACJ,KAAMC,EAAA,WACP,KAAK,SACJ,eAAcE,EAAA,gBAAgB,SAAQ,EACtC,SAAUH,EAAA,SACV,gBAAeA,EAAA,SAAS,SAAQ,EAChC,MAAOC,EAAA,eACAA,EAAA,cAAc,EAAA,CAGdD,EAAA,UADRH,EAAAA,YAAAC,EAAAA,mBAGE,OAHFQ,CAGE"}