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

package/dist/design-system/{p-fa613cd0d1.entry.js → p-abcc8edf7e.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{d as r,B as s,v as e,D as o,E as i,F as a,G as t}from"./p-B-v2Wm-V.js";import{_ as n,L as d,a as g}from"./p-Y0rKqVvm.js";import{h as p}from"./p-ChSKXFK5.js";import{W as l,i as h}from"./p-CfgwSore.js";import{a as b}from"./p-Chgme2NJ.js";import{O as c}from"./p-DypNSUAh.js";import{T as u}from"./p-Z0zrglhd.js";import{L as m}from"./p-DiUgZKWs.js";import{L as k}from"./p-x2KazRjl.js";import"./p-Dk0GEN2t.js";import"./p-DOvdnojj.js";import"./p-CrYAd3JT.js";class v extends b{constructor(){super((r=>{r.listenToWindowResize()})),this.listener=new l}attach(s){super.attach(s),r.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}new v;const y={de:{progress:"Fortschritt"},en:{progress:"Progress"},fr:{progress:"Progression"},it:{progress:"Progresso"},nl:{progress:"Voortgang"},es:{progress:"Progreso"},pl:{progress:"Postęp"},pt:{progress:"Progresso"},sv:{progress:"Förlopp"},fi:{progress:"Edistyminen"}},w=class{constructor(r){s(this,r),this.language=e.language,this.animated=!0,this.isTouch=h.touch,this.background="dark",this.color="primary",this.value=0}createLogger(r){this.log=r}componentDidRender(){this.updateProgress()}listenToBreakpoint(r){this.updateProgress()}listenToWindowResize(){this.updateProgress()}async configChanged(r){this.animated=r.animated,this.language=r.language}updateProgress(){this.lineEl&&o((()=>{const r=this.el.clientWidth,s=Math.max(0,Math.min(100,this.value));void 0!==this.lineEl&&(this.lineEl.style.width=r/100*s+"px",100===s?this.lineEl.classList.add("is-full"):this.lineEl.classList.remove("is-full"))}))}render(){return i(a,{key:"f58b0f36bace8a5e6afa02993dd51b9f22c02ec8",role:"progressbar","aria-label":`${y[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":p(this.background)&&"light"===this.background,"is-dark":!p(this.background)||"dark"===this.background,"is-primary":!p(this.color)||"primary"===this.color,"is-purple":p(this.color)&&"purple"===this.color,"is-yellow":p(this.color)&&"yellow"===this.color,"is-red":p(this.color)&&"red"===this.color,"is-green":p(this.color)&&"green"===this.color}},i("div",{key:"512721ca39c4c559b40bdd0a4d7d51da7d5ef6f2",id:"line",part:"line",class:{"is-animated":this.animated},ref:r=>this.lineEl=r}))}get el(){return t(this)}};n([d("progress-bar"),g("design:type",Function),g("design:paramtypes",[Function]),g("design:returntype",void 0)],w.prototype,"createLogger",null),n([c(["light","dark"]),g("design:type",String)],w.prototype,"background",void 0),n([c(["primary","purple","yellow","red","green"]),g("design:type",String)],w.prototype,"color",void 0),n([u("number"),g("design:type",Number)],w.prototype,"value",void 0),n([m(),g("design:type",Function),g("design:paramtypes",[Object]),g("design:returntype",void 0)],w.prototype,"listenToBreakpoint",null),n([function(r){const{connectedCallback:s,disconnectedCallback:e}=r;r.connectedCallback=function(){return this._dsWindowResizeSubject||(this._dsWindowResizeSubject=new v,this._dsWindowResizeSubject.attach(this)),s&&s.call(this)},r.disconnectedCallback=function(){return this._dsWindowResizeSubject&&(this._dsWindowResizeSubject.detach(),this._dsWindowResizeSubject=void 0),e&&e.call(this)}},g("design:type",Function),g("design:paramtypes",[]),g("design:returntype",void 0)],w.prototype,"listenToWindowResize",null),n([k(),g("design:type",Function),g("design:paramtypes",[Object]),g("design:returntype",Promise)],w.prototype,"configChanged",null),w.style=":host{--_progress-bar-height:var(--progress-bar-height, var(--mod-progress-bar-height, var(--ds-progress-bar-height, 4px)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-line-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-line-color-primary)))}: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;display:block;width:100%;min-width:0;height:var(--_progress-bar-height);background:var(--_progress-bar-background)}:host #line{-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;display:block;height:var(--_progress-bar-height);width:0;background:var(--_progress-bar-line-color);border-top-right-radius:var(--_progress-bar-radius);border-bottom-right-radius:var(--_progress-bar-radius)}:host #line.is-animated{will-change:width;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host #line.is-full{border-top-right-radius:0;border-bottom-right-radius:0}:host(.is-light){--mod-progress-bar-background:var(--ds-progress-bar-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-primary)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-purple)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-purple)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-yellow)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-yellow)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-red)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-red)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-green)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-green)}";export{w as ds_progress_bar}
+import{d as r,B as s,v as e,D as o,E as i,F as a,G as t}from"./p-MUUOiuTm.js";import{_ as n,L as d,a as p}from"./p-_rk5qARQ.js";import{h as g}from"./p-6Iq8BM7N.js";import{W as l,i as h}from"./p-ClSAXeZN.js";import{a as b}from"./p-CBGYLNZZ.js";import{O as c}from"./p-_Ywzmi-B.js";import{T as u}from"./p-B9ddSbbe.js";import{L as m}from"./p-DNQg2PVW.js";import{L as k}from"./p-DWdcUUdS.js";import"./p-BjaiDrCD.js";import"./p-Bnpwi9iD.js";import"./p-aPnyJLhr.js";class v extends b{constructor(){super((r=>{r.listenToWindowResize()})),this.listener=new l}attach(s){super.attach(s),r.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}new v;const y={de:{progress:"Fortschritt"},en:{progress:"Progress"},fr:{progress:"Progression"},it:{progress:"Progresso"},nl:{progress:"Voortgang"},es:{progress:"Progreso"},pl:{progress:"Postęp"},pt:{progress:"Progresso"},sv:{progress:"Förlopp"},fi:{progress:"Edistyminen"}},w=class{constructor(r){s(this,r),this.language=e.language,this.animated=!0,this.isTouch=h.touch,this.background="dark",this.color="primary",this.value=0}createLogger(r){this.log=r}componentDidRender(){this.updateProgress()}listenToBreakpoint(r){this.updateProgress()}listenToWindowResize(){this.updateProgress()}async configChanged(r){this.animated=r.animated,this.language=r.language}updateProgress(){this.lineEl&&o((()=>{const r=this.el.clientWidth,s=Math.max(0,Math.min(100,this.value));void 0!==this.lineEl&&(this.lineEl.style.width=r/100*s+"px",100===s?this.lineEl.classList.add("is-full"):this.lineEl.classList.remove("is-full"))}))}render(){return i(a,{key:"f58b0f36bace8a5e6afa02993dd51b9f22c02ec8",role:"progressbar","aria-label":`${y[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":g(this.background)&&"light"===this.background,"is-dark":!g(this.background)||"dark"===this.background,"is-primary":!g(this.color)||"primary"===this.color,"is-purple":g(this.color)&&"purple"===this.color,"is-yellow":g(this.color)&&"yellow"===this.color,"is-red":g(this.color)&&"red"===this.color,"is-green":g(this.color)&&"green"===this.color}},i("div",{key:"512721ca39c4c559b40bdd0a4d7d51da7d5ef6f2",id:"line",part:"line",class:{"is-animated":this.animated},ref:r=>this.lineEl=r}))}get el(){return t(this)}};n([d("progress-bar"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],w.prototype,"createLogger",null),n([c(["light","dark"]),p("design:type",String)],w.prototype,"background",void 0),n([c(["primary","purple","yellow","red","green"]),p("design:type",String)],w.prototype,"color",void 0),n([u("number"),p("design:type",Number)],w.prototype,"value",void 0),n([m(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",void 0)],w.prototype,"listenToBreakpoint",null),n([function(r){const{connectedCallback:s,disconnectedCallback:e}=r;r.connectedCallback=function(){return this._dsWindowResizeSubject||(this._dsWindowResizeSubject=new v,this._dsWindowResizeSubject.attach(this)),s&&s.call(this)},r.disconnectedCallback=function(){return this._dsWindowResizeSubject&&(this._dsWindowResizeSubject.detach(),this._dsWindowResizeSubject=void 0),e&&e.call(this)}},p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],w.prototype,"listenToWindowResize",null),n([k(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",Promise)],w.prototype,"configChanged",null),w.style=":host{--_progress-bar-height:var(--progress-bar-height, var(--mod-progress-bar-height, var(--ds-progress-bar-height, 4px)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-line-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-line-color-primary)))}: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;display:block;width:100%;min-width:0;height:var(--_progress-bar-height);background:var(--_progress-bar-background)}:host #line{-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;display:block;height:var(--_progress-bar-height);width:0;background:var(--_progress-bar-line-color);border-top-right-radius:var(--_progress-bar-radius);border-bottom-right-radius:var(--_progress-bar-radius)}:host #line.is-animated{will-change:width;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host #line.is-full{border-top-right-radius:0;border-bottom-right-radius:0}:host(.is-light){--mod-progress-bar-background:var(--ds-progress-bar-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-primary)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-purple)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-purple)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-yellow)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-yellow)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-red)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-red)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-green)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-green)}";export{w as ds_progress_bar}

package/dist/design-system/{p-3d675c6507.entry.js → p-ac55e3783c.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{B as t,E as o,F as r,G as s}from"./p-B-v2Wm-V.js";import{_ as u,L as n,a as e}from"./p-Y0rKqVvm.js";import{a as i,b as a}from"./p-BPGfTrrM.js";import{O as p}from"./p-DypNSUAh.js";import{R as g}from"./p-DkhJaoXg.js";import{T as b}from"./p-Z0zrglhd.js";import"./p-Dk0GEN2t.js";const m=class{constructor(o){t(this,o),this.align="",this.direction="auto",this.reverse=!1,this.wide=!1}createLogger(t){this.log=t}render(){return o(r,{key:"f78e5114bbffced3e94ac2c6c2079a6e5ca56a56"},o("div",{key:"c5db2feee2df26cd1ab648b909bd18c95e7b2f0f",id:"group",part:"group",class:{"as-col":"column"===this.direction,"as-row":"row"===this.direction,"is-reverse":this.reverse,"is-wide":this.wide,"is-left":"left"===this.align,"is-center":"center"===this.align,"is-right":"right"===this.align}},o("slot",{key:"9cc6073a79f570a432f5005ecc1ef50652d59912"})))}get el(){return s(this)}};u([n("button-group"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],m.prototype,"createLogger",null),u([p(i),e("design:type",String)],m.prototype,"align",void 0),u([g(),p(a),e("design:type",String)],m.prototype,"direction",void 0),u([b("boolean"),e("design:type",Boolean)],m.prototype,"reverse",void 0),u([b("boolean"),e("design:type",Boolean)],m.prototype,"wide",void 0),m.style=":host{--_button-group-position:var(--button-group-position, var(--mod-button-group-position, static));--_button-group-top:var(--button-group-top, var(--mod-button-group-top));--_button-group-right:var(--button-group-right, var(--mod-button-group-right));--_button-group-bottom:var(--button-group-bottom, var(--mod-button-group-bottom));--_button-group-left:var(--button-group-left, var(--mod-button-group-left));position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left);--_button-group-m:var(--button-group-m, var(--mod-button-group-m, 0));--_button-group-my:var(--button-group-my, var(--mod-button-group-my));--_button-group-mx:var(--button-group-mx, var(--mod-button-group-mx));--_button-group-ml:var(--button-group-ml, var(--mod-button-group-ml));--_button-group-mr:var(--button-group-mr, var(--mod-button-group-mr));--_button-group-mt:var(--button-group-mt, var(--mod-button-group-mt));--_button-group-mb:var(--button-group-mb, var(--mod-button-group-mb));margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);display:block;margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left)}:host #group{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){:host #group ::slotted(.button:not(.is-square,.is-circle)),:host #group .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}:host #group ::slotted(ds-button:not(.is-square,.is-circle)),:host #group ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host #group.as-col-reverse{--mod-buttons-direction:column-reverse}:host #group.as-row-reverse{--mod-buttons-direction:row-reverse}:host #group.as-row{--mod-buttons-direction:row}:host #group.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){:host #group.as-col ::slotted(.button),:host #group.as-col .button,:host #group.as-col ::slotted(ds-button),:host #group.as-col ds-button,:host #group.as-col-reverse ::slotted(.button),:host #group.as-col-reverse .button,:host #group.as-col-reverse ::slotted(ds-button),:host #group.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){:host #group.as-col.is-center,:host #group.as-col.is-centered,:host #group.as-col-reverse.is-center,:host #group.as-col-reverse.is-centered{--mod-buttons-align-items:center}:host #group.as-col.is-left,:host #group.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}:host #group.as-col.is-right,:host #group.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){:host #group.as-row.is-center,:host #group.as-row.is-centered,:host #group.is-center:not(.as-col),:host #group.is-centered:not(.as-col){--mod-buttons-justify-content:center}:host #group.as-row.is-left,:host #group.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}:host #group.as-row.is-right,:host #group.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){:host #group.is-wide ::slotted(.button:not(.is-square,.is-circle)),:host #group.is-wide .button:not(.is-square,.is-circle),:host #group.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),:host #group.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}";export{m as ds_button_group}
+import{B as t,E as o,F as r,G as s}from"./p-MUUOiuTm.js";import{_ as u,L as n,a as e}from"./p-_rk5qARQ.js";import{a as i,b as a}from"./p-C6AmBSV7.js";import{O as p}from"./p-_Ywzmi-B.js";import{R as g}from"./p-DQGbRzw_.js";import{T as b}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const m=class{constructor(o){t(this,o),this.align="",this.direction="auto",this.reverse=!1,this.wide=!1}createLogger(t){this.log=t}render(){return o(r,{key:"f78e5114bbffced3e94ac2c6c2079a6e5ca56a56"},o("div",{key:"c5db2feee2df26cd1ab648b909bd18c95e7b2f0f",id:"group",part:"group",class:{"as-col":"column"===this.direction,"as-row":"row"===this.direction,"is-reverse":this.reverse,"is-wide":this.wide,"is-left":"left"===this.align,"is-center":"center"===this.align,"is-right":"right"===this.align}},o("slot",{key:"9cc6073a79f570a432f5005ecc1ef50652d59912"})))}get el(){return s(this)}};u([n("button-group"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],m.prototype,"createLogger",null),u([p(i),e("design:type",String)],m.prototype,"align",void 0),u([g(),p(a),e("design:type",String)],m.prototype,"direction",void 0),u([b("boolean"),e("design:type",Boolean)],m.prototype,"reverse",void 0),u([b("boolean"),e("design:type",Boolean)],m.prototype,"wide",void 0),m.style=":host{--_button-group-position:var(--button-group-position, var(--mod-button-group-position, static));--_button-group-top:var(--button-group-top, var(--mod-button-group-top));--_button-group-right:var(--button-group-right, var(--mod-button-group-right));--_button-group-bottom:var(--button-group-bottom, var(--mod-button-group-bottom));--_button-group-left:var(--button-group-left, var(--mod-button-group-left));position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left);--_button-group-m:var(--button-group-m, var(--mod-button-group-m, 0));--_button-group-my:var(--button-group-my, var(--mod-button-group-my));--_button-group-mx:var(--button-group-mx, var(--mod-button-group-mx));--_button-group-ml:var(--button-group-ml, var(--mod-button-group-ml));--_button-group-mr:var(--button-group-mr, var(--mod-button-group-mr));--_button-group-mt:var(--button-group-mt, var(--mod-button-group-mt));--_button-group-mb:var(--button-group-mb, var(--mod-button-group-mb));margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);display:block;margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left)}:host #group{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){:host #group ::slotted(.button:not(.is-square,.is-circle)),:host #group .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}:host #group ::slotted(ds-button:not(.is-square,.is-circle)),:host #group ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host #group.as-col-reverse{--mod-buttons-direction:column-reverse}:host #group.as-row-reverse{--mod-buttons-direction:row-reverse}:host #group.as-row{--mod-buttons-direction:row}:host #group.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){:host #group.as-col ::slotted(.button),:host #group.as-col .button,:host #group.as-col ::slotted(ds-button),:host #group.as-col ds-button,:host #group.as-col-reverse ::slotted(.button),:host #group.as-col-reverse .button,:host #group.as-col-reverse ::slotted(ds-button),:host #group.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){:host #group.as-col.is-center,:host #group.as-col.is-centered,:host #group.as-col-reverse.is-center,:host #group.as-col-reverse.is-centered{--mod-buttons-align-items:center}:host #group.as-col.is-left,:host #group.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}:host #group.as-col.is-right,:host #group.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){:host #group.as-row.is-center,:host #group.as-row.is-centered,:host #group.is-center:not(.as-col),:host #group.is-centered:not(.as-col){--mod-buttons-justify-content:center}:host #group.as-row.is-left,:host #group.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}:host #group.as-row.is-right,:host #group.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){:host #group.is-wide ::slotted(.button:not(.is-square,.is-circle)),:host #group.is-wide .button:not(.is-square,.is-circle),:host #group.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),:host #group.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}";export{m as ds_button_group}

package/dist/design-system/{p-3e43fa2bc6.entry.js → p-ac7f3f89be.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{B as t,I as a,v as o,D as r,E as s,F as e,G as l}from"./p-B-v2Wm-V.js";import{_ as i,L as c,a as b}from"./p-Y0rKqVvm.js";import{s as n}from"./p-C5Rtikeh.js";import{O as d}from"./p-DypNSUAh.js";import{T as h}from"./p-Z0zrglhd.js";import{L as v}from"./p-x2KazRjl.js";import"./p-Dk0GEN2t.js";import"./p-CrYAd3JT.js";const g={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},m=class{constructor(r){t(this,r),this.dsChange=a(this,"dsChange"),this.language=o.language,this.region=o.region,this.color="",this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var a,o,r,s;if(this.isNavigation())return;const e=this.getTabs(),l=e.findIndex((t=>t.name===this.value)),i=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,c=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(a=e[0])||void 0===a?void 0:a.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(o=e[e.length-1])||void 0===o?void 0:o.name)):i?(t.preventDefault(),this.activateTab(null===(r=e[(l+1)%e.length])||void 0===r?void 0:r.name)):c&&(t.preventDefault(),this.activateTab(null===(s=e[(l-1+e.length)%e.length])||void 0===s?void 0:s.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),r((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,a;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(a=this.tablistEl)||void 0===a||a.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){n(t),this.activateTab(t.detail.name)}getTabs(){return Array.from(this.el.querySelectorAll(":scope > ds-tab"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-tab-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),a=this.getPanels(),o=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=o,!o&&t.name){t.id||(t.id="ds-tab-"+f++);const o=a.find((a=>a.for===t.name));o&&(o.id||(o.id="ds-tab-panel-"+f++),t.setAttribute("aria-controls",o.id),o.setAttribute("aria-labelledby",t.id))}})),!o&&!this.value){const a=t[0];a&&(this.value=a.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((a=>{a.navigation=t,a.fullwidth=this.fullwidth,a.inverted=this.inverted,a.selected=t?!!a.querySelector("[aria-current]"):a.name===this.value,a.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const a=this.indicatorEl,o=this.tablistEl;if(!a||!o||this.isNavigation())return;const r=this.getTabs().find((t=>t.name===this.value));if(!r)return void(a.style[this.vertical?"height":"width"]="0px");const s=o.getBoundingClientRect(),e=r.getBoundingClientRect();if(t||(a.style.transition="none"),this.vertical){const t=e.top-s.top+o.scrollTop;a.style.height=`${e.height}px`,a.style.transform=`translateY(${t}px)`}else{const t=e.left-s.left+o.scrollLeft;a.style.width=`${e.width}px`,a.style.transform=`translateX(${t}px)`}t||(a.style.transition="")}render(){const t=this.isNavigation(),a=s("div",{key:"b3b8934a8997c4ee17e2738c000b9df17e2db0c2",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},s("slot",{key:"dd98a77986591a17f0b627019dd5f2076dfcc4c6",name:"tab",onSlotchange:this.handleSlotChange}),s("div",{key:"34697c2c75688748ea5b2c2ea3ad83a4ee40efcf",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),o=g[this.language],r=this.vertical?a:s("div",{class:"tablist-outer"},s("button",{class:"scroll-btn scroll-btn--prev","aria-label":o.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},s("ds-icon",{name:"caret-left",size:"sm"})),a,s("button",{class:"scroll-btn scroll-btn--next","aria-label":o.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},s("ds-icon",{name:"caret-right",size:"sm"})));return s(e,{key:"a4509a1ab21b938602815e4d928a9c5925250472",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,[`is-col-${this.verticalColSize}`]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?s("nav",{"aria-label":this.label||void 0},r):r,s("slot",{key:"1d7f1a3897cd57c4f1fdc72aa581373f24c80637",onSlotchange:this.handleSlotChange}))}get el(){return l(this)}};i([c("tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],m.prototype,"createLogger",null),i([d(["","purple","green","red","yellow"]),b("design:type",String)],m.prototype,"color",void 0),i([h("boolean"),b("design:type",Boolean)],m.prototype,"fullwidth",void 0),i([h("boolean"),b("design:type",Boolean)],m.prototype,"inverted",void 0),i([h("string"),b("design:type",String)],m.prototype,"label",void 0),i([h("string"),b("design:type",Object)],m.prototype,"value",void 0),i([h("boolean"),b("design:type",Boolean)],m.prototype,"vertical",void 0),i([d(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),b("design:type",String)],m.prototype,"verticalColSize",void 0),i([v(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],m.prototype,"configChanged",null);let f=0;m.style=':host{--_tabs-border-color:var(--tabs-border-color, var(--mod-tabs-border-color, var(--ds-tabs-border-color)));--_tabs-indicator-height:var(--tabs-indicator-height, var(--mod-tabs-indicator-height, var(--ds-tabs-indicator-height)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-padding:var(--tabs-panel-padding, var(--mod-tabs-panel-padding, var(--ds-tabs-panel-padding)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-padding:var(--tabs-tab-padding, var(--mod-tabs-tab-padding, var(--ds-tabs-tab-padding)));--_tabs-tab-font-family:var(--tabs-tab-font-family, var(--mod-tabs-tab-font-family, var(--ds-tabs-tab-font-family)));--_tabs-tab-font-size:var(--tabs-tab-font-size, var(--mod-tabs-tab-font-size, var(--ds-tabs-tab-font-size)));--_tabs-tab-font-weight:var(--tabs-tab-font-weight, var(--mod-tabs-tab-font-weight, var(--ds-tabs-tab-font-weight)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-tabs-tab-color-focus)));--_tabs-tab-color:var(--tabs-tab-color, var(--mod-tabs-tab-color, var(--ds-tabs-tab-color-base)));--_tabs-tab-color-hover:var(--tabs-tab-color-hover, var(--mod-tabs-tab-color-hover, var(--ds-tabs-tab-color-hover)));--_tabs-tab-color-active:var(--tabs-tab-color-active, var(--mod-tabs-tab-color-active, var(--ds-tabs-tab-color-active)));--_tabs-tab-color-selected:var(--tabs-tab-color-selected, var(--mod-tabs-tab-color-selected, var(--ds-tabs-tab-color-selected)));--_tabs-tab-border-color-selected:var(--tabs-tab-border-color-selected, var(--mod-tabs-tab-border-color-selected, var(--ds-tabs-tab-border-color-selected)));--_tabs-tab-font-weight-selected:var(--tabs-tab-font-weight-selected, var(--mod-tabs-tab-font-weight-selected, var(--ds-tabs-tab-font-weight-selected)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-radius-base)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-indicator-color-idle:var(--tabs-tab-indicator-color-idle, var(--mod-tabs-tab-indicator-color-idle, var(--ds-global-color-grey-4)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));--_tabs-color-purple:var(--tabs-color-purple, var(--mod-tabs-color-purple, var(--ds-tabs-color-purple)));--_tabs-color-purple-hover:var(--tabs-color-purple-hover, var(--mod-tabs-color-purple-hover, var(--ds-tabs-color-purple-hover)));--_tabs-color-green:var(--tabs-color-green, var(--mod-tabs-color-green, var(--ds-tabs-color-green)));--_tabs-color-green-hover:var(--tabs-color-green-hover, var(--mod-tabs-color-green-hover, var(--ds-tabs-color-green-hover)));--_tabs-color-red:var(--tabs-color-red, var(--mod-tabs-color-red, var(--ds-tabs-color-red)));--_tabs-color-red-hover:var(--tabs-color-red-hover, var(--mod-tabs-color-red-hover, var(--ds-tabs-color-red-hover)));--_tabs-color-yellow:var(--tabs-color-yellow, var(--mod-tabs-color-yellow, var(--ds-tabs-color-yellow)));--_tabs-color-yellow-hover:var(--tabs-color-yellow-hover, var(--mod-tabs-color-yellow-hover, var(--ds-tabs-color-yellow-hover)));display:block}:host(.is-purple){--_tabs-border-color:var(--_tabs-color-purple);--_tabs-tab-indicator-color-idle:var(--_tabs-color-purple-hover)}:host(.is-green){--_tabs-border-color:var(--_tabs-color-green);--_tabs-tab-indicator-color-idle:var(--_tabs-color-green-hover)}:host(.is-red){--_tabs-border-color:var(--_tabs-color-red);--_tabs-tab-indicator-color-idle:var(--_tabs-color-red-hover)}:host(.is-yellow){--_tabs-border-color:var(--_tabs-color-yellow);--_tabs-tab-indicator-color-idle:var(--_tabs-color-yellow-hover)}:host(.is-inverted){--_tabs-tab-color:var(--ds-alias-text-color-white);--_tabs-tab-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-color-active:var(--ds-alias-text-color-white);--_tabs-tab-color-selected:var(--ds-alias-text-color-white);--_tabs-tab-border-color-selected:var(--ds-alias-text-color-white);--_tabs-tab-font-family:var(--ds-alias-text-family-body);--_tabs-tab-font-weight:var(--ds-alias-text-weight-regular);--_tabs-border-color:rgba(255, 255, 255, 0.3);--_tabs-tab-indicator-color-idle:rgba(255, 255, 255, 0.5);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-background-color-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--_tabs-indicator-height);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host #tablist{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--_tabs-indicator-height);background:-webkit-gradient(linear, left top, left bottom, from(var(--_tabs-border-color)), to(var(--_tabs-border-color))) bottom/100% var(--_tabs-indicator-height) no-repeat;background:linear-gradient(var(--_tabs-border-color), var(--_tabs-border-color)) bottom/100% var(--_tabs-indicator-height) no-repeat;overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;bottom:0;left:0;height:var(--_tabs-indicator-height);width:0;border-radius:9999px;background-color:var(--_tabs-tab-border-color-selected);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--_tabs-indicator-height));width:var(--_tabs-indicator-height);height:0;-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;background:none;border-left:var(--_tabs-indicator-height) solid var(--_tabs-border-color);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-padding:var(--_tabs-panel-padding)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-padding:0.5rem 0 0}:host(.is-navigation) nav{display:contents}';export{m as ds_tabs}
+import{B as t,I as a,v as o,D as r,E as s,F as e,G as l}from"./p-MUUOiuTm.js";import{_ as i,L as c,a as b}from"./p-_rk5qARQ.js";import{s as n}from"./p-DuKlHFAK.js";import{O as d}from"./p-_Ywzmi-B.js";import{T as h}from"./p-B9ddSbbe.js";import{L as v}from"./p-DWdcUUdS.js";import"./p-BjaiDrCD.js";import"./p-aPnyJLhr.js";const g={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},m=class{constructor(r){t(this,r),this.dsChange=a(this,"dsChange"),this.language=o.language,this.region=o.region,this.color="",this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var a,o,r,s;if(this.isNavigation())return;const e=this.getTabs(),l=e.findIndex((t=>t.name===this.value)),i=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,c=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(a=e[0])||void 0===a?void 0:a.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(o=e[e.length-1])||void 0===o?void 0:o.name)):i?(t.preventDefault(),this.activateTab(null===(r=e[(l+1)%e.length])||void 0===r?void 0:r.name)):c&&(t.preventDefault(),this.activateTab(null===(s=e[(l-1+e.length)%e.length])||void 0===s?void 0:s.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),r((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,a;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(a=this.tablistEl)||void 0===a||a.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){n(t),this.activateTab(t.detail.name)}getTabs(){return Array.from(this.el.querySelectorAll(":scope > ds-tab"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-tab-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),a=this.getPanels(),o=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=o,!o&&t.name){t.id||(t.id="ds-tab-"+f++);const o=a.find((a=>a.for===t.name));o&&(o.id||(o.id="ds-tab-panel-"+f++),t.setAttribute("aria-controls",o.id),o.setAttribute("aria-labelledby",t.id))}})),!o&&!this.value){const a=t[0];a&&(this.value=a.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((a=>{a.navigation=t,a.fullwidth=this.fullwidth,a.inverted=this.inverted,a.selected=t?!!a.querySelector("[aria-current]"):a.name===this.value,a.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const a=this.indicatorEl,o=this.tablistEl;if(!a||!o||this.isNavigation())return;const r=this.getTabs().find((t=>t.name===this.value));if(!r)return void(a.style[this.vertical?"height":"width"]="0px");const s=o.getBoundingClientRect(),e=r.getBoundingClientRect();if(t||(a.style.transition="none"),this.vertical){const t=e.top-s.top+o.scrollTop;a.style.height=`${e.height}px`,a.style.transform=`translateY(${t}px)`}else{const t=e.left-s.left+o.scrollLeft;a.style.width=`${e.width}px`,a.style.transform=`translateX(${t}px)`}t||(a.style.transition="")}render(){const t=this.isNavigation(),a=s("div",{key:"b3b8934a8997c4ee17e2738c000b9df17e2db0c2",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},s("slot",{key:"dd98a77986591a17f0b627019dd5f2076dfcc4c6",name:"tab",onSlotchange:this.handleSlotChange}),s("div",{key:"34697c2c75688748ea5b2c2ea3ad83a4ee40efcf",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),o=g[this.language],r=this.vertical?a:s("div",{class:"tablist-outer"},s("button",{class:"scroll-btn scroll-btn--prev","aria-label":o.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},s("ds-icon",{name:"caret-left",size:"sm"})),a,s("button",{class:"scroll-btn scroll-btn--next","aria-label":o.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},s("ds-icon",{name:"caret-right",size:"sm"})));return s(e,{key:"a4509a1ab21b938602815e4d928a9c5925250472",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,[`is-col-${this.verticalColSize}`]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?s("nav",{"aria-label":this.label||void 0},r):r,s("slot",{key:"1d7f1a3897cd57c4f1fdc72aa581373f24c80637",onSlotchange:this.handleSlotChange}))}get el(){return l(this)}};i([c("tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],m.prototype,"createLogger",null),i([d(["","purple","green","red","yellow"]),b("design:type",String)],m.prototype,"color",void 0),i([h("boolean"),b("design:type",Boolean)],m.prototype,"fullwidth",void 0),i([h("boolean"),b("design:type",Boolean)],m.prototype,"inverted",void 0),i([h("string"),b("design:type",String)],m.prototype,"label",void 0),i([h("string"),b("design:type",Object)],m.prototype,"value",void 0),i([h("boolean"),b("design:type",Boolean)],m.prototype,"vertical",void 0),i([d(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),b("design:type",String)],m.prototype,"verticalColSize",void 0),i([v(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],m.prototype,"configChanged",null);let f=0;m.style=':host{--_tabs-border-color:var(--tabs-border-color, var(--mod-tabs-border-color, var(--ds-tabs-border-color)));--_tabs-indicator-height:var(--tabs-indicator-height, var(--mod-tabs-indicator-height, var(--ds-tabs-indicator-height)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-padding:var(--tabs-panel-padding, var(--mod-tabs-panel-padding, var(--ds-tabs-panel-padding)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-padding:var(--tabs-tab-padding, var(--mod-tabs-tab-padding, var(--ds-tabs-tab-padding)));--_tabs-tab-font-family:var(--tabs-tab-font-family, var(--mod-tabs-tab-font-family, var(--ds-tabs-tab-font-family)));--_tabs-tab-font-size:var(--tabs-tab-font-size, var(--mod-tabs-tab-font-size, var(--ds-tabs-tab-font-size)));--_tabs-tab-font-weight:var(--tabs-tab-font-weight, var(--mod-tabs-tab-font-weight, var(--ds-tabs-tab-font-weight)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-tabs-tab-color-focus)));--_tabs-tab-color:var(--tabs-tab-color, var(--mod-tabs-tab-color, var(--ds-tabs-tab-color-base)));--_tabs-tab-color-hover:var(--tabs-tab-color-hover, var(--mod-tabs-tab-color-hover, var(--ds-tabs-tab-color-hover)));--_tabs-tab-color-active:var(--tabs-tab-color-active, var(--mod-tabs-tab-color-active, var(--ds-tabs-tab-color-active)));--_tabs-tab-color-selected:var(--tabs-tab-color-selected, var(--mod-tabs-tab-color-selected, var(--ds-tabs-tab-color-selected)));--_tabs-tab-border-color-selected:var(--tabs-tab-border-color-selected, var(--mod-tabs-tab-border-color-selected, var(--ds-tabs-tab-border-color-selected)));--_tabs-tab-font-weight-selected:var(--tabs-tab-font-weight-selected, var(--mod-tabs-tab-font-weight-selected, var(--ds-tabs-tab-font-weight-selected)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-radius-base)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-indicator-color-idle:var(--tabs-tab-indicator-color-idle, var(--mod-tabs-tab-indicator-color-idle, var(--ds-global-color-grey-4)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));--_tabs-color-purple:var(--tabs-color-purple, var(--mod-tabs-color-purple, var(--ds-tabs-color-purple)));--_tabs-color-purple-hover:var(--tabs-color-purple-hover, var(--mod-tabs-color-purple-hover, var(--ds-tabs-color-purple-hover)));--_tabs-color-green:var(--tabs-color-green, var(--mod-tabs-color-green, var(--ds-tabs-color-green)));--_tabs-color-green-hover:var(--tabs-color-green-hover, var(--mod-tabs-color-green-hover, var(--ds-tabs-color-green-hover)));--_tabs-color-red:var(--tabs-color-red, var(--mod-tabs-color-red, var(--ds-tabs-color-red)));--_tabs-color-red-hover:var(--tabs-color-red-hover, var(--mod-tabs-color-red-hover, var(--ds-tabs-color-red-hover)));--_tabs-color-yellow:var(--tabs-color-yellow, var(--mod-tabs-color-yellow, var(--ds-tabs-color-yellow)));--_tabs-color-yellow-hover:var(--tabs-color-yellow-hover, var(--mod-tabs-color-yellow-hover, var(--ds-tabs-color-yellow-hover)));display:block}:host(.is-purple){--_tabs-border-color:var(--_tabs-color-purple);--_tabs-tab-indicator-color-idle:var(--_tabs-color-purple-hover)}:host(.is-green){--_tabs-border-color:var(--_tabs-color-green);--_tabs-tab-indicator-color-idle:var(--_tabs-color-green-hover)}:host(.is-red){--_tabs-border-color:var(--_tabs-color-red);--_tabs-tab-indicator-color-idle:var(--_tabs-color-red-hover)}:host(.is-yellow){--_tabs-border-color:var(--_tabs-color-yellow);--_tabs-tab-indicator-color-idle:var(--_tabs-color-yellow-hover)}:host(.is-inverted){--_tabs-tab-color:var(--ds-alias-text-color-white);--_tabs-tab-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-color-active:var(--ds-alias-text-color-white);--_tabs-tab-color-selected:var(--ds-alias-text-color-white);--_tabs-tab-border-color-selected:var(--ds-alias-text-color-white);--_tabs-tab-font-family:var(--ds-alias-text-family-body);--_tabs-tab-font-weight:var(--ds-alias-text-weight-regular);--_tabs-border-color:rgba(255, 255, 255, 0.3);--_tabs-tab-indicator-color-idle:rgba(255, 255, 255, 0.5);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-background-color-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--_tabs-indicator-height);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host #tablist{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--_tabs-indicator-height);background:-webkit-gradient(linear, left top, left bottom, from(var(--_tabs-border-color)), to(var(--_tabs-border-color))) bottom/100% var(--_tabs-indicator-height) no-repeat;background:linear-gradient(var(--_tabs-border-color), var(--_tabs-border-color)) bottom/100% var(--_tabs-indicator-height) no-repeat;overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;bottom:0;left:0;height:var(--_tabs-indicator-height);width:0;border-radius:9999px;background-color:var(--_tabs-tab-border-color-selected);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--_tabs-indicator-height));width:var(--_tabs-indicator-height);height:0;-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;background:none;border-left:var(--_tabs-indicator-height) solid var(--_tabs-border-color);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-padding:var(--_tabs-panel-padding)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-padding:0.5rem 0 0}:host(.is-navigation) nav{display:contents}';export{m as ds_tabs}

package/dist/design-system/{p-1b1e3ad99c.entry.js → p-ae8753bf2a.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{B as i,I as t,w as a,E as s,F as e,G as o,d as r}from"./p-B-v2Wm-V.js";import{_ as n,L as p,a as d}from"./p-Y0rKqVvm.js";import{S as h}from"./p-1A9jKraP.js";import{T as c}from"./p-Z0zrglhd.js";import{O as l}from"./p-DypNSUAh.js";import{L as u}from"./p-x2KazRjl.js";import{a as b,c as m,s as g,f as v,o as w,b as f}from"./p-BqY0KzJC.js";import{F as y}from"./p-DJBD4skP.js";import{i as k}from"./p-Uy_dVz21.js";import{P as x,a as _}from"./p-BAY6Z8bT.js";import"./p-Dk0GEN2t.js";import"./p-CrYAd3JT.js";const z=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.scrollHandler=new h,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=i=>{i.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var i;this.open&&(null===(i=this.dialogEl)||void 0===i||i.showModal())},this.handleBackdropClick=i=>{this.backdropDismiss&&i.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(i){this.log=i}openChanged(i){i?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var i,t;null===(i=this.dialogEl)||void 0===i||i.addEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var i,t;null===(i=this.dialogEl)||void 0===i||i.removeEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(i){this.animated=i.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)||(this.dsWillPresent.emit(),null===(t=this.dialogEl)||void 0===t||t.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await a(300),this.dsDidPresent.emit())}async doClose(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await a(300),null===(t=this.dialogEl)||void 0===t||t.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return s(e,{key:"bf8f75a23cda49f75931b8d2d61134268aa87024",class:{"is-open":this.isOpen,"is-animated":this.animated}},s("dialog",{key:"c84019c7626898f7d464422690654ff387840da3",part:"dialog",ref:i=>this.dialogEl=i,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},s("div",{key:"5a4f1b3d5415ba267e8f0fdd632b0be12a36b569",class:{container:!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&s("ds-close",{key:"aaabb4ab6de152c3d21947a482aa0e0c3fccd82e",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"ef27b510ca776a39a56904b00661565101599dfe"}))))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}]}}};n([p("drawer"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],z.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],z.prototype,"open",void 0),n([c("boolean"),d("design:type",Boolean)],z.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],z.prototype,"backdropDismiss",void 0),n([c("string"),d("design:type",String)],z.prototype,"label",void 0),n([l(["default","fluid","compact"]),d("design:type",String)],z.prototype,"container",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],z.prototype,"configChanged",null),z.style=":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-padding:var(--drawer-padding, var(--mod-drawer-padding, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .container ds-close{position:absolute;top:1rem;right:1rem}:host .container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-base);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-padding);position:relative}:host .container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}";const C=new Map,j=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new y,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}openChanged(i){i?this.runPresent():this.runDismiss()}triggerChanged(i,t){t&&(t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded")),i&&(i.setAttribute("aria-haspopup",this.role),i.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var i;null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(i){this.animated=i.animated}async listenToClick(i){var t;if(this.el.id){const t=i.target.closest(`[data-popup="${this.el.id}"]`);if(t)return this.currentTrigger=t,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const a=i.composedPath(),s=a.includes(this.panelEl),e=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger,o=!!e&&a.includes(e);s||o||await this.dismiss()}}listenToKeyDown(i){this.isOpen&&this.closable&&k(i)&&(i.stopPropagation(),this.dismiss())}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var i;if(this.isOpen)return;const t=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:t}),t&&(t.setAttribute("aria-expanded","true"),await this.updatePosition(t),this.startPositioner(t)),this.isOpen=!0,this.animated&&await a(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=t?t:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:t})}async doDismiss(){var i,t;if(!this.isOpen)return;const s=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await a(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(i){this.panelEl&&(this.cleanupPositioner=b(i,this.panelEl,(()=>this.updatePosition(i)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(i){if(!this.panelEl)return;const{x:t,y:a,placement:s,middlewareData:e}=await m(i,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r.hasWindow&&!window.frameElement?g():void 0,v(),w(this.offset),this.arrow&&this.arrowEl?f({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${t}px`,top:`${a}px`}),this.panelEl.dataset.placement=s.split("-")[0],this.arrow&&this.arrowEl&&e.arrow){const{x:i,y:t}=e.arrow;Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=t?`${t}px`:""})}}focusPanel(){if(!this.panelEl)return;const i=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));i.length>0?i[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(C.has(this.group)||C.set(this.group,new Set),C.get(this.group).add(this.el))}unregisterGroup(){var i;this.group&&(null===(i=C.get(this.group))||void 0===i||i.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const i=C.get(this.group);if(i)for(const t of i)t!==this.el&&await t.dismiss()}render(){return s(e,{key:"63b4cf37af2e73b271f9c7fee523e7c68986081f",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&s("div",{key:"208a95330c83c4dd2328ce9e87a06b7aab7ab404",part:"backdrop"}),s("div",{key:"969fde6073490ce0803c0cadcaa9ec06a7704361",part:"panel",ref:i=>this.panelEl=i,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&s("div",{key:"228d1a47041090c57e395e240f2ebb5678f9c8e1",part:"arrow",ref:i=>this.arrowEl=i}),this.closable&&s("ds-close",{key:"d18c4ac4848e7ee31256384be4e7e8dd2b8b5a49",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"ad9430d619bccde71bfeee2faffd1dde34dc43bd"})))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}};n([p("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],j.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],j.prototype,"open",void 0),n([l(x),d("design:type",String)],j.prototype,"placement",void 0),n([c("number"),d("design:type",Number)],j.prototype,"offset",void 0),n([l(_),d("design:type",String)],j.prototype,"role",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdropDismiss",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdrop",void 0),n([c("string"),d("design:type",Object)],j.prototype,"group",void 0),n([c("string"),d("design:type",String)],j.prototype,"label",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"arrow",void 0),n([c("boolean"),d("design:type",Object)],j.prototype,"trapFocus",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],j.prototype,"configChanged",null),j.style=":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-padding:var(--popup-padding, var(--mod-popup-padding, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-padding);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-padding) + var(--_popup-padding))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}";export{z as ds_drawer,j as ds_popup}
+import{B as i,I as t,w as a,E as s,F as e,G as o,d as r}from"./p-MUUOiuTm.js";import{_ as n,L as p,a as d}from"./p-_rk5qARQ.js";import{S as h}from"./p-CR2JnhVY.js";import{T as c}from"./p-B9ddSbbe.js";import{O as l}from"./p-_Ywzmi-B.js";import{L as u}from"./p-DWdcUUdS.js";import{a as b,c as m,s as g,f as v,o as w,b as f}from"./p-BqY0KzJC.js";import{F as y}from"./p-B2dqoehY.js";import{i as k}from"./p-Uy_dVz21.js";import{P as x,a as _}from"./p-BAY6Z8bT.js";import"./p-BjaiDrCD.js";import"./p-aPnyJLhr.js";const z=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.scrollHandler=new h,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=i=>{i.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var i;this.open&&(null===(i=this.dialogEl)||void 0===i||i.showModal())},this.handleBackdropClick=i=>{this.backdropDismiss&&i.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(i){this.log=i}openChanged(i){i?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var i,t;null===(i=this.dialogEl)||void 0===i||i.addEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var i,t;null===(i=this.dialogEl)||void 0===i||i.removeEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(i){this.animated=i.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)||(this.dsWillPresent.emit(),null===(t=this.dialogEl)||void 0===t||t.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await a(300),this.dsDidPresent.emit())}async doClose(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await a(300),null===(t=this.dialogEl)||void 0===t||t.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return s(e,{key:"bf8f75a23cda49f75931b8d2d61134268aa87024",class:{"is-open":this.isOpen,"is-animated":this.animated}},s("dialog",{key:"c84019c7626898f7d464422690654ff387840da3",part:"dialog",ref:i=>this.dialogEl=i,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},s("div",{key:"5a4f1b3d5415ba267e8f0fdd632b0be12a36b569",class:{container:!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&s("ds-close",{key:"aaabb4ab6de152c3d21947a482aa0e0c3fccd82e",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"ef27b510ca776a39a56904b00661565101599dfe"}))))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}]}}};n([p("drawer"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],z.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],z.prototype,"open",void 0),n([c("boolean"),d("design:type",Boolean)],z.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],z.prototype,"backdropDismiss",void 0),n([c("string"),d("design:type",String)],z.prototype,"label",void 0),n([l(["default","fluid","compact"]),d("design:type",String)],z.prototype,"container",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],z.prototype,"configChanged",null),z.style=":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-padding:var(--drawer-padding, var(--mod-drawer-padding, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .container ds-close{position:absolute;top:1rem;right:1rem}:host .container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-base);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-padding);position:relative}:host .container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}";const C=new Map,j=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new y,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}openChanged(i){i?this.runPresent():this.runDismiss()}triggerChanged(i,t){t&&(t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded")),i&&(i.setAttribute("aria-haspopup",this.role),i.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var i;null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(i){this.animated=i.animated}async listenToClick(i){var t;if(this.el.id){const t=i.target.closest(`[data-popup="${this.el.id}"]`);if(t)return this.currentTrigger=t,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const a=i.composedPath(),s=a.includes(this.panelEl),e=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger,o=!!e&&a.includes(e);s||o||await this.dismiss()}}listenToKeyDown(i){this.isOpen&&this.closable&&k(i)&&(i.stopPropagation(),this.dismiss())}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var i;if(this.isOpen)return;const t=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:t}),t&&(t.setAttribute("aria-expanded","true"),await this.updatePosition(t),this.startPositioner(t)),this.isOpen=!0,this.animated&&await a(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=t?t:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:t})}async doDismiss(){var i,t;if(!this.isOpen)return;const s=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await a(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(i){this.panelEl&&(this.cleanupPositioner=b(i,this.panelEl,(()=>this.updatePosition(i)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(i){if(!this.panelEl)return;const{x:t,y:a,placement:s,middlewareData:e}=await m(i,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r.hasWindow&&!window.frameElement?g():void 0,v(),w(this.offset),this.arrow&&this.arrowEl?f({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${t}px`,top:`${a}px`}),this.panelEl.dataset.placement=s.split("-")[0],this.arrow&&this.arrowEl&&e.arrow){const{x:i,y:t}=e.arrow;Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=t?`${t}px`:""})}}focusPanel(){if(!this.panelEl)return;const i=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));i.length>0?i[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(C.has(this.group)||C.set(this.group,new Set),C.get(this.group).add(this.el))}unregisterGroup(){var i;this.group&&(null===(i=C.get(this.group))||void 0===i||i.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const i=C.get(this.group);if(i)for(const t of i)t!==this.el&&await t.dismiss()}render(){return s(e,{key:"63b4cf37af2e73b271f9c7fee523e7c68986081f",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&s("div",{key:"208a95330c83c4dd2328ce9e87a06b7aab7ab404",part:"backdrop"}),s("div",{key:"969fde6073490ce0803c0cadcaa9ec06a7704361",part:"panel",ref:i=>this.panelEl=i,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&s("div",{key:"228d1a47041090c57e395e240f2ebb5678f9c8e1",part:"arrow",ref:i=>this.arrowEl=i}),this.closable&&s("ds-close",{key:"d18c4ac4848e7ee31256384be4e7e8dd2b8b5a49",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"ad9430d619bccde71bfeee2faffd1dde34dc43bd"})))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}};n([p("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],j.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],j.prototype,"open",void 0),n([l(x),d("design:type",String)],j.prototype,"placement",void 0),n([c("number"),d("design:type",Number)],j.prototype,"offset",void 0),n([l(_),d("design:type",String)],j.prototype,"role",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdropDismiss",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdrop",void 0),n([c("string"),d("design:type",Object)],j.prototype,"group",void 0),n([c("string"),d("design:type",String)],j.prototype,"label",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"arrow",void 0),n([c("boolean"),d("design:type",Object)],j.prototype,"trapFocus",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],j.prototype,"configChanged",null),j.style=":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-padding:var(--popup-padding, var(--mod-popup-padding, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-padding);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-padding) + var(--_popup-padding))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}";export{z as ds_drawer,j as ds_popup}

package/dist/design-system/{p-d3a80b8422.entry.js → p-afea3755c2.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{B as t,I as e,J as i,E as s,F as n,G as r}from"./p-B-v2Wm-V.js";import{_ as o,L as a,a as d}from"./p-Y0rKqVvm.js";import{T as p}from"./p-Z0zrglhd.js";import"./p-Dk0GEN2t.js";const g=class{constructor(i){t(this,i),this.dsWillUpdate=e(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){this.debouncedWillUpdate=i((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(n,{key:"c703db008c250d8801d76bfdaddfb32e5985935e","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return r(this)}};o([a("segment-item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),o([p("string"),d("design:type",String)],g.prototype,"description",void 0),o([p("string"),d("design:type",String)],g.prototype,"icon",void 0),o([p("string"),d("design:type",String)],g.prototype,"label",void 0),o([p("string"),d("design:type",String)],g.prototype,"svg",void 0),g.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{g as ds_segment_item}
+import{B as t,I as e,J as i,E as s,F as n,G as r}from"./p-MUUOiuTm.js";import{_ as o,L as a,a as d}from"./p-_rk5qARQ.js";import{T as p}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const g=class{constructor(i){t(this,i),this.dsWillUpdate=e(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){this.debouncedWillUpdate=i((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(n,{key:"c703db008c250d8801d76bfdaddfb32e5985935e","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return r(this)}};o([a("segment-item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),o([p("string"),d("design:type",String)],g.prototype,"description",void 0),o([p("string"),d("design:type",String)],g.prototype,"icon",void 0),o([p("string"),d("design:type",String)],g.prototype,"label",void 0),o([p("string"),d("design:type",String)],g.prototype,"svg",void 0),g.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{g as ds_segment_item}

package/dist/design-system/{p-0ea6cdd218.entry.js → p-bd31b396d8.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{B as t,v as a,E as e,F as i,G as l}from"./p-B-v2Wm-V.js";import{_ as o,L as d,a as r}from"./p-Y0rKqVvm.js";import{T as m}from"./p-Z0zrglhd.js";import{L as s}from"./p-x2KazRjl.js";import"./p-Dk0GEN2t.js";import"./p-CrYAd3JT.js";const n={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},c=class{constructor(e){t(this,e),this.innerEditLabel="Edit",this.language=a.language,this.region=a.region,this.labelId=`data-item-label-${Math.random().toString(36).slice(2,9)}`,this.valueId=`data-item-value-${Math.random().toString(36).slice(2,9)}`,this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=n[t.language])||void 0===a?void 0:a.editLabel)||n.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"41172b7c9c39ae12af12f35acd89bea1b291d5f0",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"ebd58ede50e42c963a98806d0e34edc24cc37347",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"f1834037e850e569d6adb6512e6de945ef307f3f",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"eae351330191525eb62b97a0cfb1c279f5475c09"}),this.editable&&e("ds-button",{key:"22e07967a920b0fc2498d2a0950b5ceb741f1172",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return l(this)}};o([d("data-item"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null),o([m("boolean"),r("design:type",Boolean)],c.prototype,"disabled",void 0),o([m("boolean"),r("design:type",Boolean)],c.prototype,"multiline",void 0),o([m("boolean"),r("design:type",Boolean)],c.prototype,"editable",void 0),o([m("string"),r("design:type",Object)],c.prototype,"editLabel",void 0),o([s(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-global-font-weight-700)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-alias-text-color-primary)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-alias-text-color-primary)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-alias-text-color-danger)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-alias-text-color-disabled)));--_data-item-border-width:var(--data-item-border-width, var(--mod-data-item-border-width, var(--ds-global-size-border-2)));--_data-item-border-color:var(--data-item-border-color, var(--mod-data-item-border-color, var(--ds-global-color-grey-3)))}:host{border-bottom:var(--_data-item-border-width) solid var(--_data-item-border-color)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}";export{c as ds_data_item}
+import{B as t,v as a,E as e,F as i,G as o}from"./p-MUUOiuTm.js";import{_ as l,L as d,a as r}from"./p-_rk5qARQ.js";import{T as m}from"./p-B9ddSbbe.js";import{L as s}from"./p-DWdcUUdS.js";import"./p-BjaiDrCD.js";import"./p-aPnyJLhr.js";const n={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},c=class{constructor(e){t(this,e),this.innerEditLabel="Edit",this.language=a.language,this.region=a.region,this.labelId=`data-item-label-${Math.random().toString(36).slice(2,9)}`,this.valueId=`data-item-value-${Math.random().toString(36).slice(2,9)}`,this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=n[t.language])||void 0===a?void 0:a.editLabel)||n.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"41172b7c9c39ae12af12f35acd89bea1b291d5f0",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"ebd58ede50e42c963a98806d0e34edc24cc37347",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"f1834037e850e569d6adb6512e6de945ef307f3f",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"eae351330191525eb62b97a0cfb1c279f5475c09"}),this.editable&&e("ds-button",{key:"22e07967a920b0fc2498d2a0950b5ceb741f1172",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return o(this)}};l([d("data-item"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null),l([m("boolean"),r("design:type",Boolean)],c.prototype,"disabled",void 0),l([m("boolean"),r("design:type",Boolean)],c.prototype,"multiline",void 0),l([m("boolean"),r("design:type",Boolean)],c.prototype,"editable",void 0),l([m("string"),r("design:type",Object)],c.prototype,"editLabel",void 0),l([s(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-global-font-weight-700)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-alias-text-color-primary)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-alias-text-color-primary)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-alias-text-color-danger)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-alias-text-color-disabled)));--_data-item-border-width:var(--data-item-border-width, var(--mod-data-item-border-width, var(--ds-global-size-border-2)));--_data-item-border-color:var(--data-item-border-color, var(--mod-data-item-border-color, var(--ds-global-color-grey-3)))}:host{border-bottom:var(--_data-item-border-width) solid var(--_data-item-border-color)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}";export{c as ds_data_item}

package/dist/design-system/p-bd740897a1.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as t,E as a,F as e,G as s}from"./p-MUUOiuTm.js";import{_ as n,L as o,a as r}from"./p-_rk5qARQ.js";import{h as c}from"./p-6Iq8BM7N.js";import{n as i}from"./p-DR5LIaCn.js";import{O as l}from"./p-_Ywzmi-B.js";import{T as g}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const k=["","auto","none","2xs","xs","sm","base","md","lg","xl","xxl","xx-small","x-small","small","normal","medium","large","x-large","xx-large"],p=["","none","2xs","xs","sm","base","md","lg","xl","xxl","xx-small","x-small","small","normal","medium","large","x-large","xx-large"],d=["top start","top center","top end","start","center","end","bottom start","bottom center","bottom end"],h=["start","center","end"],w=class{constructor(a){t(this,a)}createLogger(t){this.log=t}render(){var t;const s=c(this.alignment),n=c(this.align),o=i(this.space)||"";let r=null===(t=this.align)||void 0===t?void 0:t.split(" ").join("-");this.alignment&&(r=this.alignment.split(" ").join("-"));let l=this.direction;return c(this.layout)&&("horizontal"===this.layout?l="row":"vertical"===this.layout?l="column":"vertical-reverse"===this.layout?l="column-reverse":"horizontal-reverse"===this.layout&&(l="row-reverse")),a(e,{key:"a1cd5de9505f4bfa2888e453c3c40d9e95bd5931",class:{"stack-content":!0,"as-row":"row"===l,"as-col":"column"===l,[`align-${r}`]:n||s,[`text-${this.textAlign}`]:c(this.textAlign),[`has-space-${o}`]:c(this.space)}},a("slot",{key:"d4b6a17b957bc3aff33e3f09eb123c8350c214eb"}))}get el(){return s(this)}};n([o("content"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],w.prototype,"createLogger",null),n([l(["","horizontal","vertical","horizontal-reverse","vertical-reverse"]),r("design:type",String)],w.prototype,"layout",void 0),n([l(["column","row"]),r("design:type",String)],w.prototype,"direction",void 0),n([l(h),r("design:type",String)],w.prototype,"align",void 0),n([l(h),r("design:type",String)],w.prototype,"textAlign",void 0),n([l(["none","3xs","2xs","xs","sm","base","xxx-small","xx-small","x-small","small","normal"]),r("design:type",String)],w.prototype,"space",void 0),n([l(d),r("design:type",String)],w.prototype,"alignment",void 0),w.style=".stack,.stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{-ms-flex-item-align:stretch;align-self:stretch}.stack.is-horizontal>.stack-content{-ms-flex-item-align:center;align-self:center}.stack.has-wrap,.stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left !important}.stack-content.text-center{text-align:center !important}.stack-content.text-right{text-align:right !important}.stack.fit-content,.stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-alias-space-2xs-device);-moz-column-gap:var(--ds-alias-space-2xs-device);column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-alias-space-xs-device);-moz-column-gap:var(--ds-alias-space-xs-device);column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-alias-space-sm-device);-moz-column-gap:var(--ds-alias-space-sm-device);column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{-webkit-column-gap:var(--ds-alias-space-base-device);-moz-column-gap:var(--ds-alias-space-base-device);column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{-webkit-column-gap:var(--ds-alias-space-md-device);-moz-column-gap:var(--ds-alias-space-md-device);column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-alias-space-lg-device);-moz-column-gap:var(--ds-alias-space-lg-device);column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-alias-space-xl-device);-moz-column-gap:var(--ds-alias-space-xl-device);column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-alias-space-2xl-device);-moz-column-gap:var(--ds-alias-space-2xl-device);column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}ds-content{position:static}";const v=class{constructor(a){t(this,a),this.fitContent=!1,this.space="base",this.useWrap=!1}createLogger(t){this.log=t}render(){const t=c(this.align),s=c(this.alignment),n=i(this.space)||"",o=i(this.spaceRow)||"",r=i(this.spaceColumn)||"",l=i(this.p)||"",g=i(this.px)||"",k=i(this.py)||"";let p=this.align?this.align.split(" ").join("-"):void 0;return this.alignment&&(p=this.alignment.split(" ").join("-")),a(e,{key:"dd0bd9e7c80b67577eb65ff49703788eff026835",class:{stack:!0,"as-row":"row"===this.direction,"as-col":"column"===this.direction,"has-wrap":!0===this.useWrap,"fit-content":!0===this.fitContent,[`align-${p}`]:t||s,[`has-space-${n}`]:c(this.space),[`has-space-row-${o}`]:c(this.spaceRow),[`has-space-col-${r}`]:c(this.spaceColumn),[`p-${l}`]:c(this.p),[`px-${g}`]:c(this.px),[`py-${k}`]:c(this.py)}},a("slot",{key:"efab6583321216d1b9674b3d959ca347d9aacfb6"}))}get el(){return s(this)}};n([o("stack"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],v.prototype,"createLogger",null),n([l(d),r("design:type",String)],v.prototype,"align",void 0),n([l(d),r("design:type",String)],v.prototype,"alignment",void 0),n([l(["row","column","row-reverse","column-reverse"]),r("design:type",String)],v.prototype,"direction",void 0),n([g("boolean"),r("design:type",Boolean)],v.prototype,"fitContent",void 0),n([l(p),r("design:type",String)],v.prototype,"p",void 0),n([l(p),r("design:type",String)],v.prototype,"px",void 0),n([l(p),r("design:type",String)],v.prototype,"py",void 0),n([l(k),r("design:type",String)],v.prototype,"space",void 0),n([l(k),r("design:type",String)],v.prototype,"spaceColumn",void 0),n([l(k),r("design:type",String)],v.prototype,"spaceRow",void 0),n([g("boolean"),r("design:type",Boolean)],v.prototype,"useWrap",void 0),v.style=".stack,.stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{-ms-flex-item-align:stretch;align-self:stretch}.stack.is-horizontal>.stack-content{-ms-flex-item-align:center;align-self:center}.stack.has-wrap,.stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left !important}.stack-content.text-center{text-align:center !important}.stack-content.text-right{text-align:right !important}.stack.fit-content,.stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-alias-space-2xs-device);-moz-column-gap:var(--ds-alias-space-2xs-device);column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-alias-space-xs-device);-moz-column-gap:var(--ds-alias-space-xs-device);column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-alias-space-sm-device);-moz-column-gap:var(--ds-alias-space-sm-device);column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{-webkit-column-gap:var(--ds-alias-space-base-device);-moz-column-gap:var(--ds-alias-space-base-device);column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{-webkit-column-gap:var(--ds-alias-space-md-device);-moz-column-gap:var(--ds-alias-space-md-device);column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-alias-space-lg-device);-moz-column-gap:var(--ds-alias-space-lg-device);column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-alias-space-xl-device);-moz-column-gap:var(--ds-alias-space-xl-device);column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-alias-space-2xl-device);-moz-column-gap:var(--ds-alias-space-2xl-device);column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}:host{position:static}";export{w as ds_content,v as ds_stack}

package/dist/design-system/{p-1750b3c4f1.entry.js → p-bf03129378.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{B as t,I as a,E as e,F as o,G as i}from"./p-B-v2Wm-V.js";import{_ as s,L as n,a as r}from"./p-Y0rKqVvm.js";import{T as l}from"./p-Z0zrglhd.js";import{R as c}from"./p-DkhJaoXg.js";import"./p-Dk0GEN2t.js";const d=class{constructor(e){t(this,e),this.dsTabSelect=a(this,"dsTabSelect"),this.fullwidth=!1,this.inverted=!1,this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=t=>{t.preventDefault(),this.dsTabSelect.emit({name:this.name})},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dsTabSelect.emit({name:this.name}))}}createLogger(t){this.log=t}render(){const t={"is-selected":this.selected,"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-navigation":this.navigation,"is-vertical":this.vertical};return this.navigation?e(o,{role:"none",class:t},e("slot",null)):e(o,{role:"tab",class:t,"aria-selected":String(this.selected),tabIndex:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("span",{class:{"is-selected":this.selected}},e("slot",null)))}get el(){return i(this)}};s([n("tab"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),s([l("boolean"),r("design:type",Boolean)],d.prototype,"fullwidth",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"inverted",void 0),s([c(),l("string"),r("design:type",String)],d.prototype,"name",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"navigation",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"selected",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-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;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-color-hover)}span:hover::after,a:hover::after{background-color:var(--_tabs-tab-indicator-color-idle)}}span:active,a:active{color:var(--_tabs-tab-color-active)}span:active::after,a:active::after{background-color:var(--_tabs-tab-indicator-color-idle)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:var(--_tabs-indicator-height);height:auto}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}:host(.is-navigation.is-selected)::after{background-color:var(--_tabs-tab-border-color-selected)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:2px;height:auto}';export{d as ds_tab}
+import{B as t,I as a,E as e,F as o,G as i}from"./p-MUUOiuTm.js";import{_ as s,L as n,a as r}from"./p-_rk5qARQ.js";import{T as l}from"./p-B9ddSbbe.js";import{R as c}from"./p-DQGbRzw_.js";import"./p-BjaiDrCD.js";const d=class{constructor(e){t(this,e),this.dsTabSelect=a(this,"dsTabSelect"),this.fullwidth=!1,this.inverted=!1,this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=t=>{t.preventDefault(),this.dsTabSelect.emit({name:this.name})},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dsTabSelect.emit({name:this.name}))}}createLogger(t){this.log=t}render(){const t={"is-selected":this.selected,"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-navigation":this.navigation,"is-vertical":this.vertical};return this.navigation?e(o,{role:"none",class:t},e("slot",null)):e(o,{role:"tab",class:t,"aria-selected":String(this.selected),tabIndex:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("span",{class:{"is-selected":this.selected}},e("slot",null)))}get el(){return i(this)}};s([n("tab"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),s([l("boolean"),r("design:type",Boolean)],d.prototype,"fullwidth",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"inverted",void 0),s([c(),l("string"),r("design:type",String)],d.prototype,"name",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"navigation",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"selected",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-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;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-color-hover)}span:hover::after,a:hover::after{background-color:var(--_tabs-tab-indicator-color-idle)}}span:active,a:active{color:var(--_tabs-tab-color-active)}span:active::after,a:active::after{background-color:var(--_tabs-tab-indicator-color-idle)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:var(--_tabs-indicator-height);height:auto}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}:host(.is-navigation.is-selected)::after{background-color:var(--_tabs-tab-border-color-selected)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:2px;height:auto}';export{d as ds_tab}