@baloise/ds-core 19.9.5 → 20.0.0-next.4

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as o,I as t,x as r,E as e,F as n,G as d}from"./p-CuwLeg-T.js";import{_ as i,L as a,a as s}from"./p-Dnjznncd.js";import{s as b,a as c,V as u}from"./p-82RSSk25.js";import{i as l}from"./p-BR1SYpQO.js";import{d as v}from"./p-CAcwu8uP.js";import{L as m}from"./p-D2tr7015.js";import{L as g}from"./p-CqzM3doy.js";import"./p-BLPSziW-.js";import"./p-DJxr2Dcd.js";import"./p-BwrOVItb.js";const h=class{constructor(e){o(this,e),this.dsChangeEventEmitter=t(this,"dsChange"),this.isMobile=v.isMobile,this.language=r.language,this.align="",this.disabled=!1,this.label="",this.pageRange=2,this.size="",this.sticky=!1,this.textNext="",this.textPrevious="",this.top=0,this.totalPages=1,this.value=1,this.variant=""}createLogger(o){this.log=o}topChanged(o){this.sticky&&(this.el.style.top=`${o}px`)}connectedCallback(){b(this)}componentWillLoad(){this.topChanged(this.top)}listenToBreakpoint(o){this.isMobile=o.mobile}async next(){this.value<this.totalPages&&(this.value=this.value+1,this.dsChangeEventEmitter.emit(this.value))}async previous(){1!==this.value&&(this.value=this.value-1,this.dsChangeEventEmitter.emit(this.value))}async configChanged(o){this.language=o.language}selectPage(o){this.value=o,this.dsChangeEventEmitter.emit(this.value)}getItems(o=2){const t=function(o,t,r){const e=[];(o>t||o<0)&&(o=1),t<=0&&(t=10),r<0&&(r=2);const n=5+2*r;if(t<=n)for(let r=1;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o});else if(o<=n-2-r){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(o>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let r=t-n+3;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(o);for(let t=n-r;t<=n+r;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this.value,this.totalPages,o);return t.map((o=>"page"===o.type?this.renderPageElement(Number(o.label)):this.renderEllipsisElement()))}renderEllipsisElement(){return e("li",{"aria-hidden":"true"},e("div",{id:"ellipsis",part:"ellipsis"},e("span",null,"…")))}renderPageElement(o){const t=this.value===o;return e("li",null,"dots"===this.variant?e("button",{part:"page",class:{dot:!0,"is-active":t,"is-inactive":!t},"aria-current":t?"true":void 0,"aria-label":o.toString(),title:o.toString(),onClick:()=>this.selectPage(o)}):e("button",{part:"page",class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-sm":this.isMobile||"sm"===this.size},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(o)},o))}render(){const o=this.getItems(this.isMobile?1:this.pageRange),t="dots"===this.variant,r=t?"is-link":"is-text",d=t||"sm"===this.size||this.isMobile?"is-sm":"",i=t,a=this.label||l[this.language].label,s=this.textPrevious||l[this.language].left,b=this.textNext||l[this.language].right,c=""===this.variant||t&&this.totalPages<=5;return e(n,{key:"cde657e0349d00030826c6a0cea21d4f2e8fcff8",class:{"is-sticky":this.sticky,"is-disabled":this.disabled,[`is-variant-${this.variant}`]:""!==this.variant,[`is-size-${this.size}`]:""!==this.size,[`is-align-${this.align}`]:""!==this.align}},e("nav",{key:"20b29d2503e06c1a4ca63dd3b5aa4b9767a2a730",class:{},id:"nav",part:"navigation",role:"navigation","aria-label":a},!this.disabled&&e("button",{key:"e28fc2e61e1dea348734abfc878d281ca396d194",id:"previous",part:"previous","aria-label":s,title:s,class:{button:!0,"is-square":!0,"is-disabled":this.value<2,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value<2,onClick:()=>this.previous()},e("ds-icon",{key:"edae5ac2cd51348e6e7c45a7de4127e133976883",name:"nav-go-left",size:"sm",disabled:this.value<2})),!this.disabled&&e("button",{key:"9b1b52c3a3e4836b2683ba0a8aee5ad685f506b1",id:"next",part:"next","aria-label":b,title:b,class:{button:!0,"is-square":!0,"is-disabled":this.value===this.totalPages,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value===this.totalPages,onClick:()=>this.next()},e("ds-icon",{key:"63f5471303b982089fee5a39693a822387b32ca3",name:"nav-go-right",size:"sm",disabled:this.value===this.totalPages})),c?e("ul",{class:{dots:"dots"===this.variant},part:"list"},o):e((()=>e("span",{key:"6f6937873538bbc6c212fcb49a59ed268d80bfce",class:"dots"},e("strong",{key:"f15ae2d30cc8baee3a4dbc64a9a3091f8e03443d"},this.value),e("span",{key:"6390c120f5570af09f7d85861a666b2406601300"},"/"),e("span",{key:"8ba5f75782299088fe6d164233d10be987f458b4"},this.totalPages))),null)))}get el(){return d(this)}static get watchers(){return{top:[{topChanged:0}]}}};i([a("pagination"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],h.prototype,"createLogger",null),i([c("","end","start"),s("design:type",String)],h.prototype,"align",void 0),i([u("string"),s("design:type",String)],h.prototype,"label",void 0),i([c("","sm"),s("design:type",String)],h.prototype,"size",void 0),i([u("string"),s("design:type",String)],h.prototype,"textNext",void 0),i([u("string"),s("design:type",String)],h.prototype,"textPrevious",void 0),i([c("","dots"),s("design:type",String)],h.prototype,"variant",void 0),i([m(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],h.prototype,"listenToBreakpoint",null),i([g(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],h.prototype,"configChanged",null),h.style=".button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none))}.button{-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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_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){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_pagination-position:var(--pagination-position, var(--mod-pagination-position, static));--_pagination-top:var(--pagination-top, var(--mod-pagination-top));--_pagination-right:var(--pagination-right, var(--mod-pagination-right));--_pagination-bottom:var(--pagination-bottom, var(--mod-pagination-bottom));--_pagination-left:var(--pagination-left, var(--mod-pagination-left));position:var(--_pagination-position);top:var(--_pagination-top);right:var(--_pagination-right);bottom:var(--_pagination-bottom);left:var(--_pagination-left);--_pagination-m:var(--pagination-m, var(--mod-pagination-m, 0));--_pagination-my:var(--pagination-my, var(--mod-pagination-my));--_pagination-mx:var(--pagination-mx, var(--mod-pagination-mx));--_pagination-ml:var(--pagination-ml, var(--mod-pagination-ml));--_pagination-mr:var(--pagination-mr, var(--mod-pagination-mr));--_pagination-mt:var(--pagination-mt, var(--mod-pagination-mt));--_pagination-mb:var(--pagination-mb, var(--mod-pagination-mb));margin:var(--_pagination-m);margin-inline:var(--_pagination-mx);margin-block:var(--_pagination-my);margin-left:var(--_pagination-ml);margin-right:var(--_pagination-mr);margin-top:var(--_pagination-mt);margin-bottom:var(--_pagination-mb);--_pagination-gap-mobile:var(--pagination-gap-mobile, var(--mod-pagination-gap-mobile, var(--ds-pagination-gap-mobile)));--_pagination-gap-tablet:var(--pagination-gap-tablet, var(--mod-pagination-gap-tablet, var(--ds-pagination-gap-tablet)));--_pagination-gap-desktop:var(--pagination-gap-desktop, var(--mod-pagination-gap-desktop, var(--ds-pagination-gap-desktop)));--_pagination-dots-background:var(--pagination-dots-background, var(--mod-pagination-dots-background, var(--ds-pagination-dots-background)));--_pagination-dots-radius:var(--pagination-dots-radius, var(--mod-pagination-dots-radius, var(--ds-pagination-dots-radius)));--_pagination-disabled-text-color:var(--pagination-disabled-text-color, var(--mod-pagination-disabled-text-color, var(--ds-pagination-disabled-text-color)));--_pagination-elevation-sticky:var(--pagination-elevation-sticky, var(--mod-pagination-elevation-sticky, var(--ds-pagination-elevation-sticky)));--_pagination-text-weight:var(--pagination-text-weight, var(--mod-pagination-text-weight, var(--ds-pagination-text-weight)));--_pagination-dots-inactive-color:var(--pagination-dots-inactive-color, var(--mod-pagination-dots-inactive-color, var(--ds-pagination-dots-inactive-color)));--_pagination-dots-active-color:var(--pagination-dots-active-color, var(--mod-pagination-dots-active-color, var(--ds-pagination-dots-active-color)))}: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}:host #nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}:host #nav ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--_pagination-gap-mobile);-ms-flex-order:2;order:2;width:unset;text-align:center}@media screen and (min-width: 769px){:host #nav ul{gap:var(--_pagination-gap-tablet)}}@media screen and (min-width: 1024px){:host #nav ul{gap:var(--_pagination-gap-desktop)}}:host #previous{-ms-flex-order:1;order:1}:host #next{-ms-flex-order:3;order:3}:host #ellipsis{width:2rem;font-weight:700}@media screen and (min-width: 769px){:host #ellipsis{width:3rem}}:host button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:host(.is-sticky){position:-webkit-sticky;position:sticky;z-index:var(--_pagination-elevation-sticky)}:host(.is-disabled){pointer-events:none}:host(.is-disabled) #ellipsis{color:var(--_pagination-disabled-text-color)}:host(.is-size-small){--mod-pagination-gap:0.125rem}:host(.is-size-small) #ellipsis{width:2rem}:host(.is-align-start) #nav{-ms-flex-pack:start;justify-content:flex-start}:host(.is-align-end) #nav{-ms-flex-pack:end;justify-content:flex-end}:host(.is-variant-dots) .dots{-ms-flex-order:2;order:2;max-width:88px;min-width:63px;min-height:2rem;margin:0 20px 0 !important;background:var(--_pagination-dots-background);border-radius:var(--_pagination-dots-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.125rem}:host(.is-variant-dots) .dots li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host(.is-variant-dots) .dots strong{font-weight:var(--_pagination-text-weight)}:host(.is-variant-dots) .dots button.dot{cursor:pointer;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--_pagination-dots-inactive-color);border:none;padding:0}:host(.is-variant-dots) .dots button.dot.is-active{background-color:var(--_pagination-dots-active-color)}";export{h as ds_pagination}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as i,I as o,E as t,F as n,G as a}from"./p-CuwLeg-T.js";import{_ as c,L as r,a as e}from"./p-Dnjznncd.js";import{s}from"./p-DCf2fJmI.js";import{n as f}from"./p-DR5LIaCn.js";import{s as d,V as l,a as m}from"./p-82RSSk25.js";const v=class{constructor(t){i(this,t),this.dsCloseClick=o(this,"dsCloseClick"),this.dsDidLoad=o(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.color="",this.heading="",this.noIcon=!1}createLogger(i){this.log=i}sizeChanged(i){this.size=f(i)}connectedCallback(){d(this),this.size=f(this.size)}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){return t(n,Object.assign({key:"fba49f38b57b8aeb384390ab0598d2d34b53152c"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,[`is-${this.color}`]:!!this.color,[`is-${this.size}`]:!!this.size}}),t("section",{key:"386f8968955fd0eeb7b46e89adca731b84ae2f3b",id:"notification",part:"section"},this.closable&&t("ds-close",{key:"c6dcd83a7a89d5a081e3c8360a2dd3d02653ac85",part:"close",onClick:i=>{s(i),this.close()}}),this.heading&&t("h2",{key:"b660129e85391c5e9e916868f16e7275af9305df",part:"heading"},this.heading),t("span",{key:"23a99ca6186f906ecfc69e65290bf424abb7c9f6"},t("slot",{key:"5a276328a4438b0f8ca0a9a0702e61236e7eecd6"}))))}get el(){return a(this)}static get watchers(){return{size:[{sizeChanged:0}]}}};c([r("notification"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],v.prototype,"createLogger",null),c([l("boolean"),e("design:type",Boolean)],v.prototype,"alert",void 0),c([l("boolean"),e("design:type",Boolean)],v.prototype,"closable",void 0),c([m("","base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"),e("design:type",String)],v.prototype,"color",void 0),c([l("string"),e("design:type",String)],v.prototype,"heading",void 0),c([l("boolean"),e("design:type",Boolean)],v.prototype,"noIcon",void 0),c([m("sm","md","lg","","small","medium","large"),e("design:type",String)],v.prototype,"size",void 0),v.style=':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-color-base-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-color-base-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-color-base-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-color-base-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);margin:0 !important}#notification:has(.close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-color-info-text);--mod-notification-color-border:var(--ds-notification-color-info-border);--mod-notification-color-background:var(--ds-notification-color-info-background);--mod-notification-icon:var(--ds-notification-color-info-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-color-success-text);--mod-notification-color-border:var(--ds-notification-color-success-border);--mod-notification-color-background:var(--ds-notification-color-success-background);--mod-notification-icon:var(--ds-notification-color-success-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-color-warning-text);--mod-notification-color-border:var(--ds-notification-color-warning-border);--mod-notification-color-background:var(--ds-notification-color-warning-background);--mod-notification-icon:var(--ds-notification-color-warning-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-color-danger-text);--mod-notification-color-border:var(--ds-notification-color-danger-border);--mod-notification-color-background:var(--ds-notification-color-danger-background);--mod-notification-icon:var(--ds-notification-color-danger-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-color-outline-base-text);--mod-notification-color-border:var(--ds-notification-color-outline-base-border);--mod-notification-color-background:var(--ds-notification-color-outline-base-background);--mod-notification-icon:var(--ds-notification-color-outline-base-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-color-outline-purple-text);--mod-notification-color-border:var(--ds-notification-color-outline-purple-border);--mod-notification-color-background:var(--ds-notification-color-outline-purple-background);--mod-notification-icon:var(--ds-notification-color-outline-purple-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-color-outline-green-text);--mod-notification-color-border:var(--ds-notification-color-outline-green-border);--mod-notification-color-background:var(--ds-notification-color-outline-green-background);--mod-notification-icon:var(--ds-notification-color-outline-green-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-color-outline-yellow-text);--mod-notification-color-border:var(--ds-notification-color-outline-yellow-border);--mod-notification-color-background:var(--ds-notification-color-outline-yellow-background);--mod-notification-icon:var(--ds-notification-color-outline-yellow-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-color-outline-red-text);--mod-notification-color-border:var(--ds-notification-color-outline-red-border);--mod-notification-color-background:var(--ds-notification-color-outline-red-background);--mod-notification-icon:var(--ds-notification-color-outline-red-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}';export{v as ds_notification}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as i,I as o,x as t,f as s,L as e,E as r,G as a}from"./p-CuwLeg-T.js";import{_ as d,L as n,a as l}from"./p-Dnjznncd.js";import{s as h}from"./p-DCf2fJmI.js";import{s as p,V as g,a as c}from"./p-82RSSk25.js";import{F as u}from"./p-CqZ6YSy9.js";import{I as b}from"./p-C7EnKCpl.js";import{R as v,a as m,b as y}from"./p-BFeO6Gq4.js";import{L as f}from"./p-CqzM3doy.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-BwrOVItb.js";const w=class{constructor(s){i(this,s),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.language=t.language,this.region=t.region,this.inputId="ds-rg-"+x++,this.allowEmptySelection=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.tileColor="",this.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),this.internals.setFormValue(this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){p(this),this.initialValue=this.value,this.internals.setFormValue(this.value),this.passDownAttributes()}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsChange(i){s(this.el,i.target)&&h(i)}listenToDsFocus(i){const{target:o}=i;o&&s(this.el,o)&&e(o,"ds-radio")&&h(i)}listenToDsBlur(i){const{target:o}=i;o&&s(this.el,o)&&e(o,"ds-radio")&&h(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),t=i.target.closest("ds-radio");if(t&&o.includes(t)){const s=o.findIndex((i=>i===t)),e=o[s];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=s===o.length-1?o[0]:o[s+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===s?o[o.length-1]:o[s-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:e.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){this.getRadios().forEach((i=>{void 0!==this.disabled&&(i.disabled=this.disabled),void 0!==this.readonly&&(i.readonly=this.readonly),void 0!==this.invalid&&(i.invalid=this.invalid),i.labelPosition=this.labelPosition,i.tile=this.tile,i.tileColor=this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),t=o.find((i=>!i.disabled)),s=o.find((o=>o.value===i&&!o.disabled));if(!t&&!s)return;const e=s||t;for(const i of o)i.setButtonTabindex(i===e?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return r(u,{key:"8159d4f48203cf480bb5ecb52759ea985882c4a2",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile},onClick:this.handleClick},r("slot",{key:"5705208f63515b8ba56b26c36a41de2caa5e3545"}))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}]}}};d([n("radio-group"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],w.prototype,"createLogger",null),d([g("boolean"),l("design:type",Boolean)],w.prototype,"allowEmptySelection",void 0),d([c(...b),l("design:type",String)],w.prototype,"color",void 0),d([c(...v),l("design:type",Number)],w.prototype,"cols",void 0),d([c(...v),l("design:type",Number)],w.prototype,"colsMobile",void 0),d([c(...v),l("design:type",Number)],w.prototype,"colsTablet",void 0),d([g("string"),l("design:type",String)],w.prototype,"description",void 0),d([g("boolean"),l("design:type",Boolean)],w.prototype,"disabled",void 0),d([g("boolean"),l("design:type",Boolean)],w.prototype,"invalid",void 0),d([g("string"),l("design:type",String)],w.prototype,"invalidText",void 0),d([g("string"),l("design:type",String)],w.prototype,"label",void 0),d([c(...m),l("design:type",String)],w.prototype,"labelPosition",void 0),d([g("boolean"),l("design:type",Boolean)],w.prototype,"loading",void 0),d([g("string"),l("design:type",String)],w.prototype,"name",void 0),d([g("boolean"),l("design:type",Boolean)],w.prototype,"readonly",void 0),d([g("boolean"),l("design:type",Boolean)],w.prototype,"required",void 0),d([g("boolean"),l("design:type",Boolean)],w.prototype,"tile",void 0),d([c(...y),l("design:type",String)],w.prototype,"tileColor",void 0),d([g("boolean"),l("design:type",Boolean)],w.prototype,"vertical",void 0),d([f(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],w.prototype,"configChanged",null);let x=0;w.style=":host{--_radio-group-label-color:var(--radio-group-label-color, var(--mod-radio-group-label-color, var(--ds-input-label-color-base)));--_radio-group-label-family:var(--radio-group-label-family, var(--mod-radio-group-label-family, var(--ds-input-label-family)));--_radio-group-label-weight:var(--radio-group-label-weight, var(--mod-radio-group-label-weight, var(--ds-input-label-weight)));--_radio-group-label-line-height:var(--radio-group-label-line-height, var(--mod-radio-group-label-line-height, var(--ds-input-label-line-height)));--_radio-group-label-size:var(--radio-group-label-size, var(--mod-radio-group-label-size, var(--ds-input-label-size-device)));--_radio-group-description-color:var(--radio-group-description-color, var(--mod-radio-group-description-color, var(--ds-input-description-color-base)));--_radio-group-description-family:var(--radio-group-description-family, var(--mod-radio-group-description-family, var(--ds-input-description-family)));--_radio-group-description-weight:var(--radio-group-description-weight, var(--mod-radio-group-description-weight, var(--ds-input-description-weight)));--_radio-group-description-line-height:var(--radio-group-description-line-height, var(--mod-radio-group-description-line-height, var(--ds-input-description-line-height)));--_radio-group-description-size:var(--radio-group-description-size, var(--mod-radio-group-description-size, var(--ds-input-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_radio-group-label-color);font-family:var(--_radio-group-label-family);font-weight:var(--_radio-group-label-weight);font-size:var(--_radio-group-label-size);line-height:var(--_radio-group-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_radio-group-description-color);font-family:var(--_radio-group-description-family);font-weight:var(--_radio-group-description-weight);font-size:var(--_radio-group-description-size);line-height:var(--_radio-group-description-line-height)}:host #description ds-icon{--icon-color:var(--_radio-group-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-input-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-input-label-color-disabled);--mod-radio-group-description-color:var(--ds-input-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}";export{w as ds_radio_group}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as o,I as t,E as r,F as e,G as n,x as d}from"./p-CuwLeg-T.js";import{_ as a,L as i,a as s}from"./p-Dnjznncd.js";import{a as b}from"./p-DYfTMCkl.js";import{i as c}from"./p-B62ocg4Q.js";import{n as l}from"./p-DR5LIaCn.js";import{s as u,a as v,V as h}from"./p-82RSSk25.js";import{c as m,d as g,e as p,B as k}from"./p-BkESlUMc.js";import{i as x}from"./p-Bbn3sYo5.js";import{L as y}from"./p-CqzM3doy.js";import"./p-BwrOVItb.js";const w=class{constructor(r){o(this,r),this.dsClick=t(this,"dsClick"),this.dsNavigate=t(this,"dsNavigate"),this.dsFocus=t(this,"dsFocus"),this.dsBlur=t(this,"dsBlur"),this.dsDidRender=t(this,"dsDidRender"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.size=void 0,this.href="",this.target="_self",this.rel="",this.download="",this.dashed=!1,this.shadow=!1,this.square=!1,this.circle=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.rounded=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.noWrap=!1,this.name="",this.value="",this.a11yControls="",this.a11yTitle="",this.a11yLabel="",this.a11yHaspopup="",this.handleHostClick=o=>{this.disabled&&(o.preventDefault(),o.stopPropagation())},this.handleFocus=()=>{this.dsFocus.emit()},this.handleBlur=()=>{this.dsBlur.emit()},this.handleClick=o=>{var t,r;this.disabled||("submit"===this.elementType&&(null===(t=this.internals.form)||void 0===t||t.requestSubmit()),"reset"===this.elementType&&(null===(r=this.internals.form)||void 0===r||r.reset()),this.dsClick.emit(o),void 0!==this.href&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}sizeChanged(o){this.size=l(o)}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}connectedCallback(){u(this),this.size=l(this.size)}componentWillLoad(){this.inheritAttributes=c(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]),this.el.hasAttribute("ds-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}componentDidRender(){this.dsDidRender.emit()}get isIconInverted(){return this.inverted}get leftIconAttrs(){return!this.icon||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!this.iconRight||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:t,href:n,rel:d,target:a,name:i,value:s}=this,c=void 0===this.href||""===this.href?"button":"a",l="button"===c?{type:o,name:i,value:s}:{download:t,href:n,rel:d,target:a},u={title:this.a11yTitle||this.inheritAttributes.title,"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes.title,"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return r(e,{key:"f8dff463b26201bde86e7569fdafb30723ff46b4",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color}`]:void 0!==this.color,[`is-${this.size}`]:void 0!==this.size,"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-rounded":this.rounded,"is-square":this.square,"is-circle":this.circle,"is-dashed":this.dashed,"has-shadow":this.shadow,"has-no-wrap":this.noWrap}},r(c,Object.assign({key:"f20adc2af68e3dc2415ebd2054f9a3de124e575e"},l,this.inheritAttributes,{type:this.elementType,id:"button",part:"native",disabled:this.disabled||this.loading,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-busy":b(!!this.loading),"aria-disabled":b(this.disabled||this.loading)},u),this.loading?r("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",this.icon?r("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:this.dashed?"md":this.size,shape:this.dashed?"circle":void 0,turn:this.iconTurn,inverted:this.isIconInverted})):"",r("span",{key:"72421e54ca84c3ac27ebc0597b15c7e6582da5f9",part:"label"},r("slot",{key:"e0c80c779787809877ebdfd5dccb85147a66cfbf"})),this.iconRight?r("ds-icon",Object.assign({},this.leftRightAttrs,{part:"icon-right",class:"icon-right",name:this.iconRight,size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):""))}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{size:[{sizeChanged:0}]}}};a([i("button"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null),a([v(...m),s("design:type",String)],w.prototype,"color",void 0),a([v(...g),s("design:type",String)],w.prototype,"elementType",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"disabled",void 0),a([v(...p),s("design:type",Object)],w.prototype,"size",void 0),a([h("string"),s("design:type",String)],w.prototype,"href",void 0),a([v(...k),s("design:type",String)],w.prototype,"target",void 0),a([h("string"),s("design:type",String)],w.prototype,"rel",void 0),a([h("string"),s("design:type",String)],w.prototype,"download",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"dashed",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"shadow",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"square",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"circle",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"wide",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"flat",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"outlined",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"inverted",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"loading",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"rounded",void 0),a([h("string"),s("design:type",String)],w.prototype,"icon",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"iconTurn",void 0),a([h("string"),s("design:type",String)],w.prototype,"iconRight",void 0),a([h("boolean"),s("design:type",Boolean)],w.prototype,"noWrap",void 0),a([h("string"),s("design:type",String)],w.prototype,"name",void 0),a([h("string"),s("design:type",String)],w.prototype,"value",void 0),a([h("string"),s("design:type",String)],w.prototype,"a11yControls",void 0),a([h("string"),s("design:type",String)],w.prototype,"a11yTitle",void 0),a([h("string"),s("design:type",String)],w.prototype,"a11yLabel",void 0),a([h("string"),s("design:type",String)],w.prototype,"a11yHaspopup",void 0),w.style=":host{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none))}#button{-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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{#button{display:none !important}}#button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}#button:focus,#button:active{outline:none}@media (hover: hover)and (pointer: fine){#button:focus-visible:not(:active),#button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){#button:hover,#button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}#button:active,#button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}:host ::slotted(ds-badge),:host ::slotted(.badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}:host(.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}:host(.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}:host(.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}:host(.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}:host(.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}:host(.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}:host(.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}:host(.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}:host(.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}:host(.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}:host(.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}:host(.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}:host(.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-secondary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}:host(.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}:host(.is-text.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}:host(.is-link.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}:host(.is-sm){--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}:host(.is-lg){--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}:host(.is-xl){--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}:host(.is-flat){--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}:host(.is-rounded){--mod-button-radius:var(--ds-button-radius-rounded)}:host(.is-square:not(.is-sm)){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-circle:not(.is-sm)){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-circle.is-sm){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-tertiary-purple.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}:host(.is-tertiary-red.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}:host(.is-tertiary-green.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}:host(.is-tertiary-yellow.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}:host(.has-shadow:not(.is-link):not(.is-text)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-text.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host{display:inline-block;width:var(--ds-button-width, -webkit-fit-content);width:var(--ds-button-width, -moz-fit-content);width:var(--ds-button-width, fit-content)}:host #button{margin:0 !important}";const f=class{constructor(t){o(this,t),this.language=d.language,this.region=d.region,this.size="",this.inverted=!1,this.disabled=!1,this.button=!1,this.buttonColor=""}createLogger(o){this.log=o}sizeChanged(o){this.size=l(o)}async configChanged(o){this.language=o.language,this.region=o.region}connectedCallback(){u(this)}render(){const o=x[this.language].close;return this.button?r(e,null,r("ds-button",{id:"close",part:"button",disabled:this.disabled,inverted:this.inverted,color:this.buttonColor,size:"sm"===this.size?"sm":"md"===this.size?"lg":""},o)):r(e,{class:{[`is-${this.size}`]:!!this.size,"is-inverted":this.inverted,"is-disabled":this.disabled}},r("button",{id:"close",part:"button",type:"button","aria-label":o,title:o,tabindex:"0",disabled:this.disabled}))}get el(){return n(this)}static get watchers(){return{size:[{sizeChanged:0}]}}};a([i("close"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],f.prototype,"createLogger",null),a([v("","sm","md","small","medium"),s("design:type",String)],f.prototype,"size",void 0),a([h("boolean"),s("design:type",Boolean)],f.prototype,"inverted",void 0),a([h("boolean"),s("design:type",Boolean)],f.prototype,"disabled",void 0),a([h("boolean"),s("design:type",Boolean)],f.prototype,"button",void 0),a([v(...m),s("design:type",String)],f.prototype,"buttonColor",void 0),a([y(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":host{--_close-position:var(--close-position, var(--mod-close-position, static));--_close-top:var(--close-top, var(--mod-close-top));--_close-right:var(--close-right, var(--mod-close-right));--_close-bottom:var(--close-bottom, var(--mod-close-bottom));--_close-left:var(--close-left, var(--mod-close-left));position:var(--_close-position);top:var(--_close-top);right:var(--_close-right);bottom:var(--_close-bottom);left:var(--_close-left);--_close-m:var(--close-m, var(--mod-close-m, 0));--_close-my:var(--close-my, var(--mod-close-my));--_close-mx:var(--close-mx, var(--mod-close-mx));--_close-ml:var(--close-ml, var(--mod-close-ml));--_close-mr:var(--close-mr, var(--mod-close-mr));--_close-mt:var(--close-mt, var(--mod-close-mt));--_close-mb:var(--close-mb, var(--mod-close-mb));margin:var(--_close-m);margin-inline:var(--_close-mx);margin-block:var(--_close-my);margin-left:var(--_close-ml);margin-right:var(--_close-mr);margin-top:var(--_close-mt);margin-bottom:var(--_close-mb);--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-color-background-active)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-color-icon-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, 12px));--_close-padding:var(--close-padding, var(--mod-close-padding, 0.313rem));--_close-icon:var(--close-icon, var(--mod-close-icon, url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\")))}: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}@media print{:host{display:none !important}}:host{display:inline-block}:host button{position:relative;display:inline-block;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);padding:var(--_close-padding);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}:host button::after{content:\"\";display:block;width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host button:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):hover,:host button:not(:disabled).is-hovered{background:var(--_close-color-background-hover)}}:host button:not(:disabled):active,:host button:not(:disabled).is-pressed{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):focus-visible:not(:active),:host button:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host(.is-sm){--mod-close-padding:0.25rem;--mod-close-size-icon:10px}:host(.is-md){--mod-close-padding:0.531rem;--mod-close-size-icon:24px}:host(.is-inverted:not(.is-disabled)){--mod-close-color-icon:var(--ds-close-color-icon-inverted);--mod-close-color-background-hover:var(--ds-close-color-background-inverted-hover);--mod-close-color-background-active:var(--ds-close-color-background-inverted-active);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--mod-close-color-icon:var(--ds-close-color-icon-disabled);--mod-close-color-background:var(--ds-close-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-color-background-disabled);--mod-close-color-background-active:var(--ds-close-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-disabled)}";export{w as ds_button,f as ds_close}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as a,E as e,F as o,G as d}from"./p-CuwLeg-T.js";import{_ as r,L as g,a as b}from"./p-Dnjznncd.js";import{n as s}from"./p-DR5LIaCn.js";import{s as t,V as i,a as n}from"./p-82RSSk25.js";const c=class{constructor(e){a(this,e),this.icon="",this.size="",this.color="",this.position="",this.pulse=!1}createLogger(a){this.log=a}sizeChanged(a){this.size=s(a)}connectedCallback(){t(this),this.size=s(this.size)||""}render(){return e(o,{key:"7b279ecf8768e13957aa164eeed67af8c12155b5",class:{[`is-${this.color}`]:!!this.color,[`is-${this.size}`]:!!this.size,"is-pulse":this.pulse}},e("span",{key:"b530be3918a020b04b96926744788390507e3407",id:"badge",part:"badge"},e("slot",{key:"8e4cbeab0f9d2a2672e1758fe1d85a15b11c3493"}),"small"!==this.size&&this.icon?e("ds-icon",{part:"icon",name:this.icon}):""))}get el(){return d(this)}static get watchers(){return{size:[{sizeChanged:0}]}}};r([g("badge"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],c.prototype,"createLogger",null),r([i("string"),b("design:type",String)],c.prototype,"icon",void 0),r([n("small","large",""),b("design:type",String)],c.prototype,"size",void 0),r([n("grey","danger","warning","success","red","yellow","green","purple",""),b("design:type",String)],c.prototype,"color",void 0),r([n("card","button","tabs",""),b("design:type",String)],c.prototype,"position",void 0),r([i("boolean"),b("design:type",Boolean)],c.prototype,"pulse",void 0),c.style=":host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-text-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-text-weight)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, calc(var(--ds-badge-size-base) / 2)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-color-base-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-color-base-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-color-base-background)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, 85%));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, 0.875rem));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-color-base-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, 4px));--_badge-padding-inline:var(--badge-padding-inline, var(--mod-badge-padding-inline, 4px));--_badge-padding-block:var(--badge-padding-block, var(--mod-badge-padding-block, 4px))}: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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:1;z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block)}:host>ds-icon{--icon-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-red){--mod-badge-color-text:var(--ds-badge-color-red-text);--mod-badge-color-background:var(--ds-badge-color-red-background);--mod-badge-pulse-color:var(--ds-badge-color-red-background);--mod-badge-icon-color:var(--ds-badge-color-red-text)}:host(.is-green){--mod-badge-color-text:var(--ds-badge-color-green-text);--mod-badge-color-background:var(--ds-badge-color-green-background);--mod-badge-pulse-color:var(--ds-badge-color-green-background);--mod-badge-icon-color:var(--ds-badge-color-green-text)}:host(.is-yellow){--mod-badge-color-text:var(--ds-badge-color-yellow-text);--mod-badge-color-background:var(--ds-badge-color-yellow-background);--mod-badge-pulse-color:var(--ds-badge-color-yellow-background);--mod-badge-icon-color:var(--ds-badge-color-yellow-text)}:host(.is-purple){--mod-badge-color-text:var(--ds-badge-color-purple-text);--mod-badge-color-background:var(--ds-badge-color-purple-background);--mod-badge-pulse-color:var(--ds-badge-color-purple-background);--mod-badge-icon-color:var(--ds-badge-color-purple-text)}:host(.is-grey){--mod-badge-color-text:var(--ds-badge-color-grey-text);--mod-badge-color-background:var(--ds-badge-color-grey-background);--mod-badge-pulse-color:var(--ds-badge-color-grey-background);--mod-badge-icon-color:var(--ds-badge-color-grey-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-color-success-text);--mod-badge-color-background:var(--ds-badge-color-success-background);--mod-badge-pulse-color:var(--ds-badge-color-success-background);--mod-badge-icon-color:var(--ds-badge-color-success-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-color-warning-text);--mod-badge-color-background:var(--ds-badge-color-warning-background);--mod-badge-pulse-color:var(--ds-badge-color-warning-background);--mod-badge-icon-color:var(--ds-badge-color-warning-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-color-danger-text);--mod-badge-color-background:var(--ds-badge-color-danger-background);--mod-badge-pulse-color:var(--ds-badge-color-danger-background);--mod-badge-icon-color:var(--ds-badge-color-danger-text)}:host(.is-sm){--mod-badge-radius:calc(var(--ds-badge-size-sm) / 2);--mod-badge-height:var(--ds-badge-size-sm);--mod-badge-min-width:var(--ds-badge-size-sm);--mod-badge-padding-inline:0;--mod-badge-padding-block:0;--mod-badge-font-size:0;max-width:var(--ds-badge-size-sm);padding:0;overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg);--mod-badge-height:var(--ds-badge-size-lg);--mod-badge-radius:calc(var(--ds-badge-size-lg) / 2);--mod-badge-font-size:1rem;--mod-badge-icon-size:1.125rem}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}";export{c as ds_badge}

package/dist/design-system/p-d430812a57.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-CuwLeg-T.js";import{_ as n,L as o,a as r}from"./p-Dnjznncd.js";import{n as c}from"./p-DR5LIaCn.js";import{s as i,a as l}from"./p-82RSSk25.js";import{S as g}from"./p-ng5ZzTOj.js";const k=["","start","center","end"],d=class{constructor(a){t(this,a),this.layout="",this.direction="",this.align="",this.textAlign="",this.space="",this.alignment=""}createLogger(t){this.log=t}layoutChanged(t){""!==t&&("horizontal"===t?this.direction="row":"vertical"===t?this.direction="column":"vertical-reverse"===t?this.direction="column-reverse":"horizontal-reverse"===t&&(this.direction="row-reverse"))}spaceChanged(t){this.space=c(t)}connectedCallback(){i(this),this.layoutChanged(this.layout),this.spaceChanged(this.space)}render(){var t;const s=!!this.alignment,n=!!this.align,o=!!this.space;let r=null===(t=this.align)||void 0===t?void 0:t.split(" ").join("-");return this.alignment&&(r=this.alignment.split(" ").join("-")),a(e,{key:"7749f99e93cfd289509e77411aca498eec508477",class:{"stack-content":!0,"as-row":"row"===this.direction,"as-col":"column"===this.direction,[`align-${r}`]:n||s,[`text-${this.textAlign}`]:void 0!==this.textAlign,[`has-space-${this.space}`]:o}},a("slot",{key:"2d522a40ed22bfaebd0d3162fd94e97bf2da5ac1"}))}get el(){return s(this)}static get watchers(){return{layout:[{layoutChanged:0}],space:[{spaceChanged:0}]}}};n([o("content"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),n([l(...g),r("design:type",String)],d.prototype,"layout",void 0),n([l("","column","row"),r("design:type",String)],d.prototype,"direction",void 0),n([l(...k),r("design:type",String)],d.prototype,"align",void 0),n([l(...k),r("design:type",String)],d.prototype,"textAlign",void 0),n([l("","none","3xs","2xs","xs","sm","base","xxx-small","xx-small","x-small","small","normal"),r("design:type",String)],d.prototype,"space",void 0),d.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}.stack-content.text-center{text-align:center}.stack-content.text-right{text-align:right}.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}";export{d as ds_content}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as t,E as r,F as a,G as i}from"./p-CuwLeg-T.js";import{_ as e,L as s,a as d}from"./p-Dnjznncd.js";import{s as l,V as o,a as b}from"./p-82RSSk25.js";import{H as c}from"./p-Ceu7FIWM.js";const m=class{constructor(r){t(this,r),this.inverted=!1,this.bold=!1,this.color=""}createLogger(t){this.log=t}connectedCallback(){l(this)}render(){return r(a,{key:"5fa47e10e975876c9e7504c6802fec1ff1a64278",class:{"card-header":!0}},r("span",{key:"35f306867b2d826c1368e82dc55164d7f59cd7a7",class:{text:!0,"is-bold":this.bold,[`is-${this.color}`]:""!==this.color&&!this.inverted,"is-inverted":this.inverted}},r("slot",{key:"fcd9d4bb19a8f16df26943291a5527f056a1ad57"})))}get el(){return i(this)}};e([s("card-subtitle"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],m.prototype,"createLogger",null),e([o("boolean"),d("design:type",Boolean)],m.prototype,"inverted",void 0),e([o("boolean"),d("design:type",Boolean)],m.prototype,"bold",void 0),e([b(...c),d("design:type",String)],m.prototype,"color",void 0),m.style=":host{--_card-subtitle-position:var(--card-subtitle-position, var(--mod-card-subtitle-position, static));--_card-subtitle-top:var(--card-subtitle-top, var(--mod-card-subtitle-top));--_card-subtitle-right:var(--card-subtitle-right, var(--mod-card-subtitle-right));--_card-subtitle-bottom:var(--card-subtitle-bottom, var(--mod-card-subtitle-bottom));--_card-subtitle-left:var(--card-subtitle-left, var(--mod-card-subtitle-left));position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left);--_card-subtitle-m:var(--card-subtitle-m, var(--mod-card-subtitle-m, 0));--_card-subtitle-my:var(--card-subtitle-my, var(--mod-card-subtitle-my));--_card-subtitle-mx:var(--card-subtitle-mx, var(--mod-card-subtitle-mx));--_card-subtitle-ml:var(--card-subtitle-ml, var(--mod-card-subtitle-ml));--_card-subtitle-mr:var(--card-subtitle-mr, var(--mod-card-subtitle-mr));--_card-subtitle-mt:var(--card-subtitle-mt, var(--mod-card-subtitle-mt));--_card-subtitle-mb:var(--card-subtitle-mb, var(--mod-card-subtitle-mb));margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);display:-ms-flexbox;display:flex;margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left)}:host{grid-area:subtitle;grid-area:subtitle}";export{m as ds_card_subtitle}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as i,x as o,E as n,F as r,G as e,D as s,r as t}from"./p-CuwLeg-T.js";import{_ as a,L as l,a as c}from"./p-Dnjznncd.js";import{g as d}from"./p-Duhf3ymL.js";import{d as f,c as h,a as v,b as g}from"./p-DHeVI6dR.js";import{s as p}from"./p-BaIoYrFa.js";import{n as m}from"./p-DR5LIaCn.js";import{s as u,V as b,a as x}from"./p-82RSSk25.js";import{L as z}from"./p-CqzM3doy.js";import"./p-BwrOVItb.js";var y,w,_,k,F,C,E,B,A,D,L,j,S,I,O,U,R,T,Z,$,M,N,G,H,P,V,Y,J,K,W,q,Q,X,ii,oi,ni,ri,ei,si,ti,ai,li,ci,di,fi,hi;function vi(){if(B)return E;B=1;var i=function(){if(C)return F;C=1;var i=v(),o=w?y:(w=1,y=function(i,o){for(var n=-1,r=null==i?0:i.length,e=Array(r);++n<r;)e[n]=o(i[n],n,i);return e}),n=g(),r=function(){if(k)return _;k=1;var i=f(),o=h();return _=function(n){return"symbol"==typeof n||o(n)&&"[object Symbol]"==i(n)}}(),e=i?i.prototype:void 0,s=e?e.toString:void 0;return F=function i(e){if("string"==typeof e)return e;if(n(e))return o(e,i)+"";if(r(e))return s?s.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}}();return E=function(o){return null==o?"":i(o)}}function gi(){if(I)return S;I=1;var i=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");return S=function(o){return i.test(o)}}function pi(){if(H)return G;H=1;var i=function(){if(N)return M;N=1;var i=function(){if(j)return L;j=1;var i=D?A:(D=1,A=function(i,o,n){var r=-1,e=i.length;o<0&&(o=-o>e?0:e+o),(n=n>e?e:n)<0&&(n+=e),e=o>n?0:n-o>>>0,o>>>=0;for(var s=Array(e);++r<e;)s[r]=i[r+o];return s});return L=function(o,n,r){var e=o.length;return r=void 0===r?e:r,!n&&r>=e?o:i(o,n,r)}}(),o=gi(),n=function(){if($)return Z;$=1;var i=U?O:(U=1,O=function(i){return i.split("")}),o=gi(),n=function(){if(T)return R;T=1;var i="\\ud800-\\udfff",o="["+i+"]",n="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",r="\\ud83c[\\udffb-\\udfff]",e="[^"+i+"]",s="(?:\\ud83c[\\udde6-\\uddff]){2}",t="[\\ud800-\\udbff][\\udc00-\\udfff]",a="(?:"+n+"|"+r+")?",l="[\\ufe0e\\ufe0f]?",c=l+a+"(?:\\u200d(?:"+[e,s,t].join("|")+")"+l+a+")*",d="(?:"+[e+n+"?",n,s,t,o].join("|")+")",f=RegExp(r+"(?="+r+")|"+d+c,"g");return R=function(i){return i.match(f)||[]}}();return Z=function(r){return o(r)?n(r):i(r)}}(),r=vi();return M=function(e){return function(s){s=r(s);var t=o(s)?n(s):void 0,a=t?t[0]:s.charAt(0),l=t?i(t,1).join(""):s.slice(1);return a[e]()+l}}}()("toUpperCase");return G=i}function mi(){if(di)return ci;di=1;var i=J?Y:(J=1,Y=function(i,o,n,r){var e=-1,s=null==i?0:i.length;for(r&&s&&(n=i[++e]);++e<s;)n=o(n,i[e],e,i);return n}),o=function(){if(ii)return X;ii=1;var i=function(){if(Q)return q;Q=1;var i=(W?K:(W=1,K=function(i){return function(o){return null==i?void 0:i[o]}}))({À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",IJ:"IJ",ij:"ij",Œ:"Oe",œ:"oe",ʼn:"'n",ſ:"s"});return q=i}(),o=vi(),n=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,r=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");return X=function(e){return(e=o(e))&&e.replace(n,i).replace(r,"")}}(),n=function(){if(li)return ai;li=1;var i=function(){if(ni)return oi;ni=1;var i=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;return oi=function(o){return o.match(i)||[]}}(),o=function(){if(ei)return ri;ei=1;var i=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;return ri=function(o){return i.test(o)}}(),n=vi(),r=function(){if(ti)return si;ti=1;var i="\\ud800-\\udfff",o="\\u2700-\\u27bf",n="a-z\\xdf-\\xf6\\xf8-\\xff",r="A-Z\\xc0-\\xd6\\xd8-\\xde",e="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",s="["+e+"]",t="\\d+",a="["+o+"]",l="["+n+"]",c="[^"+i+e+t+o+n+r+"]",d="(?:\\ud83c[\\udde6-\\uddff]){2}",f="[\\ud800-\\udbff][\\udc00-\\udfff]",h="["+r+"]",v="(?:"+l+"|"+c+")",g="(?:"+h+"|"+c+")",p="(?:['’](?:d|ll|m|re|s|t|ve))?",m="(?:['’](?:D|LL|M|RE|S|T|VE))?",u="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",b="[\\ufe0e\\ufe0f]?",x=b+u+"(?:\\u200d(?:"+["[^"+i+"]",d,f].join("|")+")"+b+u+")*",z="(?:"+[a,d,f].join("|")+")"+x,y=RegExp([h+"?"+l+"+"+p+"(?="+[s,h,"$"].join("|")+")",g+"+"+m+"(?="+[s,h+v,"$"].join("|")+")",h+"?"+v+"+"+p,h+"+"+m,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",t,z].join("|"),"g");return si=function(i){return i.match(y)||[]}}();return ai=function(e,s,t){return e=n(e),void 0===(s=t?void 0:s)?o(e)?r(e):i(e):e.match(s)||[]}}(),r=RegExp("['’]","g");return ci=function(e){return function(s){return i(n(o(s).replace(r,"")),e,"")}}}var ui=function(){if(hi)return fi;hi=1;var i=function(){if(V)return P;V=1;var i=vi(),o=pi();return P=function(n){return o(i(n).toLowerCase())}}(),o=mi()((function(o,n,r){return n=n.toLowerCase(),o+(r?i(n):n)}));return fi=o}(),bi=d(ui),xi=d(pi());const zi=class{constructor(n){i(this,n),this.icons=o.icons,this.svgContent="",this.name="",this.svg="",this.shape="",this.tile=!1,this.tileColor="purple",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){const o=this.icons[`Icon${xi(bi(i))}`];if(o)return void(this.svgContent=o);console.error(`Icon "${i}" not found in design system configuration.`,"\n\nCheck out the documentation on how to import icons during initialization.","\nhttps://design.baloise.dev/?path=/docs/components-data-display-icon--documentation&globals=framework:angular#import-during-initialization")}this.svg&&(this.svgContent=p(this.svg))}}createLogger(i){this.log=i}sizeChanged(i){this.size=m(i)}connectedCallback(){u(this),this.generateSvgContent(this.name),this.size=m(this.size)||""}componentWillRender(){this.generateSvgContent(this.name)}async configChanged(i){this.icons=i.icons,this.generateSvgContent(this.name)}parseColor(){return this.disabled?"grey":this.invalid?"danger":"auto"!==this.color&&""!==this.color&&null!=this.color||this.svg?this.color:"primary"}render(){const i=this.parseColor();return n(r,{key:"864c8460072f69eb5f0a8c244b2a464315a60523","aria-hidden":"true",class:{"is-filled":!this.svg,[`is-${i}`]:!!i,[`is-${this.size}`]:void 0!==this.size,[`turn-${this.name}`]:this.turn,"is-inverted":this.inverted,"is-inline":this.inline,"is-tile":this.tile,[`is-tile-${this.tileColor}`]:this.tile,"has-shadow":this.shadow,"is-disabled":this.disabled,"is-invalid":this.invalid,[`has-shape-${this.shape}`]:!!this.shape}},n("div",{key:"cf951ef5fb93f75fe4a4ac556fe5299562afc9a2",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return e(this)}static get watchers(){return{size:[{sizeChanged:0}]}}};a([l("icon"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],zi.prototype,"createLogger",null),a([b("string"),c("design:type",String)],zi.prototype,"name",void 0),a([b("string"),c("design:type",String)],zi.prototype,"svg",void 0),a([x("xs","sm","md","lg","xl","2xl","","xsmall","x-small","small","medium","large","x-large","xx-large"),c("design:type",Object)],zi.prototype,"size",void 0),a([x("auto","blue","light-blue","success","success-dark","success-darker","danger","danger-dark","danger-darker","info","warning","warning-dark","warning-darker","white","grey","grey-light","grey-dark","primary","primary-light","primary-dark",""),c("design:type",Object)],zi.prototype,"color",void 0),a([x("","triangle","circle"),c("design:type",String)],zi.prototype,"shape",void 0),a([b("boolean"),c("design:type",Boolean)],zi.prototype,"tile",void 0),a([x("purple","red","yellow","green"),c("design:type",String)],zi.prototype,"tileColor",void 0),a([b("boolean"),c("design:type",Boolean)],zi.prototype,"inline",void 0),a([b("boolean"),c("design:type",Boolean)],zi.prototype,"inverted",void 0),a([b("boolean"),c("design:type",Boolean)],zi.prototype,"turn",void 0),a([b("boolean"),c("design:type",Boolean)],zi.prototype,"shadow",void 0),a([b("boolean"),c("design:type",Boolean)],zi.prototype,"disabled",void 0),a([b("boolean"),c("design:type",Boolean)],zi.prototype,"invalid",void 0),a([z(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],zi.prototype,"configChanged",null),zi.style=':host{--_icon-position:var(--icon-position, var(--mod-icon-position, static));--_icon-top:var(--icon-top, var(--mod-icon-top));--_icon-right:var(--icon-right, var(--mod-icon-right));--_icon-bottom:var(--icon-bottom, var(--mod-icon-bottom));--_icon-left:var(--icon-left, var(--mod-icon-left));position:var(--_icon-position);top:var(--_icon-top);right:var(--_icon-right);bottom:var(--_icon-bottom);left:var(--_icon-left);--_icon-m:var(--icon-m, var(--mod-icon-m, 0));--_icon-my:var(--icon-my, var(--mod-icon-my));--_icon-mx:var(--icon-mx, var(--mod-icon-mx));--_icon-ml:var(--icon-ml, var(--mod-icon-ml));--_icon-mr:var(--icon-mr, var(--mod-icon-mr));--_icon-mt:var(--icon-mt, var(--mod-icon-mt));--_icon-mb:var(--icon-mb, var(--mod-icon-mb));margin:var(--_icon-m);margin-inline:var(--_icon-mx);margin-block:var(--_icon-my);margin-left:var(--_icon-ml);margin-right:var(--_icon-mr);margin-top:var(--_icon-mt);margin-bottom:var(--_icon-mb);--_icon-size:var(--icon-size, var(--mod-icon-size, var(--ds-icon-size-base)));--_icon-inner-size:var(--icon-inner-size, var(--mod-icon-inner-size, var(--ds-icon-size-base)));--_icon-inner-mt:var(--icon-inner-mt, var(--mod-icon-inner-mt, 0));--_icon-color:var(--icon-color, var(--mod-icon-color, var(--ds-icon-color-primary)));--_icon-shape:var(--icon-shape, var(--mod-icon-shape, var(--ds-icon-color-primary)));--_icon-tile-size:var(--icon-tile-size, var(--mod-icon-tile-size, var(--ds-icon-tile-size-base-mobile)));--_icon-tile-size-tablet:var(--icon-tile-size-tablet, var(--mod-icon-tile-size-tablet, var(--ds-icon-tile-size-base-tablet)));--_icon-tile-color-background:var(--icon-tile-color-background, var(--mod-icon-tile-color-background, var(--ds-icon-tile-color-purple)));--_icon-tile-radius:var(--icon-tile-radius, var(--mod-icon-tile-radius, var(--ds-icon-tile-radius)))}: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:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;pointer-events:visible;width:var(--_icon-size);height:var(--_icon-size);max-height:var(--_icon-size)}:host #inner{display:block;position:static;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;padding:.063rem;margin-top:var(--_icon-inner-mt);width:var(--_icon-inner-size);height:var(--_icon-inner-size);max-height:var(--_icon-inner-size)}:host #inner>svg{vertical-align:top}:host(.is-filled) svg svg,:host(.is-filled) svg g,:host(.is-filled) svg path,:host(.is-filled) svg circle{fill:var(--_icon-color)}:host(:not(.is-filled)) svg path[fill="#E9FBF7"]{fill:var(--icon-brand-color, #E9FBF7)}:host(:not(.is-filled)) svg path[fill="#e9fbf7"]{fill:var(--icon-brand-color, #e9fbf7)}:host(:not(.is-filled)) svg path[fill="#CBF2EC"]{fill:var(--icon-brand-color, #CBF2EC)}:host(:not(.is-filled)) svg path[fill="#cbf2ec"]{fill:var(--icon-brand-color, #cbf2ec)}:host(:not(.is-filled)) svg path[fill="#94E3D4"]{fill:var(--icon-brand-color, #94E3D4)}:host(:not(.is-filled)) svg path[fill="#94e3d4"]{fill:var(--icon-brand-color, #94e3d4)}:host(:not(.is-filled)) svg path[fill="#21D9AC"]{fill:var(--icon-brand-color, #21D9AC)}:host(:not(.is-filled)) svg path[fill="#21d9ac"]{fill:var(--icon-brand-color, #21d9ac)}:host(:not(.is-filled)) svg path[fill="#00B28F"]{fill:var(--icon-brand-color, #00B28F)}:host(:not(.is-filled)) svg path[fill="#00b28f"]{fill:var(--icon-brand-color, #00b28f)}:host(:not(.is-filled)) svg path[fill="#1B5951"]{fill:var(--icon-brand-color, #1B5951)}:host(:not(.is-filled)) svg path[fill="#1b5951"]{fill:var(--icon-brand-color, #1b5951)}:host(:not(.is-filled)) svg path[fill="#FFF9E8"]{fill:var(--icon-brand-color, #FFF9E8)}:host(:not(.is-filled)) svg path[fill="#fff9e8"]{fill:var(--icon-brand-color, #fff9e8)}:host(:not(.is-filled)) svg path[fill="#FFECBC"]{fill:var(--icon-brand-color, #FFECBC)}:host(:not(.is-filled)) svg path[fill="#ffecbc"]{fill:var(--icon-brand-color, #ffecbc)}:host(:not(.is-filled)) svg path[fill="#FAE052"]{fill:var(--icon-brand-color, #FAE052)}:host(:not(.is-filled)) svg path[fill="#fae052"]{fill:var(--icon-brand-color, #fae052)}:host(:not(.is-filled)) svg path[fill="#FFBE19"]{fill:var(--icon-brand-color, #FFBE19)}:host(:not(.is-filled)) svg path[fill="#ffbe19"]{fill:var(--icon-brand-color, #ffbe19)}:host(:not(.is-filled)) svg path[fill="#FA9319"]{fill:var(--icon-brand-color, #FA9319)}:host(:not(.is-filled)) svg path[fill="#fa9319"]{fill:var(--icon-brand-color, #fa9319)}:host(:not(.is-filled)) svg path[fill="#B24A00"]{fill:var(--icon-brand-color, #B24A00)}:host(:not(.is-filled)) svg path[fill="#b24a00"]{fill:var(--icon-brand-color, #b24a00)}:host(:not(.is-filled)) svg path[fill="#FFEEF1"]{fill:var(--icon-brand-color, #FFEEF1)}:host(:not(.is-filled)) svg path[fill="#ffeef1"]{fill:var(--icon-brand-color, #ffeef1)}:host(:not(.is-filled)) svg path[fill="#FFD7D7"]{fill:var(--icon-brand-color, #FFD7D7)}:host(:not(.is-filled)) svg path[fill="#ffd7d7"]{fill:var(--icon-brand-color, #ffd7d7)}:host(:not(.is-filled)) svg path[fill="#FFACA6"]{fill:var(--icon-brand-color, #FFACA6)}:host(:not(.is-filled)) svg path[fill="#ffaca6"]{fill:var(--icon-brand-color, #ffaca6)}:host(:not(.is-filled)) svg path[fill="#FF596F"]{fill:var(--icon-brand-color, #FF596F)}:host(:not(.is-filled)) svg path[fill="#ff596f"]{fill:var(--icon-brand-color, #ff596f)}:host(:not(.is-filled)) svg path[fill="#D9304C"]{fill:var(--icon-brand-color, #D9304C)}:host(:not(.is-filled)) svg path[fill="#d9304c"]{fill:var(--icon-brand-color, #d9304c)}:host(:not(.is-filled)) svg path[fill="#99172D"]{fill:var(--icon-brand-color, #99172D)}:host(:not(.is-filled)) svg path[fill="#99172d"]{fill:var(--icon-brand-color, #99172d)}:host(:not(.is-filled)) svg path[fill="#F9F3FF"]{fill:var(--icon-brand-color, #F9F3FF)}:host(:not(.is-filled)) svg path[fill="#f9f3ff"]{fill:var(--icon-brand-color, #f9f3ff)}:host(:not(.is-filled)) svg path[fill="#E1D9FF"]{fill:var(--icon-brand-color, #E1D9FF)}:host(:not(.is-filled)) svg path[fill="#e1d9ff"]{fill:var(--icon-brand-color, #e1d9ff)}:host(:not(.is-filled)) svg path[fill="#B8B2FF"]{fill:var(--icon-brand-color, #B8B2FF)}:host(:not(.is-filled)) svg path[fill="#b8b2ff"]{fill:var(--icon-brand-color, #b8b2ff)}:host(:not(.is-filled)) svg path[fill="#BE82FA"]{fill:var(--icon-brand-color, #BE82FA)}:host(:not(.is-filled)) svg path[fill="#be82fa"]{fill:var(--icon-brand-color, #be82fa)}:host(:not(.is-filled)) svg path[fill="#9F52CC"]{fill:var(--icon-brand-color, #9F52CC)}:host(:not(.is-filled)) svg path[fill="#9f52cc"]{fill:var(--icon-brand-color, #9f52cc)}:host(:not(.is-filled)) svg path[fill="#6C2273"]{fill:var(--icon-brand-color, #6C2273)}:host(:not(.is-filled)) svg path[fill="#6c2273"]{fill:var(--icon-brand-color, #6c2273)}:host(:not(.is-filled)) svg path[fill="#000D6E"]{fill:var(--icon-brand-color, #000D6E)}:host(:not(.is-filled)) svg path[fill="#000d6e"]{fill:var(--icon-brand-color, #000d6e)}:host(.is-inline){display:-ms-inline-flexbox;display:inline-flex;line-height:1}:host(.has-shadow) svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}:host(.turn-plus) #inner{-webkit-transform:rotate(225deg);transform:rotate(225deg)}:host(.turn-nav-go-down) #inner,:host(.turn-caret-down) #inner,:host(.turn-caret-up) #inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.is-tile){background:var(--_icon-tile-color-background);border-radius:var(--_icon-tile-radius);height:var(--_icon-tile-size);--mod-icon-size:var(--_icon-tile-size);--mod-icon-inner-size:var(--_icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_icon-tile-size-tablet);--mod-icon-size:var(--_icon-tile-size-tablet);--mod-icon-inner-size:var(--_icon-tile-size-tablet)}}:host(.is-xs:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-xs);--mod-icon-inner-size:var(--ds-icon-size-xs)}:host(.is-sm:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}:host(.is-md:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:var(--ds-icon-size-md)}:host(.is-lg:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:var(--ds-icon-size-lg)}:host(.is-xl:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:var(--ds-icon-size-xl)}:host(.is-2xl:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-2xl);--mod-icon-inner-size:var(--ds-icon-size-2xl)}:host(.is-tile.is-lg){--mod-icon-tile-size:var(--ds-icon-tile-size-lg-mobile);--mod-icon-tile-size-tablet:var(--ds-icon-tile-size-lg-tablet)}:host(.is-tile.is-xl){--mod-icon-tile-size:var(--ds-icon-tile-size-xl-mobile);--mod-icon-tile-size-tablet:var(--ds-icon-tile-size-xl-tablet)}:host(.is-inverted){--mod-icon-color:var(--ds-icon-color-white)}:host(.is-disabled){--mod-icon-color:var(--ds-icon-color-disabled)}:host(.is-primary){--mod-icon-color:var(--ds-icon-color-primary);--mod-icon-shape:var(--ds-global-color-primary-5)}:host(.is-primary-light){--mod-icon-color:var(--ds-icon-color-primary-light);--mod-icon-shape:var(--ds-global-color-primary-light-5)}:host(.is-info){--mod-icon-color:var(--ds-icon-color-info);--mod-icon-shape:var(--ds-global-color-info-5)}:host(.is-success){--mod-icon-color:var(--ds-icon-color-success);--mod-icon-shape:var(--ds-global-color-success-5)}:host(.is-danger){--mod-icon-color:var(--ds-icon-color-danger);--mod-icon-shape:var(--ds-global-color-danger-5)}:host(.is-warning){--mod-icon-color:var(--ds-icon-color-warning);--mod-icon-shape:var(--ds-global-color-warning-5)}:host(.is-white){--mod-icon-color:var(--ds-icon-color-white);--mod-icon-shape:var(--ds-global-color-white-5)}:host(.is-grey){--mod-icon-color:var(--ds-icon-color-grey);--mod-icon-shape:var(--ds-global-color-grey-5)}:host(.is-tile-green){--mod-icon-tile-color-background:var(--ds-icon-tile-color-green)}:host(.is-tile-red){--mod-icon-tile-color-background:var(--ds-icon-tile-color-red)}:host(.is-tile-yellow){--mod-icon-tile-color-background:var(--ds-icon-tile-color-yellow)}:host(.has-shape-circle),:host(.has-shape-triangle){--mod-icon-color:white}:host(.has-shape-triangle){--mod-icon-inner-mt:2px}:host(.has-shape-circle),:host(.has-shape-triangle){--mod-icon-size:var(--ds-icon-size-base);--mod-icon-inner-size:calc(var(--ds-icon-size-base) * 0.6)}:host(.has-shape-circle.is-md),:host(.has-shape-triangle.is-md){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:calc(var(--ds-icon-size-md) * 0.6)}:host(.has-shape-circle.is-lg),:host(.has-shape-triangle.is-lg){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:calc(var(--ds-icon-size-lg) * 0.6)}:host(.has-shape-circle.is-xl),:host(.has-shape-triangle.is-xl){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:calc(var(--ds-icon-size-xl) * 0.6)}:host(.has-shape-circle.is-2xl),:host(.has-shape-triangle.is-2xl){--mod-icon-size:var(--ds-icon-size-2xl);--mod-icon-inner-size:calc(var(--ds-icon-size-2xl) * 0.6)}:host(.has-shape-circle)::before{content:"";-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.8995 4.10051C21.9416 2.14257 19.447 0.809205 16.7313 0.269012C14.0155 -0.271181 11.2006 0.00606573 8.64244 1.06569C6.08426 2.12532 3.89777 3.91973 2.35943 6.22202C0.821087 8.52431 -3.3718e-07 11.2311 0 14C1.6859e-07 16.769 0.821085 19.4757 2.35943 21.778C3.89777 24.0803 6.08426 25.8747 8.64244 26.9343C11.2006 27.994 14.0155 28.2712 16.7313 27.731C19.447 27.1908 21.9416 25.8575 23.8995 23.8995C26.525 21.274 28 17.7131 28 14C28 10.287 26.525 6.72602 23.8995 4.10051Z" fill="black"/></svg>\');mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.8995 4.10051C21.9416 2.14257 19.447 0.809205 16.7313 0.269012C14.0155 -0.271181 11.2006 0.00606573 8.64244 1.06569C6.08426 2.12532 3.89777 3.91973 2.35943 6.22202C0.821087 8.52431 -3.3718e-07 11.2311 0 14C1.6859e-07 16.769 0.821085 19.4757 2.35943 21.778C3.89777 24.0803 6.08426 25.8747 8.64244 26.9343C11.2006 27.994 14.0155 28.2712 16.7313 27.731C19.447 27.1908 21.9416 25.8575 23.8995 23.8995C26.525 21.274 28 17.7131 28 14C28 10.287 26.525 6.72602 23.8995 4.10051Z" fill="black"/></svg>\');-webkit-mask-size:cover;mask-size:cover;background:var(--_icon-shape);position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);margin:2px}:host(.has-shape-triangle)::before{content:"";-webkit-mask-image:url("data:image/svg+xml;charset=UTF-8,  <svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 14 14\'>    <path fill=\'black\' d=\'M7 .006a1.5 1.5 0 0 0-1.335.816l-.002.004-5.5 10.999a1.503 1.503 0 0 0 .606 1.983 1.5 1.5 0 0 0 .73.192h11.003a1.5 1.5 0 0 0 1.335-2.174l-5.5-11-.002-.004A1.5 1.5 0 0 0 7 .006\'/>  </svg>");mask-image:url("data:image/svg+xml;charset=UTF-8,  <svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 14 14\'>    <path fill=\'black\' d=\'M7 .006a1.5 1.5 0 0 0-1.335.816l-.002.004-5.5 10.999a1.503 1.503 0 0 0 .606 1.983 1.5 1.5 0 0 0 .73.192h11.003a1.5 1.5 0 0 0 1.335-2.174l-5.5-11-.002-.004A1.5 1.5 0 0 0 7 .006\'/>  </svg>");-webkit-mask-size:cover;mask-size:cover;background:var(--_icon-shape);position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);margin:2px}';const yi={de:{loading:"Laden"},en:{loading:"Loading"},fr:{loading:"Chargement"},it:{loading:"Caricamento"},nl:{loading:"Laden"},es:{loading:"Cargando"},pl:{loading:"Ładowanie"},pt:{loading:"Carregando"},sv:{loading:"Laddar"},fi:{loading:"Ladataan"}},wi=class{constructor(n){i(this,n),this.animated=o.animated,this.language=o.language,this.region=o.region,this.color="blue",this.deactivated=!1,this.inverted=!1,this.size="",this.small=!1,this.label="",this.labelPosition="right",this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=s((async()=>{this.animationFunction&&this.innerEl&&this.animationFunction(this.innerEl,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.innerEl.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((i,o)=>{if(this.animationFunction)return i();t((async()=>{import("./p-BUK_uRdC.js").then((o=>{this.animationFunction=o.animate,i()})).catch(o)}))}))}createLogger(i){this.log=i}deactivatedChanged(i,o){i!==o&&(this.deactivated?this.destroy():this.animate())}smallChanged(i,o){i!==o&&!0===i&&(this.size="sm")}variationChanged(i,o){i!==o&&("circle"===this.variation?this.destroy():this.animate())}connectedCallback(){u(this),this.smallChanged(this.small,!1)}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&this.innerEl&&!this.el.isConnected&&this.destroy()}async configChanged(i){this.animated=i.animated,this.language=i.language,this.region=i.region,!1===i.animated&&this.destroy()}getColor(){try{const i=this.el?getComputedStyle(this.el).getPropertyValue("--spinner-color").trim():"";if(i)return i}catch(i){}return this.inverted?"#ffffff":"#151f6d"}render(){return n(r,{key:"51cc071f89287840391cc33d5405bb1bfca4523f",role:"progressbar","aria-label":this.label||yi[this.language].loading,class:{"is-animated":this.animated,"is-circle":"circle"===this.variation,"is-sm":"sm"===this.size,"is-white":"white"===this.color,"is-label-right":!!this.label&&"right"===this.labelPosition,"is-label-bottom":!!this.label&&"bottom"===this.labelPosition}},n("div",{key:"d0ecd97e9a41bd7e5d3b33bc0fd9333acc645632"},n("div",{key:"58e0b422a077c3f159236ec70605c2289bef0192",id:"inner",part:"inner",ref:i=>this.innerEl=i})),this.label&&n("span",{key:"15f04744d573e087dd5126d6449bd8781cd48231",part:"label"},this.label))}get el(){return e(this)}static get watchers(){return{deactivated:[{deactivatedChanged:0}],small:[{smallChanged:0}],variation:[{variationChanged:0}]}}};a([l("spinner"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],wi.prototype,"createLogger",null),a([x("blue","white"),c("design:type",String)],wi.prototype,"color",void 0),a([b("boolean"),c("design:type",Boolean)],wi.prototype,"deactivated",void 0),a([b("boolean"),c("design:type",Boolean)],wi.prototype,"inverted",void 0),a([x("sm",""),c("design:type",String)],wi.prototype,"size",void 0),a([b("boolean"),c("design:type",Boolean)],wi.prototype,"small",void 0),a([b("string"),c("design:type",String)],wi.prototype,"label",void 0),a([x("right","bottom"),c("design:type",String)],wi.prototype,"labelPosition",void 0),a([x("logo","circle"),c("design:type",String)],wi.prototype,"variation",void 0),a([z(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],wi.prototype,"configChanged",null),wi.style=":host{--_spinner-position:var(--spinner-position, var(--mod-spinner-position, static));--_spinner-top:var(--spinner-top, var(--mod-spinner-top));--_spinner-right:var(--spinner-right, var(--mod-spinner-right));--_spinner-bottom:var(--spinner-bottom, var(--mod-spinner-bottom));--_spinner-left:var(--spinner-left, var(--mod-spinner-left));position:var(--_spinner-position);top:var(--_spinner-top);right:var(--_spinner-right);bottom:var(--_spinner-bottom);left:var(--_spinner-left);--_spinner-m:var(--spinner-m, var(--mod-spinner-m, 0));--_spinner-my:var(--spinner-my, var(--mod-spinner-my));--_spinner-mx:var(--spinner-mx, var(--mod-spinner-mx));--_spinner-ml:var(--spinner-ml, var(--mod-spinner-ml));--_spinner-mr:var(--spinner-mr, var(--mod-spinner-mr));--_spinner-mt:var(--spinner-mt, var(--mod-spinner-mt));--_spinner-mb:var(--spinner-mb, var(--mod-spinner-mb));margin:var(--_spinner-m);margin-inline:var(--_spinner-mx);margin-block:var(--_spinner-my);margin-left:var(--_spinner-ml);margin-right:var(--_spinner-mr);margin-top:var(--_spinner-mt);margin-bottom:var(--_spinner-mb);--_spinner-size:var(--spinner-size, var(--mod-spinner-size, var(--ds-spinner-size)));--_spinner-circle-size:var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size)));--_spinner-circle-border-width:var(--spinner-circle-border-width, var(--mod-spinner-circle-border-width, var(--ds-spinner-circle-border-width)));--_spinner-circle-color-border-background:var(--spinner-circle-color-border-background, var(--mod-spinner-circle-color-border-background, var(--ds-spinner-circle-color-background)));--_spinner-circle-color-border-progress:var(--spinner-circle-color-border-progress, var(--mod-spinner-circle-color-border-progress, var(--ds-spinner-circle-color-progress)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}:host,:host>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center}:host svg{-webkit-transform:unset !important;transform:unset !important}:host(:not(.is-circle))>div{width:var(--_spinner-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-border-width);border-color:var(--_spinner-circle-color-border-background);border-top-color:var(--_spinner-circle-color-border-progress);width:var(--_spinner-circle-size);height:var(--_spinner-circle-size)}:host(.is-animated) #inner{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}:host(.is-sm){--mod-spinner-size:2rem;--mod-spinner-circle-size:1.125rem;--mod-spinner-circle-border-width:0.2rem}:host(.is-white){--mod-spinner-circle-color-border-background:var(--ds-spinner-circle-color-inverted-background);--mod-spinner-circle-color-border-progress:var(--ds-spinner-circle-color-progress-inverted)}:host(.is-label-right){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";export{zi as ds_icon,wi as ds_spinner}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as r,I as t,x as i,f as e,L as n,E as o,G as s}from"./p-CuwLeg-T.js";import{_ as a,L as c,a as u}from"./p-Dnjznncd.js";import{F as h}from"./p-CqZ6YSy9.js";import{g as f}from"./p-Duhf3ymL.js";import{r as l,a as d,b as p,c as v,d as b,e as g,f as m,g as y}from"./p-BATOumsf.js";import{r as x,a as k,b as w,c as _}from"./p-DHeVI6dR.js";import{i as j}from"./p-CYHzHtnv.js";import{s as z}from"./p-DCf2fJmI.js";import{s as C,a as A,V as B}from"./p-82RSSk25.js";import{I as O}from"./p-C7EnKCpl.js";import{b as S,C as D,a as T}from"./p-LCAsAZzj.js";import{L}from"./p-CqzM3doy.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-BwrOVItb.js";var F,I,V,M,q,E,N,R,H,Y,P,W,Z,G,J,K,U,$,Q,X,rr,tr,ir,er,nr,or,sr,ar,cr,ur,hr,fr,lr,dr,pr,vr,br,gr,mr,yr,xr,kr,wr,_r,jr,zr,Cr,Ar,Br,Or,Sr,Dr,Tr,Lr,Fr,Ir,Vr,Mr,qr,Er,Nr,Rr,Hr,Yr,Pr,Wr,Zr,Gr,Jr,Kr,Ur,$r,Qr,Xr,rt,tt,it,et,nt,ot,st,at,ct,ut,ht,ft,lt,dt,pt,vt,bt,gt,mt,yt,xt,kt,wt,_t,jt,zt,Ct,At,Bt,Ot,St,Dt;function Tt(){return M?V:(M=1,V=function(r,t){return r===t||r!=r&&t!=t})}function Lt(){if(E)return q;E=1;var r=Tt();return q=function(t,i){for(var e=t.length;e--;)if(r(t[e][0],i))return e;return-1}}function Ft(){if(K)return J;K=1;var r=I?F:(I=1,F=function(){this.__data__=[],this.size=0}),t=function(){if(R)return N;R=1;var r=Lt(),t=Array.prototype.splice;return N=function(i){var e=this.__data__,n=r(e,i);return!(n<0||(n==e.length-1?e.pop():t.call(e,n,1),--this.size,0))}}(),i=function(){if(Y)return H;Y=1;var r=Lt();return H=function(t){var i=this.__data__,e=r(i,t);return e<0?void 0:i[e][1]}}(),e=function(){if(W)return P;W=1;var r=Lt();return P=function(t){return r(this.__data__,t)>-1}}(),n=function(){if(G)return Z;G=1;var r=Lt();return Z=function(t,i){var e=this.__data__,n=r(e,t);return n<0?(++this.size,e.push([t,i])):e[n][1]=i,this}}();function o(r){var t=-1,i=null==r?0:r.length;for(this.clear();++t<i;){var e=r[t];this.set(e[0],e[1])}}return o.prototype.clear=r,o.prototype.delete=t,o.prototype.get=i,o.prototype.has=e,o.prototype.set=n,J=o}function It(){if(or)return nr;or=1;var r=l()(Object,"create");return nr=r}function Vt(){if(_r)return wr;_r=1;var r=kr?xr:(kr=1,xr=function(r){var t=typeof r;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==r:null===r});return wr=function(t,i){var e=t.__data__;return r(i)?e["string"==typeof i?"string":"hash"]:e.map}}function Mt(){if(Lr)return Tr;Lr=1;var r=function(){if(yr)return mr;yr=1;var r=function(){if(gr)return br;gr=1;var r=function(){if(ar)return sr;ar=1;var r=It();return sr=function(){this.__data__=r?r(null):{},this.size=0}}(),t=ur?cr:(ur=1,cr=function(r){var t=this.has(r)&&delete this.__data__[r];return this.size-=t?1:0,t}),i=function(){if(fr)return hr;fr=1;var r=It(),t=Object.prototype.hasOwnProperty;return hr=function(i){var e=this.__data__;if(r){var n=e[i];return"__lodash_hash_undefined__"===n?void 0:n}return t.call(e,i)?e[i]:void 0}}(),e=function(){if(dr)return lr;dr=1;var r=It(),t=Object.prototype.hasOwnProperty;return lr=function(i){var e=this.__data__;return r?void 0!==e[i]:t.call(e,i)}}(),n=function(){if(vr)return pr;vr=1;var r=It();return pr=function(t,i){var e=this.__data__;return this.size+=this.has(t)?0:1,e[t]=r&&void 0===i?"__lodash_hash_undefined__":i,this}}();function o(r){var t=-1,i=null==r?0:r.length;for(this.clear();++t<i;){var e=r[t];this.set(e[0],e[1])}}return o.prototype.clear=r,o.prototype.delete=t,o.prototype.get=i,o.prototype.has=e,o.prototype.set=n,br=o}(),t=Ft(),i=d();return mr=function(){this.size=0,this.__data__={hash:new r,map:new(i||t),string:new r}}}(),t=function(){if(zr)return jr;zr=1;var r=Vt();return jr=function(t){var i=r(this,t).delete(t);return this.size-=i?1:0,i}}(),i=function(){if(Ar)return Cr;Ar=1;var r=Vt();return Cr=function(t){return r(this,t).get(t)}}(),e=function(){if(Or)return Br;Or=1;var r=Vt();return Br=function(t){return r(this,t).has(t)}}(),n=function(){if(Dr)return Sr;Dr=1;var r=Vt();return Sr=function(t,i){var e=r(this,t),n=e.size;return e.set(t,i),this.size+=e.size==n?0:1,this}}();function o(r){var t=-1,i=null==r?0:r.length;for(this.clear();++t<i;){var e=r[t];this.set(e[0],e[1])}}return o.prototype.clear=r,o.prototype.delete=t,o.prototype.get=i,o.prototype.has=e,o.prototype.set=n,Tr=o}function qt(){if(Kr)return Jr;Kr=1;var r=function(){if(Yr)return Hr;Yr=1;var r=Mt(),t=Er?qr:(Er=1,qr=function(r){return this.__data__.set(r,"__lodash_hash_undefined__"),this}),i=Rr?Nr:(Rr=1,Nr=function(r){return this.__data__.has(r)});function e(t){var i=-1,e=null==t?0:t.length;for(this.__data__=new r;++i<e;)this.add(t[i])}return e.prototype.add=e.prototype.push=t,e.prototype.has=i,Hr=e}(),t=Wr?Pr:(Wr=1,Pr=function(r,t){for(var i=-1,e=null==r?0:r.length;++i<e;)if(t(r[i],i,r))return!0;return!1}),i=Gr?Zr:(Gr=1,Zr=function(r,t){return r.has(t)});return Jr=function(e,n,o,s,a,c){var u=1&o,h=e.length,f=n.length;if(h!=f&&!(u&&f>h))return!1;var l=c.get(e),d=c.get(n);if(l&&d)return l==n&&d==e;var p=-1,v=!0,b=2&o?new r:void 0;for(c.set(e,n),c.set(n,e);++p<h;){var g=e[p],m=n[p];if(s)var y=u?s(m,g,p,n,e,c):s(g,m,p,e,n,c);if(void 0!==y){if(y)continue;v=!1;break}if(b){if(!t(n,(function(r,t){if(!i(b,t)&&(g===r||a(g,r,o,s,c)))return b.push(t)}))){v=!1;break}}else if(g!==m&&!a(g,m,o,s,c)){v=!1;break}}return c.delete(e),c.delete(n),v}}function Et(){if(_t)return wt;_t=1;var r=function(){if(at)return st;at=1;var r=ot?nt:(ot=1,nt=function(r,t){for(var i=-1,e=t.length,n=r.length;++i<e;)r[n+i]=t[i];return r}),t=w();return st=function(i,e,n){var o=e(i);return t(i)?o:r(o,n(i))}}(),t=function(){if(dt)return lt;dt=1;var r=ut?ct:(ut=1,ct=function(r,t){for(var i=-1,e=null==r?0:r.length,n=0,o=[];++i<e;){var s=r[i];t(s,i,r)&&(o[n++]=s)}return o}),t=ft?ht:(ft=1,ht=function(){return[]}),i=Object.prototype.propertyIsEnumerable,e=Object.getOwnPropertySymbols;return lt=e?function(t){return null==t?[]:(t=Object(t),r(e(t),(function(r){return i.call(t,r)})))}:t}(),i=function(){if(kt)return xt;kt=1;var r=function(){if(yt)return mt;yt=1;var r=vt?pt:(vt=1,pt=function(r,t){for(var i=-1,e=Array(r);++i<r;)e[i]=t(i);return e}),t=p(),i=w(),e=v(),n=function(){if(gt)return bt;gt=1;var r=/^(?:0|[1-9]\d*)$/;return bt=function(t,i){var e=typeof t;return!!(i=null==i?9007199254740991:i)&&("number"==e||"symbol"!=e&&r.test(t))&&t>-1&&t%1==0&&t<i}}(),o=b(),s=Object.prototype.hasOwnProperty;return mt=function(a,c){var u=i(a),h=!u&&t(a),f=!u&&!h&&e(a),l=!u&&!h&&!f&&o(a),d=u||h||f||l,p=d?r(a.length,String):[],v=p.length;for(var b in a)!c&&!s.call(a,b)||d&&("length"==b||f&&("offset"==b||"parent"==b)||l&&("buffer"==b||"byteLength"==b||"byteOffset"==b)||n(b,v))||p.push(b);return p}}(),t=g(),i=m();return xt=function(e){return i(e)?r(e):t(e)}}();return wt=function(e){return r(e,i,t)}}function Nt(){if(At)return Ct;At=1;var r=function(){if(Mr)return Vr;Mr=1;var r=Ft(),t=function(){if($)return U;$=1;var r=Ft();return U=function(){this.__data__=new r,this.size=0}}(),i=X?Q:(X=1,Q=function(r){var t=this.__data__,i=t.delete(r);return this.size=t.size,i}),e=tr?rr:(tr=1,rr=function(r){return this.__data__.get(r)}),n=er?ir:(er=1,ir=function(r){return this.__data__.has(r)}),o=function(){if(Ir)return Fr;Ir=1;var r=Ft(),t=d(),i=Mt();return Fr=function(e,n){var o=this.__data__;if(o instanceof r){var s=o.__data__;if(!t||s.length<199)return s.push([e,n]),this.size=++o.size,this;o=this.__data__=new i(s)}return o.set(e,n),this.size=o.size,this}}();function s(t){var i=this.__data__=new r(t);this.size=i.size}return s.prototype.clear=t,s.prototype.delete=i,s.prototype.get=e,s.prototype.has=n,s.prototype.set=o,Vr=s}(),t=qt(),i=function(){if(et)return it;et=1;var r=k(),t=function(){if($r)return Ur;$r=1;var r=x();return Ur=r.Uint8Array}(),i=Tt(),e=qt(),n=Xr?Qr:(Xr=1,Qr=function(r){var t=-1,i=Array(r.size);return r.forEach((function(r,e){i[++t]=[e,r]})),i}),o=tt?rt:(tt=1,rt=function(r){var t=-1,i=Array(r.size);return r.forEach((function(r){i[++t]=r})),i}),s=r?r.prototype:void 0,a=s?s.valueOf:void 0;return it=function(r,s,c,u,h,f,l){switch(c){case"[object DataView]":if(r.byteLength!=s.byteLength||r.byteOffset!=s.byteOffset)return!1;r=r.buffer,s=s.buffer;case"[object ArrayBuffer]":return!(r.byteLength!=s.byteLength||!f(new t(r),new t(s)));case"[object Boolean]":case"[object Date]":case"[object Number]":return i(+r,+s);case"[object Error]":return r.name==s.name&&r.message==s.message;case"[object RegExp]":case"[object String]":return r==s+"";case"[object Map]":var d=n;case"[object Set]":if(d||(d=o),r.size!=s.size&&!(1&u))return!1;var p=l.get(r);if(p)return p==s;u|=2,l.set(r,s);var v=e(d(r),d(s),u,h,f,l);return l.delete(r),v;case"[object Symbol]":if(a)return a.call(r)==a.call(s)}return!1}}(),e=function(){if(zt)return jt;zt=1;var r=Et(),t=Object.prototype.hasOwnProperty;return jt=function(i,e,n,o,s,a){var c=1&n,u=r(i),h=u.length;if(h!=r(e).length&&!c)return!1;for(var f=h;f--;){var l=u[f];if(!(c?l in e:t.call(e,l)))return!1}var d=a.get(i),p=a.get(e);if(d&&p)return d==e&&p==i;var v=!0;a.set(i,e),a.set(e,i);for(var b=c;++f<h;){var g=i[l=u[f]],m=e[l];if(o)var y=c?o(m,g,l,e,i,a):o(g,m,l,i,e,a);if(!(void 0===y?g===m||s(g,m,n,o,a):y)){v=!1;break}b||(b="constructor"==l)}if(v&&!b){var x=i.constructor,k=e.constructor;x==k||!("constructor"in i)||!("constructor"in e)||"function"==typeof x&&x instanceof x&&"function"==typeof k&&k instanceof k||(v=!1)}return a.delete(i),a.delete(e),v}}(),n=y(),o=w(),s=v(),a=b(),c="[object Arguments]",u="[object Array]",h="[object Object]",f=Object.prototype.hasOwnProperty;return Ct=function(l,d,p,v,b,g){var m=o(l),y=o(d),x=m?u:n(l),k=y?u:n(d),w=(x=x==c?h:x)==h,_=(k=k==c?h:k)==h,j=x==k;if(j&&s(l)){if(!s(d))return!1;m=!0,w=!1}if(j&&!w)return g||(g=new r),m||a(l)?t(l,d,p,v,b,g):i(l,d,x,p,v,b,g);if(!(1&p)){var z=w&&f.call(l,"__wrapped__"),C=_&&f.call(d,"__wrapped__");if(z||C){var A=z?l.value():l,B=C?d.value():d;return g||(g=new r),b(A,B,p,v,g)}}return!!j&&(g||(g=new r),e(l,d,p,v,b,g))}}var Rt=f(function(){if(Dt)return St;Dt=1;var r=function(){if(Ot)return Bt;Ot=1;var r=Nt(),t=_();return Bt=function i(e,n,o,s,a){return e===n||(null==e||null==n||!t(e)&&!t(n)?e!=e&&n!=n:r(e,n,o,s,i,a))},Bt}();return St=function(t,i){return r(t,i)}}());function Ht(r,t){if(j(r)||j(t))return!1;const i=[...r].sort(),e=[...t].sort();return Rt(i,e)}const Yt=class{constructor(e){r(this,e),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.inputId="ds-cg-"+Pt++,this.language=i.language,this.region=i.region,this.internalValue=[],this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.control=!1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.tileColor="",this.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const r=r=>{for(let t=0;t<this.internalValue.length;t++){const i=this.internalValue[t];if(void 0!==i&&i.toString()===r.value.toString())return!0}return!1};this.getCheckboxes().forEach((t=>{t.checked=r(t)}))}}}createLogger(r){this.log=r}valueChanged(){if(this.control){const r=this.formatValueToArray(this.value);Ht(r,this.internalValue)||(this.internalValue=r,this.handleValueChange())}}connectedCallback(){C(this),this.valueChanged(),this.passDownAttributes(),this.internals.setFormValue(this.internalValue.join(","))}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsBlur(r){const{target:t}=r;t&&e(this.el,t)&&n(t,"ds-checkbox")&&z(r)}listenToDsChange(r){this.control&&e(this.el,r.target)&&(z(r),this.updateValues())}listenToDsFocus(r){const{target:t}=r;t&&e(this.el,t)&&n(t,"ds-checkbox")&&z(r)}listenToReset(r){const t=r.target;(null==t?void 0:t.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(r){this.language=r.language,this.region=r.region}formatValueToArray(r){return Array.isArray(r)?r:null!=r&&""!==r?"string"==typeof r?r.split(",").map((r=>r.trim())):[r]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){this.getCheckboxes().forEach((r=>{this.control&&(void 0!==this.disabled&&(r.disabled=this.disabled),void 0!==this.readonly&&(r.readonly=this.readonly),void 0!==this.invalid&&(r.invalid=this.invalid)),r.name=this.name,r.labelPosition=this.labelPosition,r.tile=this.tile,r.tileColor=this.tileColor,r.cols=this.cols,r.colsTablet=this.colsTablet,r.colsMobile=this.colsMobile}))}updateValues(){const r=[];this.getCheckboxes().forEach((t=>{t.checked&&r.push(t.value)})),Ht(this.internalValue,r)||(this.internalValue=[...r],this.dsChange.emit(this.internalValue),this.internals.setFormValue(this.internalValue.join(",")))}render(){return o(h,{key:"fe220621711b38ab346f3cc911d7dfc92d74e766",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile}},o("slot",{key:"16d82971af59c1757253aa61116a6ccfb9406eef"}))}static get formAssociated(){return!0}get el(){return s(this)}static get watchers(){return{value:[{valueChanged:0}]}}};a([c("checkbox-group"),u("design:type",Function),u("design:paramtypes",[Function]),u("design:returntype",void 0)],Yt.prototype,"createLogger",null),a([A(...O),u("design:type",String)],Yt.prototype,"color",void 0),a([A(...S),u("design:type",Number)],Yt.prototype,"cols",void 0),a([A(...S),u("design:type",Number)],Yt.prototype,"colsMobile",void 0),a([A(...S),u("design:type",Number)],Yt.prototype,"colsTablet",void 0),a([B("boolean"),u("design:type",Boolean)],Yt.prototype,"control",void 0),a([B("string"),u("design:type",String)],Yt.prototype,"description",void 0),a([B("boolean"),u("design:type",Boolean)],Yt.prototype,"disabled",void 0),a([B("boolean"),u("design:type",Boolean)],Yt.prototype,"invalid",void 0),a([B("string"),u("design:type",String)],Yt.prototype,"invalidText",void 0),a([B("string"),u("design:type",String)],Yt.prototype,"label",void 0),a([A(...D),u("design:type",String)],Yt.prototype,"labelPosition",void 0),a([B("boolean"),u("design:type",Boolean)],Yt.prototype,"loading",void 0),a([B("string"),u("design:type",String)],Yt.prototype,"name",void 0),a([B("boolean"),u("design:type",Boolean)],Yt.prototype,"readonly",void 0),a([B("boolean"),u("design:type",Boolean)],Yt.prototype,"required",void 0),a([B("boolean"),u("design:type",Boolean)],Yt.prototype,"tile",void 0),a([A(...T),u("design:type",String)],Yt.prototype,"tileColor",void 0),a([B("boolean"),u("design:type",Boolean)],Yt.prototype,"vertical",void 0),a([L(),u("design:type",Function),u("design:paramtypes",[Object]),u("design:returntype",Promise)],Yt.prototype,"configChanged",null);let Pt=0;Yt.style=":host{--_checkbox-group-label-color:var(--checkbox-group-label-color, var(--mod-checkbox-group-label-color, var(--ds-input-label-color-base)));--_checkbox-group-label-family:var(--checkbox-group-label-family, var(--mod-checkbox-group-label-family, var(--ds-input-label-family)));--_checkbox-group-label-weight:var(--checkbox-group-label-weight, var(--mod-checkbox-group-label-weight, var(--ds-input-label-weight)));--_checkbox-group-label-line-height:var(--checkbox-group-label-line-height, var(--mod-checkbox-group-label-line-height, var(--ds-input-label-line-height)));--_checkbox-group-label-size:var(--checkbox-group-label-size, var(--mod-checkbox-group-label-size, var(--ds-input-label-size-device)));--_checkbox-group-description-color:var(--checkbox-group-description-color, var(--mod-checkbox-group-description-color, var(--ds-input-description-color-base)));--_checkbox-group-description-family:var(--checkbox-group-description-family, var(--mod-checkbox-group-description-family, var(--ds-input-description-family)));--_checkbox-group-description-weight:var(--checkbox-group-description-weight, var(--mod-checkbox-group-description-weight, var(--ds-input-description-weight)));--_checkbox-group-description-line-height:var(--checkbox-group-description-line-height, var(--mod-checkbox-group-description-line-height, var(--ds-input-description-line-height)));--_checkbox-group-description-size:var(--checkbox-group-description-size, var(--mod-checkbox-group-description-size, var(--ds-input-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_checkbox-group-label-color);font-family:var(--_checkbox-group-label-family);font-weight:var(--_checkbox-group-label-weight);font-size:var(--_checkbox-group-label-size);line-height:var(--_checkbox-group-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_checkbox-group-description-color);font-family:var(--_checkbox-group-description-family);font-weight:var(--_checkbox-group-description-weight);font-size:var(--_checkbox-group-description-size);line-height:var(--_checkbox-group-description-line-height)}:host #description ds-icon{--icon-color:var(--_checkbox-group-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-input-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-input-label-color-disabled);--mod-checkbox-group-description-color:var(--ds-input-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}";export{Yt as ds_checkbox_group}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as s,I as i,J as t,d as a,K as e,r as p,E as d,F as o,G as r}from"./p-CuwLeg-T.js";import{_ as n,L as c,a as h}from"./p-Dnjznncd.js";import{d as l}from"./p-DJxr2Dcd.js";import{s as y}from"./p-BTyFgjT3.js";import{i as m,j as g}from"./p-BwrOVItb.js";const u=class{constructor(e){s(this,e),this.dsAppReady=i(this,"dsAppReady"),this.debouncedNotify=t((()=>this.notifyResize()),100),this.animated=!0,this.ready=!1,this.logger="",this.notifyResize=async()=>{a.hasDocument&&a.hasWindow&&document.documentElement.style.setProperty("--ds-app-height",`${window.innerHeight}px`)}}createLogger(s){this.log=s}connectedCallback(){!1===this.animated&&m(this.animated),this.logger&&g(this.logger.split(",").map((s=>s.trim()))),a.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentDidLoad(){e((()=>{this.ready=!0,y()})),p((()=>{a.hasDocument&&a.hasWindow&&(document.documentElement.classList.add("lcp-ready"),this.dsAppReady.emit())}))}disconnectedCallback(){a.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(s){this.focusVisible&&this.focusVisible.setFocus(s)}render(){return d(o,{key:"1083246d9dd0defa01d08b3553ec4f065c3256fd",class:{"ds-app":!0,"ds-app--safari":a.isSafari,"ds-app--touch":l.hasTouchScreen}},d("slot",{key:"5c7ae61877d5a03d610e312bb1e2f9c4aa01699d"}))}get el(){return r(this)}};n([c("app"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],u.prototype,"createLogger",null),u.style=":root{--ds-app-height:100%}.ds-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";export{u as ds_app}