@baloise/ds-core 20.0.0-next.8 → 20.0.0-next.9

package/components/ds-alert-container.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as a,h as i,e,t as s}from"./p-WO0X5Vmy.js";import{_ as n,L as r,a as o}from"./p-J0mxIuTt.js";import{w as c,r as d}from"./p-BgzU1loG.js";import{R as l}from"./p-DYlqkAWn.js";import{T as m}from"./p-DAYd9ty0.js";import{O as p}from"./p-BhbWmCTu.js";const h=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.alerts=[],this.maxVisibleItems=5,this.animationDurationMs=300,this.alertTimers={},this.animated=!1,this.container="",this.type="toast"}createLogger(t){this.log=t}async addAlert(t){if(this.hasDuplications(t))return"";const a=crypto.randomUUID(),i=this.getDuration(t),e=Object.assign(Object.assign({},t),{visible:!1,duration:i,alertId:a});return this.alerts=[...this.alerts,e],this.activeTimer(a,i),a}async removeAlert(t){this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!1}):a)),await c(this.animationDurationMs),this.alerts=this.alerts.filter((a=>a.alertId!==t))}async removeAll(){this.alerts=this.alerts.map((t=>Object.assign(Object.assign({},t),{visible:!1}))),await c(this.animationDurationMs),this.alerts=[]}activeTimer(t,a){"infinite"!==a&&(this.alertTimers[t]=function(t,a){let i,e=0,s=a;function n(){e=Date.now(),i=window.setTimeout(t,s)}return n(),{pause:function(){i&&(clearTimeout(i),s-=Date.now()-e)},resume:n,clear:function(){i&&clearTimeout(i)}}}((()=>{this.removeAlert(t)}),a+this.animationDurationMs))}getDuration(t){let a=4e3;return"infinite"===t.duration||0===t.duration?a="infinite":void 0===t.duration?"toast"===this.type?"danger"===t.color?a=7e3:"warning"===t.color&&(a=5e3):a="infinite":a=t.duration,a}present(t){d((()=>{this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!0}):a))}))}hasDuplications(t){return!!this.alerts.find((a=>a.color===t.color&&a.message===t.message&&a.heading===t.heading))}render(){const t=this.alerts.slice(0,this.maxVisibleItems),a="toast"===this.type?"ds-toast":"ds-snackbar";return i(e,{key:"4b27582dc8593dc0f58058dfa15bba7e3b3ef7d5",class:{"is-toast":"toast"===this.type,"is-snackbar":"snackbar"===this.type}},i("div",{key:"9a0e962b0f44b361b348072db213475e25b8f75f",id:"wrapper",class:{container:"toast"===this.type}},t.map((t=>i(a,{key:t.alertId,id:t.alertId,alertId:t.alertId,visible:t.visible,heading:t.heading,message:t.message,color:t.color,duration:t.duration,closable:t.closable,closeHandler:()=>t.closeHandler(t.alertId),action:t.action,actionIcon:t.actionIcon,actionTarget:t.actionTarget,actionHref:t.actionHref,actionHandler:()=>t.actionHandler(t.alertId),onDsCloseClick:()=>this.removeAlert(t.alertId),onDsDidLoad:()=>this.present(t.alertId),onDsDidPause:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].pause()},onDsDidResume:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].resume()}})))))}get el(){return this}static get style(){return".container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device)}@media screen and (min-width: 1024px){.container{max-width:var(--ds-alias-container-width-base)}}.container.is-fluid{max-width:var(--ds-alias-container-width-fluid) !important}.container.is-compact{max-width:var(--ds-alias-container-width-compact) !important}:host{--alert-container-top:1rem;position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--ds-alias-z-index-toast);top:var(--alert-container-top);left:0;right:0;width:100%}:host(.is-toast) #wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host(.is-toast) #wrapper ds-toast{pointer-events:auto;width:100%;--toast-animation-start-opacity:0;--toast-animation-start-transform:translateY(-120%);--toast-animation-transition:transform 300ms ease, opacity 300ms ease;--toast-animation-end-opacity:1;--toast-animation-end-transform:translateY(0)}:host(.is-snackbar){z-index:calc(var(--ds-alias-z-index-toast) - 1);right:1rem;bottom:1rem;left:1rem}:host(.is-snackbar) #wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}:host(.is-snackbar) #wrapper ds-snackbar{pointer-events:auto;width:100%;--snackbar-animation-start-opacity:0;--snackbar-animation-start-transform:translateX(120%);--snackbar-animation-transition:transform 300ms ease, opacity 300ms ease;--snackbar-animation-end-opacity:1;--snackbar-animation-end-transform:translateX(0)}@media screen and (min-width: 769px){:host(.is-snackbar) #wrapper ds-snackbar{min-width:27.5rem;max-width:27.5rem;width:27.5rem}}"}},[1,"ds-alert-container",{animated:[4],container:[1],type:[1],alerts:[32],addAlert:[64],removeAlert:[64],removeAll:[64]}]);n([r("alert-container"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],h.prototype,"createLogger",null),n([m("boolean"),o("design:type",Boolean)],h.prototype,"animated",void 0),n([p(["","fluid","detail-page","compact","blog-page","wide"]),o("design:type",String)],h.prototype,"container",void 0),n([l(),p(["toast","snackbar"]),o("design:type",String)],h.prototype,"type",void 0);const f=h,u=function(){"undefined"!=typeof customElements&&["ds-alert-container"].forEach((t=>{"ds-alert-container"===t&&(customElements.get(s(t))||customElements.define(s(t),h))}))};export{f as DsAlertContainer,u as defineCustomElement}
+import{p as t,H as e,h as a,e as i,t as s}from"./p-WO0X5Vmy.js";import{_ as n,L as r,a as o}from"./p-J0mxIuTt.js";import{w as c,r as d}from"./p-BgzU1loG.js";import{R as l}from"./p-DYlqkAWn.js";import{T as m}from"./p-DAYd9ty0.js";import{O as p}from"./p-BhbWmCTu.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.alerts=[],this.maxVisibleItems=5,this.animationDurationMs=300,this.alertTimers={},this.animated=!1,this.type="toast"}createLogger(t){this.log=t}async addAlert(t){if(this.hasDuplications(t))return"";const e=crypto.randomUUID(),a=this.getDuration(t),i=Object.assign(Object.assign({},t),{visible:!1,duration:a,alertId:e});return this.alerts=[...this.alerts,i],this.activeTimer(e,a),e}async removeAlert(t){this.alerts=this.alerts.map((e=>e.alertId===t?Object.assign(Object.assign({},e),{visible:!1}):e)),await c(this.animationDurationMs),this.alerts=this.alerts.filter((e=>e.alertId!==t))}async removeAll(){this.alerts=this.alerts.map((t=>Object.assign(Object.assign({},t),{visible:!1}))),await c(this.animationDurationMs),this.alerts=[]}activeTimer(t,e){"infinite"!==e&&(this.alertTimers[t]=function(t,e){let a,i=0,s=e;function n(){i=Date.now(),a=window.setTimeout(t,s)}return n(),{pause:function(){a&&(clearTimeout(a),s-=Date.now()-i)},resume:n,clear:function(){a&&clearTimeout(a)}}}((()=>{this.removeAlert(t)}),e+this.animationDurationMs))}getDuration(t){let e=4e3;return"infinite"===t.duration||0===t.duration?e="infinite":void 0===t.duration?"toast"===this.type?"danger"===t.color?e=7e3:"warning"===t.color&&(e=5e3):e="infinite":e=t.duration,e}present(t){d((()=>{this.alerts=this.alerts.map((e=>e.alertId===t?Object.assign(Object.assign({},e),{visible:!0}):e))}))}hasDuplications(t){return!!this.alerts.find((e=>e.color===t.color&&e.message===t.message&&e.heading===t.heading))}render(){const t=this.alerts.slice(0,this.maxVisibleItems),e="toast"===this.type?"ds-toast":"ds-snackbar";return a(i,{key:"57bfdf1ecbf92740b2e180b449ccea6a3764bea8",class:{"is-toast":"toast"===this.type,"is-snackbar":"snackbar"===this.type}},a("div",{key:"134a3e7fd04fd9c65e090ee67b4908affedc4eb8",id:"wrapper",class:{container:"toast"===this.type}},t.map((t=>a(e,{key:t.alertId,id:t.alertId,alertId:t.alertId,visible:t.visible,heading:t.heading,message:t.message,color:t.color,duration:t.duration,closable:t.closable,closeHandler:()=>t.closeHandler(t.alertId),action:t.action,actionIcon:t.actionIcon,actionTarget:t.actionTarget,actionHref:t.actionHref,actionHandler:()=>t.actionHandler(t.alertId),onDsCloseClick:()=>this.removeAlert(t.alertId),onDsDidLoad:()=>this.present(t.alertId),onDsDidPause:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].pause()},onDsDidResume:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].resume()}})))))}get el(){return this}static get style(){return".container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device)}@media screen and (min-width: 1024px){.container{max-width:var(--ds-alias-container-width-base)}}.container.is-fluid{max-width:var(--ds-alias-container-width-fluid) !important}.container.is-compact{max-width:var(--ds-alias-container-width-compact) !important}:host{--alert-container-top:1rem;position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--ds-alias-z-index-toast);top:var(--alert-container-top);left:0;right:0;width:100%}:host(.is-toast) #wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host(.is-toast) #wrapper ds-toast{pointer-events:auto;width:100%;--toast-animation-start-opacity:0;--toast-animation-start-transform:translateY(-120%);--toast-animation-transition:transform 300ms ease, opacity 300ms ease;--toast-animation-end-opacity:1;--toast-animation-end-transform:translateY(0)}:host(.is-snackbar){z-index:calc(var(--ds-alias-z-index-toast) - 1);right:1rem;bottom:1rem;left:1rem}:host(.is-snackbar) #wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}:host(.is-snackbar) #wrapper ds-snackbar{pointer-events:auto;width:100%;--snackbar-animation-start-opacity:0;--snackbar-animation-start-transform:translateX(120%);--snackbar-animation-transition:transform 300ms ease, opacity 300ms ease;--snackbar-animation-end-opacity:1;--snackbar-animation-end-transform:translateX(0)}@media screen and (min-width: 769px){:host(.is-snackbar) #wrapper ds-snackbar{min-width:27.5rem;max-width:27.5rem;width:27.5rem}}"}},[1,"ds-alert-container",{animated:[4],container:[1],type:[1],alerts:[32],addAlert:[64],removeAlert:[64],removeAll:[64]}]);n([r("alert-container"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],h.prototype,"createLogger",null),n([m("boolean"),o("design:type",Boolean)],h.prototype,"animated",void 0),n([p(["fluid","detail-page","compact","blog-page","wide"]),o("design:type",String)],h.prototype,"container",void 0),n([l(),p(["toast","snackbar"]),o("design:type",String)],h.prototype,"type",void 0);const f=h,u=function(){"undefined"!=typeof customElements&&["ds-alert-container"].forEach((t=>{"ds-alert-container"===t&&(customElements.get(s(t))||customElements.define(s(t),h))}))};export{f as DsAlertContainer,u as defineCustomElement}

