@dialpad/dialtone/dist/vue3/lib/toast/toast.cjs

Dialpad's Dialtone design system monorepo

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./toast-constants.cjs"),d=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"),o=require("@dialpad/dialtone-icons/vue3"),k=require("../icon/icon-constants.cjs"),p={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 d.default.getUniqueString()}},contentId:{type:String,default(){return d.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:t=>l.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]}}},T=["aria-hidden"],D={class:"d-toast__dialog"};function v(t,a,n,c,s,i){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",i.kindClass,{"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},t.$attrs),{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},t.$attrs),{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},t.$attrs,{onClose:a[0]||(a[0]=y=>t.$emit("close"))}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},16,["hide-action","hide-close"])])],10,T)):e.createCommentVNode("",!0)}const h=r._(p,[["render",v]]),w=new Map([["info",o.DtIconInfo],["success",o.DtIconInfo],["warning",o.DtIconAlertTriangle],["error",o.DtIconInfo],["base",o.DtIconBell],["gradient",o.DtIconSparkle]]),N={compatConfig:{MODE:3},name:"DtToastLayoutAlternateIcon",components:{DtIconInfo:o.DtIconInfo,DtIconAlertTriangle:o.DtIconAlertTriangle,DtIconBell:o.DtIconBell,DtIconSparkle:o.DtIconSparkle},props:{kind:{type:String,default:"base",validate(t){return l.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,s,i){return e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(t.$slots,"default",{},()=>[i.defaultIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.defaultIcon),{key:0,size:n.size},null,8,["size"])):e.createCommentVNode("",!0)])])}const O=r._(N,[["render",B]]),E={name:"ToastLayoutAlternate",components:{DtNoticeAction:S.default,DtNoticeContent:g.default,DtToastLayoutAlternateIcon:O},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return d.default.getUniqueString()}},contentId:{type:String,default(){return d.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:t=>l.TOAST_ROLES.includes(t)},kind:{type:String,default:"base",validator:t=>l.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]}}},b=["aria-hidden"],V={class:"d-toast-alternate__dialog"},q={class:"d-toast-alternate__header"},L={class:"d-toast-alternate__content"};function $(t,a,n,c,s,i){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",i.kindClass]),"data-qa":"dt-toast","aria-hidden":(!n.isShown).toString()},[e.createElementVNode("div",V,[e.createElementVNode("div",q,[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,kind:n.kind,size:"200"},t.$attrs),{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},t.$attrs),{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"},t.$attrs,{onClose:a[0]||(a[0]=y=>t.$emit("close"))}),null,16,["hide-close"])]),e.createElementVNode("div",L,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.message),1)])])])],10,b)):e.createCommentVNode("",!0)}const _=r._(E,[["render",$]]),z={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>=l.TOAST_MIN_DURATION},layout:{type:String,default:"default",validator:t=>l.TOAST_LAYOUTS.includes(t)}},emits:["close","update:show"],data(){return{isShown:!1,minDuration:l.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 M(t,a,n,c,s,i){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.selectedLayout),e.mergeProps({"is-shown":s.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:i.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 P=r._(z,[["render",M]]);exports.default=P;
//# sourceMappingURL=toast.cjs.map