@dialpad/dialtone-vue/dist/lib/toast/toast.cjs

Vue component library for Dialpad's design system Dialtone

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./toast-constants.cjs"),a=require("../../common/utils/index.cjs"),s=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),l=require("../notice/notice-action.cjs"),u=require("../notice/notice-content.cjs"),c=require("../notice/notice-icon.cjs"),_=require("../notice/notice-constants.cjs"),i=require("@dialpad/dialtone-icons/vue2"),f=require("../icon/icon-constants.cjs"),p={name:"ToastLayoutDefault",components:{DtNoticeIcon:c.default,DtNoticeContent:u.default,DtNoticeAction:l.default},props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return a.default.getUniqueString()}},contentId:{type:String,default(){return a.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:e=>o.TOAST_ROLES.includes(e)},kind:{type:String,default:"base",validator:e=>_.NOTICE_KINDS.includes(e)},important:{type:Boolean,default:!1},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1}},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]}}};var h=function(){var t=this,n=t._self._c;return t.isShown?n("div",{class:["d-toast",t.kindClass,{"d-toast--important":t.important}],attrs:{"data-qa":"dt-toast","aria-hidden":(!t.isShown).toString()}},[n("div",{staticClass:"d-toast__dialog"},[t.hideIcon?t._e():n("dt-notice-icon",t._g({attrs:{kind:t.kind}},t.$listeners),[t._t("icon")],2),n("dt-notice-content",t._g({attrs:{"title-id":t.titleId,"content-id":t.contentId,title:t.title,role:t.role},scopedSlots:t._u([{key:"titleOverride",fn:function(){return[t._t("titleOverride")]},proxy:!0}],null,!0)},t.$listeners),[t._t("default",function(){return[t._v(" "+t._s(t.message)+" ")]})],2),n("dt-notice-action",t._g({attrs:{"hide-action":t.hideAction,"hide-close":t.hideClose}},t.$listeners),[t._t("action")],2)],1)]):t._e()},g=[],m=s.n(p,h,g);const r=m.exports,S=new Map([["info",i.DtIconInfo],["success",i.DtIconInfo],["warning",i.DtIconAlertTriangle],["error",i.DtIconInfo],["base",i.DtIconBell],["gradient",i.DtIconSparkle]]),y={name:"DtToastLayoutAlternateIcon",components:{DtIconInfo:i.DtIconInfo,DtIconAlertTriangle:i.DtIconAlertTriangle,DtIconBell:i.DtIconBell,DtIconSparkle:i.DtIconSparkle},props:{kind:{type:String,default:"base",validator(e){return o.TOAST_ALTERNATE_KINDS.includes(e)}},size:{type:String,default:"400",validator:e=>Object.keys(f.ICON_SIZE_MODIFIERS).includes(e)}},computed:{defaultIcon(){return S.get(this.kind)}}};var I=function(){var t=this,n=t._self._c;return n("div",{staticClass:"d-toast-layout-alternate__icon",attrs:{"aria-hidden":"true"}},[t._t("default",function(){return[t.defaultIcon?n(t.defaultIcon,{tag:"component",attrs:{size:t.size}}):t._e()]})],2)},v=[],T=s.n(y,I,v);const D=T.exports,k={name:"ToastLayoutAlternate",components:{DtNoticeAction:l.default,DtNoticeContent:u.default,DtToastLayoutAlternateIcon:D},props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return a.default.getUniqueString()}},contentId:{type:String,default(){return a.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:e=>o.TOAST_ROLES.includes(e)},kind:{type:String,default:"base",validator:e=>o.TOAST_ALTERNATE_KINDS.includes(e)},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]}}};var C=function(){var t=this,n=t._self._c;return t.isShown?n("div",{class:["d-toast-alternate",t.kindClass],attrs:{"data-qa":"dt-toast","aria-hidden":(!t.isShown).toString()}},[n("div",{staticClass:"d-toast-alternate__dialog"},[n("div",{staticClass:"d-toast-alternate__header"},[t.hideIcon?t._e():n("dt-toast-layout-alternate-icon",t._g({attrs:{kind:t.kind,size:"200"}},t.$listeners),[t._t("icon")],2),n("dt-notice-content",t._g({attrs:{"title-id":t.titleId,"content-id":t.contentId,title:t.title,role:t.role},scopedSlots:t._u([{key:"titleOverride",fn:function(){return[t._t("titleOverride")]},proxy:!0}],null,!0)},t.$listeners)),n("dt-notice-action",t._g({attrs:{"hide-action":!0,"hide-close":t.hideClose,"button-size":"xs"}},t.$listeners))],1),n("div",{staticClass:"d-toast-alternate__content"},[t._t("default",function(){return[t._v(" "+t._s(t.message)+" ")]})],2)])]):t._e()},A=[],w=s.n(k,C,A);const d=w.exports,O={name:"DtToast",components:{ToastLayoutDefault:r,ToastLayoutAlternate:d},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:e=>e>=o.TOAST_MIN_DURATION},layout:{type:String,default:"default",validator:e=>o.TOAST_LAYOUTS.includes(e)}},emits:["close","update:show"],data(){return{isShown:!1,minDuration:o.TOAST_MIN_DURATION}},computed:{shouldSetTimeout(){return!!this.duration&&this.duration>=this.minDuration},selectedLayout(){return this.layout==="alternate"?d:r}},watch:{show:{handler:function(e){this.isShown=e,e?this.setTimeout():clearTimeout(this.displayTimer)},immediate:!0}},destroyed(){this.shouldSetTimeout&&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("update:show",!1)}}};var $=function(){var t=this,n=t._self._c;return n(t.selectedLayout,t._g({tag:"component",attrs:{"is-shown":t.isShown,"title-id":t.titleId,"content-id":t.contentId,title:t.title,message:t.message,role:t.role,kind:t.kind,important:t.important,"hide-close":t.hideClose,"hide-icon":t.hideIcon,"hide-action":t.hideAction},on:{close:t.handleClose},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon")]},proxy:!0},{key:"titleOverride",fn:function(){return[t._t("titleOverride")]},proxy:!0},{key:"action",fn:function(){return[t._t("action")]},proxy:!0}],null,!0)},t.$listeners),[t._t("default",function(){return[t._v(" "+t._s(t.message)+" ")]})],2)},b=[],N=s.n(O,$,b);const B=N.exports;exports.default=B;
//# sourceMappingURL=toast.cjs.map