package/components/ds-notification.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as o,f as t,h as n,e as a,t as c}from"./p-WO0X5Vmy.js";import{_ as r,L as e,a as s}from"./p-J0mxIuTt.js";import{s as f}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{d as m}from"./p-BmKEBYP4.js";import{d as v}from"./p-std0LSH2.js";import{d as g}from"./p-Dbqy6lZU.js";import{d as p}from"./p-o0H7eIVX.js";import{T as h}from"./p-DAYd9ty0.js";import{O as b}from"./p-BhbWmCTu.js";const u=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.dsDidLoad=t(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.color="",this.heading="",this.noIcon=!1}createLogger(i){this.log=i}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=l(this.size)||"";return n(a,Object.assign({key:"f3e829a86b22c64fe93b06b2664b398a7248d49f"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,["is-"+this.color]:d(this.color),["is-"+i]:d(this.size)}}),n("section",{key:"f8ff4cdc8379ec73ac00a6654478a0039dd746f1",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"f72f440db26de1ef40ca24ec9c9f06015ce31126",part:"close",onClick:i=>{f(i),this.close()}}),d(this.heading)&&n("h2",{key:"adae5186e4009153c2d93645bdf8ab49e4da9df7",part:"heading"},this.heading),n("span",{key:"979fc05e46a6c9220826efeac704f87f23f9ce49"},n("slot",{key:"88929c8c561498c89755da6bd6d36819a7e6d390"}))))}get el(){return this}static get style(){return':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-color-base-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-color-base-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-color-base-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-alias-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-alias-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-alias-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-alias-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-alias-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-alias-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-alias-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-color-base-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);margin:0 !important}#notification:has(.close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-color-info-text);--mod-notification-color-border:var(--ds-notification-color-info-border);--mod-notification-color-background:var(--ds-notification-color-info-background);--mod-notification-icon:var(--ds-notification-color-info-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-color-success-text);--mod-notification-color-border:var(--ds-notification-color-success-border);--mod-notification-color-background:var(--ds-notification-color-success-background);--mod-notification-icon:var(--ds-notification-color-success-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-color-warning-text);--mod-notification-color-border:var(--ds-notification-color-warning-border);--mod-notification-color-background:var(--ds-notification-color-warning-background);--mod-notification-icon:var(--ds-notification-color-warning-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-color-danger-text);--mod-notification-color-border:var(--ds-notification-color-danger-border);--mod-notification-color-background:var(--ds-notification-color-danger-background);--mod-notification-icon:var(--ds-notification-color-danger-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-color-outline-base-text);--mod-notification-color-border:var(--ds-notification-color-outline-base-border);--mod-notification-color-background:var(--ds-notification-color-outline-base-background);--mod-notification-icon:var(--ds-notification-color-outline-base-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-color-outline-purple-text);--mod-notification-color-border:var(--ds-notification-color-outline-purple-border);--mod-notification-color-background:var(--ds-notification-color-outline-purple-background);--mod-notification-icon:var(--ds-notification-color-outline-purple-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-color-outline-green-text);--mod-notification-color-border:var(--ds-notification-color-outline-green-border);--mod-notification-color-background:var(--ds-notification-color-outline-green-background);--mod-notification-icon:var(--ds-notification-color-outline-green-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-color-outline-yellow-text);--mod-notification-color-border:var(--ds-notification-color-outline-yellow-border);--mod-notification-color-background:var(--ds-notification-color-outline-yellow-background);--mod-notification-icon:var(--ds-notification-color-outline-yellow-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-color-outline-red-text);--mod-notification-color-border:var(--ds-notification-color-outline-red-border);--mod-notification-color-background:var(--ds-notification-color-outline-red-background);--mod-notification-icon:var(--ds-notification-color-outline-red-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],close:[64]}]);r([e("notification"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),r([h("boolean"),s("design:type",Boolean)],u.prototype,"alert",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"closable",void 0),r([b(["","base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"]),s("design:type",String)],u.prototype,"color",void 0),r([h("string"),s("design:type",String)],u.prototype,"heading",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"noIcon",void 0),r([b(["sm","md","lg","","small","medium","large"]),s("design:type",String)],u.prototype,"size",void 0);const _=u,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(c(i))||customElements.define(c(i),u);break;case"ds-button":customElements.get(c(i))||m();break;case"ds-close":customElements.get(c(i))||v();break;case"ds-icon":customElements.get(c(i))||g();break;case"ds-spinner":customElements.get(c(i))||p()}}))};export{_ as DsNotification,y as defineCustomElement}
+import{p as i,H as o,f as t,h as n,e as a,t as c}from"./p-WO0X5Vmy.js";import{_ as r,L as e,a as s}from"./p-J0mxIuTt.js";import{s as f}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{d as m}from"./p-BmKEBYP4.js";import{d as v}from"./p-std0LSH2.js";import{d as g}from"./p-Dbqy6lZU.js";import{d as p}from"./p-o0H7eIVX.js";import{T as h}from"./p-DAYd9ty0.js";import{O as b}from"./p-BhbWmCTu.js";const u=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.dsDidLoad=t(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.heading="",this.noIcon=!1}createLogger(i){this.log=i}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=l(this.size)||"";return n(a,Object.assign({key:"c3dfeb924f2eff0258b2e3e8d191066e606c1717"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,["is-"+this.color]:d(this.color),["is-"+i]:d(this.size)}}),n("section",{key:"bb25cab8e27de885d570db0a6255f8dbab2d94fe",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"2c3468c64ca1b011d63815e65f466b308d3bb624",part:"close",onClick:i=>{f(i),this.close()}}),d(this.heading)&&n("h2",{key:"69c9eccaf9154cfd398564d1a915dab0afbc1033",part:"heading"},this.heading),n("span",{key:"f8f3a07f74a2ae6a4ac1b4ff026f8a794b236c5d"},n("slot",{key:"05feb23000c982c3d90778b1eae1180b5ebd1add"}))))}get el(){return this}static get style(){return':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-base-color-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-base-color-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-base-color-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-alias-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-alias-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-alias-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-alias-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-alias-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-alias-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-alias-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-base-color-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);margin:0 !important}#notification:has(.close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-info-color-text);--mod-notification-color-border:var(--ds-notification-info-color-border);--mod-notification-color-background:var(--ds-notification-info-color-background);--mod-notification-icon:var(--ds-notification-info-color-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-success-color-text);--mod-notification-color-border:var(--ds-notification-success-color-border);--mod-notification-color-background:var(--ds-notification-success-color-background);--mod-notification-icon:var(--ds-notification-success-color-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-warning-color-text);--mod-notification-color-border:var(--ds-notification-warning-color-border);--mod-notification-color-background:var(--ds-notification-warning-color-background);--mod-notification-icon:var(--ds-notification-warning-color-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-danger-color-text);--mod-notification-color-border:var(--ds-notification-danger-color-border);--mod-notification-color-background:var(--ds-notification-danger-color-background);--mod-notification-icon:var(--ds-notification-danger-color-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-outline-base-color-text);--mod-notification-color-border:var(--ds-notification-outline-base-color-border);--mod-notification-color-background:var(--ds-notification-outline-base-color-background);--mod-notification-icon:var(--ds-notification-outline-base-color-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-outline-purple-color-text);--mod-notification-color-border:var(--ds-notification-outline-purple-color-border);--mod-notification-color-background:var(--ds-notification-outline-purple-color-background);--mod-notification-icon:var(--ds-notification-outline-purple-color-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-outline-green-color-text);--mod-notification-color-border:var(--ds-notification-outline-green-color-border);--mod-notification-color-background:var(--ds-notification-outline-green-color-background);--mod-notification-icon:var(--ds-notification-outline-green-color-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-outline-yellow-color-text);--mod-notification-color-border:var(--ds-notification-outline-yellow-color-border);--mod-notification-color-background:var(--ds-notification-outline-yellow-color-background);--mod-notification-icon:var(--ds-notification-outline-yellow-color-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-outline-red-color-text);--mod-notification-color-border:var(--ds-notification-outline-red-color-border);--mod-notification-color-background:var(--ds-notification-outline-red-color-background);--mod-notification-icon:var(--ds-notification-outline-red-color-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],close:[64]}]);r([e("notification"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),r([h("boolean"),s("design:type",Boolean)],u.prototype,"alert",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"closable",void 0),r([b(["base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"]),s("design:type",String)],u.prototype,"color",void 0),r([h("string"),s("design:type",String)],u.prototype,"heading",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"noIcon",void 0),r([b(["sm","md","lg","small","medium","large"]),s("design:type",String)],u.prototype,"size",void 0);const _=u,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(c(i))||customElements.define(c(i),u);break;case"ds-button":customElements.get(c(i))||m();break;case"ds-close":customElements.get(c(i))||v();break;case"ds-icon":customElements.get(c(i))||g();break;case"ds-spinner":customElements.get(c(i))||p()}}))};export{_ as DsNotification,y as defineCustomElement}

package/components/ds-snackbar.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as r,f as s,h as n,e as o,t}from"./p-WO0X5Vmy.js";import{_ as i,L as e,a as c}from"./p-J0mxIuTt.js";import{s as b}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{r as m}from"./p-BgzU1loG.js";import{s as k,d as l}from"./p-Dbqy6lZU.js";import{c as g}from"./p-wud2RGEy.js";import{d as h}from"./p-BmKEBYP4.js";import{d as p}from"./p-BXJT6RzI.js";import{d as v}from"./p-std0LSH2.js";import{d as f}from"./p-o0H7eIVX.js";import{d as u}from"./p-n3_2KEz0.js";import{O as y}from"./p-BhbWmCTu.js";import{T as _}from"./p-DAYd9ty0.js";import{L as w}from"./p-DbY6Pfeh.js";const x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=s(this,"dsCloseClick"),this.dsActionClick=s(this,"dsActionClick"),this.dsDidLoad=s(this,"dsDidLoad"),this.isMobile=u.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.color="base",this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){m((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),r=this.generateSvgContent();return n(o,{key:"66c571295c3931b071bb104e339febfac87db6df",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,["is-"+this.color]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&n("ds-button",{key:"9f9cedbf2fed42189e302a0aebc9852a2771136e",id:"mobile-button",color:"base"===this.color?"primary":this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!r&&n("ds-icon",{key:"a4c826d95d2041345bf4cee0540cb172f5336c79",part:"icon",id:"icon",name:a,color:this.color,size:"xl",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),r&&n("ds-icon",{key:"cdb9be5a9499d7ffad58c8c2e5a9096963b67f69",id:"icon",part:"icon",svg:r,size:"xl"}),n("span",{key:"52810e3cb684318ce4fd8ec8be8529f63a8e8e8b",part:"content",id:"content"},this.heading&&n("h2",{key:"8ae2906a4ffabbc970c9c995c5d9efb0cc94fbc8",part:"heading"},this.heading),n("span",{key:"affd6a8d4ce4c19274a8c760f00f0a051bbae56e",part:"message"},this.message,n("slot",{key:"75fd4ab26f8f6f8d1d89d2c1e0428b53bb3d75c5"}))),n("ds-button-group",{key:"0c644ee957e3a615e2c7fa030d537bea002e72ca",part:"action",id:"action"},n("slot",{key:"840fb7d2be9fcf41ffa5b4eeff53d4a1b26d209a",name:"action"}),this.action&&n("ds-button",{key:"18d900d559bd085b5732ec37484622ee9da199ff",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&n("ds-close",{key:"d8c8c528cff2edbfac7a23488271c2071d5a84df",button:!0,"button-color":"secondary",part:"close",size:"sm",onClick:a=>{b(a),this.close()}})))}get el(){return this}static get style(){return':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-bg-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-primary-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-primary-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-primary-color-progress-bg-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-alias-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-alias-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-alias-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-alias-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-alias-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-alias-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-alias-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}'}},[257,"ds-snackbar",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],visible:[516],closeHandler:[16],actionHandler:[16],isMobile:[32],mobileOpenState:[32],didLoad:[32],close:[64]}]);i([e("snackbar"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],x.prototype,"createLogger",null),i([y(["base","info","success","warning","danger"]),c("design:type",String)],x.prototype,"color",void 0),i([_("boolean"),c("design:type",Boolean)],x.prototype,"closable",void 0),i([_("string"),c("design:type",String)],x.prototype,"heading",void 0),i([_("string"),c("design:type",String)],x.prototype,"message",void 0),i([_("string"),c("design:type",String)],x.prototype,"icon",void 0),i([_("string"),c("design:type",String)],x.prototype,"svg",void 0),i([_("string"),c("design:type",String)],x.prototype,"action",void 0),i([_("string"),c("design:type",String)],x.prototype,"actionIcon",void 0),i([y(g),c("design:type",String)],x.prototype,"actionTarget",void 0),i([_("string"),c("design:type",String)],x.prototype,"actionHref",void 0),i([w(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const z=x,j=function(){"undefined"!=typeof customElements&&["ds-snackbar","ds-button","ds-button-group","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-snackbar":customElements.get(t(a))||customElements.define(t(a),x);break;case"ds-button":customElements.get(t(a))||h();break;case"ds-button-group":customElements.get(t(a))||p();break;case"ds-close":customElements.get(t(a))||v();break;case"ds-icon":customElements.get(t(a))||l();break;case"ds-spinner":customElements.get(t(a))||f()}}))};export{z as DsSnackbar,j as defineCustomElement}
+import{p as a,H as r,f as s,h as n,e as o,t}from"./p-WO0X5Vmy.js";import{_ as i,L as e,a as c}from"./p-J0mxIuTt.js";import{s as b}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{r as m}from"./p-BgzU1loG.js";import{s as k,d as l}from"./p-Dbqy6lZU.js";import{c as g}from"./p-wud2RGEy.js";import{d as h}from"./p-BmKEBYP4.js";import{d as p}from"./p-BXJT6RzI.js";import{d as v}from"./p-std0LSH2.js";import{d as f}from"./p-o0H7eIVX.js";import{d as u}from"./p-n3_2KEz0.js";import{O as y}from"./p-BhbWmCTu.js";import{T as _}from"./p-DAYd9ty0.js";import{L as w}from"./p-DbY6Pfeh.js";const x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=s(this,"dsCloseClick"),this.dsActionClick=s(this,"dsActionClick"),this.dsDidLoad=s(this,"dsDidLoad"),this.isMobile=u.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.color="base",this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){m((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),r=this.generateSvgContent();return n(o,{key:"7dd8cbff5210c94aed353e878f3c31431c1733de",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,["is-"+this.color]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&n("ds-button",{key:"a1fe8bf8330b49df3607560a662fa80ccde6ea77",id:"mobile-button",color:"base"===this.color?"primary":this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!r&&n("ds-icon",{key:"0e12504be8ef39a9af63f8acf38a5ce4aa2eebc5",part:"icon",id:"icon",name:a,color:this.color,size:"xl",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),r&&n("ds-icon",{key:"e9a0b074084f5952ef5eefcd9d434b6af15b6a5f",id:"icon",part:"icon",svg:r,size:"xl"}),n("span",{key:"d65d767a79e0e8094d7ccb88f4902321b14b03be",part:"content",id:"content"},this.heading&&n("h2",{key:"463d2b5b335d804d572347e229b0b94f97f9b9b7",part:"heading"},this.heading),n("span",{key:"d964774c987ef6906bd76bb6982f16ad1c4f9e3a",part:"message"},this.message,n("slot",{key:"bacfa9ac71c53f0223fb0a62b6fc1fca526acd3a"}))),n("ds-button-group",{key:"e83047c52b2dda1709df234871e3dbb3e3755c95",part:"action",id:"action"},n("slot",{key:"ea3fed1cdf6c5f73d459aa097c00a677ecfc33c7",name:"action"}),this.action&&n("ds-button",{key:"eb1607a6468a84b66c03af8ef4772e877bf149d7",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&n("ds-close",{key:"7d9abbb81fc6fae5a78ca68d993e7376178aaa39",button:!0,"button-color":"secondary",part:"close",size:"sm",onClick:a=>{b(a),this.close()}})))}get el(){return this}static get style(){return':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-primary-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-primary-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-primary-color-progress-background-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-alias-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-alias-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-alias-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-alias-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-alias-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-alias-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-alias-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-background-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-background-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-background-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-background-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-background-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-background-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}'}},[257,"ds-snackbar",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],visible:[516],closeHandler:[16],actionHandler:[16],isMobile:[32],mobileOpenState:[32],didLoad:[32],close:[64]}]);i([e("snackbar"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],x.prototype,"createLogger",null),i([y(["base","info","success","warning","danger"]),c("design:type",String)],x.prototype,"color",void 0),i([_("boolean"),c("design:type",Boolean)],x.prototype,"closable",void 0),i([_("string"),c("design:type",String)],x.prototype,"heading",void 0),i([_("string"),c("design:type",String)],x.prototype,"message",void 0),i([_("string"),c("design:type",String)],x.prototype,"icon",void 0),i([_("string"),c("design:type",String)],x.prototype,"svg",void 0),i([_("string"),c("design:type",String)],x.prototype,"action",void 0),i([_("string"),c("design:type",String)],x.prototype,"actionIcon",void 0),i([y(g),c("design:type",String)],x.prototype,"actionTarget",void 0),i([_("string"),c("design:type",String)],x.prototype,"actionHref",void 0),i([_("string"),c("design:type",String)],x.prototype,"alertId",void 0),i([_("boolean"),c("design:type",Boolean)],x.prototype,"visible",void 0),i([w(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const z=x,j=function(){"undefined"!=typeof customElements&&["ds-snackbar","ds-button","ds-button-group","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-snackbar":customElements.get(t(a))||customElements.define(t(a),x);break;case"ds-button":customElements.get(t(a))||h();break;case"ds-button-group":customElements.get(t(a))||p();break;case"ds-close":customElements.get(t(a))||v();break;case"ds-icon":customElements.get(t(a))||l();break;case"ds-spinner":customElements.get(t(a))||f()}}))};export{z as DsSnackbar,j as defineCustomElement}

package/components/ds-steps.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as s,H as e,f as t,h as o,e as r,t as l}from"./p-WO0X5Vmy.js";import{_ as c,L as i,a as p}from"./p-J0mxIuTt.js";import{s as a}from"./p-BwfAXfmz.js";import{O as n}from"./p-BhbWmCTu.js";import{T as d}from"./p-DAYd9ty0.js";const v=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsChange=t(this,"dsChange"),this.color="",this.label="",this.vertical=!1,this.handleKeyDown=s=>{var e,t,o,r;if(this.isNavigation())return;const l=this.getSteps().filter((s=>!s.disabled&&!s.hidden)),c=l.findIndex((s=>s.name===this.value)),i=this.vertical?"ArrowDown"===s.key:"ArrowRight"===s.key,p=this.vertical?"ArrowUp"===s.key:"ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateStep(null===(e=l[0])||void 0===e?void 0:e.name)):"End"===s.key?(s.preventDefault(),this.activateStep(null===(t=l[l.length-1])||void 0===t?void 0:t.name)):i?(s.preventDefault(),this.activateStep(null===(o=l[(c+1)%l.length])||void 0===o?void 0:o.name)):p&&(s.preventDefault(),this.activateStep(null===(r=l[(c-1+l.length)%l.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(s){this.log=s}componentDidLoad(){this.setup()}componentDidUpdate(){this.updateChildren()}listenToDsStepSelect(s){a(s),this.activateStep(s.detail.name)}getSteps(){return Array.from(this.el.querySelectorAll(":scope > ds-step"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-step-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const s=this.getSteps(),e=this.getPanels(),t=this.isNavigation();let o=0;if(s.forEach((s=>{if(s.slot="step",s.navigation=t,s.vertical=this.vertical,s.hidden?s.index=0:(o++,s.index=o),!t&&s.name){s.id||(s.id="ds-step-"+h++);const t=e.find((e=>e.for===s.name));t&&(t.id||(t.id="ds-step-panel-"+h++),s.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",s.id))}})),!t&&!this.value){const e=s.find((s=>!s.hidden&&!s.disabled));e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const s=this.isNavigation(),e=this.getSteps(),t=this.getPanels();let o=this.value;if(!s&&o){const s=e.find((s=>s.name===o));s&&(s.disabled||s.hasAttribute("disabled"))&&(o=void 0)}const r=e.find((s=>s.name===o)),l=r?r.index:0;e.forEach((e=>{e.navigation=s,e.vertical=this.vertical,e.selected=s?!!e.querySelector("[aria-current]"):e.name===o,e.activeIndex=l})),t.forEach((s=>{s.selected=s.for===o}))}activateStep(s){if(s===this.value)return;const e=this.getSteps().find((e=>e.name===s));(null==e?void 0:e.disabled)||(this.value=s,this.dsChange.emit({value:s}),this.focusSelectedStep())}focusSelectedStep(){const s=this.getSteps().find((s=>s.name===this.value));null==s||s.focus()}render(){const s=this.isNavigation(),e=s=>{s&&(this.steplistEl=s)};return o(r,{class:{"is-vertical":this.vertical,"is-navigation":s,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color}},s?o("nav",{"aria-label":this.label||void 0},o("ol",{id:"steplist",part:"steplist",ref:e},o("slot",{name:"step",onSlotchange:this.handleSlotChange}))):o("div",{id:"steplist",part:"steplist",role:"tablist","aria-orientation":this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:e},o("slot",{name:"step",onSlotchange:this.handleSlotChange})),o("slot",{onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':host{--_steps-connector-color:var(--steps-connector-color, var(--mod-steps-connector-color, var(--ds-steps-connector-color)));--_steps-connector-color-filled:var(--steps-connector-color-filled, var(--mod-steps-connector-color-filled, var(--ds-steps-connector-color-filled)));--_steps-connector-height:var(--steps-connector-height, var(--mod-steps-connector-height, var(--ds-steps-connector-height)));--_steps-circle-size:var(--steps-circle-size, var(--mod-steps-circle-size, var(--ds-steps-circle-size)));--_steps-circle-size-sm:var(--steps-circle-size-sm, var(--mod-steps-circle-size-sm, var(--ds-steps-circle-size-sm)));--_steps-circle-color-bg:var(--steps-circle-color-bg, var(--mod-steps-circle-color-bg, var(--ds-steps-circle-color-bg)));--_steps-circle-color-bg-selected:var(--steps-circle-color-bg-selected, var(--mod-steps-circle-color-bg-selected, var(--ds-steps-circle-color-bg-selected)));--_steps-circle-color-bg-done:var(--steps-circle-color-bg-done, var(--mod-steps-circle-color-bg-done, var(--ds-steps-circle-color-bg-done)));--_steps-circle-color-bg-invalid:var(--steps-circle-color-bg-invalid, var(--mod-steps-circle-color-bg-invalid, var(--ds-steps-circle-color-bg-invalid)));--_steps-circle-color-bg-disabled:var(--steps-circle-color-bg-disabled, var(--mod-steps-circle-color-bg-disabled, var(--ds-steps-circle-color-bg-disabled)));--_steps-circle-color-text:var(--steps-circle-color-text, var(--mod-steps-circle-color-text, var(--ds-steps-circle-color-text)));--_steps-circle-color-text-selected:var(--steps-circle-color-text-selected, var(--mod-steps-circle-color-text-selected, var(--ds-steps-circle-color-text-selected)));--_steps-circle-color-text-done:var(--steps-circle-color-text-done, var(--mod-steps-circle-color-text-done, var(--ds-steps-circle-color-text-done)));--_steps-circle-color-text-invalid:var(--steps-circle-color-text-invalid, var(--mod-steps-circle-color-text-invalid, var(--ds-steps-circle-color-text-invalid)));--_steps-circle-color-text-disabled:var(--steps-circle-color-text-disabled, var(--mod-steps-circle-color-text-disabled, var(--ds-steps-circle-color-text-disabled)));--_steps-step-font-family:var(--steps-step-font-family, var(--mod-steps-step-font-family, var(--ds-steps-step-font-family)));--_steps-step-font-size:var(--steps-step-font-size, var(--mod-steps-step-font-size, var(--ds-steps-step-font-size)));--_steps-step-font-size-sm:var(--steps-step-font-size-sm, var(--mod-steps-step-font-size-sm, var(--ds-steps-step-font-size-sm)));--_steps-step-font-weight:var(--steps-step-font-weight, var(--mod-steps-step-font-weight, var(--ds-steps-step-font-weight)));--_steps-step-color:var(--steps-step-color, var(--mod-steps-step-color, var(--ds-steps-step-color-base)));--_steps-step-color-selected:var(--steps-step-color-selected, var(--mod-steps-step-color-selected, var(--ds-steps-step-color-selected)));--_steps-step-color-focus:var(--steps-step-color-focus, var(--mod-steps-step-color-focus, var(--ds-steps-step-color-focus)));--_steps-panel-padding:var(--steps-panel-padding, var(--mod-steps-panel-padding, var(--ds-steps-panel-padding)));--_steps-color-purple:var(--steps-color-purple, var(--mod-steps-color-purple, var(--ds-steps-color-purple)));--_steps-color-green:var(--steps-color-green, var(--mod-steps-color-green, var(--ds-steps-color-green)));--_steps-color-red:var(--steps-color-red, var(--mod-steps-color-red, var(--ds-steps-color-red)));--_steps-color-yellow:var(--steps-color-yellow, var(--mod-steps-color-yellow, var(--ds-steps-color-yellow)));display:block}:host(.is-purple){--_steps-connector-color:var(--_steps-color-purple);--_steps-circle-color-bg:var(--_steps-color-purple);--_steps-circle-color-bg-disabled:var(--_steps-color-purple)}:host(.is-green){--_steps-connector-color:var(--_steps-color-green);--_steps-circle-color-bg:var(--_steps-color-green);--_steps-circle-color-bg-disabled:var(--_steps-color-green)}:host(.is-red){--_steps-connector-color:var(--_steps-color-red);--_steps-circle-color-bg:var(--_steps-color-red);--_steps-circle-color-bg-disabled:var(--_steps-color-red)}:host(.is-yellow){--_steps-connector-color:var(--_steps-color-yellow);--_steps-circle-color-bg:var(--_steps-color-yellow);--_steps-circle-color-bg-disabled:var(--_steps-color-yellow)}:host #steplist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;width:100%}:host(.is-navigation) nav,:host(.is-navigation) ol{display:contents}:host ::slotted(ds-step-panel){--step-panel-padding:var(--_steps-panel-padding)}:host(.is-vertical) #steplist{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:relative}:host(.is-vertical) #steplist::before{content:"";position:absolute;left:calc(var(--_steps-circle-size)/2);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--_steps-circle-size)/2);bottom:calc(var(--_steps-circle-size)/2);width:var(--_steps-connector-height);background-color:var(--_steps-connector-color);z-index:0}@media screen and (max-width: 768px){:host(.is-vertical) #steplist::before{left:calc(var(--_steps-circle-size-sm)/2);top:calc(var(--_steps-circle-size-sm)/2);bottom:calc(var(--_steps-circle-size-sm)/2)}}'}},[257,"ds-steps",{color:[1],label:[1],value:[1537],vertical:[4]},[[0,"dsStepSelect","listenToDsStepSelect"]]]);c([i("steps"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],v.prototype,"createLogger",null),c([n(["","purple","green","red","yellow"]),p("design:type",String)],v.prototype,"color",void 0),c([d("string"),p("design:type",String)],v.prototype,"label",void 0),c([d("string"),p("design:type",Object)],v.prototype,"value",void 0),c([d("boolean"),p("design:type",Boolean)],v.prototype,"vertical",void 0);let h=0;const g=v,m=function(){"undefined"!=typeof customElements&&["ds-steps"].forEach((s=>{"ds-steps"===s&&(customElements.get(l(s))||customElements.define(l(s),v))}))};export{g as DsSteps,m as defineCustomElement}
+import{p as s,H as e,f as t,h as o,e as r,t as l}from"./p-WO0X5Vmy.js";import{_ as c,L as i,a as p}from"./p-J0mxIuTt.js";import{s as a}from"./p-BwfAXfmz.js";import{O as n}from"./p-BhbWmCTu.js";import{T as d}from"./p-DAYd9ty0.js";const v=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsChange=t(this,"dsChange"),this.color="",this.label="",this.vertical=!1,this.handleKeyDown=s=>{var e,t,o,r;if(this.isNavigation())return;const l=this.getSteps().filter((s=>!s.disabled&&!s.hidden)),c=l.findIndex((s=>s.name===this.value)),i=this.vertical?"ArrowDown"===s.key:"ArrowRight"===s.key,p=this.vertical?"ArrowUp"===s.key:"ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateStep(null===(e=l[0])||void 0===e?void 0:e.name)):"End"===s.key?(s.preventDefault(),this.activateStep(null===(t=l[l.length-1])||void 0===t?void 0:t.name)):i?(s.preventDefault(),this.activateStep(null===(o=l[(c+1)%l.length])||void 0===o?void 0:o.name)):p&&(s.preventDefault(),this.activateStep(null===(r=l[(c-1+l.length)%l.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(s){this.log=s}componentDidLoad(){this.setup()}componentDidUpdate(){this.updateChildren()}listenToDsStepSelect(s){a(s),this.activateStep(s.detail.name)}getSteps(){return Array.from(this.el.querySelectorAll(":scope > ds-step"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-step-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const s=this.getSteps(),e=this.getPanels(),t=this.isNavigation();let o=0;if(s.forEach((s=>{if(s.slot="step",s.navigation=t,s.vertical=this.vertical,s.hidden?s.index=0:(o++,s.index=o),!t&&s.name){s.id||(s.id="ds-step-"+h++);const t=e.find((e=>e.for===s.name));t&&(t.id||(t.id="ds-step-panel-"+h++),s.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",s.id))}})),!t&&!this.value){const e=s.find((s=>!s.hidden&&!s.disabled));e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const s=this.isNavigation(),e=this.getSteps(),t=this.getPanels(),o=this.value,r=e.find((s=>s.name===o)),l=r?r.index:0;e.forEach((e=>{e.navigation=s,e.vertical=this.vertical,e.selected=s?!!e.querySelector("[aria-current]"):e.name===o,e.activeIndex=l})),t.forEach((s=>{s.selected=s.for===o}))}activateStep(s){if(s===this.value)return;const e=this.getSteps().find((e=>e.name===s));(null==e?void 0:e.disabled)||(this.value=s,this.dsChange.emit({value:s}),this.focusSelectedStep())}focusSelectedStep(){const s=this.getSteps().find((s=>s.name===this.value));null==s||s.focus()}render(){const s=this.isNavigation(),e=s=>{s&&(this.steplistEl=s)};return o(r,{class:{"is-vertical":this.vertical,"is-navigation":s,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color}},s?o("nav",{"aria-label":this.label||void 0},o("ol",{id:"steplist",part:"steplist",ref:e},o("slot",{name:"step",onSlotchange:this.handleSlotChange}))):o("div",{id:"steplist",part:"steplist",role:"tablist","aria-orientation":this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:e},o("slot",{name:"step",onSlotchange:this.handleSlotChange})),o("slot",{onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':host{--_steps-connector-color:var(--steps-connector-color, var(--mod-steps-connector-color, var(--ds-steps-connector-color)));--_steps-connector-color-filled:var(--steps-connector-color-filled, var(--mod-steps-connector-color-filled, var(--ds-steps-connector-color-filled)));--_steps-connector-height:var(--steps-connector-height, var(--mod-steps-connector-height, var(--ds-steps-connector-height)));--_steps-circle-size:var(--steps-circle-size, var(--mod-steps-circle-size, var(--ds-steps-circle-size)));--_steps-circle-size-sm:var(--steps-circle-size-sm, var(--mod-steps-circle-size-sm, var(--ds-steps-circle-size-sm)));--_steps-circle-color-bg:var(--steps-circle-color-bg, var(--mod-steps-circle-color-bg, var(--ds-steps-circle-color-bg)));--_steps-circle-color-bg-selected:var(--steps-circle-color-bg-selected, var(--mod-steps-circle-color-bg-selected, var(--ds-steps-circle-color-bg-selected)));--_steps-circle-color-bg-done:var(--steps-circle-color-bg-done, var(--mod-steps-circle-color-bg-done, var(--ds-steps-circle-color-bg-done)));--_steps-circle-color-bg-invalid:var(--steps-circle-color-bg-invalid, var(--mod-steps-circle-color-bg-invalid, var(--ds-steps-circle-color-bg-invalid)));--_steps-circle-color-bg-disabled:var(--steps-circle-color-bg-disabled, var(--mod-steps-circle-color-bg-disabled, var(--ds-steps-circle-color-bg-disabled)));--_steps-circle-color-text:var(--steps-circle-color-text, var(--mod-steps-circle-color-text, var(--ds-steps-circle-color-text)));--_steps-circle-color-text-selected:var(--steps-circle-color-text-selected, var(--mod-steps-circle-color-text-selected, var(--ds-steps-circle-color-text-selected)));--_steps-circle-color-text-done:var(--steps-circle-color-text-done, var(--mod-steps-circle-color-text-done, var(--ds-steps-circle-color-text-done)));--_steps-circle-color-text-invalid:var(--steps-circle-color-text-invalid, var(--mod-steps-circle-color-text-invalid, var(--ds-steps-circle-color-text-invalid)));--_steps-circle-color-text-disabled:var(--steps-circle-color-text-disabled, var(--mod-steps-circle-color-text-disabled, var(--ds-steps-circle-color-text-disabled)));--_steps-step-font-family:var(--steps-step-font-family, var(--mod-steps-step-font-family, var(--ds-steps-step-font-family)));--_steps-step-font-size:var(--steps-step-font-size, var(--mod-steps-step-font-size, var(--ds-steps-step-font-size)));--_steps-step-font-size-sm:var(--steps-step-font-size-sm, var(--mod-steps-step-font-size-sm, var(--ds-steps-step-font-size-sm)));--_steps-step-font-weight:var(--steps-step-font-weight, var(--mod-steps-step-font-weight, var(--ds-steps-step-font-weight)));--_steps-step-color:var(--steps-step-color, var(--mod-steps-step-color, var(--ds-steps-step-color-base)));--_steps-step-color-selected:var(--steps-step-color-selected, var(--mod-steps-step-color-selected, var(--ds-steps-step-color-selected)));--_steps-step-color-focus:var(--steps-step-color-focus, var(--mod-steps-step-color-focus, var(--ds-steps-step-color-focus)));--_steps-panel-padding:var(--steps-panel-padding, var(--mod-steps-panel-padding, var(--ds-steps-panel-padding)));--_steps-color-purple:var(--steps-color-purple, var(--mod-steps-color-purple, var(--ds-steps-color-purple)));--_steps-color-green:var(--steps-color-green, var(--mod-steps-color-green, var(--ds-steps-color-green)));--_steps-color-red:var(--steps-color-red, var(--mod-steps-color-red, var(--ds-steps-color-red)));--_steps-color-yellow:var(--steps-color-yellow, var(--mod-steps-color-yellow, var(--ds-steps-color-yellow)));display:block}:host(.is-purple){--_steps-connector-color:var(--_steps-color-purple);--_steps-circle-color-bg:var(--_steps-color-purple);--_steps-circle-color-bg-disabled:var(--_steps-color-purple)}:host(.is-green){--_steps-connector-color:var(--_steps-color-green);--_steps-circle-color-bg:var(--_steps-color-green);--_steps-circle-color-bg-disabled:var(--_steps-color-green)}:host(.is-red){--_steps-connector-color:var(--_steps-color-red);--_steps-circle-color-bg:var(--_steps-color-red);--_steps-circle-color-bg-disabled:var(--_steps-color-red)}:host(.is-yellow){--_steps-connector-color:var(--_steps-color-yellow);--_steps-circle-color-bg:var(--_steps-color-yellow);--_steps-circle-color-bg-disabled:var(--_steps-color-yellow)}:host #steplist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;width:100%}:host(.is-navigation) nav,:host(.is-navigation) ol{display:contents}:host ::slotted(ds-step-panel){--step-panel-padding:var(--_steps-panel-padding)}:host(.is-vertical) #steplist{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:relative}:host(.is-vertical) #steplist::before{content:"";position:absolute;left:calc(var(--_steps-circle-size)/2);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--_steps-circle-size)/2);bottom:calc(var(--_steps-circle-size)/2);width:var(--_steps-connector-height);background-color:var(--_steps-connector-color);z-index:0}@media screen and (max-width: 768px){:host(.is-vertical) #steplist::before{left:calc(var(--_steps-circle-size-sm)/2);top:calc(var(--_steps-circle-size-sm)/2);bottom:calc(var(--_steps-circle-size-sm)/2)}}'}},[257,"ds-steps",{color:[1],label:[1],value:[1537],vertical:[4]},[[0,"dsStepSelect","listenToDsStepSelect"]]]);c([i("steps"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],v.prototype,"createLogger",null),c([n(["","purple","green","red","yellow"]),p("design:type",String)],v.prototype,"color",void 0),c([d("string"),p("design:type",String)],v.prototype,"label",void 0),c([d("string"),p("design:type",Object)],v.prototype,"value",void 0),c([d("boolean"),p("design:type",Boolean)],v.prototype,"vertical",void 0);let h=0;const g=v,m=function(){"undefined"!=typeof customElements&&["ds-steps"].forEach((s=>{"ds-steps"===s&&(customElements.get(l(s))||customElements.define(l(s),v))}))};export{g as DsSteps,m as defineCustomElement}

package/components/ds-toast.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as o,f as a,h as s,e as r,t as i}from"./p-WO0X5Vmy.js";import{_ as e,L as n,a as d}from"./p-J0mxIuTt.js";import{s as c}from"./p-BwfAXfmz.js";import{h as m}from"./p-BrIcCcce.js";import{r as g}from"./p-BgzU1loG.js";import{s as l,d as h}from"./p-Dbqy6lZU.js";import{d as b}from"./p-BmKEBYP4.js";import{d as p}from"./p-std0LSH2.js";import{d as v}from"./p-o0H7eIVX.js";import{O as f}from"./p-BhbWmCTu.js";import{T as u}from"./p-DAYd9ty0.js";import{R as _}from"./p-DYlqkAWn.js";import{L as y}from"./p-DIK6Zkg6.js";const w=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=a(this,"dsCloseClick"),this.dsActionClick=a(this,"dsActionClick"),this.dsDidLoad=a(this,"dsDidLoad"),this.dsDidPause=a(this,"dsDidPause"),this.dsDidResume=a(this,"dsDidResume"),this.animated=!1,this.didLoad=!1,this.didPause=!1,this.color="base",this.closable=!1,this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.duration=0,this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(m(this.svg))return l(this.svg)},this.generateIconName=()=>{if(m(this.icon))return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(t){this.log=t}componentDidLoad(){g((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}async configChanged(t){this.animated=t.animated}render(){const t=this.generateIconName(),o=this.generateSvgContent(),a=void 0!==this.duration&&"infinite"!==this.duration&&this.duration>0,i=a?{"--toast-progress-duration":this.duration+"ms"}:{};return s(r,{key:"f38cb2cdb7460f866c5c9f7d14a6b2565cba63f9",role:"alert","aria-live":"assertive","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-paused":this.didPause,"is-visible":this.visible,"has-progress-bar":this.visible&&this.didLoad&&a&&this.animated,"is-closable":this.closable,"is-action":m(this.action),["is-"+this.color]:void 0!==this.color},style:i,onMouseEnter:()=>{this.didPause=!0,this.dsDidPause.emit()},onMouseLeave:()=>{this.didPause=!1,this.dsDidResume.emit()}},!m(o)&&s("ds-icon",{key:"a3533c4ad23fcfeeb13628cce8292c877010d31d",id:"icon",part:"icon",name:t||"warning"===this.color||"danger"===this.color?"alert":"success"===this.color?"check":"info"===this.color?"information":"bell",color:this.color,size:"md",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),m(o)&&s("ds-icon",{key:"206dbb5cd3673773eb5a9327679676ad9a0d15f9",id:"icon",part:"icon",svg:o}),s("span",{key:"f7f7fb5c0071f6cb35a005e9a843cfc527d96e3f",part:"content",id:"content"},this.heading&&s("h2",{key:"073902110e1777b279e829e05bcc040e24b8251e",part:"heading"},this.heading),s("span",{key:"677a6c7b3bb849376cd47b8449e8cab982c396b6",part:"message"},this.message,s("slot",{key:"722ebc769eb27196aef924c2028a5b0c04590d25"}))),m(this.action)&&s("ds-button",{key:"814a491f7657a3ad56021a3607651244afafc2af",id:"action",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:t=>{c(t),this.dsActionClick.emit(t),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"e1c6e38442650af9321ba62e43a94fc2e10cbb6f",part:"close",onClick:t=>{c(t),this.close()}}))}get el(){return this}static get style(){return':host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-primary-color-bg-base)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-primary-color-text-base)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--ds-toast-primary-color-icon-base)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-primary-color-progress-bar-base)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-primary-color-progress-bg-base)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-alias-text-family-heading)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-alias-text-weight-bold)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-alias-text-size-base-device)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-alias-text-line-height-heading)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-alias-text-family-body)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, inherit));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-alias-text-size-sm-device)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-alias-text-line-height-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, 0.125rem));--_toast-p:var(--toast-p, var(--mod-toast-p, 1rem));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-color:null;--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height)}:host ds-button,:host .button{--button-mt:0;grid-area:action;align-self:center}:host .close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-text-base);--mod-toast-border-color:var(--ds-toast-info-color-border-base);--mod-toast-bg:var(--ds-toast-info-color-bg-base);--mod-toast-icon-color:var(--ds-toast-info-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-info-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-info-color-progress-bg-base)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-text-base);--mod-toast-border-color:var(--ds-toast-success-color-border-base);--mod-toast-bg:var(--ds-toast-success-color-bg-base);--mod-toast-icon-color:var(--ds-toast-success-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-success-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-success-color-progress-bg-base)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-text-base);--mod-toast-border-color:var(--ds-toast-warning-color-border-base);--mod-toast-bg:var(--ds-toast-warning-color-bg-base);--mod-toast-icon-color:var(--ds-toast-warning-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-warning-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-warning-color-progress-bg-base)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-text-base);--mod-toast-border-color:var(--ds-toast-danger-color-border-base);--mod-toast-bg:var(--ds-toast-danger-color-bg-base);--mod-toast-icon-color:var(--ds-toast-danger-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-danger-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-danger-color-progress-bg-base)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}'}},[257,"ds-toast",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],duration:[8],visible:[516],closeHandler:[16],actionHandler:[16],animated:[32],didLoad:[32],didPause:[32],close:[64],configChanged:[64]}]);e([n("toast"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),e([f(["base","info","success","warning","danger"]),d("design:type",String)],w.prototype,"color",void 0),e([u("boolean"),d("design:type",Boolean)],w.prototype,"closable",void 0),e([_(),u("string"),d("design:type",String)],w.prototype,"heading",void 0),e([_(),u("string"),d("design:type",String)],w.prototype,"message",void 0),e([u("string"),d("design:type",String)],w.prototype,"icon",void 0),e([u("string"),d("design:type",String)],w.prototype,"svg",void 0),e([u("string"),d("design:type",String)],w.prototype,"action",void 0),e([u("string"),d("design:type",String)],w.prototype,"actionIcon",void 0),e([f(["_blank","_parent","_self","_top"]),d("design:type",String)],w.prototype,"actionTarget",void 0),e([u("string"),d("design:type",String)],w.prototype,"actionHref",void 0),e([y(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const k=w,x=function(){"undefined"!=typeof customElements&&["ds-toast","ds-button","ds-close","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-toast":customElements.get(i(t))||customElements.define(i(t),w);break;case"ds-button":customElements.get(i(t))||b();break;case"ds-close":customElements.get(i(t))||p();break;case"ds-icon":customElements.get(i(t))||h();break;case"ds-spinner":customElements.get(i(t))||v()}}))};export{k as DsToast,x as defineCustomElement}
+import{p as t,H as o,f as a,h as s,e as r,t as i}from"./p-WO0X5Vmy.js";import{_ as e,L as n,a as d}from"./p-J0mxIuTt.js";import{s as c}from"./p-BwfAXfmz.js";import{h as m}from"./p-BrIcCcce.js";import{r as g}from"./p-BgzU1loG.js";import{s as l,d as h}from"./p-Dbqy6lZU.js";import{d as b}from"./p-BmKEBYP4.js";import{d as p}from"./p-std0LSH2.js";import{d as v}from"./p-o0H7eIVX.js";import{O as f}from"./p-BhbWmCTu.js";import{T as u}from"./p-DAYd9ty0.js";import{R as _}from"./p-DYlqkAWn.js";import{L as y}from"./p-DIK6Zkg6.js";const w=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=a(this,"dsCloseClick"),this.dsActionClick=a(this,"dsActionClick"),this.dsDidLoad=a(this,"dsDidLoad"),this.dsDidPause=a(this,"dsDidPause"),this.dsDidResume=a(this,"dsDidResume"),this.animated=!1,this.didLoad=!1,this.didPause=!1,this.color="base",this.closable=!1,this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.duration=0,this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(m(this.svg))return l(this.svg)},this.generateIconName=()=>{if(m(this.icon))return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(t){this.log=t}componentDidLoad(){g((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}async configChanged(t){this.animated=t.animated}render(){const t=this.generateIconName(),o=this.generateSvgContent(),a=void 0!==this.duration&&"infinite"!==this.duration&&this.duration>0,i=a?{"--toast-progress-duration":this.duration+"ms"}:{};return s(r,{key:"d4ca47796b7b5927412383a15311e794ae217be4",role:"alert","aria-live":"assertive","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-paused":this.didPause,"is-visible":this.visible,"has-progress-bar":this.visible&&this.didLoad&&a&&this.animated,"is-closable":this.closable,"is-action":m(this.action),["is-"+this.color]:void 0!==this.color},style:i,onMouseEnter:()=>{this.didPause=!0,this.dsDidPause.emit()},onMouseLeave:()=>{this.didPause=!1,this.dsDidResume.emit()}},!m(o)&&s("ds-icon",{key:"69dad798037879665cfcac7c2c4c5202e59398ff",id:"icon",part:"icon",name:t||"warning"===this.color||"danger"===this.color?"alert":"success"===this.color?"check":"info"===this.color?"information":"bell",color:this.color,size:"md",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),m(o)&&s("ds-icon",{key:"a6ba300bdb84ba361450bb08059293a6a533de37",id:"icon",part:"icon",svg:o}),s("span",{key:"0c1dcbd34ccd9e8d4f5fa8abf575c8de78af23ca",part:"content",id:"content"},this.heading&&s("h2",{key:"e0f1f64c75f147c46ffbc7fcd38df70b79d1788d",part:"heading"},this.heading),s("span",{key:"b61f2943532f86a484ab688253a8e7a04327c00b",part:"message"},this.message,s("slot",{key:"e9924f719790067a6e2bdb136b18dec3841f04ae"}))),m(this.action)&&s("ds-button",{key:"ba37a92ae3638e6304ddca76b9793003455e79eb",id:"action",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:t=>{c(t),this.dsActionClick.emit(t),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"1b2978686c359bb6b6cf6f9e40bd8a693b8480cd",part:"close",onClick:t=>{c(t),this.close()}}))}get el(){return this}static get style(){return':host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-primary-color-background-base)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-primary-color-text-base)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--ds-toast-primary-color-icon-base)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-primary-color-progress-bar-base)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-primary-color-progress-background-base)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-alias-text-family-heading)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-alias-text-weight-bold)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-alias-text-size-base-device)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-alias-text-line-height-heading)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-alias-text-family-body)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, inherit));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-alias-text-size-sm-device)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-alias-text-line-height-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, 0.125rem));--_toast-p:var(--toast-p, var(--mod-toast-p, 1rem));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-color:null;--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height)}:host ds-button,:host .button{--button-mt:0;grid-area:action;align-self:center}:host .close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-text-base);--mod-toast-border-color:var(--ds-toast-info-color-border-base);--mod-toast-bg:var(--ds-toast-info-color-background-base);--mod-toast-icon-color:var(--ds-toast-info-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-info-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-info-color-progress-background-base)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-text-base);--mod-toast-border-color:var(--ds-toast-success-color-border-base);--mod-toast-bg:var(--ds-toast-success-color-background-base);--mod-toast-icon-color:var(--ds-toast-success-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-success-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-success-color-progress-background-base)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-text-base);--mod-toast-border-color:var(--ds-toast-warning-color-border-base);--mod-toast-bg:var(--ds-toast-warning-color-background-base);--mod-toast-icon-color:var(--ds-toast-warning-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-warning-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-warning-color-progress-background-base)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-text-base);--mod-toast-border-color:var(--ds-toast-danger-color-border-base);--mod-toast-bg:var(--ds-toast-danger-color-background-base);--mod-toast-icon-color:var(--ds-toast-danger-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-danger-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-danger-color-progress-background-base)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}'}},[257,"ds-toast",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],duration:[8],visible:[516],closeHandler:[16],actionHandler:[16],animated:[32],didLoad:[32],didPause:[32],close:[64],configChanged:[64]}]);e([n("toast"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),e([f(["base","info","success","warning","danger"]),d("design:type",String)],w.prototype,"color",void 0),e([u("boolean"),d("design:type",Boolean)],w.prototype,"closable",void 0),e([_(),u("string"),d("design:type",String)],w.prototype,"heading",void 0),e([_(),u("string"),d("design:type",String)],w.prototype,"message",void 0),e([u("string"),d("design:type",String)],w.prototype,"icon",void 0),e([u("string"),d("design:type",String)],w.prototype,"svg",void 0),e([u("string"),d("design:type",String)],w.prototype,"action",void 0),e([u("string"),d("design:type",String)],w.prototype,"actionIcon",void 0),e([f(["_blank","_parent","_self","_top"]),d("design:type",String)],w.prototype,"actionTarget",void 0),e([u("string"),d("design:type",String)],w.prototype,"actionHref",void 0),e([u("string"),d("design:type",String)],w.prototype,"alertId",void 0),e([u("boolean"),d("design:type",Boolean)],w.prototype,"visible",void 0),e([y(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const k=w,x=function(){"undefined"!=typeof customElements&&["ds-toast","ds-button","ds-close","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-toast":customElements.get(i(t))||customElements.define(i(t),w);break;case"ds-button":customElements.get(i(t))||b();break;case"ds-close":customElements.get(i(t))||p();break;case"ds-icon":customElements.get(i(t))||h();break;case"ds-spinner":customElements.get(i(t))||v()}}))};export{k as DsToast,x as defineCustomElement}

package/components/index.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{d as t,s as n}from"./p-WO0X5Vmy.js";export{g as getAssetPath,r as render,a as setAssetPath,b as setNonce,c as setPlatformOptions}from"./p-WO0X5Vmy.js";export{F as FOOTER_CONTAINERS,i as i18nDsFooter}from"./p-BrJFPhMA.js";export{i as i18nDsClose}from"./p-Bbn3sYo5.js";export{I as I18nDsLabel}from"./p-C7I7OlaM.js";export{i as i18nControlLabel}from"./p-BR1SYpQO.js";import{g as l}from"./p-BgzU1loG.js";export{c as componentOnReady,d as deepReady,i as isDescendant,s as shallowReady,w as wait,a as waitAfterFramePaint,b as waitAfterIdleCallback,e as waitAfterLargestContentfulPaintCallback,f as waitForComponent,h as waitForDesignSystem,j as waitOnLoadEventCallback}from"./p-BgzU1loG.js";import{d as u}from"./p-CvaNxQtw.js";export{a as defaultLocale}from"./p-CvaNxQtw.js";import{d as p}from"./p-UCeQ1JCs.js";export{D as DsDevice}from"./p-UCeQ1JCs.js";export{S as ScrollHandler}from"./p-3Mi9vpmB.js";import{W as m}from"./p-n3_2KEz0.js";export{D as DsBreakpointSubject,b as DsBreakpointsUtil,a as dsBreakpointSubject,d as dsBreakpoints}from"./p-n3_2KEz0.js";import{D as y,I as O,S as C}from"./p-C1jqbZdf.js";import{u as v}from"./p-Dr4MUfss.js";export{b as attachComponentToConfig,a as attachToConfig,c as detachComponentFromConfig,d as detachFromConfig,o as onDsConfigChange,g as updateDsAllowedLanguages,i as updateDsAnimated,h as updateDsIcons,e as updateDsLanguage,j as updateDsLogger,f as updateDsRegion}from"./p-Dr4MUfss.js";import{S as $}from"./p-DcSNuA8W.js";export{L as ListenToConfig}from"./p-DIK6Zkg6.js";const x=["ds-accordion","ds-alert-container","ds-app","ds-badge","ds-button","ds-button-group","ds-card","ds-card-actions","ds-card-content","ds-card-header","ds-card-subtitle","ds-card-title","ds-carousel","ds-carousel-item","ds-checkbox","ds-checkbox-group","ds-close","ds-content","ds-data","ds-data-item","ds-data-label","ds-data-value","ds-date","ds-divider","ds-drawer","ds-file-upload","ds-footer","ds-heading","ds-hint","ds-hint-text","ds-hint-title","ds-icon","ds-input","ds-input-slider","ds-item","ds-label","ds-list","ds-logo","ds-modal","ds-modal-body","ds-modal-header","ds-navbar","ds-notification","ds-number-input","ds-pagination","ds-popup","ds-progress-bar","ds-radio","ds-radio-group","ds-segment","ds-segment-item","ds-select","ds-select-optgroup","ds-select-option","ds-shape","ds-snackbar","ds-spinner","ds-stack","ds-step","ds-step-panel","ds-steps","ds-tab","ds-tab-panel","ds-tabs","ds-tag","ds-tag-group","ds-text","ds-textarea","ds-toast","ds-toggle","ds-tooltip"];class k{static setTwoDigitCutoffYear(t=10){C.twoDigitCutoffYear=(new Date).getFullYear()%100+t}static fromAnyFormat(t){const s=t.replace(/[0-9]/g,"").charAt(0),e=v(),a=(null==e?void 0:e.locale)||"de-CH",o=t.split(s),i=o.length;if(2===i){const t=(new Date).getFullYear();return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${t}`,`d${s}M${s}yy`,{locale:a}))}if(3===i){if(1===o[2].length)return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${2e3+parseInt(o[2],10)}`,`d${s}M${s}yy`,{locale:a}));if(""===o[2]){const t=(new Date).getFullYear();return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${t}`,`d${s}M${s}yy`,{locale:a}))}}return new k(y.fromFormat(t,`d${s}M${s}yy`,{locale:a}))}static fromISO(t){return new k(y.fromISO(t||""))}static infoMonths({format:t,locale:s}={}){const e=v();return O.months(t||"long",{locale:s||(null==e?void 0:e.locale)||"de-CH"})}static infoWeekdays({format:t,locale:s}={}){const e=v();return O.weekdays(t,{locale:s||(null==e?void 0:e.locale)||"de-CH"})}constructor(t){this.dt=t}get isValid(){return this.dt.isValid}toISO(){return this.isValid?this.dt.toISO():""}toISODate(){return this.isValid?this.dt.toISODate():""}toFormat(){if(this.isValid){const t=v(),s=function(t="de-CH"){return new Intl.DateTimeFormat(function(t="de-CH"){const[,s]=t.split("-");return"CH"===s?"fr-CH":"BE"===s?"fr-BE":"LU"===s?"fr-LU":t}(t)).format(new Date).replace(/\p{Number}/gu,"").charAt(0)}((null==t?void 0:t.locale)||"de-CH");return this.dt.toFormat(`dd${s}MM${s}yyyy`)}return""}isBefore(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt<s}isBeforeOrEqual(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt<=s}isAfter(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt>s}isAfterOrEqual(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt>=s}get month(){if(this.isValid)return this.dt.month}get year(){if(this.isValid)return this.dt.year}}k.setTwoDigitCutoffYear();class A extends ${constructor(){super((t=>t.listenToOrientation(this.state))),this.listener=new m,this.state=p.orientation.toObject(),this.listener.connect(),this.listener.add((()=>{const t=p.orientation.toObject();this.isEqual(t)||(this.state=t,this.notify(void 0))}))}attach(t){super.attach(t),t.listenToOrientation(this.state)}isEqual(t){return t.landscape===this.state.landscape&&t.portrait===this.state.portrait}}const B=new A,N={brand:(t,s)=>t.brand=s,region:(t,s)=>t.region=s,language:(t,s)=>t.language=s,fallbackLanguage:(t,s)=>t.fallbackLanguage=s,allowedLanguages:(t,s)=>t.allowedLanguages=s.split(",").map((t=>t.trim())),animated:(t,s)=>t.animated="false"!==s};class E{constructor(){this._componentObservers=[],this._observers=[],this._config=u}get brand(){return this._config.brand}set brand(t){t!==this._config.brand&&(this._config.brand=t,this._notify())}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get icons(){return this._config.icons}set icons(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t),this._notify()}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get httpFormSubmit(){return this._config.httpFormSubmit}set httpFormSubmit(t){this._config.httpFormSubmit=t,this._notify()}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config)}}const M=new E,H=t=>{try{const s=JSON.parse(t.localStorage.getItem("ds-animated")||"true");return null!==s?{animated:s}:{}}catch(t){return{}}},U=t=>{try{const s=t.document;if(!s)return{};const e=s.querySelector('meta[name="design-system-config"]');if(!e)return{};const a={};for(const[t,s]of Object.entries(N)){const o=e.dataset[t];void 0!==o&&s(a,o)}return a}catch(t){return{}}},R=(s={},e={})=>{0===Object.keys(e).length&&t.hasWindow&&(e=window),e.DesignSystem=e.DesignSystem||{},M.reset(Object.assign(Object.assign(Object.assign(Object.assign({},U(e)),H(e)),s),{icons:Object.assign({},s.icons)})),e.DesignSystem.config=M};class P{constructor(t){this.type=t,this.container=null}async create(t){var s;return this.setupContainer(t),null===(s=this.container)||void 0===s?void 0:s.addAlert(t)}async remove(t){var s;await(null===(s=this.container)||void 0===s?void 0:s.removeAlert(t))}async removeAll(){var t;await(null===(t=this.container)||void 0===t?void 0:t.removeAll())}setupContainer(t){const s=`ds-${this.type}-container`;this.container=document.getElementById(s),this.container||this.container||(this.container=document.createElement("ds-alert-container"),this.container.id=s,this.container.setAttribute("type",this.type),l(document).appendChild(this.container))}}const z=t=>new P(t),T=z("toast"),_=z("snackbar"),J=new class{async create(t={}){const s=document.createElement("ds-modal");return void 0!==t.modalWidth&&(s.modalWidth=t.modalWidth),void 0!==t.closable&&(s.closable=t.closable),l(document).appendChild(s),await s.present(),s}async dismiss(s){if(!t.hasDocument)return;const e=document.querySelector(s?"ds-modal#"+s:"ds-modal[open]");await(null==e?void 0:e.dismiss())}async dismissAll(){if(!t.hasDocument)return;const s=Array.from(document.querySelectorAll("ds-modal[open]"));await Promise.all(s.map((t=>t.dismiss())))}},Q=(s={},e,a={})=>{0===Object.keys(a).length&&t.hasWindow&&(a=window),a.DesignSystem=a.DesignSystem||{},e&&n(e),R(Object.assign(Object.assign({},s),e),a),a.DesignSystem.toastController=T,a.DesignSystem.snackbarController=_,a.DesignSystem.modalController=J,a.DesignSystem.initialize=()=>R(a.DesignSystem.config,a),a.DesignSystem.version="20.0.0-next.8",s._generateHydrateForCustomElementsOutput&&V(x)},V=(t=[])=>{const s="undefined"!=typeof window?window:{};if(!s.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const e=s.document.head,a=e.querySelector("meta[charset]"),o=s.document.createElement("style");t.length>0&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}",o.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",o.innerHTML.length&&(o.setAttribute("data-styles",""),e.insertBefore(o,a?a.nextSibling:e.firstChild)))};export{E as Config,k as DsDate,A as DsOrientationSubject,M as config,H as configFromLocalStorage,U as configFromMetaTag,u as defaultConfig,t as dsBrowser,p as dsDevice,J as dsModalController,B as dsOrientationSubject,_ as dsSnackbarController,T as dsToastController,l as getAppRoot,Q as initialize,Q as initializeDesignSystem,R as setupDsConfig,v as useDsConfig}
+import{d as t,s as n}from"./p-WO0X5Vmy.js";export{g as getAssetPath,r as render,a as setAssetPath,b as setNonce,c as setPlatformOptions}from"./p-WO0X5Vmy.js";export{F as FOOTER_CONTAINERS,i as i18nDsFooter}from"./p-BrJFPhMA.js";export{i as i18nDsClose}from"./p-Bbn3sYo5.js";export{I as I18nDsLabel}from"./p-C7I7OlaM.js";export{i as i18nControlLabel}from"./p-BR1SYpQO.js";import{g as l}from"./p-BgzU1loG.js";export{c as componentOnReady,d as deepReady,i as isDescendant,s as shallowReady,w as wait,a as waitAfterFramePaint,b as waitAfterIdleCallback,e as waitAfterLargestContentfulPaintCallback,f as waitForComponent,h as waitForDesignSystem,j as waitOnLoadEventCallback}from"./p-BgzU1loG.js";import{d as u}from"./p-CvaNxQtw.js";export{a as defaultLocale}from"./p-CvaNxQtw.js";import{d as p}from"./p-UCeQ1JCs.js";export{D as DsDevice}from"./p-UCeQ1JCs.js";export{S as ScrollHandler}from"./p-3Mi9vpmB.js";import{W as m}from"./p-n3_2KEz0.js";export{D as DsBreakpointSubject,b as DsBreakpointsUtil,a as dsBreakpointSubject,d as dsBreakpoints}from"./p-n3_2KEz0.js";import{D as y,I as O,S as C}from"./p-C1jqbZdf.js";import{u as v}from"./p-Dr4MUfss.js";export{b as attachComponentToConfig,a as attachToConfig,c as detachComponentFromConfig,d as detachFromConfig,o as onDsConfigChange,g as updateDsAllowedLanguages,i as updateDsAnimated,h as updateDsIcons,e as updateDsLanguage,j as updateDsLogger,f as updateDsRegion}from"./p-Dr4MUfss.js";import{S as $}from"./p-DcSNuA8W.js";export{L as ListenToConfig}from"./p-DIK6Zkg6.js";const x=["ds-accordion","ds-alert-container","ds-app","ds-badge","ds-button","ds-button-group","ds-card","ds-card-actions","ds-card-content","ds-card-header","ds-card-subtitle","ds-card-title","ds-carousel","ds-carousel-item","ds-checkbox","ds-checkbox-group","ds-close","ds-content","ds-data","ds-data-item","ds-data-label","ds-data-value","ds-date","ds-divider","ds-drawer","ds-file-upload","ds-footer","ds-heading","ds-hint","ds-hint-text","ds-hint-title","ds-icon","ds-input","ds-input-slider","ds-item","ds-label","ds-list","ds-logo","ds-modal","ds-modal-body","ds-modal-header","ds-navbar","ds-notification","ds-number-input","ds-pagination","ds-popup","ds-progress-bar","ds-radio","ds-radio-group","ds-segment","ds-segment-item","ds-select","ds-select-optgroup","ds-select-option","ds-shape","ds-snackbar","ds-spinner","ds-stack","ds-step","ds-step-panel","ds-steps","ds-tab","ds-tab-panel","ds-tabs","ds-tag","ds-tag-group","ds-text","ds-textarea","ds-toast","ds-toggle","ds-tooltip"];class k{static setTwoDigitCutoffYear(t=10){C.twoDigitCutoffYear=(new Date).getFullYear()%100+t}static fromAnyFormat(t){const s=t.replace(/[0-9]/g,"").charAt(0),e=v(),a=(null==e?void 0:e.locale)||"de-CH",o=t.split(s),i=o.length;if(2===i){const t=(new Date).getFullYear();return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${t}`,`d${s}M${s}yy`,{locale:a}))}if(3===i){if(1===o[2].length)return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${2e3+parseInt(o[2],10)}`,`d${s}M${s}yy`,{locale:a}));if(""===o[2]){const t=(new Date).getFullYear();return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${t}`,`d${s}M${s}yy`,{locale:a}))}}return new k(y.fromFormat(t,`d${s}M${s}yy`,{locale:a}))}static fromISO(t){return new k(y.fromISO(t||""))}static infoMonths({format:t,locale:s}={}){const e=v();return O.months(t||"long",{locale:s||(null==e?void 0:e.locale)||"de-CH"})}static infoWeekdays({format:t,locale:s}={}){const e=v();return O.weekdays(t,{locale:s||(null==e?void 0:e.locale)||"de-CH"})}constructor(t){this.dt=t}get isValid(){return this.dt.isValid}toISO(){return this.isValid?this.dt.toISO():""}toISODate(){return this.isValid?this.dt.toISODate():""}toFormat(){if(this.isValid){const t=v(),s=function(t="de-CH"){return new Intl.DateTimeFormat(function(t="de-CH"){const[,s]=t.split("-");return"CH"===s?"fr-CH":"BE"===s?"fr-BE":"LU"===s?"fr-LU":t}(t)).format(new Date).replace(/\p{Number}/gu,"").charAt(0)}((null==t?void 0:t.locale)||"de-CH");return this.dt.toFormat(`dd${s}MM${s}yyyy`)}return""}isBefore(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt<s}isBeforeOrEqual(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt<=s}isAfter(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt>s}isAfterOrEqual(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt>=s}get month(){if(this.isValid)return this.dt.month}get year(){if(this.isValid)return this.dt.year}}k.setTwoDigitCutoffYear();class A extends ${constructor(){super((t=>t.listenToOrientation(this.state))),this.listener=new m,this.state=p.orientation.toObject(),this.listener.connect(),this.listener.add((()=>{const t=p.orientation.toObject();this.isEqual(t)||(this.state=t,this.notify(void 0))}))}attach(t){super.attach(t),t.listenToOrientation(this.state)}isEqual(t){return t.landscape===this.state.landscape&&t.portrait===this.state.portrait}}const B=new A,N={brand:(t,s)=>t.brand=s,region:(t,s)=>t.region=s,language:(t,s)=>t.language=s,fallbackLanguage:(t,s)=>t.fallbackLanguage=s,allowedLanguages:(t,s)=>t.allowedLanguages=s.split(",").map((t=>t.trim())),animated:(t,s)=>t.animated="false"!==s};class E{constructor(){this._componentObservers=[],this._observers=[],this._config=u}get brand(){return this._config.brand}set brand(t){t!==this._config.brand&&(this._config.brand=t,this._notify())}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get icons(){return this._config.icons}set icons(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t),this._notify()}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get httpFormSubmit(){return this._config.httpFormSubmit}set httpFormSubmit(t){this._config.httpFormSubmit=t,this._notify()}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config)}}const M=new E,H=t=>{try{const s=JSON.parse(t.localStorage.getItem("ds-animated")||"true");return null!==s?{animated:s}:{}}catch(t){return{}}},U=t=>{try{const s=t.document;if(!s)return{};const e=s.querySelector('meta[name="design-system-config"]');if(!e)return{};const a={};for(const[t,s]of Object.entries(N)){const o=e.dataset[t];void 0!==o&&s(a,o)}return a}catch(t){return{}}},R=(s={},e={})=>{0===Object.keys(e).length&&t.hasWindow&&(e=window),e.DesignSystem=e.DesignSystem||{},M.reset(Object.assign(Object.assign(Object.assign(Object.assign({},U(e)),H(e)),s),{icons:Object.assign({},s.icons)})),e.DesignSystem.config=M};class P{constructor(t){this.type=t,this.container=null}async create(t){var s;return this.setupContainer(t),null===(s=this.container)||void 0===s?void 0:s.addAlert(t)}async remove(t){var s;await(null===(s=this.container)||void 0===s?void 0:s.removeAlert(t))}async removeAll(){var t;await(null===(t=this.container)||void 0===t?void 0:t.removeAll())}setupContainer(t){const s=`ds-${this.type}-container`;this.container=document.getElementById(s),this.container||this.container||(this.container=document.createElement("ds-alert-container"),this.container.id=s,this.container.setAttribute("type",this.type),l(document).appendChild(this.container))}}const z=t=>new P(t),T=z("toast"),_=z("snackbar"),J=new class{async create(t={}){const s=document.createElement("ds-modal");return void 0!==t.modalWidth&&(s.modalWidth=t.modalWidth),void 0!==t.closable&&(s.closable=t.closable),l(document).appendChild(s),await s.present(),s}async dismiss(s){if(!t.hasDocument)return;const e=document.querySelector(s?"ds-modal#"+s:"ds-modal[open]");await(null==e?void 0:e.dismiss())}async dismissAll(){if(!t.hasDocument)return;const s=Array.from(document.querySelectorAll("ds-modal[open]"));await Promise.all(s.map((t=>t.dismiss())))}},Q=(s={},e,a={})=>{0===Object.keys(a).length&&t.hasWindow&&(a=window),a.DesignSystem=a.DesignSystem||{},e&&n(e),R(Object.assign(Object.assign({},s),e),a),a.DesignSystem.toastController=T,a.DesignSystem.snackbarController=_,a.DesignSystem.modalController=J,a.DesignSystem.initialize=()=>R(a.DesignSystem.config,a),a.DesignSystem.version="20.0.0-next.9",s._generateHydrateForCustomElementsOutput&&V(x)},V=(t=[])=>{const s="undefined"!=typeof window?window:{};if(!s.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const e=s.document.head,a=e.querySelector("meta[charset]"),o=s.document.createElement("style");t.length>0&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}",o.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",o.innerHTML.length&&(o.setAttribute("data-styles",""),e.insertBefore(o,a?a.nextSibling:e.firstChild)))};export{E as Config,k as DsDate,A as DsOrientationSubject,M as config,H as configFromLocalStorage,U as configFromMetaTag,u as defaultConfig,t as dsBrowser,p as dsDevice,J as dsModalController,B as dsOrientationSubject,_ as dsSnackbarController,T as dsToastController,l as getAppRoot,Q as initialize,Q as initializeDesignSystem,R as setupDsConfig,v as useDsConfig}

