@square/maker/components/Toast/script.js

Maker Design System by Square

!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("../../components/Icon"),require("../../components/ProgressBar"),require("../../components/Text"),require("../../components/TextButton"),require("../../components/Theme"),require("../../components/TransitionStack"),require("../../components/VerticalDivider"),require("../../utils/constants"),require("../../utils/css-validator"),require("vue"));else if("function"==typeof define&&define.amd)define(["../../components/Icon","../../components/ProgressBar","../../components/Text","../../components/TextButton","../../components/Theme","../../components/TransitionStack","../../components/VerticalDivider","../../utils/constants","../../utils/css-validator","vue"],e);else{var s="object"==typeof exports?e(require("../../components/Icon"),require("../../components/ProgressBar"),require("../../components/Text"),require("../../components/TextButton"),require("../../components/Theme"),require("../../components/TransitionStack"),require("../../components/VerticalDivider"),require("../../utils/constants"),require("../../utils/css-validator"),require("vue")):e(t["../../components/Icon"],t["../../components/ProgressBar"],t["../../components/Text"],t["../../components/TextButton"],t["../../components/Theme"],t["../../components/TransitionStack"],t["../../components/VerticalDivider"],t["../../utils/constants"],t["../../utils/css-validator"],t.vue);for(var o in s)("object"==typeof exports?exports:t)[o]=s[o]}}(this,(function(t,e,s,o,r,n,i,a,c,l){return(()=>{"use strict";var d={20:e=>{e.exports=t},984:t=>{t.exports=e},86:t=>{t.exports=s},861:t=>{t.exports=o},219:t=>{t.exports=r},529:t=>{t.exports=n},155:t=>{t.exports=i},30:t=>{t.exports=a},948:t=>{t.exports=c},103:t=>{t.exports=l}},u={};function p(t){var e=u[t];if(void 0!==e)return e.exports;var s=u[t]={exports:{}};return d[t](s,s.exports,p),s.exports}p.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return p.d(e,{a:e}),e},p.d=(t,e)=>{for(var s in e)p.o(e,s)&&!p.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var f={};return(()=>{p.r(f),p.d(f,{MBread:()=>r,MToast:()=>M,MToastLayer:()=>m,toastApi:()=>t});const t=Symbol("toastApiKey");const e={inject:{toastApi:t},inheritAttrs:!1,props:{persistent:{type:Boolean,default:!1},dismissAfter:{type:Number,default:5e3}},data:()=>({mouseEnterAt:0,mouseLeaveAt:0,closeQueued:!1}),computed:{listeners(){const t={...this.$listeners};return this.persistent||(t["&mouseenter"]=this.onMouseEnter,t["&mouseleave"]=this.onMouseLeave),t}},mounted(){this.persistent||this.closeSelfIn(this.dismissAfter)},methods:{onMouseEnter(){this.mouseEnterAt=Date.now()},onMouseLeave(){if(this.mouseLeaveAt=Date.now(),!this.closeQueued)return;this.closeSelfIn(1e3)},closeSelfIn(t){this.closeQueued=!1,setTimeout((()=>{this.mouseLeaveAt>=this.mouseEnterAt?this.toastApi.closeSelf():this.closeQueued=!0}),t)}}},s={Bread:"📚19-10-2BxUl0"};function o(t,e,s,o,r,n,i,a){var c,l="function"==typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=s,l._compiled=!0),o&&(l.functional=!0),n&&(l._scopeId="data-v-"+n),i?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},l._ssrRegister=c):r&&(c=a?function(){r.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(l.functional){l._injectStyles=c;var d=l.render;l.render=function(t,e){return c.call(e),d(t,e)}}else{var u=l.beforeCreate;l.beforeCreate=u?[].concat(u,c):[c]}return{exports:t,options:l}}const r=o(e,(function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",t._g(t._b({class:t.$s.Bread},"div",t.$attrs,!1),t.listeners),[t._t("default")],2)}),[],!1,(function(t){this.$s=s.locals||s}),null,null).exports;var n=p(103),i=p.n(n),a=p(529);const c={inject:{parentToastApi:{default:void 0,from:t}},provide(){const e={...this.parentToastApi};return e.closeSelf=()=>{this.parentToastApi.close(this.renderFn)},{[t]:e}},props:{renderFn:{type:Function,required:!0}},render(t){return this.renderFn(t)}};function l(t,e){return{...e,key:Math.random().toString(36).slice(2,12),renderFn:t}}const d={provide(){const e={state:i().observable({toasts:[]}),open(t,e={}){const s=l(t,e);return this.state.toasts.push(s),()=>{const t=this.state.toasts.indexOf(s);if(-1!==t){const e=1;this.state.toasts.splice(t,e)}}},close(t){const e=this.state.toasts.find((e=>e.renderFn===t));if(!e)return;const s=this.state.toasts.indexOf(e);if(-1===s)return;this.state.toasts.splice(s,1)},closeAll(){for(;this.state.toasts.length;)this.state.toasts.pop()}};return this.toastApi||(this.toastApi=e),{[t]:e}}},u={components:{MTransitionStack:a.MTransitionStack,ToastRenderFn:c},inject:{toastApi:t},inheritAttrs:!1,apiMixin:d,computed:{addActionbarOffset(){return!!this.toastApi.state.toasts.find((t=>t.actionbarOffset))}}},v={FullScreenFixed:"📚19-10-2fcqNB",fade_bottom:"📚19-10-2bRwdS",ActionbarOffset:"📚19-10-2y0RVm"};const m=o(u,(function(){var t,e=this,s=e.$createElement,o=e._self._c||s;return o("m-transition-stack",{class:[e.$s.FullScreenFixed,(t={},t[e.$s.ActionbarOffset]=e.addActionbarOffset,t)],attrs:{"before-enter-class":e.$s.fade_bottom}},e._l(e.toastApi.state.toasts,(function(t){return o("toast-render-fn",{key:t.key,attrs:{"render-fn":t.renderFn}})})),1)}),[],!1,(function(t){this.$s=v.locals||v}),null,null).exports;var h=p(219),x=p(155),_=p(984),y=p(861),T=p(20),g=p(86),A=p(30),b=p(948),S=p.n(b);const C=S()("width"),$={components:{MBread:r,MIcon:T.MIcon,MProgressBar:_.MProgressBar,MTextButton:y.MTextButton,MText:g.MText,MVerticalDivider:x.MVerticalDivider},inject:{toastApi:t,theme:{default:(0,h.defaultTheme)(),from:h.MThemeKey}},inheritAttrs:!1,props:{pattern:{type:String,default:void 0},persistent:{type:Boolean,default:void 0},dismissAfter:{type:Number,default:void 0},iconName:{type:String,default:void 0},showIcon:{type:Boolean,default:void 0},iconSize:{type:String,default:"small",validator:t=>A.ICON_SIZES[t]||C(t)},text:{type:String,default:""},progress:{type:Number,default:void 0,validator:t=>t>=0&&t<=100},color:{type:String,default:void 0,validator:S()("color")},accentColor:{type:String,default:void 0,validator:S()("color")},bgColor:{type:String,default:void 0,validator:S()("color")},actions:{type:Array,default:()=>[],validator(t){for(const e of t)if(!e.text||!e.click)return!1;return!0}}},computed:{...(0,h.resolveThemeableProps)("toast",["pattern","persistent","dismissAfter","color","bgColor","accentColor","iconName","showIcon"]),enhanceContrast(){return this.resolvedBgColor===this.theme.colors.background},hasProgress(){return this.progress||0===this.progress},style(){const t={};return this.resolvedAccentColor&&(t["--toast-accent-color"]=this.resolvedAccentColor),this.resolvedBgColor&&(t["--toast-bg-color"]=this.resolvedBgColor),this.resolvedColor&&(t["--toast-color"]=this.resolvedColor),t},dividerStyle(){const t={};return this.resolvedColor&&(t.backgroundColor=this.resolvedColor,t.opacity="0.4"),t}}},B={Toast:"📚19-10-2_06ri",EnhanceContrast:"📚19-10-2Pigc8",ToastContent:"📚19-10-2jcnd9",IconContainer:"📚19-10-2Fq56P",CloseIcon:"📚19-10-2PN4F1",ToastClose:"📚19-10-2ziElt",TextAndActions:"📚19-10-2_laKu",Text:"📚19-10-2omeiS",Actions:"📚19-10-2DKCbj",ActionDivider:"📚19-10-2_wKQv",ToastProgressBar:"📚19-10-2q7C6x"};const M=o($,(function(){var t,e=this,s=e.$createElement,o=e._self._c||s;return o("m-bread",e._g(e._b({class:[e.$s.Toast,(t={},t[e.$s.EnhanceContrast]=e.enhanceContrast,t)],style:e.style,attrs:{persistent:e.resolvedPersistent,"dismiss-after":e.resolvedDismissAfter,role:"alert","aria-live":"assertive"}},"m-bread",e.$attrs,!1),e.$listeners),[o("div",{class:e.$s.ToastContent},[e.resolvedShowIcon?o("div",{class:e.$s.IconContainer},[e._t("icon",(function(){return[o("m-icon",{attrs:{name:e.resolvedIconName,size:e.iconSize}})]}))],2):e._e(),e._v(" "),o("div",{class:e.$s.TextAndActions},[o("m-text",{class:e.$s.Text,attrs:{element:"span",color:e.resolvedColor}},[e._v("\n\t\t\t\t"+e._s(e.text)+"\n\t\t\t")]),e._v(" "),o("div",{class:e.$s.Actions},[e._l(e.actions,(function(t,s){return[o("m-text-button",{key:t.text+"button",attrs:{size:"large",color:e.resolvedColor},on:{click:t.click}},[e._v("\n\t\t\t\t\t\t"+e._s(t.text)+"\n\t\t\t\t\t")]),e._v(" "),s!==e.actions.length-1?o("m-vertical-divider",{key:t.text+"divider",class:e.$s.ActionDivider,style:e.dividerStyle}):e._e()]}))],2)],1),e._v(" "),o("div",{class:e.$s.ToastClose,on:{click:e.toastApi.closeSelf}},[o("m-icon",{class:e.$s.CloseIcon,attrs:{size:e.iconSize,name:"close"}})],1)]),e._v(" "),e.hasProgress?o("m-progress-bar",{class:e.$s.ToastProgressBar,attrs:{shape:"squared",size:"xsmall",color:e.resolvedAccentColor,progress:e.progress}}):e._e()],1)}),[],!1,(function(t){this.$s=B.locals||B}),null,null).exports})(),f})()}));
//# sourceMappingURL=script.js.map