@helvetia-design/core 0.0.6 → 0.1.0

package/dist/design-system/p-9705c44121.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
+ */
+import{D as o,F as t,G as r,I as e,J as n,x as d}from"./p-BZEWgXed.js";import{_ as i,L as a,a as s}from"./p-BZsCW9yV.js";import{h as b}from"./p-BYD3IPs8.js";import{f as c,s as l}from"./p-DFgZk16R.js";import{c as v,d as u,e as h,f as m,g,B as p,h as k}from"./p-B2Xeuprg.js";import{T as x}from"./p-BaZBnuEF.js";import{O as f}from"./p-DE5aqD5-.js";import{a as y}from"./p-Bo-aKWH3.js";import{i as w}from"./p-ChyhE5ro.js";import{R as _}from"./p-Dd1T3Uhf.js";import{i as z}from"./p-HeR2XrjO.js";import{L as B}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";const j=class{constructor(t){o(this,t),this._fetchedSrc="",this.svgContent="",this.svg="",this.src="",this.tile=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async()=>{if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await c(this.src));if(this.svg){const o=l(this.svg);o!==this.svgContent&&(this.svgContent=o)}}}createLogger(o){this.log=o}connectedCallback(){this.generateSvgContent()}async componentWillRender(){await this.generateSvgContent()}render(){return t(r,{key:"3e15d3aa7a3983c18904b64dca52df79bbb3231e","aria-hidden":"true",class:{[`is-${this.color}`]:b(this.color),[`is-${this.size}`]:b(this.size),"is-tile":this.tile,"is-disabled":this.disabled,"is-invalid":this.invalid}},t("div",{key:"e58eac2807533fb1efea2cc0a26da5f729be7a82",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return e(this)}};i([a("brand-icon"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],j.prototype,"createLogger",null),i([x("string"),s("design:type",String)],j.prototype,"svg",void 0),i([x("string"),s("design:type",String)],j.prototype,"src",void 0),i([f(v),s("design:type",Object)],j.prototype,"size",void 0),i([f(u),s("design:type",Object)],j.prototype,"color",void 0),i([x("boolean"),s("design:type",Boolean)],j.prototype,"tile",void 0),i([x("boolean"),s("design:type",Boolean)],j.prototype,"disabled",void 0),i([x("boolean"),s("design:type",Boolean)],j.prototype,"invalid",void 0),j.style=':host{--_brand-icon-position:var(--brand-icon-position, var(--mod-brand-icon-position, static));--_brand-icon-top:var(--brand-icon-top, var(--mod-brand-icon-top));--_brand-icon-right:var(--brand-icon-right, var(--mod-brand-icon-right));--_brand-icon-bottom:var(--brand-icon-bottom, var(--mod-brand-icon-bottom));--_brand-icon-left:var(--brand-icon-left, var(--mod-brand-icon-left));position:var(--_brand-icon-position);top:var(--_brand-icon-top);right:var(--_brand-icon-right);bottom:var(--_brand-icon-bottom);left:var(--_brand-icon-left);--_brand-icon-m:var(--brand-icon-m, var(--mod-brand-icon-m, 0));--_brand-icon-my:var(--brand-icon-my, var(--mod-brand-icon-my));--_brand-icon-mx:var(--brand-icon-mx, var(--mod-brand-icon-mx));--_brand-icon-ml:var(--brand-icon-ml, var(--mod-brand-icon-ml));--_brand-icon-mr:var(--brand-icon-mr, var(--mod-brand-icon-mr));--_brand-icon-mt:var(--brand-icon-mt, var(--mod-brand-icon-mt));--_brand-icon-mb:var(--brand-icon-mb, var(--mod-brand-icon-mb));margin:var(--_brand-icon-m);margin-inline:var(--_brand-icon-mx);margin-block:var(--_brand-icon-my);margin-left:var(--_brand-icon-ml);margin-right:var(--_brand-icon-mr);margin-top:var(--_brand-icon-mt);margin-bottom:var(--_brand-icon-mb);--_brand-icon-size:var(--brand-icon-size, var(--mod-brand-icon-size, var(--ds-brand-icon-size-base)));--_brand-icon-inner-size:var(--brand-icon-inner-size, var(--mod-brand-icon-inner-size, var(--ds-brand-icon-size-base)));--_brand-icon-inner-mt:var(--brand-icon-inner-mt, var(--mod-brand-icon-inner-mt, 0));--_brand-icon-color-background:var(--brand-icon-color-background, var(--mod-brand-icon-color-background, var(--ds-brand-icon-color-purple-background)));--_brand-icon-color-level-1:var(--brand-icon-color-level-1, var(--mod-brand-icon-color-level-1, var(--ds-brand-icon-color-purple-level1)));--_brand-icon-color-level-2:var(--brand-icon-color-level-2, var(--mod-brand-icon-color-level-2, var(--ds-brand-icon-color-purple-level2)));--_brand-icon-color-level-3:var(--brand-icon-color-level-3, var(--mod-brand-icon-color-level-3, var(--ds-brand-icon-color-purple-level3)));--_brand-icon-tile-size:var(--brand-icon-tile-size, var(--mod-brand-icon-tile-size, var(--ds-brand-icon-tile-size-base-mobile)));--_brand-icon-tile-size-tablet:var(--brand-icon-tile-size-tablet, var(--mod-brand-icon-tile-size-tablet, var(--ds-brand-icon-tile-size-base-tablet)));--_brand-icon-tile-size-desktop:var(--brand-icon-tile-size-desktop, var(--mod-brand-icon-tile-size-desktop, var(--ds-brand-icon-tile-size-base-desktop)));--_brand-icon-tile-color-background:var(--brand-icon-tile-color-background, var(--mod-brand-icon-tile-color-background, var(--ds-brand-icon-tile-color-purple)));--_brand-icon-tile-radius:var(--brand-icon-tile-radius, var(--mod-brand-icon-tile-radius, var(--ds-brand-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(--_brand-icon-size);height:var(--_brand-icon-size);max-height:var(--_brand-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;margin-top:var(--_brand-icon-inner-mt);width:var(--_brand-icon-inner-size);height:var(--_brand-icon-inner-size);max-height:var(--_brand-icon-inner-size)}:host #inner svg{vertical-align:top;fill:var(--_brand-icon-color-level-1)}:host #inner svg * [fill="#000d6e"]{fill:var(--_brand-icon-color-level-1)}:host #inner svg * [fill="#fa9319"],:host #inner svg * [fill="#d9304c"],:host #inner svg * [fill="#1b5951"],:host #inner svg * [fill="#6c2273"]{fill:var(--_brand-icon-color-level-2)}:host #inner svg * [fill="#fae052"],:host #inner svg * [fill="#ffaca6"],:host #inner svg * [fill="#b8b2ff"],:host #inner svg * [fill="#94e3d4"]{fill:var(--_brand-icon-color-level-3)}:host(.is-tile){background:var(--_brand-icon-color-background);border-radius:var(--_brand-icon-tile-radius);height:var(--_brand-icon-tile-size);--mod-brand-icon-size:var(--_brand-icon-tile-size);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_brand-icon-tile-size-tablet);--mod-brand-icon-size:var(--_brand-icon-tile-size-tablet);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size-tablet)}}@media screen and (min-width: 1024px){:host(.is-tile){height:var(--_brand-icon-tile-size-desktop);--mod-brand-icon-size:var(--_brand-icon-tile-size-desktop);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size-desktop)}}:host(.is-sm:not(.is-tile)){--mod-brand-icon-size:var(--ds-brand-icon-size-sm);--mod-brand-icon-inner-size:var(--ds-brand-icon-size-sm)}:host(.is-sm.is-tile){--mod-brand-icon-tile-size:var(--ds-brand-icon-tile-size-sm-mobile);--mod-brand-icon-tile-size-tablet:var(--ds-brand-icon-tile-size-sm-tablet);--mod-brand-icon-tile-size-desktop:var(--ds-brand-icon-tile-size-sm-desktop)}:host(.is-lg:not(.is-tile)){--mod-brand-icon-size:var(--ds-brand-icon-size-lg);--mod-brand-icon-inner-size:var(--ds-brand-icon-size-lg)}:host(.is-lg.is-tile){--mod-brand-icon-tile-size:var(--ds-brand-icon-tile-size-lg-mobile);--mod-brand-icon-tile-size-tablet:var(--ds-brand-icon-tile-size-lg-tablet);--mod-brand-icon-tile-size-desktop:var(--ds-brand-icon-tile-size-lg-desktop)}:host(.is-purple:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3)}:host(.is-purple.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}:host(.is-red:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3)}:host(.is-red.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-green:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3)}:host(.is-green.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-yellow:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3)}:host(.is-yellow.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-disabled){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-disabled-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-disabled-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-disabled-level3)}:host(.is-disabled.is-tile){--mod-brand-icon-color-background:var(--ds-brand-icon-color-disabled-background)}:host(.is-invalid){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-invalid-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-invalid-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-invalid-level3)}:host(.is-invalid.is-tile){--mod-brand-icon-color-background:var(--ds-brand-icon-color-invalid-background)}';const C=class{constructor(t){o(this,t),this.dsClick=n(this,"dsClick"),this.dsNavigate=n(this,"dsNavigate"),this.dsFocus=n(this,"dsFocus"),this.dsBlur=n(this,"dsBlur"),this.dsDidRender=n(this,"dsDidRender"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.href="",this.target="_self",this.rel="",this.download="",this.shadow=!1,this.square=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.brandIcon="",this.noWrap=!1,this.name="",this.value="",this.a11yControls="",this.a11yCurrent="",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),b(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}componentWillLoad(){this.inheritAttributes=w(this.el,["title","aria-label","aria-controls","aria-current","aria-hidden","tabindex","aria-haspopup"]),!this.a11yCurrent&&this.inheritAttributes["aria-current"]&&(this.a11yCurrent=this.inheritAttributes["aria-current"]),delete this.inheritAttributes["aria-current"],this.el.hasAttribute("ds-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}componentDidRender(){this.dsDidRender.emit()}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}get isIconInverted(){return this.inverted}get hasBrandIcon(){return b(this.brandIcon)}get isBrandIconSvg(){return this.brandIcon.trim().startsWith("<")}get brandIconColor(){const o=this.color.match(/^brand-(purple|red|yellow|green)$/);return o?o[1]:void 0}get leftIconAttrs(){return!b(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!b(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:e,href:n,rel:d,target:i,name:a,value:s}=this,c=this.size||void 0,l=b(this.href)?"a":"button",v="button"===l?{type:o,name:a,value:s}:{download:e,href:n,rel:d,target:i},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-current":this.a11yCurrent||void 0,"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return t(r,{key:"bda96892dc1306808ad72ca435039288a9b76191",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:b(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-square":this.square,"has-shadow":this.shadow,"has-no-wrap":this.noWrap,"has-brand-icon":this.hasBrandIcon}},t(l,Object.assign({key:"2cdaa76bd97078354293eebd6b028b1272812907"},v,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":y(!!this.loading),"aria-disabled":y(this.disabled||this.loading)},u),this.loading?t("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",this.hasBrandIcon?t("ds-brand-icon",{part:"icon",svg:this.isBrandIconSvg?this.brandIcon:"",src:this.isBrandIconSvg?"":this.brandIcon,size:this.brandSize,color:this.brandIconColor}):b(this.icon)?t("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:c,turn:this.iconTurn,inverted:this.isIconInverted})):"",t("span",{key:"055c9a82511c44ea3035c9418d902f18e86209e0",part:"label"},t("slot",{key:"0c811c3be953c3c52ae78d5df91458be89c174ee"})),!this.hasBrandIcon&&b(this.iconRight)?t("ds-icon",Object.assign({},this.leftRightAttrs,{part:"icon-right",class:"icon-right",name:this.iconRight,size:"sm",turn:this.iconTurn,inverted:this.isIconInverted})):""))}static get formAssociated(){return!0}get el(){return e(this)}};i([a("button"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],C.prototype,"createLogger",null),i([f(h),s("design:type",String)],C.prototype,"color",void 0),i([_(),f(m),s("design:type",String)],C.prototype,"elementType",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"disabled",void 0),i([f(g),s("design:type",Object)],C.prototype,"size",void 0),i([x("string"),s("design:type",String)],C.prototype,"href",void 0),i([_(),f(p),s("design:type",String)],C.prototype,"target",void 0),i([x("string"),s("design:type",String)],C.prototype,"rel",void 0),i([x("string"),s("design:type",String)],C.prototype,"download",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"shadow",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"square",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"wide",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"flat",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"outlined",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"inverted",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"loading",void 0),i([x("string"),s("design:type",String)],C.prototype,"icon",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"iconTurn",void 0),i([x("string"),s("design:type",String)],C.prototype,"iconRight",void 0),i([x("string"),s("design:type",String)],C.prototype,"brandIcon",void 0),i([f(k),s("design:type",Object)],C.prototype,"brandSize",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"noWrap",void 0),i([x("string"),s("design:type",String)],C.prototype,"name",void 0),i([x("string"),s("design:type",String)],C.prototype,"value",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yControls",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yCurrent",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yTitle",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yLabel",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yHaspopup",void 0),C.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-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_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, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_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-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}#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;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);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-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-logo-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(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 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: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: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(.has-brand-icon){-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.has-brand-icon) #button{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){:host(.has-brand-icon) #button{padding:calc(var(--ds-button-size-base-padding-x))}}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}:host ::slotted(ds-badge),:host ::slotted(.ds-badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):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-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-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-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}:host(.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}:host(.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}:host(.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}:host(.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}:host(.is-info:not(.is-inverted):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-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-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-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-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-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-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-brand-purple.is-inverted: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-brand-red.is-inverted: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-brand-yellow.is-inverted: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-brand-green.is-inverted: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-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-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-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-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-ghost.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-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-inverted:not(.is-disabled):not(.is-loading)){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}:host(.is-lg){--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}:host(.is-flat){--mod-button-px:0;--mod-button-min-height:1.75rem}:host(.is-square:not(.is-sm)){--mod-button-px: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-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.has-shadow:not(.is-link):not(.is-ghost)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-ghost.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: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: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(--_button-width)}:host #button{margin:0 !important;width:100%}";const S=class{constructor(t){o(this,t),this.language=d.language,this.region=d.region,this.inverted=!1,this.disabled=!1,this.button=!1}createLogger(o){this.log=o}async configChanged(o){this.language=o.language,this.region=o.region}render(){const o=z[this.language].close;return this.button?t(r,null,t("ds-button",{id:"close",part:"button",disabled:this.disabled,inverted:this.inverted,color:this.buttonColor,size:this.buttonSize},o)):t(r,{class:{[`is-${this.size}`]:b(this.size),"is-inverted":this.inverted,"is-disabled":this.disabled}},t("button",{id:"close",part:"button",type:"button","aria-label":o,title:o,tabindex:"0",disabled:this.disabled}))}get el(){return e(this)}};i([a("close"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],S.prototype,"createLogger",null),i([f(["sm","md"]),s("design:type",String)],S.prototype,"size",void 0),i([x("boolean"),s("design:type",Boolean)],S.prototype,"inverted",void 0),i([x("boolean"),s("design:type",Boolean)],S.prototype,"disabled",void 0),i([x("boolean"),s("design:type",Boolean)],S.prototype,"button",void 0),i([f(h),s("design:type",String)],S.prototype,"buttonColor",void 0),i([f(["sm","lg"]),s("design:type",String)],S.prototype,"buttonSize",void 0),i([B(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],S.prototype,"configChanged",null),S.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);-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}button{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-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, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_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\")));-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{button{display:none !important}}button{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-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);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button::after{content:\"\";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-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)}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{background:var(--_close-color-background-hover)}button:not(:disabled):active{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){button:not(:disabled):focus-visible:not(:active),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-p:var(--ds-close-padding-sm);--mod-close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-close-p:var(--ds-close-padding-md);--mod-close-size-icon:var(--ds-close-size-md)}:host(.is-inverted:not(.is-disabled)){--mod-close-color-icon:var(--ds-close-inverted-color-icon-base);--mod-close-color-background-hover:var(--ds-close-inverted-color-background-hover);--mod-close-color-background-active:var(--ds-close-inverted-color-background-active);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled:not(.is-inverted)){--mod-close-color-icon:var(--ds-close-primary-color-icon-disabled);--mod-close-color-background:var(--ds-close-primary-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-primary-color-background-disabled);--mod-close-color-background-active:var(--ds-close-primary-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-base)}:host(.is-inverted.is-disabled){--mod-close-color-icon:var(--ds-close-inverted-color-icon-disabled);--mod-close-color-background:var(--ds-close-inverted-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-inverted-color-background-disabled);--mod-close-color-background-active:var(--ds-close-inverted-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}";export{j as ds_brand_icon,C as ds_button,S as ds_close}

