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

package/components/ds-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsItem extends Components.DsItem, HTMLElement {}
+export const DsItem: {
+    prototype: DsItem;
+    new (): DsItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-item.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as i,f as e,h as s,e as o,t as r}from"./p-BNY3JzuV.js";import{_ as n,L as a,a as l}from"./p-Dr4dquer.js";import{s as d,V as m,a as c}from"./p-82RSSk25.js";import{d as h,a as v,b}from"./p-gA-94RPS.js";import{B as g}from"./p-Diz11uvt.js";import{d as p}from"./p-BOTkpyFe.js";const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsClick=e(this,"dsClick"),this.dsAccordionToggle=e(this,"dsAccordionToggle"),this.dsAccordionOpened=e(this,"dsAccordionOpened"),this.dsAccordionClosed=e(this,"dsAccordionClosed"),this.accordionGroup="",this.accordionMarker="",this.accordionMarkerPosition="",this.accordionOpen=!1,this.actionIcon="default",this.description="",this.disabled=!1,this.download="",this.href="",this.label="",this.labelLevel="h5",this.labelSize="",this.rel="",this.target="_self",this.variant="default",this.handleClick=t=>{this.dsClick.emit(t)}}createLogger(t){this.log=t}connectedCallback(){d(this)}render(){const t="link"===this.variant?"a":"button"===this.variant?"button":"div",i=this.labelLevel?this.labelLevel:"h5",e=this.labelSize?this.labelSize:this.labelLevel,r="link"===this.variant||"button"===this.variant;let n="";r&&("link"===this.actionIcon&&(n="nav-go-right"),"link-external"===this.actionIcon&&(n="link"),"download"===this.actionIcon&&(n="download"),"default"===this.actionIcon&&("link"!==this.variant&&"button"!==this.variant||(n="nav-go-right")));const a={};return"link"===this.variant&&(this.disabled&&(a.disabled=this.disabled),this.href&&(a.href=this.href),this.target&&(a.target=this.target),this.rel&&(a.rel=this.rel),this.download&&(a.download=this.download)),"button"===this.variant&&(this.disabled?a.disabled=this.disabled:a.onClick=this.handleClick),"accordion"===this.variant?s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-accordion":"accordion"===this.variant,["has-label-"+e]:!!e}},s("ds-accordion",Object.assign({part:"accordion"},a,{group:this.accordionGroup,open:this.accordionOpen,marker:this.accordionMarker,"marker-position":this.accordionMarkerPosition,onDsOpened:t=>{this.dsAccordionOpened.emit(t.detail)},onDsClosed:t=>{this.dsAccordionClosed.emit(t.detail)},onDsToggle:t=>{this.dsAccordionToggle.emit(t.detail)}}),s("div",{slot:"summary",id:"item",part:"item"},s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null))),s("div",{slot:"content"},s("div",{id:"accordion-content",part:"accordion-content"},s("slot",{name:"accordion-content"}))))):s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-button":"button"===this.variant,"is-link":"link"===this.variant,["has-label-"+e]:!!e}},s(t,Object.assign({id:"item",part:"item"},a),s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null)),r&&s("ds-icon",{name:n,part:"action-icon"})))}get el(){return this}static get style(){return':host{--_list-item-focus:var(--list-item-focus, var(--mod-list-item-focus, var(--ds-alias-interaction-focus-color-base)));--_list-item-grid-template-columns:var(--list-item-grid-template-columns, var(--mod-list-item-grid-template-columns, 1fr));--_list-item-min-height:var(--list-item-min-height, var(--mod-list-item-min-height, 3.5rem));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, 1rem));--_list-item-space:var(--list-item-space, var(--mod-list-item-space, 0.5rem));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, 1px));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, inherit));--_list-item-border-color:var(--list-item-border-color, var(--mod-list-item-border-color, var(--ds-list-item-border-color)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-list-item-border-width, 2px)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, 12px));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-alias-space-base-device)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-icon-size-xs)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-heading-5-size-device)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-text-weight-bold)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-global-font-family-heading)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-global-font-family-body)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-text-weight-regular)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-text-size-sm-device)))}:host{position:relative;display:grid;-webkit-box-sizing:border-box;box-sizing:border-box;grid-template-columns:var(--_list-item-grid-template-columns)}:host ::slotted([slot=content]){min-height:46px}:host #item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:var(--_list-item-gap);width:100%;color:var(--_list-item-color);background:inherit;border:none;-ms-flex-item-align:stretch;align-self:stretch;text-align:left;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--_list-item-title-family);padding:var(--_list-item-space) 0;padding-bottom:calc(var(--_list-item-space) + 2px);min-height:var(--_list-item-min-height)}:host #item ds-icon{-ms-flex-negative:0;flex-shrink:0}:host #item #content+ds-icon{--icon-size:var(--_list-item-action-icon-size);--icon-inner-size:var(--_list-item-action-icon-size)}:host #item #content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_list-item-content-gap);font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight)}:host #item #label{font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);margin:0}:host #item #description{font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight);font-size:var(--_list-item-text-size);margin:0}:host #item:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color)}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-5-size-device)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-5-size-device)}:host(.is-link) #item,:host(.is-button) #item{-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;text-decoration:none;outline:none;cursor:pointer}:host(.is-link) #item::-moz-focus-inner,:host(.is-button) #item::-moz-focus-inner{border:0}:host(.is-link) #item #content,:host(.is-button) #item #content{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);color:var(--ds-link-color-base)}@media (hover: hover)and (pointer: fine){:host(.is-link) #item:hover:after,:host(.is-link) #item.is-hovered:after,:host(.is-button) #item:hover:after,:host(.is-button) #item.is-hovered:after{background:var(--ds-link-color-base-hover)}:host(.is-link) #item:hover,:host(.is-link) #item.is-hovered,:host(.is-button) #item:hover,:host(.is-button) #item.is-hovered{color:var(--ds-link-color-base-hover)}:host(.is-link) #item:hover #content,:host(.is-link) #item.is-hovered #content,:host(.is-button) #item:hover #content,:host(.is-button) #item.is-hovered #content{color:var(--ds-link-color-base-hover)}:host(.is-link) #item:hover ds-icon,:host(.is-link) #item:hover ::slotted(ds-icon),:host(.is-link) #item:hover ::slotted(ds-badge),:host(.is-link) #item.is-hovered ds-icon,:host(.is-link) #item.is-hovered ::slotted(ds-icon),:host(.is-link) #item.is-hovered ::slotted(ds-badge),:host(.is-button) #item:hover ds-icon,:host(.is-button) #item:hover ::slotted(ds-icon),:host(.is-button) #item:hover ::slotted(ds-badge),:host(.is-button) #item.is-hovered ds-icon,:host(.is-button) #item.is-hovered ::slotted(ds-icon),:host(.is-button) #item.is-hovered ::slotted(ds-badge){--icon-color:var(--ds-link-color-base-hover)}}:host(.is-link) #item:active:after,:host(.is-link) #item.is-pressed:after,:host(.is-button) #item:active:after,:host(.is-button) #item.is-pressed:after{background:var(--ds-link-color-base-active)}:host(.is-link) #item:active,:host(.is-link) #item.is-pressed,:host(.is-button) #item:active,:host(.is-button) #item.is-pressed{color:var(--ds-link-color-base-active)}:host(.is-link) #item:active #content,:host(.is-link) #item.is-pressed #content,:host(.is-button) #item:active #content,:host(.is-button) #item.is-pressed #content{color:var(--ds-link-color-base-active)}:host(.is-link) #item:active ds-icon,:host(.is-link) #item:active ::slotted(ds-icon),:host(.is-link) #item:active ::slotted(ds-badge),:host(.is-link) #item.is-pressed ds-icon,:host(.is-link) #item.is-pressed ::slotted(ds-icon),:host(.is-link) #item.is-pressed ::slotted(ds-badge),:host(.is-button) #item:active ds-icon,:host(.is-button) #item:active ::slotted(ds-icon),:host(.is-button) #item:active ::slotted(ds-badge),:host(.is-button) #item.is-pressed ds-icon,:host(.is-button) #item.is-pressed ::slotted(ds-icon),:host(.is-button) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--ds-link-color-base-active)}:host(.is-link) #item:focus-visible:not(:active):before,:host(.is-link) #item.is-focused:not(:active):before,:host(.is-button) #item:focus-visible:not(:active):before,:host(.is-button) #item.is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--ds-alias-radius-base)}:host(.is-accordion) ::slotted(p){padding-block:var(--_list-item-accordion-py)}:host(.is-accordion) #accordion-content:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color)}:host(.is-disabled) #item{pointer-events:none !important;cursor:default !important;color:var(--ds-list-item-disabled)}:host(.is-disabled) #item #content{color:var(--ds-list-item-disabled)}:host(.is-disabled) #item ds-icon,:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-icon),:host(.is-disabled) #item ::slotted(ds-badge){--icon-color:var(--ds-list-item-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-color-grey-background);--badge-color-text:var(--ds-badge-color-grey-text)}'}},[257,"ds-item",{accordionGroup:[1,"accordion-group"],accordionMarker:[1,"accordion-marker"],accordionMarkerPosition:[1,"accordion-marker-position"],accordionOpen:[516,"accordion-open"],actionIcon:[1,"action-icon"],description:[1],disabled:[516],download:[1],href:[1],label:[1],labelLevel:[1,"label-level"],labelSize:[1,"label-size"],rel:[1],target:[1],variant:[1]}]);n([a("item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],u.prototype,"createLogger",null),n([m("string"),l("design:type",String)],u.prototype,"accordionGroup",void 0),n([c(...v),l("design:type",String)],u.prototype,"accordionMarker",void 0),n([c(...b),l("design:type",String)],u.prototype,"accordionMarkerPosition",void 0),n([m("boolean"),l("design:type",Boolean)],u.prototype,"accordionOpen",void 0),n([c("default","link","link-external","download"),l("design:type",String)],u.prototype,"actionIcon",void 0),n([m("string"),l("design:type",String)],u.prototype,"description",void 0),n([m("boolean"),l("design:type",Boolean)],u.prototype,"disabled",void 0),n([m("string"),l("design:type",String)],u.prototype,"download",void 0),n([m("string"),l("design:type",String)],u.prototype,"href",void 0),n([m("string"),l("design:type",String)],u.prototype,"label",void 0),n([c("","h1","h2","h3","h4","h5"),l("design:type",String)],u.prototype,"labelLevel",void 0),n([c("","h1","h2","h3","h4","h5","3xl","2xl","xl","lg","base"),l("design:type",String)],u.prototype,"labelSize",void 0),n([m("string"),l("design:type",String)],u.prototype,"rel",void 0),n([c(...g),l("design:type",String)],u.prototype,"target",void 0),n([c("default","link","button","accordion"),l("design:type",String)],u.prototype,"variant",void 0);const f=u,k=function(){"undefined"!=typeof customElements&&["ds-item","ds-accordion","ds-icon"].forEach((t=>{switch(t){case"ds-item":customElements.get(r(t))||customElements.define(r(t),u);break;case"ds-accordion":customElements.get(r(t))||h();break;case"ds-icon":customElements.get(r(t))||p()}}))};export{f as DsItem,k as defineCustomElement}

package/components/ds-label.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsLabel extends Components.DsLabel, HTMLElement {}
+export const DsLabel: {
+    prototype: DsLabel;
+    new (): DsLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-label.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as l,H as e,h as a,e as i,t as s}from"./p-BNY3JzuV.js";import{_ as o,L as t,a as r}from"./p-Dr4dquer.js";import{n as b}from"./p-DR5LIaCn.js";import{s as d,V as n,a as m}from"./p-82RSSk25.js";import{I as h}from"./p-C7I7OlaM.js";import{d as v}from"./p-BEngECpF.js";import{L as g}from"./p-cSbDziZm.js";const c=l(class extends e{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.language=v.language,this.region=v.region,this.disabled=!1,this.htmlFor="",this.htmlId="ds-lbl-"+p++,this.hovered=!1,this.invalid=!1,this.noWrap=!1,this.pressed=!1,this.required=!0,this.valid=!1}createLogger(l){this.log=l}sizeChanged(l){this.size=b(l)}connectedCallback(){d(this),this.size=b(this.size)}async configChanged(l){this.language=l.language,this.region=l.region}render(){const l=!1===this.required&&h[this.language].optional||"",e=this.htmlId,s=this.htmlFor;return a(i,{key:"937c19a2183d9c56279e88e37395b4da1fbb7206",class:{"is-hovered":this.hovered,"is-pressed":this.pressed,"is-disabled":this.disabled,"is-valid":this.valid,"is-invalid":this.invalid,"has-no-wrap":this.noWrap,["is-"+this.size]:!!this.size}},a("label",{key:"b059b0022e370ce5b202b6c0cd432a3950e0e798",id:e,part:"label",htmlFor:s},a("slot",{key:"c5a1f6741d468abf8d48549aad8f2d43160684cb"}),l))}get el(){return this}static get watchers(){return{size:[{sizeChanged:0}]}}static get style(){return":host{--_label-position:var(--label-position, var(--mod-label-position, static));--_label-top:var(--label-top, var(--mod-label-top));--_label-right:var(--label-right, var(--mod-label-right));--_label-bottom:var(--label-bottom, var(--mod-label-bottom));--_label-left:var(--label-left, var(--mod-label-left));position:var(--_label-position);top:var(--_label-top);right:var(--_label-right);bottom:var(--_label-bottom);left:var(--_label-left);--_label-m:var(--label-m, var(--mod-label-m, 0));--_label-my:var(--label-my, var(--mod-label-my));--_label-mx:var(--label-mx, var(--mod-label-mx));--_label-ml:var(--label-ml, var(--mod-label-ml));--_label-mr:var(--label-mr, var(--mod-label-mr));--_label-mt:var(--label-mt, var(--mod-label-mt));--_label-mb:var(--label-mb, var(--mod-label-mb));margin:var(--_label-m);margin-inline:var(--_label-mx);margin-block:var(--_label-my);margin-left:var(--_label-ml);margin-right:var(--_label-mr);margin-top:var(--_label-mt);margin-bottom:var(--_label-mb);--_label-color:var(--label-color, var(--mod-label-color, inherit));--_label-family:var(--label-family, var(--mod-label-family, var(--ds-label-family)));--_label-weight:var(--label-weight, var(--mod-label-weight, var(--ds-label-weight)));--_label-line-height:var(--label-line-height, var(--mod-label-line-height, var(--ds-label-line-height)));--_label-size:var(--label-size, var(--mod-label-size, var(--ds-label-size-base-device)))}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_label-color);font-family:var(--_label-family);font-weight:var(--_label-weight);font-size:var(--_label-size);line-height:var(--_label-line-height)}:host(.has-no-wrap) label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-lg){--mod-label-family:var(--ds-text-family-heading)}:host(.is-xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-2xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-3xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-sm){--mod-label-size:var(--ds-label-size-sm-device)}:host(.is-base){--mod-label-size:var(--ds-label-size-base-device)}:host(.is-lg){--mod-label-size:var(--ds-label-size-lg-device)}:host(.is-xl){--mod-label-size:var(--ds-label-size-xl-device)}:host(.is-2xl){--mod-label-size:var(--ds-label-size-2xl-device)}:host(.is-3xl){--mod-label-size:var(--ds-label-size-3xl-device)}:host(.is-hovered){--mod-label-color:var(--ds-label-color-base-hover)}:host(.is-pressed){--mod-label-color:var(--ds-label-color-base-active)}:host(.is-valid){--mod-label-color:var(--ds-label-color-success)}:host(.is-invalid){--mod-label-color:var(--ds-label-color-danger)}:host(.is-disabled){--mod-label-color:var(--ds-label-color-disabled) !important}:host{display:block}"}},[257,"ds-label",{disabled:[516],htmlFor:[1,"html-for"],htmlId:[1,"html-id"],hovered:[4],invalid:[516],noWrap:[4,"no-wrap"],pressed:[4],required:[516],size:[1025],valid:[516],language:[32],region:[32],configChanged:[64]},void 0,{size:[{sizeChanged:0}]}]);o([t("label"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null),o([n("boolean"),r("design:type",Boolean)],c.prototype,"disabled",void 0),o([n("string"),r("design:type",String)],c.prototype,"htmlFor",void 0),o([n("string"),r("design:type",String)],c.prototype,"htmlId",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"hovered",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"invalid",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"noWrap",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"pressed",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"required",void 0),o([m("","sm","lg","xl","2xl","3xl","small","large","x-large","xx-large","xxx-large"),r("design:type",String)],c.prototype,"size",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"valid",void 0),o([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],c.prototype,"configChanged",null);let p=0;const f=c,y=function(){"undefined"!=typeof customElements&&["ds-label"].forEach((l=>{"ds-label"===l&&(customElements.get(s(l))||customElements.define(s(l),c))}))};export{f as DsLabel,y as defineCustomElement}

package/components/ds-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsList extends Components.DsList, HTMLElement {}
+export const DsList: {
+    prototype: DsList;
+    new (): DsList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-list.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as e,H as t,h as s,e as o,t as d}from"./p-BNY3JzuV.js";import{_ as i,L as n,a as r}from"./p-Dr4dquer.js";import{s as a,V as l}from"./p-82RSSk25.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ordered=!1}createLogger(e){this.log=e}connectedCallback(){a(this)}render(){return s(o,{key:"18629843f974b02e26afe29cd7d5278584edc245"},s(this.ordered?"ol":"ul",{key:"060b9f41ace665ea569587301490133ade7445f8",id:"list",part:"list"},s("slot",{key:"97b6992fb146d134db8ade31bd580d9fd6955253"})))}get el(){return this}static get style(){return":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}"}},[257,"ds-list",{ordered:[4]}]);i([n("list"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null),i([l("boolean"),r("design:type",Boolean)],c.prototype,"ordered",void 0);const p=c,u=function(){"undefined"!=typeof customElements&&["ds-list"].forEach((e=>{"ds-list"===e&&(customElements.get(d(e))||customElements.define(d(e),c))}))};export{p as DsList,u as defineCustomElement}

package/components/ds-logo.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsLogo extends Components.DsLogo, HTMLElement {}
+export const DsLogo: {
+    prototype: DsLogo;
+    new (): DsLogo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-logo.js

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

package/components/ds-notification.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsNotification extends Components.DsNotification, HTMLElement {}
+export const DsNotification: {
+    prototype: DsNotification;
+    new (): DsNotification;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-notification.js

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

package/components/ds-number-input.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsNumberInput extends Components.DsNumberInput, HTMLElement {}
+export const DsNumberInput: {
+    prototype: DsNumberInput;
+    new (): DsNumberInput;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-number-input.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as i,H as t,f as n,h as e,t as r}from"./p-BNY3JzuV.js";import{_ as o,L as s,a}from"./p-Dr4dquer.js";import{i as d}from"./p-DTPbL3uY.js";import{g as c}from"./p-Duhf3ymL.js";import{d as u,c as l}from"./p-DHeVI6dR.js";import{i as p}from"./p-CYHzHtnv.js";import{i as h}from"./p-B62ocg4Q.js";import{F as v,s as b}from"./p-Urcs7-vS.js";import{o as m}from"./p-BOgMmRCt.js";import{b as g,d as f}from"./p-BEngECpF.js";import{s as y,a as _,V as w}from"./p-82RSSk25.js";import{N as k,A as x}from"./p-D86WpWIE.js";import{F as z}from"./p-E8U6M5ii.js";import{I as j}from"./p-z1jJgtep.js";import{d as C}from"./p-BOTkpyFe.js";import{d as B}from"./p-BMBthpLd.js";import{L as F}from"./p-cSbDziZm.js";const S=()=>{try{const{useDsConfig:i}=require("@global"),t=i();return t&&t.locale&&"fr-CH"===t.locale?"de-CH":t&&t.locale||g}catch(i){return g}};function I(){return Intl.NumberFormat(S()).format(1.1).replace(/\p{Number}/gu,"")}function E(){return Intl.NumberFormat(S()).format(11111).replace(/\p{Number}/gu,"")}var D,N,T,P,L=function(){if(P)return T;P=1;var i=function(){if(N)return D;N=1;var i=u(),t=l();return D=function(n){return"number"==typeof n||t(n)&&"[object Number]"==i(n)}}();return T=function(t){return i(t)&&t!=+t}}(),K=c(L);function V(i){return"string"==typeof i&&"."!==E()}function q(i){const t=parseFloat(i);return"number"==typeof t&&!K(t)}function H(i,t=0){let n=i;if(""!==n&&null!=n&&!K(n)&&"-"!==n&&n!==I()&&q(n))return V(n)&&(n=n.split(E()).join("").split("`").join("").split("'").join("")),"string"==typeof n&&(n=n.replace(I(),".")),0===t?parseInt(n,10):parseFloat(n)}function O(i){return i.replace(".",I())}function R(i,t=0,n=""){if(p(i))return"";i.charAt(0)===I()&&(i="0"+i);const e=0===t?parseInt(i,10):parseFloat(i),r=""!==n?" "+n.trim():"";return K(e)?"":function(i,t){const n=void 0!==t?{minimumFractionDigits:t,maximumFractionDigits:t}:{},e=Intl.NumberFormat(S(),Object.assign({},n)).format(i);return"NaN"===e?"":e}(e,t)+r}const M=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsInput=n(this,"dsInput"),this.dsChange=n(this,"dsChange"),this.dsBlur=n(this,"dsBlur"),this.dsFocus=n(this,"dsFocus"),this.dsClick=n(this,"dsClick"),this.dsKeyPress=n(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+$++,this.inheritedAttributes={},this.control=new v(this),this.lastValue="",this.focused=!1,this.language=f.language,this.region=f.region,this.nativeInputValue="",this.inputPattern="",this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var i,t;if(this.nativeInput&&function(i){return!q(i)&&""!==i&&"-"!==i&&i!==I()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(i=this.nativeInput)||void 0===i?void 0:i.value)||"";const n=null!==(t=H(this.lastValue,this.decimal))&&void 0!==t?t:null;this.control.inputValue=n,this.dsInput.emit(n)},this.handleFocus=i=>{this.control.onFocus(i),this.nativeInputValue=O(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var i;return null===(i=this.nativeInput)||void 0===i?void 0:i.select()}))},this.handleBlur=i=>{var t;this.lastValue=function(i,t=0){let n=i;if(p(n))return"";V(n)&&(n=n.split(E()).join("").split("`").join("").split("'").join("")),n.charAt(0)===I()&&(n="0"+n);const e=0===t?parseInt(n,10):parseFloat(n.replace(I(),"."));return K(e)?"":e.toFixed(t)}(this.lastValueGetter,this.decimal),this.nativeInputValue=R(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(t=H(this.lastValueGetter,this.decimal))&&void 0!==t?t:null,this.control.onBlur(i)},this.handleKeydown=i=>{var t;if(!this.nativeInput)return;const n=this.nativeInput.value||"",e=null!==(t=this.nativeInput.selectionStart)&&void 0!==t?t:0,r=n.slice(0,e)+i.key+n.slice(e);return function({key:i,ctrlKey:t,metaKey:n,selectionStart:e,selectionEnd:r,newValue:o,decimal:s,onlyPositive:a}){if(["a","c","v"].includes(i)&&(t||n))return!0;if("-"===i){if(a)return!1;if(e&&e>0&&r&&r>0)return!1}if(i===I()){if(0===s)return!1;if((i=>(i.split(I())||[]).length-1||0)(o)>1)return!1}if(![...k,...x,I(),"-"].includes(i))return!1;if(0!==s&&o.includes(I())&&[...k].includes(i)){const i=o.split(I());if(i[i.length-1].length>s)return!1}return!0}({key:i.key,ctrlKey:i.ctrlKey,metaKey:i.metaKey,decimal:this.decimal,newValue:r,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:b(i)}}createLogger(i){this.log=i}debounceChanged(){this.dsChange=m(this.dsChange,this.debounce)}valueChanged(i){const t=null===i||K(i)?this.exactNumber?"0":"":i.toFixed(this.decimal);this.lastValue=t,this.nativeInputValue=this.focused?O(t):R(t,this.decimal,this.suffix)}connectedCallback(){y(this),this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(i){this.control.listenOnClick(i)}listenToReset(i){const t=i.target;(null==t?void 0:t.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(i){this.language=i.language,this.region=i.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?O(this.lastValue):R(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(p(this.lastValue)||d(this.lastValue))?"0":this.lastValue}createPattern(){if(this.pattern)return this.pattern;let i=this.suffix||"";""!==i&&(i=" "+i);const t=E();let n=I();return","===n&&(n="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${t}\\d{3})*(?:\\${n}\\d{1,2})?(?:${i})?`}render(){return e(z,{key:"5c5ba92b21eec307179337c8a781513103c87d2a",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"006a70b2fcc4a88c1ecc124c957ab8dccb4f2a34",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:i=>this.control.nativeEl=i,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:i=>this.handleInput(i),onFocus:i=>this.handleFocus(i),onBlur:i=>this.handleBlur(i),onClick:i=>this.control.onClick(i),onKeyDown:i=>this.handleKeydown(i),onKeyPress:i=>this.dsKeyPress.emit(i)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--_input-family:var(--input-family, var(--mod-input-family, var(--ds-input-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-input-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-input-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-input-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-input-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-input-control-color-placeholder-base)));--_input-container-background:var(--input-container-background, var(--mod-input-container-background, var(--ds-input-container-color-base-background)));--_input-container-border-color:var(--input-container-border-color, var(--mod-input-container-border-color, var(--ds-input-container-color-base-border)));--_input-container-border-width:var(--input-container-border-width, var(--mod-input-container-border-width, var(--ds-input-container-border-width)));--_input-container-radius:var(--input-container-radius, var(--mod-input-container-radius, var(--ds-input-container-radius)));--_input-container-hover-background:var(--input-container-hover-background, var(--mod-input-container-hover-background, var(--ds-input-container-color-hover-background)));--_input-container-active-background:var(--input-container-active-background, var(--mod-input-container-active-background, var(--ds-input-container-color-active-background)));--_input-container-focus-background:var(--input-container-focus-background, var(--mod-input-container-focus-background, var(--ds-input-container-color-focus-background)));--_input-container-hover-border:var(--input-container-hover-border, var(--mod-input-container-hover-border, var(--ds-input-container-color-hover-border)));--_input-container-active-border:var(--input-container-active-border, var(--mod-input-container-active-border, var(--ds-input-container-color-active-border)));--_input-container-focus-border:var(--input-container-focus-border, var(--mod-input-container-focus-border, var(--ds-input-container-color-focus-border)));--_input-label-color:var(--input-label-color, var(--mod-input-label-color, var(--ds-input-label-color-base)));--_input-label-family:var(--input-label-family, var(--mod-input-label-family, var(--ds-input-label-family)));--_input-label-weight:var(--input-label-weight, var(--mod-input-label-weight, var(--ds-input-label-weight)));--_input-label-line-height:var(--input-label-line-height, var(--mod-input-label-line-height, var(--ds-input-label-line-height)));--_input-label-size:var(--input-label-size, var(--mod-input-label-size, var(--ds-input-label-size-device)));--_input-description-color:var(--input-description-color, var(--mod-input-description-color, var(--ds-input-description-color-base)));--_input-description-family:var(--input-description-family, var(--mod-input-description-family, var(--ds-input-description-family)));--_input-description-weight:var(--input-description-weight, var(--mod-input-description-weight, var(--ds-input-description-weight)));--_input-description-line-height:var(--input-description-line-height, var(--mod-input-description-line-height, var(--ds-input-description-line-height)));--_input-description-size:var(--input-description-size, var(--mod-input-description-size, var(--ds-input-description-size-device)))}:host{position:relative;display:grid;gap:.25rem}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_input-container-background);border:var(--_input-container-border-width) solid var(--_input-container-border-color);border-radius:var(--_input-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_input-container-hover-background);border-color:var(--_input-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_input-container-active-background);border-color:var(--_input-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_input-container-focus-background);border-color:var(--_input-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_input-label-color);font-family:var(--_input-label-family);font-weight:var(--_input-label-weight);font-size:var(--_input-label-size);line-height:var(--_input-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_input-description-color);font-family:var(--_input-description-family);font-weight:var(--_input-description-weight);font-size:var(--_input-description-size);line-height:var(--_input-description-line-height)}:host #description ds-icon{--icon-color:var(--_input-description-color)}:host(.is-danger){--mod-input-container-border-color:var(--ds-input-container-color-danger-border);--mod-input-description-color:var(--ds-input-description-color-danger);--mod-input-container-hover-border:var(--ds-input-container-color-danger-border);--mod-input-container-active-border:var(--ds-input-container-color-danger-border)}:host(.is-success){--mod-input-container-border-color:var(--ds-input-container-color-success-border);--mod-input-description-color:var(--ds-input-description-color-success);--mod-input-container-hover-border:var(--ds-input-container-color-success-border);--mod-input-container-active-border:var(--ds-input-container-color-success-border)}:host(.is-warning){--mod-input-container-border-color:var(--ds-input-container-color-warning-border);--mod-input-description-color:var(--ds-input-description-color-warning);--mod-input-container-hover-border:var(--ds-input-container-color-warning-border);--mod-input-container-active-border:var(--ds-input-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-input-container-background:var(--ds-input-container-color-disabled-background);--mod-input-container-border-color:var(--ds-input-container-color-disabled-border);--mod-input-label-color:var(--ds-input-label-color-disabled);--mod-input-description-color:var(--ds-input-description-color-disabled);--mod-input-color:var(--ds-input-control-color-value-disabled);--mod-input-placeholder:var(--ds-input-control-color-placeholder-disabled)}"}},[65,"ds-number-input",{color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[1],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]);o([s("number-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],M.prototype,"createLogger",null),o([_(...j),a("design:type",String)],M.prototype,"color",void 0),o([w("number"),a("design:type",Number)],M.prototype,"debounce",void 0),o([w("number"),a("design:type",Number)],M.prototype,"decimal",void 0),o([w("string"),a("design:type",String)],M.prototype,"description",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"disabled",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"exactNumber",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"invalid",void 0),o([w("string"),a("design:type",String)],M.prototype,"invalidText",void 0),o([w("string"),a("design:type",String)],M.prototype,"label",void 0),o([w("string"),a("design:type",String)],M.prototype,"max",void 0),o([w("string"),a("design:type",String)],M.prototype,"min",void 0),o([w("string"),a("design:type",String)],M.prototype,"name",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"onlyPositive",void 0),o([w("string"),a("design:type",String)],M.prototype,"pattern",void 0),o([w("string"),a("design:type",String)],M.prototype,"placeholder",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"readonly",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"required",void 0),o([w("string"),a("design:type",String)],M.prototype,"suffix",void 0),o([F(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],M.prototype,"configChanged",null);let $=0;const W=M,Y=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-number-input":customElements.get(r(i))||customElements.define(r(i),M);break;case"ds-icon":customElements.get(r(i))||C();break;case"ds-spinner":customElements.get(r(i))||B()}}))};export{W as DsNumberInput,Y as defineCustomElement}

package/components/ds-pagination.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsPagination extends Components.DsPagination, HTMLElement {}
+export const DsPagination: {
+    prototype: DsPagination;
+    new (): DsPagination;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-pagination.js

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

package/components/ds-progress-bar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsProgressBar extends Components.DsProgressBar, HTMLElement {}
+export const DsProgressBar: {
+    prototype: DsProgressBar;
+    new (): DsProgressBar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-progress-bar.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{d as r,p as s,H as e,h as o,e as i,t as a}from"./p-BNY3JzuV.js";import{_ as t,L as n,a as d}from"./p-Dr4dquer.js";import{k as g}from"./p-BOgMmRCt.js";import{s as p,a as l,V as c}from"./p-82RSSk25.js";import{W as h,i as u}from"./p-Bt20CEww.js";import{a as b}from"./p-DZqqelPH.js";import{d as m}from"./p-BEngECpF.js";import{L as k}from"./p-CojUmpFm.js";import{L as v}from"./p-cSbDziZm.js";class y extends b{constructor(){super((r=>{r.listenToWindowResize()})),this.listener=new h}attach(s){super.attach(s),r.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}new y;const w={de:{progress:"Fortschritt"},en:{progress:"Progress"},fr:{progress:"Progression"},it:{progress:"Progresso"},nl:{progress:"Voortgang"},es:{progress:"Progreso"},pl:{progress:"Postęp"},pt:{progress:"Progresso"},sv:{progress:"Förlopp"},fi:{progress:"Edistyminen"}},f=s(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.language=m.language,this.animated=!0,this.isTouch=u.touch,this.background="dark",this.color="primary",this.value=0}createLogger(r){this.log=r}connectedCallback(){p(this)}componentDidRender(){this.updateProgress()}listenToBreakpoint(r){this.updateProgress()}listenToWindowResize(){this.updateProgress()}async configChanged(r){this.animated=r.animated,this.language=r.language}updateProgress(){this.lineEl&&g((()=>{const r=this.el.clientWidth,s=Math.max(0,Math.min(100,this.value));void 0!==this.lineEl&&(this.lineEl.style.width=r/100*s+"px",100===s?this.lineEl.classList.add("is-full"):this.lineEl.classList.remove("is-full"))}))}render(){return o(i,{key:"3a3a5ca051766fb90b5da4421eac744d91908314",role:"progressbar","aria-label":`${w[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":"light"===this.background,"is-dark":"dark"===this.background,"is-primary":"primary"===this.color,"is-purple":"purple"===this.color,"is-yellow":"yellow"===this.color,"is-red":"red"===this.color,"is-green":"green"===this.color}},o("div",{key:"742d598fcf33bdf697c546c47c7d89c36d2b09e9",id:"line",part:"line",class:{"is-animated":this.animated},ref:r=>this.lineEl=r}))}get el(){return this}static get style(){return":host{--_progress-bar-height:var(--progress-bar-height, var(--mod-progress-bar-height, var(--ds-progress-bar-height)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-line-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-line-color-primary)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;width:100%;min-width:0;height:var(--_progress-bar-height);background:var(--_progress-bar-background)}:host #line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;height:var(--_progress-bar-height);width:0;background:var(--_progress-bar-line-color);border-top-right-radius:var(--_progress-bar-radius);border-bottom-right-radius:var(--_progress-bar-radius)}:host #line.is-animated{will-change:width;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host #line.is-full{border-top-right-radius:0;border-bottom-right-radius:0}:host(.is-light){--mod-progress-bar-background:var(--ds-progress-bar-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-primary)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-purple)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-purple)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-yellow)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-yellow)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-red)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-red)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-green)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-green)}"}},[1,"ds-progress-bar",{background:[1],color:[1],value:[514],language:[32],configChanged:[64]}]);t([n("progress-bar"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],f.prototype,"createLogger",null),t([l("light","dark"),d("design:type",String)],f.prototype,"background",void 0),t([l("primary","purple","yellow","red","green"),d("design:type",String)],f.prototype,"color",void 0),t([c("number"),d("design:type",Number)],f.prototype,"value",void 0),t([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),t([function(r){const{connectedCallback:s,disconnectedCallback:e}=r;r.connectedCallback=function(){return this._dsWindowResizeSubject||(this._dsWindowResizeSubject=new y,this._dsWindowResizeSubject.attach(this)),s&&s.call(this)},r.disconnectedCallback=function(){return this._dsWindowResizeSubject&&(this._dsWindowResizeSubject.detach(),this._dsWindowResizeSubject=void 0),e&&e.call(this)}},d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"listenToWindowResize",null),t([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],f.prototype,"configChanged",null);const j=f,_=function(){"undefined"!=typeof customElements&&["ds-progress-bar"].forEach((r=>{"ds-progress-bar"===r&&(customElements.get(a(r))||customElements.define(a(r),f))}))};export{j as DsProgressBar,_ as defineCustomElement}

package/components/ds-radio-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsRadioGroup extends Components.DsRadioGroup, HTMLElement {}
+export const DsRadioGroup: {
+    prototype: DsRadioGroup;
+    new (): DsRadioGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-radio-group.js

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

package/components/ds-radio.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsRadio extends Components.DsRadio, HTMLElement {}
+export const DsRadio: {
+    prototype: DsRadio;
+    new (): DsRadio;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-radio.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as o,H as r,f as e,h as a,e as i,t as d}from"./p-BNY3JzuV.js";import{_ as s,L as l,a as c}from"./p-Dr4dquer.js";import{i as t}from"./p-B62ocg4Q.js";import{s as n}from"./p-Urcs7-vS.js";import{i as h,b}from"./p-BOgMmRCt.js";import{s as v,V as u,a as g}from"./p-82RSSk25.js";import{F as k}from"./p-BTyFgjT3.js";import{R as p,a as m,b as f}from"./p-BFeO6Gq4.js";const y=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsFocus=e(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-rb-"+_++,this.inheritedAttributes={},this.keyboardMode=!0,this.focused=!1,this.wasFocused=!1,this.initialValue=!1,this.autoInvalidOff=!1,this.checked=!1,this.cols=1,this.colsMobile=1,this.colsTablet=1,this.disabled=!1,this.invalid=!1,this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.tile=!1,this.tileColor="",this.handlePointerDown=()=>this.keyboardMode=!1,this.handleKeydown=o=>{(function(o){return" "===o.key})(o)||(this.wasFocused=!1),this.keyboardMode=k.includes(o.key)},this.handleChange=o=>{this.checked=o.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=o=>{this.disabled||this.readonly||(this.keyboardMode&&(this.focused=!0,this.wasFocused=!0),this.dsFocus.emit(o))},this.handleBlur=o=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(o))},this.handleClick=o=>{this.disabled||o.target.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(o))},this.setChecked=o=>{this.checked=o,this.dsChange.emit(this.checked)},this.toggleChecked=o=>{o.preventDefault(),this.setFocus(),this.checked=!0,this.setChecked(this.checked)}}createLogger(o){this.log=o}connectedCallback(){v(this),void 0===this.value&&(this.value=this.inputId),this.group&&(this.updateState(),this.group.addEventListener("dsChange",this.updateState)),this.el.addEventListener("keydown",this.handleKeydown),this.el.addEventListener("touchstart",this.handlePointerDown),this.el.addEventListener("mousedown",this.handlePointerDown)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritedAttributes=t(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){this.group&&this.group.removeEventListener("dsChange",this.updateState),this.el.removeEventListener("keydown",this.handleKeydown),this.el.removeEventListener("touchstart",this.handlePointerDown),this.el.removeEventListener("mousedown",this.handlePointerDown)}listenToClick(o){(this.disabled||this.readonly)&&o.target&&(o.target===this.el||h(this.el,o.target))&&n(o)}async setFocus(){var o;await b(),null===(o=this.nativeInput)||void 0===o||o.focus()}async setBlur(){var o;null===(o=this.nativeInput)||void 0===o||o.blur()}async setButtonTabindex(o){this.buttonTabindex=o}async updateState(){if(this.group){const o=this.group.value===this.value;o!==this.checked&&(this.checked=o)}}get group(){return this.el.closest("ds-radio-group")}render(){const o="boolean"==typeof this.value?JSON.stringify(this.value):this.value,r=this.inheritedAttributes;return void 0!==this.buttonTabindex&&(r.tabIndex=this.buttonTabindex),a(i,{key:"f5348673582c3f0fb64464e0cdf3274e18bc6bb8","aria-disabled":this.disabled?"true":null,"aria-checked":""+this.checked,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-tile":this.tile,["has-tile-"+this.tileColor]:this.tile&&!!this.tileColor,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition,["has-cols-"+this.cols]:this.tile&&this.cols>1,[`has-cols-${this.colsTablet}-tablet`]:this.tile&&this.colsTablet>1,[`has-cols-${this.colsMobile}-mobile`]:this.tile&&this.colsMobile>1},onClick:this.handleClick},a("label",{key:"54d4bfcfec491025e485b3209e89ced7edbb8b31",id:"label",part:"label"},a("input",Object.assign({key:"b7a5c0c381a5a649c3f95e0a998468c3115aa42b",type:"radio",part:"input",id:this.inputId,name:this.name,value:o,tabindex:this.buttonTabindex,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:o=>this.handleChange(o),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:o=>this.nativeInput=o},r)),a("div",{key:"4615f6096e5c77bb76c1f50e5d90def61b0295e2",id:"slot",part:"slot"},a("slot",{key:"dffad20376dc7cd26b3bee13c4884eae3ab0a49c"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return':host{--_radio-gap:var(--radio-gap, var(--mod-radio-gap, 0.5rem));--_radio-label-base-color:var(--radio-label-base-color, var(--mod-radio-label-base-color, inherit));--_radio-label-hover-color:var(--radio-label-hover-color, var(--mod-radio-label-hover-color, var(--ds-global-color-sky-5)));--_radio-label-active-color:var(--radio-label-active-color, var(--mod-radio-label-active-color, var(--ds-global-color-primary-6)));--_radio-size:var(--radio-size, var(--mod-radio-size, 1.5rem));--_radio-border-width:var(--radio-border-width, var(--mod-radio-border-width, var(--ds-alias-border-width-base)));--_radio-radius:var(--radio-radius, var(--mod-radio-radius, var(--ds-alias-radius-rounded)));--_radio-tile-radius:var(--radio-tile-radius, var(--mod-radio-tile-radius, var(--ds-alias-radius-base)));--_radio-tile-padding:var(--radio-tile-padding, var(--mod-radio-tile-padding, 1rem));--_radio-tile-border-width:var(--radio-tile-border-width, var(--mod-radio-tile-border-width, var(--ds-alias-border-width-base)));--_radio-tile-base-background-color:var(--radio-tile-base-background-color, var(--mod-radio-tile-base-background-color, inherit));--_radio-tile-base-border-color:var(--radio-tile-base-border-color, var(--mod-radio-tile-base-border-color, var(--ds-global-color-grey-3)));--_radio-tile-hover-background-color:var(--radio-tile-hover-background-color, var(--mod-radio-tile-hover-background-color, var(--ds-global-color-grey-2)));--_radio-tile-hover-border-color:var(--radio-tile-hover-border-color, var(--mod-radio-tile-hover-border-color, var(--ds-global-color-sky-5)));--_radio-tile-active-background-color:var(--radio-tile-active-background-color, var(--mod-radio-tile-active-background-color, var(--ds-global-color-grey-2)));--_radio-tile-active-border-color:var(--radio-tile-active-border-color, var(--mod-radio-tile-active-border-color, var(--ds-global-color-primary-6)));--_radio-unchecked-base-color-background:var(--radio-unchecked-base-color-background, var(--mod-radio-unchecked-base-color-background, transparent));--_radio-unchecked-base-color-border:var(--radio-unchecked-base-color-border, var(--mod-radio-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_radio-unchecked-hover-color-background:var(--radio-unchecked-hover-color-background, var(--mod-radio-unchecked-hover-color-background, var(--ds-global-color-grey-2)));--_radio-unchecked-hover-color-border:var(--radio-unchecked-hover-color-border, var(--mod-radio-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_radio-unchecked-active-color-background:var(--radio-unchecked-active-color-background, var(--mod-radio-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_radio-unchecked-active-color-border:var(--radio-unchecked-active-color-border, var(--mod-radio-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_radio-checked-base-color-background:var(--radio-checked-base-color-background, var(--mod-radio-checked-base-color-background, var(--ds-global-color-primary-5)));--_radio-checked-base-color-border:var(--radio-checked-base-color-border, var(--mod-radio-checked-base-color-border, var(--ds-global-color-primary-5)));--_radio-checked-base-color-icon:var(--radio-checked-base-color-icon, var(--mod-radio-checked-base-color-icon, var(--ds-global-color-white)));--_radio-checked-hover-color-background:var(--radio-checked-hover-color-background, var(--mod-radio-checked-hover-color-background, var(--ds-global-color-sky-5)));--_radio-checked-hover-color-border:var(--radio-checked-hover-color-border, var(--mod-radio-checked-hover-color-border, var(--ds-global-color-sky-5)));--_radio-checked-active-color-background:var(--radio-checked-active-color-background, var(--mod-radio-checked-active-color-background, var(--ds-global-color-primary-6)));--_radio-checked-active-color-border:var(--radio-checked-active-color-border, var(--mod-radio-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_radio-gap);cursor:pointer;user-select:none;color:var(--_radio-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_radio-label-hover-color)}}label:active{color:var(--_radio-label-active-color)}label #slot{-ms-flex:1;flex:1}:host input[type=radio]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_radio-size);height:var(--_radio-size);background:var(--_radio-unchecked-base-color-background);border:var(--_radio-border-width) solid var(--_radio-unchecked-base-color-border);border-radius:var(--_radio-radius);vertical-align:top;cursor:pointer;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=radio]:disabled{cursor:default}:host input[type=radio]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_radio-radius)}:host input[type=radio]:not(:disabled):hover,:host:hover input[type=radio]:not(:disabled):not(:checked){background:var(--_radio-unchecked-hover-color-background);border-color:var(--_radio-unchecked-hover-color-border)}:host input[type=radio]:not(:disabled):active,:host:active input[type=radio]:not(:disabled):not(:checked){background:var(--_radio-unchecked-active-color-background);border-color:var(--_radio-unchecked-active-color-border)}:host input[type=radio]:checked{background:var(--_radio-checked-base-color-background);border-color:var(--_radio-checked-base-color-border)}:host input[type=radio]:checked:not(:disabled):hover,:host:hover input[type=radio]:checked:not(:disabled){background:var(--_radio-checked-hover-color-background);border-color:var(--_radio-checked-hover-color-border)}:host input[type=radio]:checked:not(:disabled):active,:host:active input[type=radio]:checked:not(:disabled){background:var(--_radio-checked-active-color-background);border-color:var(--_radio-checked-active-color-border)}:host input[type=radio]::after{content:"";display:block;border-radius:var(--_radio-radius);height:0;width:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;background:rgba(0,0,0,0);-webkit-transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out;transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out}:host input[type=radio]:checked::after{background-color:var(--_radio-checked-base-color-icon);height:.5rem;width:.5rem;opacity:1}:host(.is-invalid:not(.is-disabled)){--mod-radio-label-base-color:var(--ds-global-color-danger-4);--mod-radio-label-hover-color:var(--ds-global-color-danger-5);--mod-radio-label-active-color:var(--ds-global-color-danger-6);--mod-radio-unchecked-base-color-background:transparent;--mod-radio-unchecked-base-color-border:var(--ds-divider-color-danger);--mod-radio-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-radio-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-radio-checked-base-color-background:var(--ds-divider-color-danger);--mod-radio-checked-base-color-border:var(--ds-divider-color-danger);--mod-radio-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-radio-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-radio-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-radio-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-radio-label-base-color:var(--ds-global-color-grey-5);--mod-radio-label-hover-color:var(--ds-global-color-grey-5);--mod-radio-label-active-color:var(--ds-global-color-grey-5);--mod-radio-unchecked-base-color-background:var(--ds-global-color-grey-2);--mod-radio-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-radio-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-radio-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{width:100%;height:100%;padding:var(--_radio-tile-padding);border-style:solid;border-width:var(--_radio-tile-border-width);border-radius:var(--_radio-tile-radius);border-color:var(--_radio-tile-base-border-color);background:var(--_radio-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_radio-tile-hover-border-color);background:var(--_radio-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_radio-tile-active-border-color);background:var(--_radio-tile-active-background-color)}:host(.is-tile.is-checked){--mod-radio-tile-base-border-color:var(--_radio-checked-base-color-background)}:host(.is-tile.has-tile-green.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-radio-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-radio-tile-active-background-color:var(--ds-global-color-danger-1);--mod-radio-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-radio-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}'}},[321,"ds-radio",{autoInvalidOff:[4,"auto-invalid-off"],checked:[1540],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],disabled:[516],invalid:[516],label:[1],labelPosition:[1,"label-position"],name:[1],readonly:[516],required:[516],tile:[4],tileColor:[1,"tile-color"],value:[1544],focused:[32],wasFocused:[32],buttonTabindex:[32],setFocus:[64],setBlur:[64],setButtonTabindex:[64],updateState:[64]},[[6,"click","listenToClick"]]]);s([l("radio"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],y.prototype,"createLogger",null),s([u("boolean"),c("design:type",Boolean)],y.prototype,"autoInvalidOff",void 0),s([u("boolean"),c("design:type",Boolean)],y.prototype,"checked",void 0),s([g(...p),c("design:type",Number)],y.prototype,"cols",void 0),s([g(...p),c("design:type",Number)],y.prototype,"colsMobile",void 0),s([g(...p),c("design:type",Number)],y.prototype,"colsTablet",void 0),s([u("boolean"),c("design:type",Boolean)],y.prototype,"disabled",void 0),s([u("boolean"),c("design:type",Boolean)],y.prototype,"invalid",void 0),s([u("string"),c("design:type",String)],y.prototype,"label",void 0),s([g(...m),c("design:type",String)],y.prototype,"labelPosition",void 0),s([u("string"),c("design:type",String)],y.prototype,"name",void 0),s([u("boolean"),c("design:type",Boolean)],y.prototype,"readonly",void 0),s([u("boolean"),c("design:type",Boolean)],y.prototype,"required",void 0),s([u("boolean"),c("design:type",Boolean)],y.prototype,"tile",void 0),s([g(...f),c("design:type",String)],y.prototype,"tileColor",void 0);let _=0;const x=y,w=function(){"undefined"!=typeof customElements&&["ds-radio"].forEach((o=>{"ds-radio"===o&&(customElements.get(d(o))||customElements.define(d(o),y))}))};export{x as DsRadio,w as defineCustomElement}

package/components/ds-segment-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsSegmentItem extends Components.DsSegmentItem, HTMLElement {}
+export const DsSegmentItem: {
+    prototype: DsSegmentItem;
+    new (): DsSegmentItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-segment-item.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as e,f as s,h as i,t as n,e as r}from"./p-BNY3JzuV.js";import{_ as o,L as a,a as d}from"./p-Dr4dquer.js";import{l as p}from"./p-BOgMmRCt.js";import{s as g,V as c}from"./p-82RSSk25.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillUpdate=s(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){g(this),this.debouncedWillUpdate=p((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return i(r,{key:"e962948a552dfca1086033d2e228abf0f896f5c4","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}"}},[65,"ds-segment-item",{description:[1],icon:[1],label:[1],svg:[1],value:[520]}]);o([a("segment-item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],m.prototype,"createLogger",null),o([c("string"),d("design:type",String)],m.prototype,"description",void 0),o([c("string"),d("design:type",String)],m.prototype,"icon",void 0),o([c("string"),d("design:type",String)],m.prototype,"label",void 0),o([c("string"),d("design:type",String)],m.prototype,"svg",void 0);const l=m,h=function(){"undefined"!=typeof customElements&&["ds-segment-item"].forEach((t=>{"ds-segment-item"===t&&(customElements.get(n(t))||customElements.define(n(t),m))}))};export{l as DsSegmentItem,h as defineCustomElement}

package/components/ds-segment.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsSegment extends Components.DsSegment, HTMLElement {}
+export const DsSegment: {
+    prototype: DsSegment;
+    new (): DsSegment;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;