package/components/p-o0H7eIVX.js

@@ -1,4 +1,5 @@
+import * as __inlinedDynamicImport0 from './p-HDclecaJ.js'
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as i,h as r,e as n,t}from"./p-WO0X5Vmy.js";import{_ as s,L as o,a}from"./p-J0mxIuTt.js";import{h as d}from"./p-BrIcCcce.js";import{r as c,m as l}from"./p-BgzU1loG.js";import{d as p}from"./p-CvaNxQtw.js";import{O as m}from"./p-BhbWmCTu.js";import{T as h}from"./p-DAYd9ty0.js";import{L as g}from"./p-DIK6Zkg6.js";const v={de:{loading:"Laden"},en:{loading:"Loading"},fr:{loading:"Chargement"},it:{loading:"Caricamento"},nl:{loading:"Laden"},es:{loading:"Cargando"},pl:{loading:"Ładowanie"},pt:{loading:"Carregando"},sv:{loading:"Laddar"},fi:{loading:"Ladataan"}},b=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.animated=p.animated,this.language=p.language,this.region=p.region,this.color="blue",this.deactivated=!1,this.inverted=!1,this.small=!1,this.label="",this.labelPosition="right",this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=c((async()=>{this.animationFunction&&this.innerEl&&this.animationFunction(this.innerEl,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.innerEl.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((e,i)=>{if(this.animationFunction)return e();l((async()=>{import("./p-HDclecaJ.js").then((i=>{this.animationFunction=i.animate,e()})).catch(i)}))}))}createLogger(e){this.log=e}deactivatedChanged(e,i){e!==i&&(this.deactivated?this.destroy():this.animate())}variationChanged(e,i){e!==i&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&this.innerEl&&!this.el.isConnected&&this.destroy()}async configChanged(e){this.animated=e.animated,this.language=e.language,this.region=e.region,!1===e.animated&&this.destroy()}getColor(){try{const e=this.el?getComputedStyle(this.el).getPropertyValue("--spinner-color").trim():"";if(e)return e}catch(e){}return this.inverted?"#ffffff":"#151f6d"}render(){let e=this.size;return!0===this.small&&(e="sm"),r(n,{key:"c11982bbe6a51010b4cefd97da2636ce308eddcf",role:"progressbar","aria-label":this.label||v[this.language].loading,class:{"is-animated":this.animated,"is-circle":"circle"===this.variation,"is-sm":"sm"===e,"is-white":"white"===this.color,"is-label-right":d(this.label)&&"right"===this.labelPosition,"is-label-bottom":d(this.label)&&"bottom"===this.labelPosition}},r("div",{key:"ee9d575d084dd4232309bb2e0dcf9e7b404b8e63"},r("div",{key:"f65ca901cb36d8503fdd55ab6f2d920bc2a0368d",id:"inner",part:"inner",ref:e=>this.innerEl=e})),d(this.label)&&r("span",{key:"63e189e67f42307211fcf4300f8ba854f2cbe41c",part:"label"},this.label))}get el(){return this}static get watchers(){return{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}}static get style(){return":host{--_spinner-position:var(--spinner-position, var(--mod-spinner-position, static));--_spinner-top:var(--spinner-top, var(--mod-spinner-top));--_spinner-right:var(--spinner-right, var(--mod-spinner-right));--_spinner-bottom:var(--spinner-bottom, var(--mod-spinner-bottom));--_spinner-left:var(--spinner-left, var(--mod-spinner-left));position:var(--_spinner-position);top:var(--_spinner-top);right:var(--_spinner-right);bottom:var(--_spinner-bottom);left:var(--_spinner-left);--_spinner-m:var(--spinner-m, var(--mod-spinner-m, 0));--_spinner-my:var(--spinner-my, var(--mod-spinner-my));--_spinner-mx:var(--spinner-mx, var(--mod-spinner-mx));--_spinner-ml:var(--spinner-ml, var(--mod-spinner-ml));--_spinner-mr:var(--spinner-mr, var(--mod-spinner-mr));--_spinner-mt:var(--spinner-mt, var(--mod-spinner-mt));--_spinner-mb:var(--spinner-mb, var(--mod-spinner-mb));margin:var(--_spinner-m);margin-inline:var(--_spinner-mx);margin-block:var(--_spinner-my);margin-left:var(--_spinner-ml);margin-right:var(--_spinner-mr);margin-top:var(--_spinner-mt);margin-bottom:var(--_spinner-mb);--_spinner-size:var(--spinner-size, var(--mod-spinner-size, var(--ds-spinner-size)));--_spinner-circle-size:var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size)));--_spinner-circle-border-width:var(--spinner-circle-border-width, var(--mod-spinner-circle-border-width, var(--ds-spinner-circle-border-width)));--_spinner-circle-color-border-background:var(--spinner-circle-color-border-background, var(--mod-spinner-circle-color-border-background, var(--ds-spinner-circle-color-background)));--_spinner-circle-color-border-progress:var(--spinner-circle-color-border-progress, var(--mod-spinner-circle-color-border-progress, var(--ds-spinner-circle-color-progress)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}:host,:host>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center}:host svg{-webkit-transform:unset !important;transform:unset !important}:host(:not(.is-circle))>div{width:var(--_spinner-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-border-width);border-color:var(--_spinner-circle-color-border-background);border-top-color:var(--_spinner-circle-color-border-progress);width:var(--_spinner-circle-size);height:var(--_spinner-circle-size)}:host(.is-animated) #inner{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}:host(.is-sm){--mod-spinner-size:2rem;--mod-spinner-circle-size:1.125rem;--mod-spinner-circle-border-width:0.2rem}:host(.is-white){--mod-spinner-circle-color-border-background:var(--ds-spinner-inverted-circle-color-background);--mod-spinner-circle-color-border-progress:var(--ds-spinner-inverted-circle-color-progress)}:host(.is-label-right){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"}},[1,"ds-spinner",{color:[1],deactivated:[4],inverted:[4],size:[1025],small:[4],label:[1],labelPosition:[1,"label-position"],variation:[1],animated:[32],language:[32],region:[32],configChanged:[64]},void 0,{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}]);function f(){"undefined"!=typeof customElements&&["ds-spinner"].forEach((e=>{"ds-spinner"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}s([o("spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],b.prototype,"createLogger",null),s([m(["blue","white"]),a("design:type",String)],b.prototype,"color",void 0),s([h("boolean"),a("design:type",Boolean)],b.prototype,"deactivated",void 0),s([h("boolean"),a("design:type",Boolean)],b.prototype,"inverted",void 0),s([m(["sm"]),a("design:type",String)],b.prototype,"size",void 0),s([h("boolean"),a("design:type",Boolean)],b.prototype,"small",void 0),s([h("string"),a("design:type",String)],b.prototype,"label",void 0),s([m(["right","bottom"]),a("design:type",String)],b.prototype,"labelPosition",void 0),s([m(["logo","circle"]),a("design:type",String)],b.prototype,"variation",void 0),s([g(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],b.prototype,"configChanged",null);export{b as S,f as d}
+import{p as e,H as i,h as r,e as n,t}from"./p-WO0X5Vmy.js";import{_ as s,L as o,a}from"./p-J0mxIuTt.js";import{h as d}from"./p-BrIcCcce.js";import{r as c,m as l}from"./p-BgzU1loG.js";import{d as p}from"./p-CvaNxQtw.js";import{O as m}from"./p-BhbWmCTu.js";import{T as h}from"./p-DAYd9ty0.js";import{L as g}from"./p-DIK6Zkg6.js";const v={de:{loading:"Laden"},en:{loading:"Loading"},fr:{loading:"Chargement"},it:{loading:"Caricamento"},nl:{loading:"Laden"},es:{loading:"Cargando"},pl:{loading:"Ładowanie"},pt:{loading:"Carregando"},sv:{loading:"Laddar"},fi:{loading:"Ladataan"}},b=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.animated=p.animated,this.language=p.language,this.region=p.region,this.color="blue",this.deactivated=!1,this.inverted=!1,this.small=!1,this.label="",this.labelPosition="right",this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=c((async()=>{this.animationFunction&&this.innerEl&&this.animationFunction(this.innerEl,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.innerEl.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((e,i)=>{if(this.animationFunction)return e();l((async()=>{Promise.resolve(__inlinedDynamicImport0).then((i=>{this.animationFunction=i.animate,e()})).catch(i)}))}))}createLogger(e){this.log=e}deactivatedChanged(e,i){e!==i&&(this.deactivated?this.destroy():this.animate())}variationChanged(e,i){e!==i&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&this.innerEl&&!this.el.isConnected&&this.destroy()}async configChanged(e){this.animated=e.animated,this.language=e.language,this.region=e.region,!1===e.animated&&this.destroy()}getColor(){try{const e=this.el?getComputedStyle(this.el).getPropertyValue("--spinner-color").trim():"";if(e)return e}catch(e){}return this.inverted?"#ffffff":"#151f6d"}render(){let e=this.size;return!0===this.small&&(e="sm"),r(n,{key:"c11982bbe6a51010b4cefd97da2636ce308eddcf",role:"progressbar","aria-label":this.label||v[this.language].loading,class:{"is-animated":this.animated,"is-circle":"circle"===this.variation,"is-sm":"sm"===e,"is-white":"white"===this.color,"is-label-right":d(this.label)&&"right"===this.labelPosition,"is-label-bottom":d(this.label)&&"bottom"===this.labelPosition}},r("div",{key:"ee9d575d084dd4232309bb2e0dcf9e7b404b8e63"},r("div",{key:"f65ca901cb36d8503fdd55ab6f2d920bc2a0368d",id:"inner",part:"inner",ref:e=>this.innerEl=e})),d(this.label)&&r("span",{key:"63e189e67f42307211fcf4300f8ba854f2cbe41c",part:"label"},this.label))}get el(){return this}static get watchers(){return{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}}static get style(){return":host{--_spinner-position:var(--spinner-position, var(--mod-spinner-position, static));--_spinner-top:var(--spinner-top, var(--mod-spinner-top));--_spinner-right:var(--spinner-right, var(--mod-spinner-right));--_spinner-bottom:var(--spinner-bottom, var(--mod-spinner-bottom));--_spinner-left:var(--spinner-left, var(--mod-spinner-left));position:var(--_spinner-position);top:var(--_spinner-top);right:var(--_spinner-right);bottom:var(--_spinner-bottom);left:var(--_spinner-left);--_spinner-m:var(--spinner-m, var(--mod-spinner-m, 0));--_spinner-my:var(--spinner-my, var(--mod-spinner-my));--_spinner-mx:var(--spinner-mx, var(--mod-spinner-mx));--_spinner-ml:var(--spinner-ml, var(--mod-spinner-ml));--_spinner-mr:var(--spinner-mr, var(--mod-spinner-mr));--_spinner-mt:var(--spinner-mt, var(--mod-spinner-mt));--_spinner-mb:var(--spinner-mb, var(--mod-spinner-mb));margin:var(--_spinner-m);margin-inline:var(--_spinner-mx);margin-block:var(--_spinner-my);margin-left:var(--_spinner-ml);margin-right:var(--_spinner-mr);margin-top:var(--_spinner-mt);margin-bottom:var(--_spinner-mb);--_spinner-size:var(--spinner-size, var(--mod-spinner-size, var(--ds-spinner-size)));--_spinner-circle-size:var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size)));--_spinner-circle-border-width:var(--spinner-circle-border-width, var(--mod-spinner-circle-border-width, var(--ds-spinner-circle-border-width)));--_spinner-circle-color-border-background:var(--spinner-circle-color-border-background, var(--mod-spinner-circle-color-border-background, var(--ds-spinner-circle-color-background)));--_spinner-circle-color-border-progress:var(--spinner-circle-color-border-progress, var(--mod-spinner-circle-color-border-progress, var(--ds-spinner-circle-color-progress)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}:host,:host>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center}:host svg{-webkit-transform:unset !important;transform:unset !important}:host(:not(.is-circle))>div{width:var(--_spinner-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-border-width);border-color:var(--_spinner-circle-color-border-background);border-top-color:var(--_spinner-circle-color-border-progress);width:var(--_spinner-circle-size);height:var(--_spinner-circle-size)}:host(.is-animated) #inner{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}:host(.is-sm){--mod-spinner-size:2rem;--mod-spinner-circle-size:1.125rem;--mod-spinner-circle-border-width:0.2rem}:host(.is-white){--mod-spinner-circle-color-border-background:var(--ds-spinner-inverted-circle-color-background);--mod-spinner-circle-color-border-progress:var(--ds-spinner-inverted-circle-color-progress)}:host(.is-label-right){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"}},[1,"ds-spinner",{color:[1],deactivated:[4],inverted:[4],size:[1025],small:[4],label:[1],labelPosition:[1,"label-position"],variation:[1],animated:[32],language:[32],region:[32],configChanged:[64]},void 0,{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}]);function f(){"undefined"!=typeof customElements&&["ds-spinner"].forEach((e=>{"ds-spinner"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}s([o("spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],b.prototype,"createLogger",null),s([m(["blue","white"]),a("design:type",String)],b.prototype,"color",void 0),s([h("boolean"),a("design:type",Boolean)],b.prototype,"deactivated",void 0),s([h("boolean"),a("design:type",Boolean)],b.prototype,"inverted",void 0),s([m(["sm"]),a("design:type",String)],b.prototype,"size",void 0),s([h("boolean"),a("design:type",Boolean)],b.prototype,"small",void 0),s([h("string"),a("design:type",String)],b.prototype,"label",void 0),s([m(["right","bottom"]),a("design:type",String)],b.prototype,"labelPosition",void 0),s([m(["logo","circle"]),a("design:type",String)],b.prototype,"variation",void 0),s([g(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],b.prototype,"configChanged",null);export{b as S,f as d}

package/components/p-u5aa74vh.js

@@ -1,4 +1,5 @@
+import * as __inlinedDynamicImport0 from './p-BdyfOBon.js'
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{h as o,p as t,H as i,e as s,t as e}from"./p-WO0X5Vmy.js";import{_ as a,L as r,a as l}from"./p-J0mxIuTt.js";import{m as g}from"./p-BgzU1loG.js";import{n as h}from"./p-DR5LIaCn.js";import{d as n}from"./p-n3_2KEz0.js";import{T as m}from"./p-DAYd9ty0.js";import{O as d}from"./p-BhbWmCTu.js";import{L as v}from"./p-DbY6Pfeh.js";import{L as p}from"./p-DIK6Zkg6.js";const c=({onlyText:t,height:i})=>o("svg",{focusable:"false","aria-hidden":"true",width:1084/204*i,height:i,viewBox:(!0===t?"230":"0")+" 0 1084 204",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52,97.92c-3.36,3.36-3.36,8.8,0,12.15l91.41,91.41c3.36,3.36,8.8,3.36,12.15,0l50.72-50.72-30.87-30.87-25.93,25.93-41.81-41.81,41.81-41.81,72.69,72.69,24.8-24.8c3.36-3.36,3.36-8.8,0-12.15L106.08,6.52c-3.36-3.36-8.8-3.36-12.15,0L2.52,97.92ZM352.2,101.98v73.06h-36.42v-65.86c0-12.43-8.5-19.63-19.41-19.63s-19.85,7.85-19.85,18.32v67.17h-36.42V15.62h36.42v51.9c7.85-6.32,18.32-10.25,30.97-10.25,27.04,0,44.71,18.32,44.71,44.71ZM403.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM453.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM503.97,175.04V15.62h36.42v159.42h-36.42ZM638.52,60.11h37.51l-40.78,114.93h-42.53l-40.78-114.93h37.51l24.42,79.16,24.64-79.16ZM712.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM762.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM867.71,175.04c-29.66,0-44.71-17.66-44.71-44.27v-39.69h-19.19v-30.97h9.16c8.07,0,12.21-4.36,12.21-12.87v-17.66h35.33v30.53h26.17v30.97h-27.48v35.33c0,11.12,5.89,17.01,16.14,17.01h11.99v31.62h-19.63ZM902.6,22.46c0-12.87,10.03-22.46,22.9-22.46s22.9,9.6,22.9,22.46-10.03,22.24-22.9,22.24-22.9-9.16-22.9-22.24ZM907.18,175.04V60.11h36.42v114.93h-36.42ZM1050.42,60.11h33.58v114.93h-33.58v-10.47c-8.07,8.5-18.97,13.3-33.15,13.3-33.37,0-57.35-25.73-57.35-60.19s23.99-58.01,57.35-58.01c14.18,0,25.08,4.36,33.15,12.43v-11.99ZM1049.11,117.68c0-16.79-10.69-28.35-26.61-28.35s-26.39,11.99-26.39,28.35,10.9,28.13,26.39,28.13,26.61-11.56,26.61-28.13Z",fill:"#000D6E"})),C=({onlyText:t,height:i})=>o("svg",{focusable:"false","aria-hidden":"true",width:4.9375*i,height:i,viewBox:(!0===t?"36":"0")+" 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"})),f=t(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.isTouch=n.isTouch,this.doesConfigAllowAnimation=!0,this.configBrand="baloise",this.animated=!1,this.brand="",this.color="primary",this.size=""}createLogger(o){this.log=o}animatedChanged(){this.isAnimated||this.destroyAnimation()}connectedCallback(){this.animatedChanged()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}listenToBreakpoint(o){this.isTouch=o.touch}async configChanged(o){this.doesConfigAllowAnimation=o.animated,this.configBrand=o.brand}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.getColor(),!1)))}async loadAnimation(){return new Promise(((o,t)=>{if(this.animationFunction)return o();g((async()=>{import("./p-BdyfOBon.js").then((t=>{this.animationFunction=t.animate,o()})).catch(t)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.animatedLogoElement&&(this.animatedLogoElement.innerHTML="")}getColor(){return"white"===this.color?"#ffffff":"#151f6d"}getHeight(){return"sm"===this.size?22:"lg"===this.size?this.isTouch?32:48:this.isTouch?22:32}render(){const t=h(this.size)||"",i=o("helvetia"===this.brand||""===this.brand&&"helvetia"===this.configBrand?c:C,{onlyText:this.animated,height:this.getHeight()});return o(s,{key:"49c188a3abc26836396e1b81abcc1afde8f27b80",class:{"is-animated":this.isAnimated,"is-white":"white"===this.color,"is-sm":"sm"===t,"is-lg":"lg"===t}},o("div",{key:"b7658409d4580d88a45744c608790b76fa21983e",id:"animated",part:"animated",ref:o=>this.animatedLogoElement=o,"aria-hidden":"true",style:{display:this.isAnimated?"block":"none",width:this.getHeight()+"px",height:this.getHeight()+"px"}}),i)}get el(){return this}static get watchers(){return{animated:[{animatedChanged:0}]}}static get style(){return":host{--_logo-position:var(--logo-position, var(--mod-logo-position, static));--_logo-top:var(--logo-top, var(--mod-logo-top));--_logo-right:var(--logo-right, var(--mod-logo-right));--_logo-bottom:var(--logo-bottom, var(--mod-logo-bottom));--_logo-left:var(--logo-left, var(--mod-logo-left));position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);--_logo-m:var(--logo-m, var(--mod-logo-m, 0));--_logo-my:var(--logo-my, var(--mod-logo-my));--_logo-mx:var(--logo-mx, var(--mod-logo-mx));--_logo-ml:var(--logo-ml, var(--mod-logo-ml));--_logo-mr:var(--logo-mr, var(--mod-logo-mr));--_logo-mt:var(--logo-mt, var(--mod-logo-mt));--_logo-mb:var(--logo-mb, var(--mod-logo-mb));margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);--_logo-color:var(--logo-color, var(--mod-logo-color, var(--ds-global-color-primary-5)));--_logo-height:var(--logo-height, var(--mod-logo-height, 22px))}:host{margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);position:static;display:grid;grid-template-columns:1fr;gap:4px}:host svg{-webkit-transform:unset !important;transform:unset !important}:host svg svg,:host svg g,:host svg path,:host svg circle{fill:var(--_logo-color)}:host{height:var(--_logo-height)}:host>div{height:var(--_logo-height)}@media screen and (min-width: 1024px){:host{--mod-logo-height:32px}}:host #animated{display:none;width:0;height:0}:host(.is-animated){grid-template-columns:auto 1fr}:host(.is-animated) #animated{display:block;width:var(--_logo-height);height:var(--_logo-height)}:host(.is-white){--mod-logo-color:var(--ds-global-color-white)}:host(.is-sm){--mod-logo-height:22px}@media screen and (min-width: 1024px){:host(.is-sm){--mod-logo-height:22px}}:host(.is-lg){--mod-logo-height:32px}@media screen and (min-width: 1024px){:host(.is-lg){--mod-logo-height:48px}}"}},[1,"ds-logo",{animated:[4],brand:[1],color:[1],size:[1],isTouch:[32],doesConfigAllowAnimation:[32],configBrand:[32],configChanged:[64]},void 0,{animated:[{animatedChanged:0}]}]);function _(){"undefined"!=typeof customElements&&["ds-logo"].forEach((o=>{"ds-logo"===o&&(customElements.get(e(o))||customElements.define(e(o),f))}))}a([r("logo"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),a([m("boolean"),l("design:type",Boolean)],f.prototype,"animated",void 0),a([d(["baloise","helvetia",""]),l("design:type",String)],f.prototype,"brand",void 0),a([d(["primary","white"]),l("design:type",String)],f.prototype,"color",void 0),a([d(["lg","sm","","large","small"]),l("design:type",String)],f.prototype,"size",void 0),a([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),a([p(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],f.prototype,"configChanged",null);export{f as L,_ as d}
+import{h as o,p as t,H as i,e as s,t as e}from"./p-WO0X5Vmy.js";import{_ as a,L as r,a as l}from"./p-J0mxIuTt.js";import{m as g}from"./p-BgzU1loG.js";import{n as h}from"./p-DR5LIaCn.js";import{d as n}from"./p-n3_2KEz0.js";import{T as m}from"./p-DAYd9ty0.js";import{O as d}from"./p-BhbWmCTu.js";import{L as v}from"./p-DbY6Pfeh.js";import{L as p}from"./p-DIK6Zkg6.js";const c=({onlyText:t,height:i})=>o("svg",{focusable:"false","aria-hidden":"true",width:1084/204*i,height:i,viewBox:(!0===t?"230":"0")+" 0 1084 204",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52,97.92c-3.36,3.36-3.36,8.8,0,12.15l91.41,91.41c3.36,3.36,8.8,3.36,12.15,0l50.72-50.72-30.87-30.87-25.93,25.93-41.81-41.81,41.81-41.81,72.69,72.69,24.8-24.8c3.36-3.36,3.36-8.8,0-12.15L106.08,6.52c-3.36-3.36-8.8-3.36-12.15,0L2.52,97.92ZM352.2,101.98v73.06h-36.42v-65.86c0-12.43-8.5-19.63-19.41-19.63s-19.85,7.85-19.85,18.32v67.17h-36.42V15.62h36.42v51.9c7.85-6.32,18.32-10.25,30.97-10.25,27.04,0,44.71,18.32,44.71,44.71ZM403.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM453.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM503.97,175.04V15.62h36.42v159.42h-36.42ZM638.52,60.11h37.51l-40.78,114.93h-42.53l-40.78-114.93h37.51l24.42,79.16,24.64-79.16ZM712.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM762.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM867.71,175.04c-29.66,0-44.71-17.66-44.71-44.27v-39.69h-19.19v-30.97h9.16c8.07,0,12.21-4.36,12.21-12.87v-17.66h35.33v30.53h26.17v30.97h-27.48v35.33c0,11.12,5.89,17.01,16.14,17.01h11.99v31.62h-19.63ZM902.6,22.46c0-12.87,10.03-22.46,22.9-22.46s22.9,9.6,22.9,22.46-10.03,22.24-22.9,22.24-22.9-9.16-22.9-22.24ZM907.18,175.04V60.11h36.42v114.93h-36.42ZM1050.42,60.11h33.58v114.93h-33.58v-10.47c-8.07,8.5-18.97,13.3-33.15,13.3-33.37,0-57.35-25.73-57.35-60.19s23.99-58.01,57.35-58.01c14.18,0,25.08,4.36,33.15,12.43v-11.99ZM1049.11,117.68c0-16.79-10.69-28.35-26.61-28.35s-26.39,11.99-26.39,28.35,10.9,28.13,26.39,28.13,26.61-11.56,26.61-28.13Z",fill:"#000D6E"})),C=({onlyText:t,height:i})=>o("svg",{focusable:"false","aria-hidden":"true",width:4.9375*i,height:i,viewBox:(!0===t?"36":"0")+" 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"})),f=t(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.isTouch=n.isTouch,this.doesConfigAllowAnimation=!0,this.configBrand="baloise",this.animated=!1,this.brand="",this.color="primary",this.size=""}createLogger(o){this.log=o}animatedChanged(){this.isAnimated||this.destroyAnimation()}connectedCallback(){this.animatedChanged()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}listenToBreakpoint(o){this.isTouch=o.touch}async configChanged(o){this.doesConfigAllowAnimation=o.animated,this.configBrand=o.brand}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.getColor(),!1)))}async loadAnimation(){return new Promise(((o,t)=>{if(this.animationFunction)return o();g((async()=>{Promise.resolve(__inlinedDynamicImport0).then((t=>{this.animationFunction=t.animate,o()})).catch(t)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.animatedLogoElement&&(this.animatedLogoElement.innerHTML="")}getColor(){return"white"===this.color?"#ffffff":"#151f6d"}getHeight(){return"sm"===this.size?22:"lg"===this.size?this.isTouch?32:48:this.isTouch?22:32}render(){const t=h(this.size)||"",i=o("helvetia"===this.brand||""===this.brand&&"helvetia"===this.configBrand?c:C,{onlyText:this.animated,height:this.getHeight()});return o(s,{key:"49c188a3abc26836396e1b81abcc1afde8f27b80",class:{"is-animated":this.isAnimated,"is-white":"white"===this.color,"is-sm":"sm"===t,"is-lg":"lg"===t}},o("div",{key:"b7658409d4580d88a45744c608790b76fa21983e",id:"animated",part:"animated",ref:o=>this.animatedLogoElement=o,"aria-hidden":"true",style:{display:this.isAnimated?"block":"none",width:this.getHeight()+"px",height:this.getHeight()+"px"}}),i)}get el(){return this}static get watchers(){return{animated:[{animatedChanged:0}]}}static get style(){return":host{--_logo-position:var(--logo-position, var(--mod-logo-position, static));--_logo-top:var(--logo-top, var(--mod-logo-top));--_logo-right:var(--logo-right, var(--mod-logo-right));--_logo-bottom:var(--logo-bottom, var(--mod-logo-bottom));--_logo-left:var(--logo-left, var(--mod-logo-left));position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);--_logo-m:var(--logo-m, var(--mod-logo-m, 0));--_logo-my:var(--logo-my, var(--mod-logo-my));--_logo-mx:var(--logo-mx, var(--mod-logo-mx));--_logo-ml:var(--logo-ml, var(--mod-logo-ml));--_logo-mr:var(--logo-mr, var(--mod-logo-mr));--_logo-mt:var(--logo-mt, var(--mod-logo-mt));--_logo-mb:var(--logo-mb, var(--mod-logo-mb));margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);--_logo-color:var(--logo-color, var(--mod-logo-color, var(--ds-global-color-primary-5)));--_logo-height:var(--logo-height, var(--mod-logo-height, 22px))}:host{margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);position:static;display:grid;grid-template-columns:1fr;gap:4px}:host svg{-webkit-transform:unset !important;transform:unset !important}:host svg svg,:host svg g,:host svg path,:host svg circle{fill:var(--_logo-color)}:host{height:var(--_logo-height)}:host>div{height:var(--_logo-height)}@media screen and (min-width: 1024px){:host{--mod-logo-height:32px}}:host #animated{display:none;width:0;height:0}:host(.is-animated){grid-template-columns:auto 1fr}:host(.is-animated) #animated{display:block;width:var(--_logo-height);height:var(--_logo-height)}:host(.is-white){--mod-logo-color:var(--ds-global-color-white)}:host(.is-sm){--mod-logo-height:22px}@media screen and (min-width: 1024px){:host(.is-sm){--mod-logo-height:22px}}:host(.is-lg){--mod-logo-height:32px}@media screen and (min-width: 1024px){:host(.is-lg){--mod-logo-height:48px}}"}},[1,"ds-logo",{animated:[4],brand:[1],color:[1],size:[1],isTouch:[32],doesConfigAllowAnimation:[32],configBrand:[32],configChanged:[64]},void 0,{animated:[{animatedChanged:0}]}]);function _(){"undefined"!=typeof customElements&&["ds-logo"].forEach((o=>{"ds-logo"===o&&(customElements.get(e(o))||customElements.define(e(o),f))}))}a([r("logo"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),a([m("boolean"),l("design:type",Boolean)],f.prototype,"animated",void 0),a([d(["baloise","helvetia",""]),l("design:type",String)],f.prototype,"brand",void 0),a([d(["primary","white"]),l("design:type",String)],f.prototype,"color",void 0),a([d(["lg","sm","","large","small"]),l("design:type",String)],f.prototype,"size",void 0),a([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),a([p(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],f.prototype,"configChanged",null);export{f as L,_ as d}

package/dist/cjs/ds-alert-container.cjs.entry.js

@@ -33,7 +33,7 @@ function createPausableTimer(callback, delay) {
 }
 
 const ALERT_TYPES = ['toast', 'snackbar'];
-const ALERT_CONTAINER_SIZES = ['', 'fluid', 'detail-page', 'compact', 'blog-page', 'wide'];
+const ALERT_CONTAINER_SIZES = ['fluid', 'detail-page', 'compact', 'blog-page', 'wide'];
 
 const alertContainerHostCss = () => `.container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device)}@media screen and (min-width: 1024px){.container{max-width:var(--ds-alias-container-width-base)}}.container.is-fluid{max-width:var(--ds-alias-container-width-fluid) !important}.container.is-compact{max-width:var(--ds-alias-container-width-compact) !important}:host{--alert-container-top:1rem;position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--ds-alias-z-index-toast);top:var(--alert-container-top);left:0;right:0;width:100%}:host(.is-toast) #wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host(.is-toast) #wrapper ds-toast{pointer-events:auto;width:100%;--toast-animation-start-opacity:0;--toast-animation-start-transform:translateY(-120%);--toast-animation-transition:transform 300ms ease, opacity 300ms ease;--toast-animation-end-opacity:1;--toast-animation-end-transform:translateY(0)}:host(.is-snackbar){z-index:calc(var(--ds-alias-z-index-toast) - 1);right:1rem;bottom:1rem;left:1rem}:host(.is-snackbar) #wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}:host(.is-snackbar) #wrapper ds-snackbar{pointer-events:auto;width:100%;--snackbar-animation-start-opacity:0;--snackbar-animation-start-transform:translateX(120%);--snackbar-animation-transition:transform 300ms ease, opacity 300ms ease;--snackbar-animation-end-opacity:1;--snackbar-animation-end-transform:translateX(0)}@media screen and (min-width: 769px){:host(.is-snackbar) #wrapper ds-snackbar{min-width:27.5rem;max-width:27.5rem;width:27.5rem}}`;
 
@@ -46,16 +46,12 @@ const AlertContainer = class {
         this.alertTimers = {};
         /**
          * PUBLIC PROPERTY API
-         * ------------------------------------------------------
+         * ─────────────────────────────────────────────────────
          */
         /**
          * If `true`, alerts animate in and out.
          */
         this.animated = false;
-        /**
-         * Defines the container size constraint for the alert layout.
-         */
-        this.container = '';
         /**
          * Defines the display type: `toast` (top-right overlay) or `snackbar` (bottom banner).
          */
@@ -66,7 +62,7 @@ const AlertContainer = class {
     }
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Adds an alert to the queue and returns its generated ID.
@@ -101,7 +97,7 @@ const AlertContainer = class {
     }
     /**
      * PRIVATE METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     activeTimer(id, duration) {
         if (duration !== 'infinite') {
@@ -148,15 +144,15 @@ const AlertContainer = class {
     }
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render() {
         const visibleAlerts = this.alerts.slice(0, this.maxVisibleItems);
         const AlertElement = this.type === 'toast' ? 'ds-toast' : 'ds-snackbar';
-        return (index.h(index.Host, { key: '4b27582dc8593dc0f58058dfa15bba7e3b3ef7d5', class: {
+        return (index.h(index.Host, { key: '57bfdf1ecbf92740b2e180b449ccea6a3764bea8', class: {
                 'is-toast': this.type === 'toast',
                 'is-snackbar': this.type === 'snackbar',
-            } }, index.h("div", { key: '9a0e962b0f44b361b348072db213475e25b8f75f', id: "wrapper", class: { container: this.type === 'toast' } }, visibleAlerts.map(alert => (index.h(AlertElement, { key: alert.alertId, id: alert.alertId, alertId: alert.alertId, visible: alert.visible, heading: alert.heading, message: alert.message, color: alert.color, duration: alert.duration, closable: alert.closable, closeHandler: () => alert.closeHandler(alert.alertId), action: alert.action, actionIcon: alert.actionIcon, actionTarget: alert.actionTarget, actionHref: alert.actionHref, actionHandler: () => alert.actionHandler(alert.alertId), onDsCloseClick: () => this.removeAlert(alert.alertId), onDsDidLoad: () => this.present(alert.alertId), onDsDidPause: () => {
+            } }, index.h("div", { key: '134a3e7fd04fd9c65e090ee67b4908affedc4eb8', id: "wrapper", class: { container: this.type === 'toast' } }, visibleAlerts.map(alert => (index.h(AlertElement, { key: alert.alertId, id: alert.alertId, alertId: alert.alertId, visible: alert.visible, heading: alert.heading, message: alert.message, color: alert.color, duration: alert.duration, closable: alert.closable, closeHandler: () => alert.closeHandler(alert.alertId), action: alert.action, actionIcon: alert.actionIcon, actionTarget: alert.actionTarget, actionHref: alert.actionHref, actionHandler: () => alert.actionHandler(alert.alertId), onDsCloseClick: () => this.removeAlert(alert.alertId), onDsDidLoad: () => this.present(alert.alertId), onDsDidPause: () => {
                 this.alertTimers[alert.alertId] && this.alertTimers[alert.alertId].pause();
             }, onDsDidResume: () => {
                 this.alertTimers[alert.alertId] && this.alertTimers[alert.alertId].resume();