package/dist/design-system/{p-42bc0ecdea.entry.js → p-98a83e848d.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as i,x as n,F as o,G as s,I as r,E as e,a2 as t}from"./p-BZEWgXed.js";import{_ as a,L as l,a as c}from"./p-BZsCW9yV.js";import{u as d,c as h}from"./p-DYqA7KF0.js";import{h as f}from"./p-BYD3IPs8.js";import{f as v,s as p}from"./p-BNUaCToz.js";import{n as m}from"./p-B3VN_5Hp.js";import{T as g}from"./p-BaZBnuEF.js";import{O as b}from"./p-DE5aqD5-.js";import{L as u}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";const _=class{constructor(o){i(this,o),this._fetchedSrc="",this.icons=n.icons,this.svgContent="",this.name="",this.svg="",this.src="",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){const n=this.icons[`Icon${d(h(i))}`];if(n)return void(n!==this.svgContent&&(this.svgContent=n));console.error(`Icon "${i}" not found in design system configuration.`,"\n\nCheck out the documentation on how to import icons during initialization.","\nhttps://helvetia-design.vercel.app/?path=/docs/components-data-display-icon--documentation&globals=framework:angular#import-during-initialization")}if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await v(this.src));if(this.svg){const i=p(this.svg);i!==this.svgContent&&(this.svgContent=i)}}}createLogger(i){this.log=i}connectedCallback(){this.generateSvgContent(this.name)}async componentWillRender(){await this.generateSvgContent(this.name)}async configChanged(i){this.icons=i.icons,await this.generateSvgContent(this.name)}render(){const i=m(this.size)||"";return o(s,{key:"0bd20a2a49abc91eb75199879fedf2b24a5560ea","aria-hidden":"true",class:{"is-filled":!this.svg&&!this.src,[`is-${this.color}`]:f(this.color),[`is-${i}`]:f(this.size),[`turn-${this.name}`]:this.turn,"is-inverted":this.inverted,"is-inline":this.inline,"has-shadow":this.shadow,"is-disabled":this.disabled,"is-invalid":this.invalid}},o("div",{key:"66fcd0a7d17436dbc584a96038a6fe5476320d29",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return r(this)}};a([l("icon"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],_.prototype,"createLogger",null),a([g("string"),c("design:type",String)],_.prototype,"name",void 0),a([g("string"),c("design:type",String)],_.prototype,"svg",void 0),a([g("string"),c("design:type",String)],_.prototype,"src",void 0),a([b(["sm","md","lg","xl"]),c("design:type",Object)],_.prototype,"size",void 0),a([b(["primary","info","grey","success","danger","info","warning"]),c("design:type",Object)],_.prototype,"color",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"inline",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"inverted",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"turn",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"shadow",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"disabled",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"invalid",void 0),a([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],_.prototype,"configChanged",null),_.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)))}: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;margin-top:var(--_icon-inner-mt);padding:calc(.0625*var(--_icon-size));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-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-sm){--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}:host(.is-md){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:var(--ds-icon-size-md)}:host(.is-lg){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:var(--ds-icon-size-lg)}:host(.is-xl){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:var(--ds-icon-size-xl)}:host(.is-primary:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary)}:host(.is-primary-light:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary-light)}:host(.is-info:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-info)}:host(.is-success:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-success)}:host(.is-danger:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-warning:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-warning)}:host(.is-grey:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-grey)}:host(.is-inverted){--mod-icon-color:var(--ds-icon-color-inverted)}:host(.is-invalid){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-disabled){--mod-icon-color:var(--ds-icon-color-disabled)}';const y={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"}},F=class{constructor(o){i(this,o),this.animated=n.animated,this.language=n.language,this.region=n.region,this.deactivated=!1,this.inverted=!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=e((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&&(this.innerEl.innerHTML="")},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((i,n)=>{if(this.animationFunction)return i();t((async()=>{import("./p-B6z5TnDK.js").then((n=>{this.animationFunction=n.animate,i()})).catch(n)}))}))}createLogger(i){this.log=i}deactivatedChanged(i,n){i!==n&&(this.deactivated?this.destroy():this.animate())}variationChanged(i,n){i!==n&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&this.innerEl&&!this.el.isConnected&&this.destroy()}async configChanged(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 o(s,{key:"227cdc02622cbd3eeb07b8cb7cd7a43d416f451a",role:"progressbar","aria-label":this.label||y[this.language].loading,class:{"is-animated":this.animated,"is-circle":"circle"===this.variation,"is-sm":"sm"===this.size,"is-inverted":this.inverted,"is-label-right":f(this.label)&&"right"===this.labelPosition,"is-label-bottom":f(this.label)&&"bottom"===this.labelPosition}},o("div",{key:"c353d6e09d91691585f1fcd1ed0a2501a8fa5e8a"},o("div",{key:"1752811bef9b36bd2a778c75ce3d5a1f7d87be0e",id:"inner",part:"inner",ref:i=>this.innerEl=i})),f(this.label)&&o("span",{key:"5cdc8753a2a1d5a7f005c1d62865e2dbd9f64266",part:"label"},this.label))}get el(){return r(this)}static get watchers(){return{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}}};a([l("spinner"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],F.prototype,"createLogger",null),a([g("boolean"),c("design:type",Boolean)],F.prototype,"deactivated",void 0),a([g("boolean"),c("design:type",Boolean)],F.prototype,"inverted",void 0),a([b(["sm"]),c("design:type",String)],F.prototype,"size",void 0),a([g("string"),c("design:type",String)],F.prototype,"label",void 0),a([b(["right","bottom"]),c("design:type",String)],F.prototype,"labelPosition",void 0),a([b(["logo","circle"]),c("design:type",String)],F.prototype,"variation",void 0),a([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],F.prototype,"configChanged",null),F.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-logo-size:var(--spinner-logo-size, var(--mod-spinner-logo-size, var(--ds-spinner-logo-size-md)));--_spinner-circle-size:var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size-md)));--_spinner-circle-thickness:var(--spinner-circle-thickness, var(--mod-spinner-circle-thickness, var(--ds-spinner-circle-thickness-md)));--_spinner-circle-background-color:var(--spinner-circle-background-color, var(--mod-spinner-circle-background-color, var(--ds-spinner-circle-primary-background)));--_spinner-circle-progress-color:var(--spinner-circle-progress-color, var(--mod-spinner-circle-progress-color, var(--ds-spinner-circle-primary-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-logo-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-thickness);border-color:var(--_spinner-circle-background-color);border-top-color:var(--_spinner-circle-progress-color);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-logo-size:var(--ds-spinner-logo-size-sm);--mod-spinner-circle-size:var(--ds-spinner-circle-size-sm);--mod-spinner-circle-thickness:var(--ds-spinner-circle-thickness-sm)}:host(.is-inverted){--mod-spinner-circle-background-color:var(--ds-spinner-circle-inverted-background);--mod-spinner-circle-progress-color:var(--ds-spinner-circle-inverted-progress)}:host(.is-label-right){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text)}@-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{_ as ds_icon,F as ds_spinner}
+import{D as i,x as n,F as o,G as s,I as r,E as e,a2 as t}from"./p-BZEWgXed.js";import{_ as a,L as l,a as c}from"./p-BZsCW9yV.js";import{u as d,c as h}from"./p-DYqA7KF0.js";import{h as f}from"./p-BYD3IPs8.js";import{f as v,s as p}from"./p-DFgZk16R.js";import{n as m}from"./p-BPtibja3.js";import{T as g}from"./p-BaZBnuEF.js";import{O as b}from"./p-DE5aqD5-.js";import{L as u}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";const _=class{constructor(o){i(this,o),this._fetchedSrc="",this.icons=n.icons,this.svgContent="",this.name="",this.svg="",this.src="",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){const n=this.icons[`Icon${d(h(i))}`];if(n)return void(n!==this.svgContent&&(this.svgContent=n));console.error(`Icon "${i}" not found in design system configuration.`,"\n\nCheck out the documentation on how to import icons during initialization.","\nhttps://helvetia-design.vercel.app/?path=/docs/components-data-display-icon--documentation&globals=framework:angular#import-during-initialization")}if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await v(this.src));if(this.svg){const i=p(this.svg);i!==this.svgContent&&(this.svgContent=i)}}}createLogger(i){this.log=i}connectedCallback(){this.generateSvgContent(this.name)}async componentWillRender(){await this.generateSvgContent(this.name)}async configChanged(i){this.icons=i.icons,await this.generateSvgContent(this.name)}render(){const i=m(this.size)||"";return o(s,{key:"0bd20a2a49abc91eb75199879fedf2b24a5560ea","aria-hidden":"true",class:{"is-filled":!this.svg&&!this.src,[`is-${this.color}`]:f(this.color),[`is-${i}`]:f(this.size),[`turn-${this.name}`]:this.turn,"is-inverted":this.inverted,"is-inline":this.inline,"has-shadow":this.shadow,"is-disabled":this.disabled,"is-invalid":this.invalid}},o("div",{key:"66fcd0a7d17436dbc584a96038a6fe5476320d29",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return r(this)}};a([l("icon"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],_.prototype,"createLogger",null),a([g("string"),c("design:type",String)],_.prototype,"name",void 0),a([g("string"),c("design:type",String)],_.prototype,"svg",void 0),a([g("string"),c("design:type",String)],_.prototype,"src",void 0),a([b(["sm","md","lg","xl"]),c("design:type",Object)],_.prototype,"size",void 0),a([b(["primary","info","grey","success","danger","info","warning"]),c("design:type",Object)],_.prototype,"color",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"inline",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"inverted",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"turn",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"shadow",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"disabled",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"invalid",void 0),a([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],_.prototype,"configChanged",null),_.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)))}: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;margin-top:var(--_icon-inner-mt);padding:calc(.0625*var(--_icon-size));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-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-sm){--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}:host(.is-md){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:var(--ds-icon-size-md)}:host(.is-lg){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:var(--ds-icon-size-lg)}:host(.is-xl){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:var(--ds-icon-size-xl)}:host(.is-primary:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary)}:host(.is-primary-light:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary-light)}:host(.is-info:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-info)}:host(.is-success:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-success)}:host(.is-danger:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-warning:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-warning)}:host(.is-grey:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-grey)}:host(.is-inverted){--mod-icon-color:var(--ds-icon-color-inverted)}:host(.is-invalid){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-disabled){--mod-icon-color:var(--ds-icon-color-disabled)}';const y={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"}},F=class{constructor(o){i(this,o),this.animated=n.animated,this.language=n.language,this.region=n.region,this.deactivated=!1,this.inverted=!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=e((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&&(this.innerEl.innerHTML="")},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((i,n)=>{if(this.animationFunction)return i();t((async()=>{import("./p-B6z5TnDK.js").then((n=>{this.animationFunction=n.animate,i()})).catch(n)}))}))}createLogger(i){this.log=i}deactivatedChanged(i,n){i!==n&&(this.deactivated?this.destroy():this.animate())}variationChanged(i,n){i!==n&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&this.innerEl&&!this.el.isConnected&&this.destroy()}async configChanged(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 o(s,{key:"227cdc02622cbd3eeb07b8cb7cd7a43d416f451a",role:"progressbar","aria-label":this.label||y[this.language].loading,class:{"is-animated":this.animated,"is-circle":"circle"===this.variation,"is-sm":"sm"===this.size,"is-inverted":this.inverted,"is-label-right":f(this.label)&&"right"===this.labelPosition,"is-label-bottom":f(this.label)&&"bottom"===this.labelPosition}},o("div",{key:"c353d6e09d91691585f1fcd1ed0a2501a8fa5e8a"},o("div",{key:"1752811bef9b36bd2a778c75ce3d5a1f7d87be0e",id:"inner",part:"inner",ref:i=>this.innerEl=i})),f(this.label)&&o("span",{key:"5cdc8753a2a1d5a7f005c1d62865e2dbd9f64266",part:"label"},this.label))}get el(){return r(this)}static get watchers(){return{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}}};a([l("spinner"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],F.prototype,"createLogger",null),a([g("boolean"),c("design:type",Boolean)],F.prototype,"deactivated",void 0),a([g("boolean"),c("design:type",Boolean)],F.prototype,"inverted",void 0),a([b(["sm"]),c("design:type",String)],F.prototype,"size",void 0),a([g("string"),c("design:type",String)],F.prototype,"label",void 0),a([b(["right","bottom"]),c("design:type",String)],F.prototype,"labelPosition",void 0),a([b(["logo","circle"]),c("design:type",String)],F.prototype,"variation",void 0),a([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],F.prototype,"configChanged",null),F.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-logo-size:var(--spinner-logo-size, var(--mod-spinner-logo-size, var(--ds-spinner-logo-size-md)));--_spinner-circle-size:var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size-md)));--_spinner-circle-thickness:var(--spinner-circle-thickness, var(--mod-spinner-circle-thickness, var(--ds-spinner-circle-thickness-md)));--_spinner-circle-background-color:var(--spinner-circle-background-color, var(--mod-spinner-circle-background-color, var(--ds-spinner-circle-primary-background)));--_spinner-circle-progress-color:var(--spinner-circle-progress-color, var(--mod-spinner-circle-progress-color, var(--ds-spinner-circle-primary-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-logo-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-thickness);border-color:var(--_spinner-circle-background-color);border-top-color:var(--_spinner-circle-progress-color);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-logo-size:var(--ds-spinner-logo-size-sm);--mod-spinner-circle-size:var(--ds-spinner-circle-size-sm);--mod-spinner-circle-thickness:var(--ds-spinner-circle-thickness-sm)}:host(.is-inverted){--mod-spinner-circle-background-color:var(--ds-spinner-circle-inverted-background);--mod-spinner-circle-progress-color:var(--ds-spinner-circle-inverted-progress)}:host(.is-label-right){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text)}@-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{_ as ds_icon,F as ds_spinner}

