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

package/components/ds-card-actions.d.ts

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

package/components/ds-card-actions.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as s,H as e,h as t,e as n,t as o}from"./p-BNY3JzuV.js";import{_ as r,L as c,a}from"./p-Dr4dquer.js";import{s as i,a as d}from"./p-82RSSk25.js";import{d as u}from"./p-BlyIAln5.js";import{d as p}from"./p-CDYlUuhB.js";const m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.align=""}createLogger(s){this.log=s}connectedCallback(){i(this)}render(){return t(n,{key:"75304b2e410be460cca67efb13df4552739365d2",role:"contentinfo"},t("ds-button-group",{key:"b1e817de2723c754c9bdf41e6c475c6265e9324e",class:"m-none",align:this.align},t("slot",{key:"67ff203887251545b1def6dabac2f63c9599d594"})))}get el(){return this}},[257,"ds-card-actions",{align:[1]}]);r([c("card-actions"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],m.prototype,"createLogger",null),r([d(...u),a("design:type",String)],m.prototype,"align",void 0);const l=m,f=function(){"undefined"!=typeof customElements&&["ds-card-actions","ds-button-group"].forEach((s=>{switch(s){case"ds-card-actions":customElements.get(o(s))||customElements.define(o(s),m);break;case"ds-button-group":customElements.get(o(s))||p()}}))};export{l as DsCardActions,f as defineCustomElement}

package/components/ds-card-content.d.ts

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

package/components/ds-card-content.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as a,h as e,e as n,t as o}from"./p-BNY3JzuV.js";import{_ as r,L as s,a as i}from"./p-Dr4dquer.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}createLogger(t){this.log=t}render(){return e(n,{key:"98f18db67370e5cdadb27ec8a690700d5018b248"},e("slot",{key:"0463658375873c16b3bb5bbd142743604bd45705"}))}get el(){return this}static get style(){return':host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-text-family-body);font-weight:var(--ds-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-heading-family);font-weight:var(--ds-heading-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}'}},[257,"ds-card-content"]);r([s("card-content"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],c.prototype,"createLogger",null);const d=c,h=function(){"undefined"!=typeof customElements&&["ds-card-content"].forEach((t=>{"ds-card-content"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{d as DsCardContent,h as defineCustomElement}

package/components/ds-card-header.d.ts

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

package/components/ds-card-header.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as a,H as r,h as e,e as d,t}from"./p-BNY3JzuV.js";import{_ as o,L as i,a as m}from"./p-Dr4dquer.js";import{a as c}from"./p-82RSSk25.js";import{e as s}from"./p-BlyIAln5.js";const h=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.direction="row"}createLogger(a){this.log=a}render(){return e(d,{key:"68ac3caf2b2a7928a79929490e57b12edc0643a2",role:"banner"},e("slot",{key:"fccb72c5f06184d3a426f0557a1f84146412f455"}))}get el(){return this}static get style(){return":host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}:host ds-icon,:host ::slotted(ds-icon){grid-area:icon}:host>.tag,:host>.tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .title,:host ds-card-title{grid-area:title}:host>p,:host .subtitle,:host ds-card-subtitle{grid-area:subtitle}:host .title,:host .subtitle,:host .heading{margin:0}"}},[257,"ds-card-header",{direction:[1]}]);o([i("card-header"),m("design:type",Function),m("design:paramtypes",[Function]),m("design:returntype",void 0)],h.prototype,"createLogger",null),o([c(...s),m("design:type",String)],h.prototype,"direction",void 0);const n=h,g=function(){"undefined"!=typeof customElements&&["ds-card-header"].forEach((a=>{"ds-card-header"===a&&(customElements.get(t(a))||customElements.define(t(a),h))}))};export{n as DsCardHeader,g as defineCustomElement}

package/components/ds-card-subtitle.d.ts

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

