p-ee509928.entry.js

/*!
 * Built by BASIS
 * Copyright BASIS International Ltd.
 */
import{r as t,c as o,h as r,H as a,g as e}from"./p-0e3693b5.js";import{h as c}from"./p-3e9fe89f.js";const s=class{constructor(r){t(this,r),this.openedEvent=o(this,"dwc-opened",7),this.closedEvent=o(this,"dwc-closed",7),this.isOpened=!1,this.paused=!1,this.duration=3e3,this.message="",this.opened=!1,this.placement="bottom",this.theme="default"}onOpenedChanged(){this.opened?this.open():this.close()}onPlacementChanged(){this.getToastGroup().appendChild(this.el)}connectedCallback(){this.handleMouseEnter=this.handleMouseEnter.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this)}handleClick(t){t.target.closest('[data-action="close"]')&&this.close()}componentDidLoad(){this.opened&&this.open()}async open(){this.isOpened||(this.getToastGroup().appendChild(this.el),this.isOpened=!0,this.opened=!0,this.openedEvent.emit(),this.startTimer())}async close(){this.isOpened&&(this.isOpened=!1,this.opened=!1,this.endTimer(),this.closedEvent.emit(),requestAnimationFrame((()=>{this.el.remove()})))}getToastGroup(){let t=document.querySelector(`dwc-toast-group[placement="${this.placement}"]`);return t||(t=document.createElement("dwc-toast-group"),t.setAttribute("placement",this.placement),document.body.appendChild(t),t)}startTimer(){this.endTimer(),this.duration>0&&(this.timer=setTimeout((()=>{this.endTimer(),this.paused||this.close()}),this.duration))}endTimer(){this.timer&&(clearTimeout(this.timer),this.timer=null)}handleMouseEnter(){this.paused=!0}handleMouseLeave(){this.paused&&this.startTimer(),this.paused=!1}render(){return r(a,{key:"681d06067f30d6d26437b3cec0a0d0a931d9ba6e",class:c({"bbj-opened":this.opened})},r("div",{key:"e910a29b387aaa0314de7e2d889fc541e491f086",part:"control",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},r("div",{key:"e7f0cc4f499fcf7b3f40852513d62d0442a79299",part:"message-wrapper"},r("slot",{key:"7b4b2c813d6f5910657782e5fc79142b5211318b",name:"message"},r("div",{key:"ce777611d9126f98415d9594164ff9cefb5692ea",part:"message",innerHTML:this.message}))),r("div",{key:"20ad575e76723feefdeacd3ac025ad7101572d44",part:"buttons"},r("slot",{key:"cdffdc494c2f8b648acec9aca5ae83f038725170"}))))}get el(){return e(this)}static get watchers(){return{opened:["onOpenedChanged"],placement:["onPlacementChanged"]}}};s.style="@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}@keyframes dwc-toast-show{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}:host{box-sizing:border-box;display:inline-block;height:0;overflow:hidden;pointer-events:none;text-align:center;width:0}:host([opened]){animation:dwc-toast-show var(--dwc-transition) var(--dwc-ease-inOutBack);background:var(--dwc-toast-background, var(--dwc-surface-3));border:var(--dwc-toast-border-width, var(--dwc-border-width)) var(--dwc-toast-border-style, var(--dwc-border-style)) var(--dwc-toast-border-color, var(--dwc-color-default));border-radius:var(--dwc-toast-border-radius, var(--dwc-border-radius-m));box-shadow:var(--dwc-toast-shadow, var(--dwc-shadow-xl));color:var(--dwc-toast-color, var(--dwc-color-on-default-text));height:auto;max-width:var(--dwc-toast-maxWidth, 100%);min-width:var(--dwc-toast-minWidth, 320px);pointer-events:all;width:var(--dwc-toast-width, initial);z-index:var(--dwc-zindex-h4)}[part=control]{align-items:center;display:flex;flex-direction:row;height:100%;line-height:1.6;margin:0 auto;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;padding:var(--dwc-space-m);text-align:inherit;width:100%}:host([data-stacked]) [part=control]{display:none}[part=message-wrapper],[part=message-wrapper] ::slotted([slot=message]){align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:var(--dwc-space);justify-content:center}[part=message]{display:inherit}[part=buttons]{align-items:center;display:flex;flex-direction:row;gap:var(--dwc-space-s);justify-content:center;padding:0;text-align:unset}[part=control] ::slotted(button),[part=control] ::slotted([role=button]){background:none;border:unset;color:var(--dwc-toast-button-color, var(--dwc-color-primary-text));cursor:var(--dwc-cursor-click);font-weight:var(--dwc-toast-button-font-weight, var(--dwc-font-weight-semibold));margin:0;padding:0;text-decoration:none;transform:translateZ(0);transition:var(--dwc-transition) opacity}[part=control] ::slotted(button:hover),[part=control] ::slotted([role=button]:hover){opacity:1}:host([theme=primary]){--dwc-toast-background:var(--dwc-color-primary);--dwc-toast-color:var(--dwc-color-on-primary-text);--dwc-toast-border-color:var(--dwc-color-primary-dark);--dwc-toast-button-color:var(--dwc-color-on-primary-text);--dwc-toast-button-color-hover:var(--dwc-color-on-primary-text-light)}:host([theme=success]){--dwc-toast-background:var(--dwc-color-success);--dwc-toast-color:var(--dwc-color-on-success-text);--dwc-toast-border-color:var(--dwc-color-success-dark);--dwc-toast-button-color:var(--dwc-color-on-success-text);--dwc-toast-button-color-hover:var(--dwc-color-on-success-text-light)}:host([theme=warning]){--dwc-toast-background:var(--dwc-color-warning);--dwc-toast-color:var(--dwc-color-on-warning-text);--dwc-toast-border-color:var(--dwc-color-warning-dark);--dwc-toast-button-color:var(--dwc-color-on-warning-text);--dwc-toast-button-color-hover:var(--dwc-color-on-warning-text-light)}:host([theme=danger]){--dwc-toast-background:var(--dwc-color-danger);--dwc-toast-color:var(--dwc-color-on-danger-text);--dwc-toast-border-color:var(--dwc-color-danger-dark);--dwc-toast-button-color:var(--dwc-color-on-danger-text);--dwc-toast-button-color-hover:var(--dwc-color-on-danger-text-light)}:host([theme=info]){--dwc-toast-background:var(--dwc-color-info);--dwc-toast-color:var(--dwc-color-on-info-text);--dwc-toast-border-color:var(--dwc-color-info-dark);--dwc-toast-button-color:var(--dwc-color-on-info-text);--dwc-toast-button-color-hover:var(--dwc-color-on-info-text-light)}:host([theme=gray]){--dwc-toast-background:var(--dwc-color-gray);--dwc-toast-color:var(--dwc-color-on-gray-text);--dwc-toast-border-color:var(--dwc-color-gray-dark);--dwc-toast-button-color:var(--dwc-color-on-gray-text);--dwc-toast-button-color-hover:var(--dwc-color-on-gray-text-light)}";export{s as dwc_toast}