package/dist/design-system/{p-B3VN_5Hp.js → p-BPtibja3.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-const x=x=>{if(null==x||null==x||""===x)return x;const e=String(x).toLowerCase(),s=l[e];return s?(console.warn(`[bal] The t-shirt size "${x}" is deprecated. Please use the short value "${s}" instead.`),s):x},l=Object.entries({"3xs":"xx-small","2xs":"xx-small",xs:"x-small",sm:"small",base:"normal",md:"medium",lg:"large",xl:"x-large","2xl":"xx-large","3xl":"xxx-large","4xl":"xxxx-large","5xl":"xxxxx-large","6xl":"xxxxxx-large"}).reduce(((x,[l,e])=>(x[e]||(x[e]=l),x)),{});export{x as n}
+const x=x=>{if(null==x||null==x||""===x)return x;const e=String(x).toLowerCase(),s=l[e];return s?(console.warn(`[bal] The t-shirt size "${x}" is deprecated. Please use the short value "${s}" instead.`),s):x},l=Object.entries({"3xs":"xx-small","2xs":"xx-small",xs:"x-small",sm:"small",base:"normal",md:"medium",lg:"large",xl:"x-large","2xl":"xx-large","3xl":"xxx-large","4xl":"xxxx-large","5xl":"xxxxx-large","6xl":"xxxxxx-large"}).reduce(((x,[l,e])=>("3xs"===l||x[e]||(x[e]=l),x)),{});export{x as n}