package/components/ds-card-subtitle.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as r,h as a,e as i,t as e}from"./p-BNY3JzuV.js";import{_ as s,L as d,a as l}from"./p-Dr4dquer.js";import{s as o,V as c,a as b}from"./p-82RSSk25.js";import{H as m}from"./p-Ceu7FIWM.js";const u=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inverted=!1,this.bold=!1,this.color=""}createLogger(t){this.log=t}connectedCallback(){o(this)}render(){return a(i,{key:"5fa47e10e975876c9e7504c6802fec1ff1a64278",class:{"card-header":!0}},a("span",{key:"35f306867b2d826c1368e82dc55164d7f59cd7a7",class:{text:!0,"is-bold":this.bold,["is-"+this.color]:""!==this.color&&!this.inverted,"is-inverted":this.inverted}},a("slot",{key:"fcd9d4bb19a8f16df26943291a5527f056a1ad57"})))}get el(){return this}static get style(){return":host{--_card-subtitle-position:var(--card-subtitle-position, var(--mod-card-subtitle-position, static));--_card-subtitle-top:var(--card-subtitle-top, var(--mod-card-subtitle-top));--_card-subtitle-right:var(--card-subtitle-right, var(--mod-card-subtitle-right));--_card-subtitle-bottom:var(--card-subtitle-bottom, var(--mod-card-subtitle-bottom));--_card-subtitle-left:var(--card-subtitle-left, var(--mod-card-subtitle-left));position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left);--_card-subtitle-m:var(--card-subtitle-m, var(--mod-card-subtitle-m, 0));--_card-subtitle-my:var(--card-subtitle-my, var(--mod-card-subtitle-my));--_card-subtitle-mx:var(--card-subtitle-mx, var(--mod-card-subtitle-mx));--_card-subtitle-ml:var(--card-subtitle-ml, var(--mod-card-subtitle-ml));--_card-subtitle-mr:var(--card-subtitle-mr, var(--mod-card-subtitle-mr));--_card-subtitle-mt:var(--card-subtitle-mt, var(--mod-card-subtitle-mt));--_card-subtitle-mb:var(--card-subtitle-mb, var(--mod-card-subtitle-mb));margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);display:-ms-flexbox;display:flex;margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left)}:host{grid-area:subtitle;grid-area:subtitle}"}},[257,"ds-card-subtitle",{inverted:[4],bold:[4],color:[1]}]);s([d("card-subtitle"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],u.prototype,"createLogger",null),s([c("boolean"),l("design:type",Boolean)],u.prototype,"inverted",void 0),s([c("boolean"),l("design:type",Boolean)],u.prototype,"bold",void 0),s([b(...m),l("design:type",String)],u.prototype,"color",void 0);const n=u,v=function(){"undefined"!=typeof customElements&&["ds-card-subtitle"].forEach((t=>{"ds-card-subtitle"===t&&(customElements.get(e(t))||customElements.define(e(t),u))}))};export{n as DsCardSubtitle,v as defineCustomElement}

package/components/ds-card-title.d.ts

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

package/components/ds-card-title.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as r,h as a,e,t as i}from"./p-BNY3JzuV.js";import{_ as d,L as l,a as o}from"./p-Dr4dquer.js";import{V as c,a as m}from"./p-82RSSk25.js";import{a as s,b as n}from"./p-Ceu7FIWM.js";import{d as v}from"./p-DtuTnY5l.js";const g=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inverted=!1,this.level="h3",this.visualLevel=""}createLogger(t){this.log=t}render(){return a(e,{key:"aeac068e023309dd036cfea151ef2ddb92069a1d"},a("ds-heading",{key:"0f9474d643852320d2c36148ca5f47d50eae6927",level:this.level,visualLevel:this.visualLevel,space:"none",inverted:this.inverted},a("slot",{key:"083f738ac0e155f2522896211ba9dee2ada3bfb3"})))}get el(){return this}static get style(){return":host{--_card-title-position:var(--card-title-position, var(--mod-card-title-position, static));--_card-title-top:var(--card-title-top, var(--mod-card-title-top));--_card-title-right:var(--card-title-right, var(--mod-card-title-right));--_card-title-bottom:var(--card-title-bottom, var(--mod-card-title-bottom));--_card-title-left:var(--card-title-left, var(--mod-card-title-left));position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left);--_card-title-m:var(--card-title-m, var(--mod-card-title-m, 0));--_card-title-my:var(--card-title-my, var(--mod-card-title-my));--_card-title-mx:var(--card-title-mx, var(--mod-card-title-mx));--_card-title-ml:var(--card-title-ml, var(--mod-card-title-ml));--_card-title-mr:var(--card-title-mr, var(--mod-card-title-mr));--_card-title-mt:var(--card-title-mt, var(--mod-card-title-mt));--_card-title-mb:var(--card-title-mb, var(--mod-card-title-mb));margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);display:-ms-flexbox;display:flex;margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left)}:host{grid-area:title;text-align:inherit}"}},[257,"ds-card-title",{inverted:[4],level:[1],visualLevel:[1,"visual-level"]}]);d([l("card-title"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],g.prototype,"createLogger",null),d([c("boolean"),o("design:type",Boolean)],g.prototype,"inverted",void 0),d([m(...s),o("design:type",String)],g.prototype,"level",void 0),d([m(...n),o("design:type",String)],g.prototype,"visualLevel",void 0);const p=g,_=function(){"undefined"!=typeof customElements&&["ds-card-title","ds-heading"].forEach((t=>{switch(t){case"ds-card-title":customElements.get(i(t))||customElements.define(i(t),g);break;case"ds-heading":customElements.get(i(t))||v()}}))};export{p as DsCardTitle,_ as defineCustomElement}

package/components/ds-card.d.ts

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

package/components/ds-card.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as r,H as a,h as d,e,t}from"./p-BNY3JzuV.js";import{_ as o,L as c,a as s}from"./p-Dr4dquer.js";import{i}from"./p-DTPbL3uY.js";import{n}from"./p-DR5LIaCn.js";import{s as l,V as g,a as m}from"./p-82RSSk25.js";import{C as h,a as p,b as v,c as b}from"./p-BlyIAln5.js";const u=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser="",this.square=!1,this.outlined=!1,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1,this.align="",this.color=""}createLogger(r){this.log=r}spaceChanged(r){this.space=n(r)}connectedCallback(){l(this),this.space=n(this.space)}get colorTypeClass(){const r=i(this.color)?"":""+(this.inverted?"primary":this.color);return{blue:"primary","purple-1":"purple-lighter","purple-2":"purple-light","purple-3":"purple","red-1":"red-lighter","red-2":"red-light","red-3":"red","green-1":"green-lighter","green-2":"green-light","green-3":"green","yellow-1":"yellow-lighter","yellow-2":"yellow-light","yellow-3":"yellow"}[r]||r}render(){const r=!!this.outlined,a=!!this.imageTeaser;return d(e,{key:"5a6954546b3edccfa156aa9a69ee996c0048fb6e",class:{"is-image-teaser":a,["is-image-teaser-"+this.imageTeaser]:a&&!i(this.imageTeaser),"is-square":this.square,"is-dense":this.dense,["is-"+this.colorTypeClass]:!i(this.color)&&"white"!==this.colorTypeClass,["has-space-"+this.space]:!i(this.space),"is-outlined":r,"is-flat":r||!!this.flat,"is-tile":!!this.tile}},d("slot",{key:"91bdbfea93a5103785f6253a767c3985593ff397",name:"picture"}),d("article",{key:"1399cdb4d3f587e1e1d5404a85dc2a7976282e49",id:"card",class:{"is-fullheight":this.fullheight,["align-"+this.align]:!i(this.align)}},d("slot",{key:"3c2b044cd753fc635c745dc3a6e11a69d8f57f32"})))}get el(){return this}static get watchers(){return{space:[{spaceChanged:0}]}}static get style(){return':host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-base-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-base-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-base-border, transparent)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius-base)));--_card-border-width:var(--card-border-width, var(--mod-card-border-width, 0rem));--_card-border-style:var(--card-border-style, var(--mod-card-border-style, solid));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-space-base-device)));--_card-padding-left:var(--card-padding-left, var(--mod-card-padding-left, var(--ds-card-space-base-device)));--_card-padding-right:var(--card-padding-right, var(--mod-card-padding-right, var(--ds-card-space-base-device)));--_card-padding-top:var(--card-padding-top, var(--mod-card-padding-top, var(--ds-card-space-base-device)));--_card-padding-bottom:var(--card-padding-bottom, var(--mod-card-padding-bottom, var(--ds-card-space-base-device)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, "title ." "subtitle subtitle") )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border-color:var(--_card-color-border);border-width:var(--_card-border-width);border-style:var(--_card-border-style);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:calc(var(--_card-padding-left) - var(--_card-border-width));padding-right:calc(var(--_card-padding-right) - var(--_card-border-width));padding-top:calc(var(--_card-padding-top) - var(--_card-border-width));padding-bottom:calc(var(--_card-padding-bottom) - var(--_card-border-width));text-decoration:none}#card .card-header{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .card-header ds-icon,#card .card-header ::slotted(ds-icon){grid-area:icon}#card .card-header>.tag,#card .card-header>.tags,#card .card-header>ds-tag,#card .card-header>ds-tag-group,#card .card-header ::slotted(ds-tag),#card .card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .card-header .title,#card .card-header ds-card-title{grid-area:title}#card .card-header>p,#card .card-header .subtitle,#card .card-header ds-card-subtitle{grid-area:subtitle}#card .card-header .title,#card .card-header .subtitle,#card .card-header .heading{margin:0}#card .card-content{font-family:var(--ds-text-family-body);font-weight:var(--ds-text-weight-regular)}#card .card-content strong,#card .card-content b{font-weight:var(--ds-text-weight-bold)}#card .card-content h1,#card .card-content h2,#card .card-content h3,#card .card-content h4,#card .card-content h5,#card .card-content h6,#card .card-content ds-heading{font-family:var(--ds-heading-family);font-weight:var(--ds-heading-weight)}#card .card-content h1,#card .card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}#card .card-content h2,#card .card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}#card .card-content h3,#card .card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}#card .card-content h4,#card .card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}#card .card-content h5,#card .card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}#card .card-content ds-heading:not(:last-child),#card .card-content h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}#card .card-content h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}#card .card-content ds-text:not(:last-child),#card .card-content p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}#card .card-content p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}#card .card-actions{--_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){#card .card-actions ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}#card .card-actions ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card .card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .card-actions.as-row{--mod-buttons-direction:row}#card .card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .card-actions.as-col ::slotted(.button),#card .card-actions.as-col .button,#card .card-actions.as-col ::slotted(ds-button),#card .card-actions.as-col ds-button,#card .card-actions.as-col-reverse ::slotted(.button),#card .card-actions.as-col-reverse .button,#card .card-actions.as-col-reverse ::slotted(ds-button),#card .card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .card-actions.as-col.is-center,#card .card-actions.as-col.is-centered,#card .card-actions.as-col-reverse.is-center,#card .card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .card-actions.as-col.is-left,#card .card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .card-actions.as-col.is-right,#card .card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .card-actions.as-row.is-center,#card .card-actions.as-row.is-centered,#card .card-actions.is-center:not(.as-col),#card .card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .card-actions.as-row.is-left,#card .card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .card-actions.as-row.is-right,#card .card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .card-actions.is-wide ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions.is-wide .button:not(.is-square,.is-circle),#card .card-actions.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-square){--mod-card-radius:var(--ds-card-radius-square)}:host(.is-flat){--mod-card-radius:var(--ds-card-radius-flat);--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-padding-left:0;--mod-card-padding-right:0;--mod-card-padding-top:0;--mod-card-padding-bottom:0}:host(.is-outlined){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-border-width:var(--ds-card-outline-width);--mod-card-border-style:dashed;--mod-card-color-border:var(--ds-card-color-base-outline, transparent)}:host(.is-white){--mod-card-color-background:var(--ds-card-color-white-background);--mod-card-color-text:var(--ds-card-color-white-text);--mod-card-color-border:var(--ds-card-color-white-border, transparent)}:host(.is-white.is-outlined){--mod-card-color-border:var(--ds-card-color-white-outline, transparent)}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, transparent)}:host(.is-primary.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-outline, transparent)}:host(.is-primary-light){--mod-card-color-background:var(--ds-card-color-primary-light-background);--mod-card-color-text:var(--ds-card-color-primary-light-text);--mod-card-color-border:var(--ds-card-color-primary-light-border, transparent)}:host(.is-primary-light.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-light-outline, transparent)}:host(.is-info){--mod-card-color-background:var(--ds-card-color-info-background);--mod-card-color-text:var(--ds-card-color-info-text);--mod-card-color-border:var(--ds-card-color-info-border, transparent)}:host(.is-info.is-outlined){--mod-card-color-border:var(--ds-card-color-info-outline, transparent)}:host(.is-success){--mod-card-color-background:var(--ds-card-color-success-background);--mod-card-color-text:var(--ds-card-color-success-text);--mod-card-color-border:var(--ds-card-color-success-border, transparent)}:host(.is-success.is-outlined){--mod-card-color-border:var(--ds-card-color-success-outline, transparent)}:host(.is-warning){--mod-card-color-background:var(--ds-card-color-warning-background);--mod-card-color-text:var(--ds-card-color-warning-text);--mod-card-color-border:var(--ds-card-color-warning-border, transparent)}:host(.is-warning.is-outlined){--mod-card-color-border:var(--ds-card-color-warning-outline, transparent)}:host(.is-danger){--mod-card-color-background:var(--ds-card-color-danger-background);--mod-card-color-text:var(--ds-card-color-danger-text);--mod-card-color-border:var(--ds-card-color-danger-border, transparent)}:host(.is-danger.is-outlined){--mod-card-color-border:var(--ds-card-color-danger-outline, transparent)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, transparent)}:host(.is-grey.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-outline, transparent)}:host(.is-grey-light){--mod-card-color-background:var(--ds-card-color-grey-light-background);--mod-card-color-text:var(--ds-card-color-grey-light-text);--mod-card-color-border:var(--ds-card-color-grey-light-border, transparent)}:host(.is-grey-light.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-light-outline, transparent)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, transparent)}:host(.is-red.is-outlined){--mod-card-color-border:var(--ds-card-color-red-outline, transparent)}:host(.is-red-light){--mod-card-color-background:var(--ds-card-color-red-light-background);--mod-card-color-text:var(--ds-card-color-red-light-text);--mod-card-color-border:var(--ds-card-color-red-light-border, transparent)}:host(.is-red-light.is-outlined){--mod-card-color-border:var(--ds-card-color-red-light-outline, transparent)}:host(.is-red-lighter){--mod-card-color-background:var(--ds-card-color-red-lighter-background);--mod-card-color-text:var(--ds-card-color-red-lighter-text);--mod-card-color-border:var(--ds-card-color-red-lighter-border, transparent)}:host(.is-red-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-red-lighter-outline, transparent)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, transparent)}:host(.is-green.is-outlined){--mod-card-color-border:var(--ds-card-color-green-outline, transparent)}:host(.is-green-light){--mod-card-color-background:var(--ds-card-color-green-light-background);--mod-card-color-text:var(--ds-card-color-green-light-text);--mod-card-color-border:var(--ds-card-color-green-light-border, transparent)}:host(.is-green-light.is-outlined){--mod-card-color-border:var(--ds-card-color-green-light-outline, transparent)}:host(.is-green-lighter){--mod-card-color-background:var(--ds-card-color-green-lighter-background);--mod-card-color-text:var(--ds-card-color-green-lighter-text);--mod-card-color-border:var(--ds-card-color-green-lighter-border, transparent)}:host(.is-green-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-green-lighter-outline, transparent)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, transparent)}:host(.is-purple.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-outline, transparent)}:host(.is-purple-light){--mod-card-color-background:var(--ds-card-color-purple-light-background);--mod-card-color-text:var(--ds-card-color-purple-light-text);--mod-card-color-border:var(--ds-card-color-purple-light-border, transparent)}:host(.is-purple-light.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-light-outline, transparent)}:host(.is-purple-lighter){--mod-card-color-background:var(--ds-card-color-purple-lighter-background);--mod-card-color-text:var(--ds-card-color-purple-lighter-text);--mod-card-color-border:var(--ds-card-color-purple-lighter-border, transparent)}:host(.is-purple-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-lighter-outline, transparent)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, transparent)}:host(.is-yellow.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-outline, transparent)}:host(.is-yellow-light){--mod-card-color-background:var(--ds-card-color-yellow-light-background);--mod-card-color-text:var(--ds-card-color-yellow-light-text);--mod-card-color-border:var(--ds-card-color-yellow-light-border, transparent)}:host(.is-yellow-light.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-light-outline, transparent)}:host(.is-yellow-lighter){--mod-card-color-background:var(--ds-card-color-yellow-lighter-background);--mod-card-color-text:var(--ds-card-color-yellow-lighter-text);--mod-card-color-border:var(--ds-card-color-yellow-lighter-border, transparent)}:host(.is-yellow-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-lighter-outline, transparent)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-space-sm-device)}:host(.has-space-sm:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-sm-device);--mod-card-padding-right:var(--ds-card-space-sm-device);--mod-card-padding-top:var(--ds-card-space-sm-device);--mod-card-padding-bottom:var(--ds-card-space-sm-device)}:host(.has-space-md){--mod-card-gap:var(--ds-card-space-md-device)}:host(.has-space-md:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-md-device);--mod-card-padding-right:var(--ds-card-space-md-device);--mod-card-padding-top:var(--ds-card-space-md-device);--mod-card-padding-bottom:var(--ds-card-space-md-device)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-space-lg-device)}:host(.has-space-lg:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-lg-device);--mod-card-padding-right:var(--ds-card-space-lg-device);--mod-card-padding-top:var(--ds-card-space-lg-device);--mod-card-padding-bottom:var(--ds-card-space-lg-device)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:"icon title ." "icon subtitle subtitle"}@media screen and (min-width: 769px){:host(.is-tile){--mod-card-padding-left:calc( var(--ds-card-space-base-device) + var(--ds-icon-tile-size-lg-device) + calc(var(--_card-gap) / 2) );--mod-card-header-margin-left:calc(calc(var(--ds-icon-tile-size-lg-device) * -1) - calc(var(--_card-gap) / 2))}}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.image-link,button.image-link{cursor:pointer}a.image-link picture,button.image-link picture{display:block;overflow:hidden}a.image-link img,button.image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.image-link img:hover,a.image-link img.is-hovered,button.image-link img:hover,button.image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.image-link img:active,a.image-link img.is-pressed,button.image-link img:active,button.image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}'}},[257,"ds-card",{flat:[4],tile:[4],dense:[4],imageTeaser:[1,"image-teaser"],square:[4],outlined:[4],inverted:[4],clickable:[4],selected:[4],fullheight:[4],align:[1],space:[1025],color:[1]},void 0,{space:[{spaceChanged:0}]}]);o([c("card"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),o([g("boolean"),s("design:type",Boolean)],u.prototype,"flat",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"tile",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"dense",void 0),o([m(...h),s("design:type",String)],u.prototype,"imageTeaser",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"square",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"outlined",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"inverted",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"clickable",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"selected",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"fullheight",void 0),o([m(...p),s("design:type",String)],u.prototype,"align",void 0),o([m(...v),s("design:type",String)],u.prototype,"space",void 0),o([m(...b),s("design:type",String)],u.prototype,"color",void 0);const f=u,w=function(){"undefined"!=typeof customElements&&["ds-card"].forEach((r=>{"ds-card"===r&&(customElements.get(t(r))||customElements.define(t(r),u))}))};export{f as DsCard,w as defineCustomElement}

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

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

package/components/ds-checkbox-group.js

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

package/components/ds-checkbox.d.ts

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

package/components/ds-checkbox.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as e,H as o,f as c,h as r,e as a,t as l}from"./p-BNY3JzuV.js";import{_ as s,L as i,a as d}from"./p-Dr4dquer.js";import{i as t}from"./p-B62ocg4Q.js";import{s as b,V as h,a as n}from"./p-82RSSk25.js";import{C as k,a as v}from"./p-LCAsAZzj.js";const x=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsFocus=c(this,"dsFocus"),this.dsBlur=c(this,"dsBlur"),this.dsChange=c(this,"dsChange"),this.internals=this.attachInternals(),this.inputId="ds-cb-"+g++,this.inheritAttributes={},this.focused=!1,this.name=this.inputId,this.label="",this.labelPosition="right",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.invalid=!1,this.tileColor="",this.tile=!1,this.cols=1,this.colsTablet=1,this.colsMobile=1,this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))},this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))}}createLogger(e){this.log=e}connectedCallback(){b(this),this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=t(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){return r(a,{key:"af814fa8a0e3a8ca8adac7322764993aa2f35c49","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}},r("label",{key:"04956294bb277d5739742462f60a04e86ecc7744",id:"label",part:"label"},r("input",Object.assign({key:"42d8a780685abba59aa847fb7606cbd70c760bfa",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),r("div",{key:"f2a1260e135c5c350ba02394a8bb32f6669b2a8d",id:"slot",part:"slot"},r("slot",{key:"ed851c133b9133b609d90360b91bb40e6e7dfa7d"},this.label))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_checkbox-gap:var(--checkbox-gap, var(--mod-checkbox-gap, 0.5rem));--_checkbox-label-base-color:var(--checkbox-label-base-color, var(--mod-checkbox-label-base-color, inherit));--_checkbox-label-hover-color:var(--checkbox-label-hover-color, var(--mod-checkbox-label-hover-color, var(--ds-global-color-sky-5)));--_checkbox-label-active-color:var(--checkbox-label-active-color, var(--mod-checkbox-label-active-color, var(--ds-global-color-primary-6)));--_checkbox-size:var(--checkbox-size, var(--mod-checkbox-size, 1.5rem));--_checkbox-border-width:var(--checkbox-border-width, var(--mod-checkbox-border-width, var(--ds-alias-border-width-base)));--_checkbox-radius:var(--checkbox-radius, var(--mod-checkbox-radius, var(--ds-alias-radius-base)));--_checkbox-tile-radius:var(--checkbox-tile-radius, var(--mod-checkbox-tile-radius, var(--ds-alias-radius-base)));--_checkbox-tile-padding:var(--checkbox-tile-padding, var(--mod-checkbox-tile-padding, 1rem));--_checkbox-tile-border-width:var(--checkbox-tile-border-width, var(--mod-checkbox-tile-border-width, var(--ds-alias-border-width-base)));--_checkbox-tile-base-background-color:var(--checkbox-tile-base-background-color, var(--mod-checkbox-tile-base-background-color, inherit));--_checkbox-tile-base-border-color:var(--checkbox-tile-base-border-color, var(--mod-checkbox-tile-base-border-color, var(--ds-global-color-grey-3)));--_checkbox-tile-hover-background-color:var(--checkbox-tile-hover-background-color, var(--mod-checkbox-tile-hover-background-color, var(--ds-global-color-grey-2)));--_checkbox-tile-hover-border-color:var(--checkbox-tile-hover-border-color, var(--mod-checkbox-tile-hover-border-color, var(--ds-global-color-sky-5)));--_checkbox-tile-active-background-color:var(--checkbox-tile-active-background-color, var(--mod-checkbox-tile-active-background-color, var(--ds-global-color-grey-2)));--_checkbox-tile-active-border-color:var(--checkbox-tile-active-border-color, var(--mod-checkbox-tile-active-border-color, var(--ds-global-color-primary-6)));--_checkbox-unchecked-base-color-background:var(--checkbox-unchecked-base-color-background, var(--mod-checkbox-unchecked-base-color-background, transparent));--_checkbox-unchecked-base-color-border:var(--checkbox-unchecked-base-color-border, var(--mod-checkbox-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-unchecked-hover-color-background:var(--checkbox-unchecked-hover-color-background, var(--mod-checkbox-unchecked-hover-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-hover-color-border:var(--checkbox-unchecked-hover-color-border, var(--mod-checkbox-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-unchecked-active-color-background:var(--checkbox-unchecked-active-color-background, var(--mod-checkbox-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-active-color-border:var(--checkbox-unchecked-active-color-border, var(--mod-checkbox-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_checkbox-checked-base-color-background:var(--checkbox-checked-base-color-background, var(--mod-checkbox-checked-base-color-background, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-border:var(--checkbox-checked-base-color-border, var(--mod-checkbox-checked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-icon:var(--checkbox-checked-base-color-icon, var(--mod-checkbox-checked-base-color-icon, var(--ds-global-color-white)));--_checkbox-checked-hover-color-background:var(--checkbox-checked-hover-color-background, var(--mod-checkbox-checked-hover-color-background, var(--ds-global-color-sky-5)));--_checkbox-checked-hover-color-border:var(--checkbox-checked-hover-color-border, var(--mod-checkbox-checked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-checked-active-color-background:var(--checkbox-checked-active-color-background, var(--mod-checkbox-checked-active-color-background, var(--ds-global-color-primary-6)));--_checkbox-checked-active-color-border:var(--checkbox-checked-active-color-border, var(--mod-checkbox-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(--_checkbox-gap);cursor:pointer;user-select:none;color:var(--_checkbox-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(--_checkbox-label-hover-color)}}label:active{color:var(--_checkbox-label-active-color)}:host input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_checkbox-size);height:var(--_checkbox-size);background:var(--_checkbox-unchecked-base-color-background);border:var(--_checkbox-border-width) solid var(--_checkbox-unchecked-base-color-border);border-radius:var(--_checkbox-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=checkbox]:disabled{cursor:default}:host input[type=checkbox]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_checkbox-radius)}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-hover-color-background);border-color:var(--_checkbox-unchecked-hover-color-border)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-active-color-background);border-color:var(--_checkbox-unchecked-active-color-border)}:host input[type=checkbox]:checked{background:var(--_checkbox-checked-base-color-background);border-color:var(--_checkbox-checked-base-color-border)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-hover-color-background);border-color:var(--_checkbox-checked-hover-color-border)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-active-color-background);border-color:var(--_checkbox-checked-active-color-border)}:host input[type=checkbox]::after{display:block;content:\"\";width:100%;height:100%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}:host input[type=checkbox]:checked::after{background-color:var(--_checkbox-checked-base-color-icon);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-invalid:not(.is-disabled)){--mod-checkbox-label-base-color:var(--ds-global-color-danger-4);--mod-checkbox-label-hover-color:var(--ds-global-color-danger-5);--mod-checkbox-label-active-color:var(--ds-global-color-danger-6);--mod-checkbox-unchecked-base-color-background:transparent;--mod-checkbox-unchecked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-base-color-background:var(--ds-divider-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--ds-global-color-grey-5);--mod-checkbox-label-hover-color:var(--ds-global-color-grey-5);--mod-checkbox-label-active-color:var(--ds-global-color-grey-5);--mod-checkbox-unchecked-base-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-checkbox-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(--_checkbox-tile-padding);border-style:solid;border-width:var(--_checkbox-tile-border-width);border-radius:var(--_checkbox-tile-radius);border-color:var(--_checkbox-tile-base-border-color);background:var(--_checkbox-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_checkbox-tile-hover-border-color);background:var(--_checkbox-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_checkbox-tile-active-border-color);background:var(--_checkbox-tile-active-background-color)}:host(.is-tile.is-checked){--mod-checkbox-tile-base-border-color:var(--_checkbox-checked-base-color-background)}:host(.is-tile.has-tile-green.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-checkbox-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-checkbox-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-checkbox-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-checkbox",{name:[1],label:[1],labelPosition:[1,"label-position"],value:[8],checked:[1028],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],invalid:[4],tileColor:[1,"tile-color"],tile:[4],cols:[2],colsTablet:[2,"cols-tablet"],colsMobile:[2,"cols-mobile"],focused:[32]},[[6,"reset","listenToReset"]]]);s([i("checkbox"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),s([h("string"),d("design:type",String)],x.prototype,"name",void 0),s([h("string"),d("design:type",String)],x.prototype,"label",void 0),s([n(...k),d("design:type",String)],x.prototype,"labelPosition",void 0),s([h("string"),d("design:type",Object)],x.prototype,"value",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"checked",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"readonly",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"required",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),s([n(...v),d("design:type",String)],x.prototype,"tileColor",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"tile",void 0);let g=0;const u=x,m=function(){"undefined"!=typeof customElements&&["ds-checkbox"].forEach((e=>{"ds-checkbox"===e&&(customElements.get(l(e))||customElements.define(l(e),x))}))};export{u as DsCheckbox,m as defineCustomElement}

package/components/ds-close.d.ts

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

package/components/ds-close.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{C as o,d as s}from"./p-JZ1uDtZv.js";const t=o,p=s;export{t as DsClose,p as defineCustomElement}

package/components/ds-content.d.ts

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

package/components/ds-content.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as a,h as e,e as s,t as n}from"./p-BNY3JzuV.js";import{_ as o,L as r,a as c}from"./p-Dr4dquer.js";import{n as i}from"./p-DR5LIaCn.js";import{s as l,a as g}from"./p-82RSSk25.js";import{S as k}from"./p-ng5ZzTOj.js";const d=["","start","center","end"],p=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.layout="",this.direction="",this.align="",this.textAlign="",this.space="",this.alignment=""}createLogger(t){this.log=t}layoutChanged(t){""!==t&&("horizontal"===t?this.direction="row":"vertical"===t?this.direction="column":"vertical-reverse"===t?this.direction="column-reverse":"horizontal-reverse"===t&&(this.direction="row-reverse"))}spaceChanged(t){this.space=i(t)}connectedCallback(){l(this),this.layoutChanged(this.layout),this.spaceChanged(this.space)}render(){var t;const a=!!this.alignment,n=!!this.align,o=!!this.space;let r=null===(t=this.align)||void 0===t?void 0:t.split(" ").join("-");return this.alignment&&(r=this.alignment.split(" ").join("-")),e(s,{key:"7749f99e93cfd289509e77411aca498eec508477",class:{"stack-content":!0,"as-row":"row"===this.direction,"as-col":"column"===this.direction,["align-"+r]:n||a,["text-"+this.textAlign]:void 0!==this.textAlign,["has-space-"+this.space]:o}},e("slot",{key:"2d522a40ed22bfaebd0d3162fd94e97bf2da5ac1"}))}get el(){return this}static get watchers(){return{layout:[{layoutChanged:0}],space:[{spaceChanged:0}]}}static get style(){return".stack,.stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{-ms-flex-item-align:stretch;align-self:stretch}.stack.is-horizontal>.stack-content{-ms-flex-item-align:center;align-self:center}.stack.has-wrap,.stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left}.stack-content.text-center{text-align:center}.stack-content.text-right{text-align:right}.stack.fit-content,.stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-alias-space-2xs-device);-moz-column-gap:var(--ds-alias-space-2xs-device);column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-alias-space-xs-device);-moz-column-gap:var(--ds-alias-space-xs-device);column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-alias-space-sm-device);-moz-column-gap:var(--ds-alias-space-sm-device);column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{-webkit-column-gap:var(--ds-alias-space-base-device);-moz-column-gap:var(--ds-alias-space-base-device);column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{-webkit-column-gap:var(--ds-alias-space-md-device);-moz-column-gap:var(--ds-alias-space-md-device);column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-alias-space-lg-device);-moz-column-gap:var(--ds-alias-space-lg-device);column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-alias-space-xl-device);-moz-column-gap:var(--ds-alias-space-xl-device);column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-alias-space-2xl-device);-moz-column-gap:var(--ds-alias-space-2xl-device);column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}ds-content{position:static}"}},[260,"ds-content",{layout:[1],direction:[1025],align:[1],textAlign:[1,"text-align"],space:[1025],alignment:[1]},void 0,{layout:[{layoutChanged:0}],space:[{spaceChanged:0}]}]);o([r("content"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),o([g(...k),c("design:type",String)],p.prototype,"layout",void 0),o([g("","column","row"),c("design:type",String)],p.prototype,"direction",void 0),o([g(...d),c("design:type",String)],p.prototype,"align",void 0),o([g(...d),c("design:type",String)],p.prototype,"textAlign",void 0),o([g("","none","3xs","2xs","xs","sm","base","xxx-small","xx-small","x-small","small","normal"),c("design:type",String)],p.prototype,"space",void 0);const h=p,w=function(){"undefined"!=typeof customElements&&["ds-content"].forEach((t=>{"ds-content"===t&&(customElements.get(n(t))||customElements.define(n(t),p))}))};export{h as DsContent,w as defineCustomElement}

package/components/ds-divider.d.ts

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

package/components/ds-divider.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as i,H as d,h as r,t as e,e as a}from"./p-BNY3JzuV.js";import{_ as v,L as s,a as o}from"./p-Dr4dquer.js";import{n as t}from"./p-DR5LIaCn.js";import{s as c,a as l,V as m}from"./p-82RSSk25.js";const n=i(class extends d{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.layout="horizontal",this.space="none",this.color="grey",this.dashed=!1}createLogger(i){this.log=i}spaceChanged(i){this.space=t(i)||"none"}connectedCallback(){c(this),this.space=t(this.space)||"none"}render(){return r(a,{key:"009701e26c4848801eea3d8435398eedf8d95e51",role:"separator",class:{divider:!0,["is-"+this.layout]:!!this.layout,["is-"+this.color]:!!this.color,["has-space-"+this.space]:!!this.space,"is-dashed":this.dashed}})}get el(){return this}static get watchers(){return{space:[{spaceChanged:0}]}}static get style(){return":host{--_divider-position:var(--divider-position, var(--mod-divider-position, static));--_divider-top:var(--divider-top, var(--mod-divider-top));--_divider-right:var(--divider-right, var(--mod-divider-right));--_divider-bottom:var(--divider-bottom, var(--mod-divider-bottom));--_divider-left:var(--divider-left, var(--mod-divider-left));position:var(--_divider-position);top:var(--_divider-top);right:var(--_divider-right);bottom:var(--_divider-bottom);left:var(--_divider-left);--_divider-m:var(--divider-m, var(--mod-divider-m, 0));--_divider-my:var(--divider-my, var(--mod-divider-my));--_divider-mx:var(--divider-mx, var(--mod-divider-mx));--_divider-ml:var(--divider-ml, var(--mod-divider-ml));--_divider-mr:var(--divider-mr, var(--mod-divider-mr));--_divider-mt:var(--divider-mt, var(--mod-divider-mt));--_divider-mb:var(--divider-mb, var(--mod-divider-mb));margin:var(--_divider-m);margin-inline:var(--_divider-mx);margin-block:var(--_divider-my);margin-left:var(--_divider-ml);margin-right:var(--_divider-mr);margin-top:var(--_divider-mt);margin-bottom:var(--_divider-mb);--_divider-color:var(--divider-color, var(--mod-divider-color, var(--ds-divider-color-base)));--_divider-width:var(--divider-width, var(--mod-divider-width, var(--ds-divider-width)));--_divider-radius:var(--divider-radius, var(--mod-divider-radius, var(--ds-divider-radius)));--_divider-space:var(--divider-space, var(--mod-divider-space, 0))}#divider{display:block;padding:0;margin:0;border:none;border-radius:var(--_divider-radius);height:var(--_divider-width);background-color:var(--_divider-color)}#divider:not(.is-vertical),#divider.is-horizontal{-ms-flex:1 0 100%;flex:1 0 100%;width:100%;min-height:var(--_divider-width);height:var(--_divider-width);margin-top:var(--_divider-space);margin-bottom:var(--_divider-space)}#divider.is-vertical{height:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;width:var(--_divider-width);margin-left:var(--_divider-space);margin-right:var(--_divider-space)}#divider.is-primary{--mod-divider-color:var(--ds-divider-color-primary)}#divider.is-primary-light{--mod-divider-color:var(--ds-divider-color-primary-light)}#divider.is-primary-dark{--mod-divider-color:var(--ds-divider-color-primary-dark)}#divider.is-grey-light{--mod-divider-color:var(--ds-divider-color-grey-light)}#divider.is-grey{--mod-divider-color:var(--ds-divider-color-grey)}#divider.is-grey-dark{--mod-divider-color:var(--ds-divider-color-grey-dark)}#divider.is-warning{--mod-divider-color:var(--ds-divider-color-warning)}#divider.is-success{--mod-divider-color:var(--ds-divider-color-success)}#divider.is-danger{--mod-divider-color:var(--ds-divider-color-danger)}#divider.is-danger-dark{--mod-divider-color:var(--ds-divider-color-danger-dark)}#divider.is-danger-darker{--mod-divider-color:var(--ds-divider-color-danger-darker)}#divider.is-white{--mod-divider-color:var(--ds-divider-color-white)}#divider.is-light-blue{--mod-divider-color:var(--ds-divider-color-light-blue)}#divider.has-space-none{--mod-divider-space:var(--ds-alias-space-none-device)}#divider.has-space-2xs{--mod-divider-space:var(--ds-alias-space-2xs-device)}#divider.has-space-xs{--mod-divider-space:var(--ds-alias-space-xs-device)}#divider.has-space-sm{--mod-divider-space:var(--ds-alias-space-sm-device)}#divider.has-space-base{--mod-divider-space:var(--ds-alias-space-base-device)}#divider.has-space-md{--mod-divider-space:var(--ds-alias-space-md-device)}#divider.has-space-lg{--mod-divider-space:var(--ds-alias-space-lg-device)}#divider.has-space-xl{--mod-divider-space:var(--ds-alias-space-xl-device)}#divider.has-space-2xl{--mod-divider-space:var(--ds-alias-space-2xl-device)}#divider.has-space-3xl{--mod-divider-space:var(--ds-alias-space-3xl-device)}#divider.is-dashed:not(.is-vertical){background:repeating-linear-gradient(90deg, var(--_divider-color) 0, var(--_divider-color) 8px, transparent 8px, transparent 16px)}#divider.is-dashed.is-vertical{background:repeating-linear-gradient(180deg, var(--_divider-color) 0, var(--_divider-color) 8px, transparent 8px, transparent 16px)}:host{display:block}"}},[1,"ds-divider",{layout:[1],space:[1025],color:[1],dashed:[4]},void 0,{space:[{spaceChanged:0}]}]);v([s("divider"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],n.prototype,"createLogger",null),v([l("horizontal","vertical",""),o("design:type",String)],n.prototype,"layout",void 0),v([l("none","2xs","xs","sm","base","md","lg","xl","2xl","3xl","xx-small","x-small","small","normal","medium","large","x-large","xx-large","xxx-large",""),o("design:type",String)],n.prototype,"space",void 0),v([l("primary","primary-light","primary-dark","grey-light","grey","grey-dark","warning","success","danger","danger-dark","danger-darker","white","light-blue"),o("design:type",String)],n.prototype,"color",void 0),v([m("boolean"),o("design:type",Boolean)],n.prototype,"dashed",void 0);const p=n,g=function(){"undefined"!=typeof customElements&&["ds-divider"].forEach((i=>{"ds-divider"===i&&(customElements.get(e(i))||customElements.define(e(i),n))}))};export{p as DsDivider,g as defineCustomElement}

package/components/ds-heading.d.ts

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

package/components/ds-heading.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{H as o,d as s}from"./p-DtuTnY5l.js";const t=o,p=s;export{t as DsHeading,p as defineCustomElement}

package/components/ds-icon.d.ts

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

package/components/ds-icon.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{I as o,d as p}from"./p-BOTkpyFe.js";const s=o,r=p;export{s as DsIcon,r as defineCustomElement}

package/components/ds-input.d.ts

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

package/components/ds-input.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 n,h as e,t as o}from"./p-BNY3JzuV.js";import{_ as r,L as s,a}from"./p-Dr4dquer.js";import{i as d}from"./p-CYHzHtnv.js";import{i as c}from"./p-B62ocg4Q.js";import{s as l,F as u}from"./p-Urcs7-vS.js";import{o as p}from"./p-BOgMmRCt.js";import{s as h,V as v,a as g}from"./p-82RSSk25.js";import{i as b,N as m,A as f}from"./p-D86WpWIE.js";import{F as y}from"./p-E8U6M5ii.js";import{I as w,a as _,b as $,c as k,d as x,e as z}from"./p-z1jJgtep.js";import{d as B}from"./p-BOTkpyFe.js";import{d as S}from"./p-BMBthpLd.js";import{d as j}from"./p-BEngECpF.js";import{L as C}from"./p-cSbDziZm.js";class D{constructor(t){this.component=t}setFormatter(t){t&&(this.formatter=t)}format(t){var i;return null===(i=this.formatter)||void 0===i?void 0:i.format(t)}onInput(t){var i;return null===(i=this.formatter)||void 0===i?void 0:i.onInput(t)}onKeydown(t){var i;return null===(i=this.formatter)||void 0===i?void 0:i.onKeydown(t)}}const E=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,3),i.substring(3,6),i.substring(6,9),i.substring(9,12)].filter((t=>t.length>0));switch(n.length){case 1:return n[0];case 2:return`${n[0]}.${n[1]}`;case 3:return`${n[0]}.${n[1]}.${n[2]}`;default:return`${n[0]}.${n[1]}.${n[2]}.${n[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,2),i.substring(2,3),i.substring(3,6),i.substring(6,9)].filter((t=>t.length>0));switch(n.length){case 1:return i;case 2:return`${n[0]}/${n[1]}`;case 3:return`${n[0]}/${n[1]}.${n[2]}`;default:return`${n[0]}/${n[1]}.${n[2]}.${n[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0;let s=e.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=i.substring(0,9),e=i.substring(9,10),o=this.formatOffer(n);return e?`${o}-${e}`:o}formatOffer(t){const i=[t.substring(0,2),t.substring(2,3),t.substring(3,6),t.substring(6,9)].filter((t=>t.length>0));switch(i.length){case 1:return t;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}.${i[2]}`;default:return`${i[0]}/${i[1]}.${i[2]}.${i[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0;let s=e.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,2),i.substring(2,3),i.substring(3,6),i.substring(6,9)].filter((t=>t.length>0));switch(n.length){case 1:return i;case 2:return`${n[0]}/${n[1]}`;case 3:return`${n[0]}/${n[1]}.${n[2]}`;default:return`${n[0]}/${n[1]}.${n[2]}.${n[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){var i;if(b(t))return;const n=t.target,e=null!==(i=null==n?void 0:n.value.replace(/[^\dXx]/g,"").length)&&void 0!==i?i:0;("X"===t.key||"x"===t.key)&&e>=this.maxLength-1||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.trim().toUpperCase(),n=[i.substring(0,2),i.substring(2,8),i.substring(8,10),i.substring(10,11)].filter((t=>t.length>0));switch(n.length){case 1:return i;case 2:return`${n[0]}/${n[1]}`;case 3:return`${n[0]}/${n[1]}/${n[2]}`;default:return`${n[0]}/${n[1]}/${n[2]}.${n[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,4),i.substring(4,7),i.substring(7,10)].filter((t=>t.length>0));switch(n.length){case 1:return i;case 2:return`${n[0]}.${n[1]}`;default:return`${n[0]}.${n[1]}.${n[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,2),i.substring(2,6),i.substring(6,10),i.substring(10,14)].filter((t=>t.length>0));switch(n.length){case 1:return"BE"+i;case 2:return`BE${n[0]} ${n[1]}`;case 3:return`BE${n[0]} ${n[1]} ${n[2]}`;default:return`BE${n[0]} ${n[1]} ${n[2]} ${n[3]}`}}}],I=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsBlur=n(this,"dsBlur"),this.dsKeyPress=n(this,"dsKeyPress"),this.dsFocus=n(this,"dsFocus"),this.dsClick=n(this,"dsClick"),this.dsInput=n(this,"dsInput"),this.dsChange=n(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.control=new u(this),this.maskUtil=new D(this),this.inputId="ds-input-"+F++,this.focused=!1,this.language=j.language,this.region=j.region,this.value=null,this.name=this.inputId,this.label="",this.description="",this.color="primary",this.loading=!1,this.invalid=!1,this.invalidText="",this.type="text",this.accept="",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder="",this.max="",this.min="",this.pattern="",this.allowedKeyPress="",this.required=!0,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.suffix="",this.mask=void 0,this.autoInvalidOff=!1,this.handleKeydown=t=>void 0!==this.mask?this.maskUtil.onKeydown(t):!this.allowedKeyPress||d(t)||b(t)||RegExp("^"+this.allowedKeyPress+"$").test(t.key)||[...f].includes(t.key)?void 0:l(t),this.handleClick=t=>{this.control.onClick(t)},this.handleFocus=t=>{this.control.onFocus(t)},this.handleBlur=t=>{this.control.onBlur(t)},this.handleInput=t=>{this.maskUtil.onInput(t),this.control.onInput(t)}}createLogger(t){this.log=t}debounceChanged(){this.dsChange=p(this.dsChange,this.debounce)}maskChanged(){this.maskUtil.setFormatter((t=>E.find((i=>i.name===t)))(this.mask))}listenToClick(t){this.control.listenOnClick(t)}listenToReset(t){this.control.listenOnReset(t)}async configChanged(t){this.language=t.language,this.region=t.region}connectedCallback(){h(this),this.debounceChanged(),this.maskChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}getRawValue(){return""+(this.value||"")}getFormattedValue(){const t=this.getRawValue();return`${t}${void 0!==this.suffix&&void 0!==t&&""!==t?" "+this.suffix:""}`}render(){var t;let i;i=this.mask?null!==(t=this.maskUtil.format(this.getRawValue()))&&void 0!==t?t:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let n={};return this.pattern&&(n={pattern:this.pattern}),e(y,{key:"812474583ab9af7ac3156efe5bd7e44f904733e6",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},e("input",Object.assign({key:"5c94b1ed5a483ccda801c984552a73c6f352cb1f",id:"input",part:"input",name:this.name,ref:t=>this.control.nativeEl=t,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:i,onClick:t=>this.handleClick(t),onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeydown(t),onKeyPress:t=>this.dsKeyPress.emit(t)},n,this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}}static get style(){return":host{--_input-field-gap:var(--input-field-gap, var(--mod-input-field-gap, 0.25rem));--_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:var(--_input-field-gap)}: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 #inner{position:relative;display:grid;gap:var(--_input-field-gap)}: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-input",{value:[1537],name:[1],label:[1],description:[1],color:[1],loading:[4],invalid:[4],invalidText:[1,"invalid-text"],type:[1],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],debounce:[2],placeholder:[1],max:[1],maxLength:[2,"max-length"],min:[1],minLength:[2,"min-length"],multiple:[4],pattern:[1],allowedKeyPress:[1,"allowed-key-press"],required:[4],spellcheck:[4],disabled:[4],readonly:[4],suffix:[1],inputmode:[1],mask:[1],autoInvalidOff:[516,"auto-invalid-off"],focused:[32],language:[32],region:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}]);r([s("input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],I.prototype,"createLogger",null),r([v("string"),a("design:type",Object)],I.prototype,"value",void 0),r([v("string"),a("design:type",String)],I.prototype,"name",void 0),r([v("string"),a("design:type",String)],I.prototype,"label",void 0),r([v("string"),a("design:type",String)],I.prototype,"description",void 0),r([g(...w),a("design:type",String)],I.prototype,"color",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"loading",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"invalid",void 0),r([v("string"),a("design:type",String)],I.prototype,"invalidText",void 0),r([g(..._),a("design:type",String)],I.prototype,"type",void 0),r([v("string"),a("design:type",String)],I.prototype,"accept",void 0),r([v("string"),a("design:type",String)],I.prototype,"autocapitalize",void 0),r([g(...$),a("design:type",String)],I.prototype,"autocomplete",void 0),r([g(...k),a("design:type",String)],I.prototype,"autocorrect",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"autofocus",void 0),r([v("number"),a("design:type",Number)],I.prototype,"debounce",void 0),r([v("string"),a("design:type",String)],I.prototype,"placeholder",void 0),r([v("string"),a("design:type",String)],I.prototype,"max",void 0),r([v("number"),a("design:type",Number)],I.prototype,"maxLength",void 0),r([v("string"),a("design:type",String)],I.prototype,"min",void 0),r([v("number"),a("design:type",Number)],I.prototype,"minLength",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"multiple",void 0),r([v("string"),a("design:type",String)],I.prototype,"pattern",void 0),r([v("string"),a("design:type",String)],I.prototype,"allowedKeyPress",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"required",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"spellcheck",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"disabled",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"readonly",void 0),r([v("string"),a("design:type",String)],I.prototype,"suffix",void 0),r([g(...x),a("design:type",String)],I.prototype,"inputmode",void 0),r([g(...z),a("design:type",String)],I.prototype,"mask",void 0),r([C(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],I.prototype,"configChanged",null);let F=0;const K=I,L=function(){"undefined"!=typeof customElements&&["ds-input","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-input":customElements.get(o(t))||customElements.define(o(t),I);break;case"ds-icon":customElements.get(o(t))||B();break;case"ds-spinner":customElements.get(o(t))||S()}}))};export{K as DsInput,L as defineCustomElement}