p-e04943ea.entry.js

/*!
 * Built by BASIS
 * Copyright BASIS International Ltd.
 */
import{r as o,c as r,h as t,H as e,g as a,a as c}from"./p-0e3693b5.js";import{i as n}from"./p-94175f2e.js";import{o as i,f as d,a as s,P as l}from"./p-5618954f.js";const h=class{constructor(t){o(this,t),this.closedEvent=r(this,"dwc-closed",7),this.closable=!1,this.expanse="m",this.icon="",this.message=void 0,this.opened=!0,this.theme="default"}connectedCallback(){this.handleClick=this.handleClick.bind(this)}handleClick(){this.opened=!1,this.closedEvent.emit()}render(){var o;const{src:r,pool:a,name:c}=n(this.icon);return t(e,{key:"c10e7aaa90c5ce2b3136e78753c681a7a02b758d"},t("div",{key:"e366367c4768f1b687ba77637a44532308cf591d",part:"control",role:this.opened?"alert":"none"},t("slot",{key:"9a137d239c74ed788dd2b19bde6ccc06a2fd564a"},!(!(null===(o=this.message)||void 0===o?void 0:o.length)||!r&&!c)&&t("dwc-icon",{key:"1f943c11f3bb5b914db6dbfe1ebbb0e063468d68",part:"icon",src:r,pool:a,name:c,"aria-hidden":"true"}),t("div",{key:"9336542213b9b538572c2f72464df428b8db2e68",part:"message",innerHTML:this.message})),this.closable&&t("dwc-icon-button",{key:"e49f42a7dae7aa3ae6df785a4dd8abbb4c115cbb",part:"close-button",pool:"dwc",name:"icon-x",theme:this.theme,onClick:this.handleClick})))}get el(){return a(this)}};h.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}:host{display:none}:host([opened]),:host([opened=true]){display:block}[part=control]{align-items:center;background:var(--dwc-alert-background, transparent);border:var(--dwc-alert-border);border-radius:var(--dwc-border-radius);color:var(--dwc-alert-color, inherit);display:flex;gap:var(--dwc-space-s);overflow:hidden;padding:var(--dwc-alert-padding, var(--dwc-space-s));position:relative}[part=control] ol,[part=control] ul,[part=control] ::slotted(ol),[part=control] ::slotted(ul){margin:0;padding:var(--dwc-space-s) var(--dwc-space-m)}[part=icon]{color:var(--dwc-alert-icon-color, inherit);display:inline-flex;flex:0 0 auto}[part=message]{flex:1}[part=close-button]{--dwc-icon-size:1.2em;overflow:hidden;position:relative;transform:translate3d(0, 0, 0);border-radius:var(--dwc-border-radius-round)}[part=close-button]::after{background-image:radial-gradient(circle, var(--dwc-ripple-color, currentColor) 10%, transparent 10.01%);background-position:50%;background-repeat:no-repeat;content:"";display:block;filter:blur(3px);height:100%;left:50%;margin-left:-50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(10, 10);transition:transform var(--dwc-transition-fast), opacity var(--dwc-transition-x-slow), filter var(--dwc-transition-slow);width:100%}[part=close-button]:active::after{filter:blur(0);opacity:0.2;transform:translateY(-50%) scale(0, 0) !important;transition:none}:host(.bbj-noborder){--dwc-alert-border:none !important}:host(.bbj-transparent){--dwc-alert-background:transparent !important}:host(.bbj-danger-text){--dwc-alert-color:var(--dwc-color-danger) !important}:host([theme=default]){--dwc-alert-background:transparent;--dwc-alert-color:var(--dwc-color-on-default-text-alt);--dwc-alert-icon-color:var(--dwc-color-default);--dwc-alert-border:var(--dwc-border-width) solid var(--dwc-color-default)}:host([theme=default]) [part=icon]{color:var(--dwc-color-primary)}:host([theme=primary]){--dwc-alert-background:var(--dwc-color-primary-alt);--dwc-alert-color:var(--dwc-color-on-primary-text-alt);--dwc-alert-icon-color:var(--dwc-color-primary);--dwc-alert-border:var(--dwc-border-width) solid var(--dwc-color-primary)}:host([theme=default]) [part=icon]{color:var(--dwc-color-primary)}:host([theme=success]){--dwc-alert-background:var(--dwc-color-success-alt);--dwc-alert-color:var(--dwc-color-on-success-text-alt);--dwc-alert-icon-color:var(--dwc-color-success);--dwc-alert-border:var(--dwc-border-width) solid var(--dwc-color-success)}:host([theme=default]) [part=icon]{color:var(--dwc-color-primary)}:host([theme=warning]){--dwc-alert-background:var(--dwc-color-warning-alt);--dwc-alert-color:var(--dwc-color-on-warning-text-alt);--dwc-alert-icon-color:var(--dwc-color-warning);--dwc-alert-border:var(--dwc-border-width) solid var(--dwc-color-warning)}:host([theme=default]) [part=icon]{color:var(--dwc-color-primary)}:host([theme=danger]){--dwc-alert-background:var(--dwc-color-danger-alt);--dwc-alert-color:var(--dwc-color-on-danger-text-alt);--dwc-alert-icon-color:var(--dwc-color-danger);--dwc-alert-border:var(--dwc-border-width) solid var(--dwc-color-danger)}:host([theme=default]) [part=icon]{color:var(--dwc-color-primary)}:host([theme=info]){--dwc-alert-background:var(--dwc-color-info-alt);--dwc-alert-color:var(--dwc-color-on-info-text-alt);--dwc-alert-icon-color:var(--dwc-color-info);--dwc-alert-border:var(--dwc-border-width) solid var(--dwc-color-info)}:host([theme=default]) [part=icon]{color:var(--dwc-color-primary)}:host([theme=gray]){--dwc-alert-background:var(--dwc-color-gray-alt);--dwc-alert-color:var(--dwc-color-on-gray-text-alt);--dwc-alert-icon-color:var(--dwc-color-gray);--dwc-alert-border:var(--dwc-border-width) solid var(--dwc-color-gray)}:host([theme=default]) [part=icon]{color:var(--dwc-color-primary)}:host([expanse=xl]){font-size:var(--dwc-font-size-xl)}:host([expanse=l]){font-size:var(--dwc-font-size-l)}:host([expanse=m]){font-size:var(--dwc-font-size-m)}:host([expanse=s]){font-size:var(--dwc-font-size-s)}:host([expanse=xs]){font-size:var(--dwc-font-size-xs)}';const w=class{constructor(r){o(this,r),this.distance=2,this.icon="dwc:info",this.message=void 0,this.opened=!1,this.skidding=0,this.placement="bottom",this.theme="default"}onOpenedChanged(){this.opened?this.open():this.close()}onMessageAndIconChanged(){this.popper&&this.opened&&this.popper.update()}onProperOptionsChanged(){this.popper&&this.popper.setOptions({placement:this.placement,modifiers:[i(this.skidding,this.distance),d(),s()]})}async disconnectedCallback(){await this.close()}componentDidLoad(){c((()=>{let o=this.el.parentElement;o||(o=this.el.getRootNode().host),o&&!this.popper&&(this.popper=new l(o,this.$positioner,{strategy:"absolute",placement:this.placement,moveTo:document.body,restoreTo:this.el,transitionedElement:this.$popover,modifiers:[i(this.skidding,this.distance),d(),s()]})),this.opened&&this.open()}))}async open(){this.popper&&(await this.popper.open(),clearInterval(this.interval),this.interval=setInterval((()=>{this.popper.update()}),50))}async close(){this.popper&&(await this.popper.close(),clearInterval(this.interval))}render(){return t(e,{key:"542867c3d04cc3bf994f0735089aaf47f5619fbe"},t("div",{key:"cc1915b491970c9521c3c31bb57a719fdd9f25fa",ref:o=>this.$positioner=o,class:"dwc-positioner dwc-positioner--popover",hidden:!0},t("div",{key:"f7d570d8a2624a662ba9a447842266b1c7eb06c6",class:"dwc-popper-arrow","data-popper-arrow":!0}),t("div",{key:"c544a8fc73e66255a877030e6081dfffd030fc46",ref:o=>this.$popover=o,class:{"dwc-popper":!0,"dwc-popper--validation":!0}},t("dwc-alert",{key:"c18f216d15e71c96982dab2d4315149dc6b70262",class:{"bbj-noborder":!0,"bbj-transparent":!0,"dwc-alert--validation":!0},icon:this.icon,message:this.message,theme:this.theme}))))}get el(){return a(this)}static get watchers(){return{opened:["onOpenedChanged"],icon:["onMessageAndIconChanged"],message:["onMessageAndIconChanged"],distance:["onProperOptionsChanged"],placement:["onProperOptionsChanged"],skidding:["onProperOptionsChanged"]}}};w.style=":host{display:none}";const b=class{constructor(r){o(this,r),this.disabled=!1,this.expanse="xs",this.focusVisible=!1,this.label=void 0,this.name=void 0,this.src=void 0,this.pool="tabler",this.theme="default",this.tabTraversable=0}componentDidLoad(){null!=window.applyFocusVisiblePolyfill&&window.applyFocusVisiblePolyfill(this.el.shadowRoot)}handleClick(o){if(this.disabled)return o.preventDefault(),o.stopImmediatePropagation(),void o.stopPropagation();this.setFocus()}async setFocus(){var o;null===(o=this.$button)||void 0===o||o.focus()}async removeFocus(){var o;null===(o=this.$button)||void 0===o||o.blur()}figureLabel(){let o="";return this.label?o=this.label:this.name?o=this.name.replace(/-/g," "):this.src&&(o=this.src.replace(/.*\//,"").replace(/-/g," ").replace(/\.[^/.]+$/,"")),o}render(){const o=this.figureLabel();return t(e,{key:"58cd99aa1786d8a0bb74c0b9adcbffe3992c287e"},t("button",{key:"de4ea6dc1dac5b849f3a739503eada4f1786a206",ref:o=>this.$button=o,part:"control",class:{nfv:!this.focusVisible},disabled:this.disabled,tabindex:this.disabled?-1:this.tabTraversable,type:"button","aria-label":o},t("dwc-icon",{key:"da2be4b909b5414d38bc3892d5f118c8da573f42",part:"icon",expanse:this.expanse,label:this.label,name:this.name,src:this.src,pool:this.pool,theme:this.theme,"aria-hidden":"true"})))}get el(){return a(this)}};b.style=':host{display:inline-block;vertical-align:middle}:host([disabled]){cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none;pointer-events:none}:host([disabled]) *{cursor:var(--dwc-disabled-cursor);user-select:none;pointer-events:none}[part=control]{align-items:center;appearance:none;background:none;border:unset;border:0 solid transparent;border-radius:var(--dwc-border-radius);color:var(--dwc-icon-button-color, currentColor);cursor:var(--dwc-cursor-click);display:inline-flex;flex:0 0 auto;font-size:inherit;height:100%;justify-content:center;margin:0;outline:none;padding:0;position:relative;transition:var(--dwc-transition) color, var(--dwc-transition) border-color, var(--dwc-transition) box-shadow;vertical-align:inherit;width:100%}[part=control]::-moz-focus-inner{border:0}[part=control]:focus{outline:none}:host(:not([disabled])) [part=control]{overflow:hidden;position:relative;transform:translate3d(0, 0, 0)}:host(:not([disabled])) [part=control]::after{background-image:radial-gradient(circle, var(--dwc-ripple-color, currentColor) 10%, transparent 10.01%);background-position:50%;background-repeat:no-repeat;content:"";display:block;filter:blur(3px);height:100%;left:50%;margin-left:-50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(10, 10);transition:transform var(--dwc-transition-fast), opacity var(--dwc-transition-x-slow), filter var(--dwc-transition-slow);width:100%}:host(:not([disabled])) [part=control]:active::after{filter:blur(0);opacity:0.2;transform:translateY(-50%) scale(0, 0) !important;transition:none}[part=control]::before{border-color:var(--dwc-icon-button-border-color, transparent);border-radius:inherit;border-style:var(--dwc-border-style);border-width:var(--dwc-border-width);bottom:0;box-sizing:inherit;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:host(:not([disabled])) [part=control]:hover,:host(:not([disabled])) [part=control].focus-visible{color:var(--dwc-icon-button-hover-color, var(--dwc-color-primary-text-light))}:host(:not([disabled])) [part=control]:active{color:var(--dwc-icon-button-active-color, var(--dwc-color-primary-text))}:host(:not([disabled])) [part=control].focus-visible:not(.nfv)::before{border-color:var(--dwc-icon-button-focused-border-color, var(--dwc-border-color-default))}:host(:not([disabled])) [part=control].focus-visible:not(.nfv){box-shadow:var(--dwc-icon-button-focus-ring, var(--dwc-focus-ring-default))}:host([theme=primary]){--dwc-icon-button-color:var(--dwc-color-primary-text);--dwc-icon-button-hover-color:var(--dwc-color-primary-text-light);--dwc-icon-button-active-color:var(--dwc-color-primary-text);--dwc-icon-button-focused-border-color:var(--dwc-border-color-primary);--dwc-icon-button-focus-ring:var(--dwc-focus-ring-primary)}:host([theme=success]){--dwc-icon-button-color:var(--dwc-color-success-text);--dwc-icon-button-hover-color:var(--dwc-color-success-text-light);--dwc-icon-button-active-color:var(--dwc-color-success-text);--dwc-icon-button-focused-border-color:var(--dwc-border-color-success);--dwc-icon-button-focus-ring:var(--dwc-focus-ring-success)}:host([theme=warning]){--dwc-icon-button-color:var(--dwc-color-warning-text);--dwc-icon-button-hover-color:var(--dwc-color-warning-text-light);--dwc-icon-button-active-color:var(--dwc-color-warning-text);--dwc-icon-button-focused-border-color:var(--dwc-border-color-warning);--dwc-icon-button-focus-ring:var(--dwc-focus-ring-warning)}:host([theme=danger]){--dwc-icon-button-color:var(--dwc-color-danger-text);--dwc-icon-button-hover-color:var(--dwc-color-danger-text-light);--dwc-icon-button-active-color:var(--dwc-color-danger-text);--dwc-icon-button-focused-border-color:var(--dwc-border-color-danger);--dwc-icon-button-focus-ring:var(--dwc-focus-ring-danger)}:host([theme=info]){--dwc-icon-button-color:var(--dwc-color-info-text);--dwc-icon-button-hover-color:var(--dwc-color-info-text-light);--dwc-icon-button-active-color:var(--dwc-color-info-text);--dwc-icon-button-focused-border-color:var(--dwc-border-color-info);--dwc-icon-button-focus-ring:var(--dwc-focus-ring-info)}:host([theme=gray]){--dwc-icon-button-color:var(--dwc-color-gray-text);--dwc-icon-button-hover-color:var(--dwc-color-gray-text-light);--dwc-icon-button-active-color:var(--dwc-color-gray-text);--dwc-icon-button-focused-border-color:var(--dwc-border-color-gray);--dwc-icon-button-focus-ring:var(--dwc-focus-ring-gray)}';export{h as dwc_alert,w as dwc_alert_popover,b as dwc_icon_button}