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

package/components/ds-step.d.ts

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

package/components/ds-step.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as e,H as s,f as t,h as i,e as o,t as n}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as l}from"./p-J0mxIuTt.js";import{d as c}from"./p-Du7QOHtz.js";import{T as d}from"./p-DAYd9ty0.js";import{R as p}from"./p-DYlqkAWn.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsStepSelect=t(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?i("ds-icon",{name:"check",color:"white","aria-hidden":"true"}):this.invalid?i("span",{class:"step-invalid","aria-hidden":"true"},"!"):i("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?i(o,{role:"listitem",class:e},i("span",{class:"circle","aria-hidden":"true"},s),i("slot",null),i("span",{class:"connector","aria-hidden":"true"})):i(o,{role:"tab",class:e,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("span",{class:"circle"},s),this.label&&i("span",{class:"step-label"},this.label),i("span",{class:"connector","aria-hidden":"true"}))}get el(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-disabled) .step-label{opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}"}},[257,"ds-step",{activeIndex:[1026,"active-index"],disabled:[516],done:[516],hidden:[516],index:[1026],invalid:[516],label:[1],name:[513],navigation:[1028],selected:[1540],vertical:[1028]}]);r([a("step"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("number"),l("design:type",Number)],h.prototype,"activeIndex",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"disabled",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"done",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"hidden",void 0),r([d("number"),l("design:type",Number)],h.prototype,"index",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"invalid",void 0),r([d("string"),l("design:type",String)],h.prototype,"label",void 0),r([p(),d("string"),l("design:type",String)],h.prototype,"name",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"navigation",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"selected",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"vertical",void 0);const m=h,v=function(){"undefined"!=typeof customElements&&["ds-step","ds-icon"].forEach((e=>{switch(e){case"ds-step":customElements.get(n(e))||customElements.define(n(e),h);break;case"ds-icon":customElements.get(n(e))||c()}}))};export{m as DsStep,v as defineCustomElement}

package/components/ds-steps.d.ts

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

package/components/ds-steps.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as s,H as e,f as t,h as o,e as r,t as l}from"./p-WO0X5Vmy.js";import{_ as c,L as i,a as p}from"./p-J0mxIuTt.js";import{s as a}from"./p-BwfAXfmz.js";import{O as n}from"./p-BhbWmCTu.js";import{T as d}from"./p-DAYd9ty0.js";const v=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsChange=t(this,"dsChange"),this.color="",this.label="",this.vertical=!1,this.handleKeyDown=s=>{var e,t,o,r;if(this.isNavigation())return;const l=this.getSteps().filter((s=>!s.disabled&&!s.hidden)),c=l.findIndex((s=>s.name===this.value)),i=this.vertical?"ArrowDown"===s.key:"ArrowRight"===s.key,p=this.vertical?"ArrowUp"===s.key:"ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateStep(null===(e=l[0])||void 0===e?void 0:e.name)):"End"===s.key?(s.preventDefault(),this.activateStep(null===(t=l[l.length-1])||void 0===t?void 0:t.name)):i?(s.preventDefault(),this.activateStep(null===(o=l[(c+1)%l.length])||void 0===o?void 0:o.name)):p&&(s.preventDefault(),this.activateStep(null===(r=l[(c-1+l.length)%l.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(s){this.log=s}componentDidLoad(){this.setup()}componentDidUpdate(){this.updateChildren()}listenToDsStepSelect(s){a(s),this.activateStep(s.detail.name)}getSteps(){return Array.from(this.el.querySelectorAll(":scope > ds-step"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-step-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const s=this.getSteps(),e=this.getPanels(),t=this.isNavigation();let o=0;if(s.forEach((s=>{if(s.slot="step",s.navigation=t,s.vertical=this.vertical,s.hidden?s.index=0:(o++,s.index=o),!t&&s.name){s.id||(s.id="ds-step-"+h++);const t=e.find((e=>e.for===s.name));t&&(t.id||(t.id="ds-step-panel-"+h++),s.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",s.id))}})),!t&&!this.value){const e=s.find((s=>!s.hidden&&!s.disabled));e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const s=this.isNavigation(),e=this.getSteps(),t=this.getPanels();let o=this.value;if(!s&&o){const s=e.find((s=>s.name===o));s&&(s.disabled||s.hasAttribute("disabled"))&&(o=void 0)}const r=e.find((s=>s.name===o)),l=r?r.index:0;e.forEach((e=>{e.navigation=s,e.vertical=this.vertical,e.selected=s?!!e.querySelector("[aria-current]"):e.name===o,e.activeIndex=l})),t.forEach((s=>{s.selected=s.for===o}))}activateStep(s){if(s===this.value)return;const e=this.getSteps().find((e=>e.name===s));(null==e?void 0:e.disabled)||(this.value=s,this.dsChange.emit({value:s}),this.focusSelectedStep())}focusSelectedStep(){const s=this.getSteps().find((s=>s.name===this.value));null==s||s.focus()}render(){const s=this.isNavigation(),e=s=>{s&&(this.steplistEl=s)};return o(r,{class:{"is-vertical":this.vertical,"is-navigation":s,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color}},s?o("nav",{"aria-label":this.label||void 0},o("ol",{id:"steplist",part:"steplist",ref:e},o("slot",{name:"step",onSlotchange:this.handleSlotChange}))):o("div",{id:"steplist",part:"steplist",role:"tablist","aria-orientation":this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:e},o("slot",{name:"step",onSlotchange:this.handleSlotChange})),o("slot",{onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':host{--_steps-connector-color:var(--steps-connector-color, var(--mod-steps-connector-color, var(--ds-steps-connector-color)));--_steps-connector-color-filled:var(--steps-connector-color-filled, var(--mod-steps-connector-color-filled, var(--ds-steps-connector-color-filled)));--_steps-connector-height:var(--steps-connector-height, var(--mod-steps-connector-height, var(--ds-steps-connector-height)));--_steps-circle-size:var(--steps-circle-size, var(--mod-steps-circle-size, var(--ds-steps-circle-size)));--_steps-circle-size-sm:var(--steps-circle-size-sm, var(--mod-steps-circle-size-sm, var(--ds-steps-circle-size-sm)));--_steps-circle-color-bg:var(--steps-circle-color-bg, var(--mod-steps-circle-color-bg, var(--ds-steps-circle-color-bg)));--_steps-circle-color-bg-selected:var(--steps-circle-color-bg-selected, var(--mod-steps-circle-color-bg-selected, var(--ds-steps-circle-color-bg-selected)));--_steps-circle-color-bg-done:var(--steps-circle-color-bg-done, var(--mod-steps-circle-color-bg-done, var(--ds-steps-circle-color-bg-done)));--_steps-circle-color-bg-invalid:var(--steps-circle-color-bg-invalid, var(--mod-steps-circle-color-bg-invalid, var(--ds-steps-circle-color-bg-invalid)));--_steps-circle-color-bg-disabled:var(--steps-circle-color-bg-disabled, var(--mod-steps-circle-color-bg-disabled, var(--ds-steps-circle-color-bg-disabled)));--_steps-circle-color-text:var(--steps-circle-color-text, var(--mod-steps-circle-color-text, var(--ds-steps-circle-color-text)));--_steps-circle-color-text-selected:var(--steps-circle-color-text-selected, var(--mod-steps-circle-color-text-selected, var(--ds-steps-circle-color-text-selected)));--_steps-circle-color-text-done:var(--steps-circle-color-text-done, var(--mod-steps-circle-color-text-done, var(--ds-steps-circle-color-text-done)));--_steps-circle-color-text-invalid:var(--steps-circle-color-text-invalid, var(--mod-steps-circle-color-text-invalid, var(--ds-steps-circle-color-text-invalid)));--_steps-circle-color-text-disabled:var(--steps-circle-color-text-disabled, var(--mod-steps-circle-color-text-disabled, var(--ds-steps-circle-color-text-disabled)));--_steps-step-font-family:var(--steps-step-font-family, var(--mod-steps-step-font-family, var(--ds-steps-step-font-family)));--_steps-step-font-size:var(--steps-step-font-size, var(--mod-steps-step-font-size, var(--ds-steps-step-font-size)));--_steps-step-font-size-sm:var(--steps-step-font-size-sm, var(--mod-steps-step-font-size-sm, var(--ds-steps-step-font-size-sm)));--_steps-step-font-weight:var(--steps-step-font-weight, var(--mod-steps-step-font-weight, var(--ds-steps-step-font-weight)));--_steps-step-color:var(--steps-step-color, var(--mod-steps-step-color, var(--ds-steps-step-color-base)));--_steps-step-color-selected:var(--steps-step-color-selected, var(--mod-steps-step-color-selected, var(--ds-steps-step-color-selected)));--_steps-step-color-focus:var(--steps-step-color-focus, var(--mod-steps-step-color-focus, var(--ds-steps-step-color-focus)));--_steps-panel-padding:var(--steps-panel-padding, var(--mod-steps-panel-padding, var(--ds-steps-panel-padding)));--_steps-color-purple:var(--steps-color-purple, var(--mod-steps-color-purple, var(--ds-steps-color-purple)));--_steps-color-green:var(--steps-color-green, var(--mod-steps-color-green, var(--ds-steps-color-green)));--_steps-color-red:var(--steps-color-red, var(--mod-steps-color-red, var(--ds-steps-color-red)));--_steps-color-yellow:var(--steps-color-yellow, var(--mod-steps-color-yellow, var(--ds-steps-color-yellow)));display:block}:host(.is-purple){--_steps-connector-color:var(--_steps-color-purple);--_steps-circle-color-bg:var(--_steps-color-purple);--_steps-circle-color-bg-disabled:var(--_steps-color-purple)}:host(.is-green){--_steps-connector-color:var(--_steps-color-green);--_steps-circle-color-bg:var(--_steps-color-green);--_steps-circle-color-bg-disabled:var(--_steps-color-green)}:host(.is-red){--_steps-connector-color:var(--_steps-color-red);--_steps-circle-color-bg:var(--_steps-color-red);--_steps-circle-color-bg-disabled:var(--_steps-color-red)}:host(.is-yellow){--_steps-connector-color:var(--_steps-color-yellow);--_steps-circle-color-bg:var(--_steps-color-yellow);--_steps-circle-color-bg-disabled:var(--_steps-color-yellow)}:host #steplist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;width:100%}:host(.is-navigation) nav,:host(.is-navigation) ol{display:contents}:host ::slotted(ds-step-panel){--step-panel-padding:var(--_steps-panel-padding)}:host(.is-vertical) #steplist{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:relative}:host(.is-vertical) #steplist::before{content:"";position:absolute;left:calc(var(--_steps-circle-size)/2);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--_steps-circle-size)/2);bottom:calc(var(--_steps-circle-size)/2);width:var(--_steps-connector-height);background-color:var(--_steps-connector-color);z-index:0}@media screen and (max-width: 768px){:host(.is-vertical) #steplist::before{left:calc(var(--_steps-circle-size-sm)/2);top:calc(var(--_steps-circle-size-sm)/2);bottom:calc(var(--_steps-circle-size-sm)/2)}}'}},[257,"ds-steps",{color:[1],label:[1],value:[1537],vertical:[4]},[[0,"dsStepSelect","listenToDsStepSelect"]]]);c([i("steps"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],v.prototype,"createLogger",null),c([n(["","purple","green","red","yellow"]),p("design:type",String)],v.prototype,"color",void 0),c([d("string"),p("design:type",String)],v.prototype,"label",void 0),c([d("string"),p("design:type",Object)],v.prototype,"value",void 0),c([d("boolean"),p("design:type",Boolean)],v.prototype,"vertical",void 0);let h=0;const g=v,m=function(){"undefined"!=typeof customElements&&["ds-steps"].forEach((s=>{"ds-steps"===s&&(customElements.get(l(s))||customElements.define(l(s),v))}))};export{g as DsSteps,m as defineCustomElement}

package/components/ds-tab-panel.d.ts

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

package/components/ds-tab-panel.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as e,H as t,h as a,e as s,t as n}from"./p-WO0X5Vmy.js";import{_ as d,L as i,a as o}from"./p-J0mxIuTt.js";import{R as r}from"./p-DYlqkAWn.js";import{T as p}from"./p-DAYd9ty0.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selected=!1}createLogger(e){this.log=e}render(){return a(s,{key:"ea4a246545d0c21beaae274d7b5cbb16d8ddb85d",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},a("slot",{key:"05489a1a0f725057ca6abf569222a242a60e16cf"}))}get el(){return this}static get style(){return":host{--_tab-panel-padding:var(--tab-panel-padding, var(--mod-tab-panel-padding, var(--ds-tab-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_tab-panel-padding)}"}},[257,"ds-tab-panel",{for:[513],selected:[1540]}]);d([i("tab-panel"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],l.prototype,"createLogger",null),d([r(),p("string"),o("design:type",String)],l.prototype,"for",void 0),d([p("boolean"),o("design:type",Boolean)],l.prototype,"selected",void 0);const c=l,b=function(){"undefined"!=typeof customElements&&["ds-tab-panel"].forEach((e=>{"ds-tab-panel"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))};export{c as DsTabPanel,b as defineCustomElement}

package/components/ds-tab.d.ts

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

package/components/ds-tab.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as e,f as a,h as o,e as i,t as s}from"./p-WO0X5Vmy.js";import{_ as n,L as r,a as l}from"./p-J0mxIuTt.js";import{T as c}from"./p-DAYd9ty0.js";import{R as d}from"./p-DYlqkAWn.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsTabSelect=a(this,"dsTabSelect"),this.fullwidth=!1,this.inverted=!1,this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=t=>{t.preventDefault(),this.dsTabSelect.emit({name:this.name})},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dsTabSelect.emit({name:this.name}))}}createLogger(t){this.log=t}render(){const t={"is-selected":this.selected,"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-navigation":this.navigation,"is-vertical":this.vertical};return this.navigation?o(i,{role:"none",class:t},o("slot",null)):o(i,{role:"tab",class:t,"aria-selected":this.selected+"",tabIndex:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("span",{class:{"is-selected":this.selected}},o("slot",null)))}get el(){return this}static get style(){return':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-color-hover)}span:hover::after,a:hover::after{background-color:var(--_tabs-tab-indicator-color-idle)}}span:active,a:active{color:var(--_tabs-tab-color-active)}span:active::after,a:active::after{background-color:var(--_tabs-tab-indicator-color-idle)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:var(--_tabs-indicator-height);height:auto}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}:host(.is-navigation.is-selected)::after{background-color:var(--_tabs-tab-border-color-selected)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:2px;height:auto}'}},[257,"ds-tab",{fullwidth:[1028],inverted:[1028],name:[513],navigation:[1028],selected:[1540],vertical:[1028]}]);n([r("tab"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],b.prototype,"createLogger",null),n([c("boolean"),l("design:type",Boolean)],b.prototype,"fullwidth",void 0),n([c("boolean"),l("design:type",Boolean)],b.prototype,"inverted",void 0),n([d(),c("string"),l("design:type",String)],b.prototype,"name",void 0),n([c("boolean"),l("design:type",Boolean)],b.prototype,"navigation",void 0),n([c("boolean"),l("design:type",Boolean)],b.prototype,"selected",void 0),n([c("boolean"),l("design:type",Boolean)],b.prototype,"vertical",void 0);const h=b,v=function(){"undefined"!=typeof customElements&&["ds-tab"].forEach((t=>{"ds-tab"===t&&(customElements.get(s(t))||customElements.define(s(t),b))}))};export{h as DsTab,v as defineCustomElement}

package/components/ds-tabs.d.ts

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

package/components/ds-tabs.js

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

package/components/ds-tag-group.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as t,h as s,e as r,t as g}from"./p-BNY3JzuV.js";import{_ as m,L as e,a as o}from"./p-Dr4dquer.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}createLogger(a){this.log=a}render(){return s(r,{key:"dbd845c8ab569cb18f10733ab6aff67a63cba1b3"},s("slot",{key:"a9c2c76d2a02049d820996a1ee2c19d48ef89cbe"}))}get el(){return this}static get style(){return":host{--_tags-m:var(--tags-m, var(--mod-tags-m, 0));--_tags-my:var(--tags-my, var(--mod-tags-my));--_tags-mx:var(--tags-mx, var(--mod-tags-mx));--_tags-ml:var(--tags-ml, var(--mod-tags-ml));--_tags-mr:var(--tags-mr, var(--mod-tags-mr));--_tags-mt:var(--tags-mt, var(--mod-tags-mt));--_tags-mb:var(--tags-mb, var(--mod-tags-mb));margin:var(--_tags-m);margin-inline:var(--_tags-mx);margin-block:var(--_tags-my);margin-left:var(--_tags-ml);margin-right:var(--_tags-mr);margin-top:var(--_tags-mt);margin-bottom:var(--_tags-mb);--_tags-gap:var(--tags-gap, var(--mod-tags-gap, 0.25rem));--_tags-display:var(--tags-display, var(--mod-tags-display, inline-flex));display:var(--_tags-display);gap:var(--_tags-gap);vertical-align:middle}"}},[257,"ds-tag-group"]);m([e("tag-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],n.prototype,"createLogger",null);const i=n,d=function(){"undefined"!=typeof customElements&&["ds-tag-group"].forEach((a=>{"ds-tag-group"===a&&(customElements.get(g(a))||customElements.define(g(a),n))}))};export{i as DsTagGroup,d as defineCustomElement}
+import{p as a,H as t,h as s,e as r,t as g}from"./p-WO0X5Vmy.js";import{_ as m,L as e,a as o}from"./p-J0mxIuTt.js";const d=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}createLogger(a){this.log=a}render(){return s(r,{key:"bfd564c13597394e0c6d534b0f47fd0df4d2d1cd"},s("slot",{key:"06a2320d225785d7aafe5b4a3f79c698dfcc39ff"}))}get el(){return this}static get style(){return":host{--_tags-m:var(--tags-m, var(--mod-tags-m, 0));--_tags-my:var(--tags-my, var(--mod-tags-my));--_tags-mx:var(--tags-mx, var(--mod-tags-mx));--_tags-ml:var(--tags-ml, var(--mod-tags-ml));--_tags-mr:var(--tags-mr, var(--mod-tags-mr));--_tags-mt:var(--tags-mt, var(--mod-tags-mt));--_tags-mb:var(--tags-mb, var(--mod-tags-mb));margin:var(--_tags-m);margin-inline:var(--_tags-mx);margin-block:var(--_tags-my);margin-left:var(--_tags-ml);margin-right:var(--_tags-mr);margin-top:var(--_tags-mt);margin-bottom:var(--_tags-mb);--_tags-gap:var(--tags-gap, var(--mod-tags-gap, 0.25rem));--_tags-display:var(--tags-display, var(--mod-tags-display, inline-flex));display:var(--_tags-display);gap:var(--_tags-gap);vertical-align:middle}"}},[257,"ds-tag-group"]);m([e("tag-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],d.prototype,"createLogger",null);const n=d,i=function(){"undefined"!=typeof customElements&&["ds-tag-group"].forEach((a=>{"ds-tag-group"===a&&(customElements.get(g(a))||customElements.define(g(a),d))}))};export{n as DsTagGroup,i as defineCustomElement}

package/components/ds-tag.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as o,H as a,f as t,h as r,e,t as s}from"./p-BNY3JzuV.js";import{_ as c,L as g,a as i}from"./p-Dr4dquer.js";import{i as l}from"./p-B62ocg4Q.js";import{n as d}from"./p-DR5LIaCn.js";import{s as n,V as v,a as m}from"./p-82RSSk25.js";import{d as b}from"./p-xDEngwqW.js";import{d as h}from"./p-JZ1uDtZv.js";import{d as p}from"./p-BOTkpyFe.js";import{d as u}from"./p-BMBthpLd.js";const f=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}sizeChanged(o){this.size=d(o)}connectedCallback(){n(this),this.size=d(this.size)}componentWillLoad(){this.inheritedAttributesClose=l(this.el,["tabindex"])}render(){return r(e,{key:"3741b170ad658fde5052fded5b2555e52132ce6e",class:{["is-"+this.color]:""==this.color,["is-shape-"+this.shape]:""==this.shape,"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"abc4f7fb1bbc1b5736f2ec72c7972a6fc5174156",part:"label"},r("slot",{key:"569a1dd2729db40686a981554b9cdc3cf5b3fa4a"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return this}static get watchers(){return{size:[{sizeChanged:0}]}}static get style(){return":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}"}},[257,"ds-tag",{closable:[4],color:[1],disabled:[516],invalid:[516],position:[1],shape:[1],size:[1025]},void 0,{size:[{sizeChanged:0}]}]);c([g("tag"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],f.prototype,"createLogger",null),c([v("boolean"),i("design:type",Boolean)],f.prototype,"closable",void 0),c([m("primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""),i("design:type",String)],f.prototype,"color",void 0),c([v("boolean"),i("design:type",Boolean)],f.prototype,"disabled",void 0),c([v("boolean"),i("design:type",Boolean)],f.prototype,"invalid",void 0),c([m("left","center","right",""),i("design:type",String)],f.prototype,"position",void 0),c([m("square","pill",""),i("design:type",String)],f.prototype,"shape",void 0),c([m("sm","md","lg","small","medium","large",""),i("design:type",String)],f.prototype,"size",void 0);const k=f,x=function(){"undefined"!=typeof customElements&&["ds-tag","ds-button","ds-close","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-tag":customElements.get(s(o))||customElements.define(s(o),f);break;case"ds-button":customElements.get(s(o))||b();break;case"ds-close":customElements.get(s(o))||h();break;case"ds-icon":customElements.get(s(o))||p();break;case"ds-spinner":customElements.get(s(o))||u()}}))};export{k as DsTag,x as defineCustomElement}
+import{p as o,H as a,f as t,h as r,e,t as s}from"./p-WO0X5Vmy.js";import{_ as c,L as g,a as i}from"./p-J0mxIuTt.js";import{i as l}from"./p-B62ocg4Q.js";import{h as d}from"./p-BrIcCcce.js";import{n}from"./p-DR5LIaCn.js";import{d as v}from"./p-CjIxf5zy.js";import{d as m}from"./p-Ctnm_MBD.js";import{d as b}from"./p-Du7QOHtz.js";import{d as h}from"./p-CYWn3X22.js";import{T as p}from"./p-DAYd9ty0.js";import{O as u}from"./p-BhbWmCTu.js";const f=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=l(this.el,["tabindex"])}render(){const o=n(this.size)||"";return r(e,{key:"f725d01419ff0d95f1539115a9c294bc0530891d",class:{["is-"+this.color]:d(this.color),["is-"+o]:d(this.size),["is-shape-"+this.shape]:d(this.shape),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"27a70b6402bce1bed3ada2b36a378a444f6dde59",part:"label"},r("slot",{key:"77021c9a9ab7e596d3cc0917165b916f5e3d8621"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return this}static get style(){return":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}"}},[257,"ds-tag",{closable:[4],color:[1],disabled:[516],invalid:[516],position:[1],shape:[1],size:[1]}]);c([g("tag"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],f.prototype,"createLogger",null),c([p("boolean"),i("design:type",Boolean)],f.prototype,"closable",void 0),c([u(["primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""]),i("design:type",String)],f.prototype,"color",void 0),c([p("boolean"),i("design:type",Boolean)],f.prototype,"disabled",void 0),c([p("boolean"),i("design:type",Boolean)],f.prototype,"invalid",void 0),c([u(["left","center","right",""]),i("design:type",String)],f.prototype,"position",void 0),c([u(["square","pill",""]),i("design:type",String)],f.prototype,"shape",void 0),c([u(["sm","md","lg","small","medium","large",""]),i("design:type",String)],f.prototype,"size",void 0);const k=f,x=function(){"undefined"!=typeof customElements&&["ds-tag","ds-button","ds-close","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-tag":customElements.get(s(o))||customElements.define(s(o),f);break;case"ds-button":customElements.get(s(o))||v();break;case"ds-close":customElements.get(s(o))||m();break;case"ds-icon":customElements.get(s(o))||b();break;case"ds-spinner":customElements.get(s(o))||h()}}))};export{k as DsTag,x as defineCustomElement}

package/components/ds-text.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as e,h as o,e as s,t as i}from"./p-BNY3JzuV.js";import{_ as a,L as r,a as d}from"./p-Dr4dquer.js";import{s as x,a as l,V as h}from"./p-82RSSk25.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.align="",this.bold=!1,this.color="",this.disabled=!1,this.heading=!1,this.hovered=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.pressed=!1,this.shadow=!1,this.space="",this.subtitle=!1}createLogger(t){this.log=t}connectedCallback(){x(this)}parseColor(){return this.disabled?"grey":this.invalid?this.pressed?"danger-darker":this.hovered?"danger-dark":"danger":this.pressed?"primary-dark":this.hovered?"light-blue":this.inverted?"white":"info"===this.color?"primary":this.color}render(){const t=this.inline?"span":"p",e=this.parseColor();return o(s,{key:"9999aa5b3cdcea488d9f8677dbc619e3feefaac4",class:{["is-"+e]:!!e,"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,["has-space-"+this.space]:!!this.space,["is-"+this.size]:!!this.size}},o(t,{key:"5e55b5842bf00b3b9ee1ed2d050b122b06cd0b07",id:"text",part:"text",class:{["is-"+this.align]:!!this.align}},o("slot",{key:"5c60c4098c62e5b3fa41e35ae27ccbe335a5defe"})))}get el(){return this}static get style(){return":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-color:var(--text-color, var(--mod-text-color, inherit));--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-body-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-body-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-body-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-size-base-device)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, var(--ds-alias-shadow-text)));--_text-space:var(--text-space, var(--mod-text-space, var(--ds-body-space)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-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;text-align:var(--_text-align);color:var(--_text-color);font-family:var(--_text-family);font-weight:var(--_text-weight);line-height:var(--_text-line-height);font-size:var(--_text-size);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-white){--mod-text-color:var(--ds-text-color-white)}:host(.is-black){--mod-text-color:var(--ds-text-color-black)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-primary-hover){--mod-text-color:var(--ds-text-color-primary-hover)}:host(.is-primary-active){--mod-text-color:var(--ds-text-color-primary-active)}:host(.is-inverted-primary){--mod-text-color:var(--ds-text-color-inverted-primary)}:host(.is-inverted-primary-hover){--mod-text-color:var(--ds-text-color-inverted-primary-hover)}:host(.is-inverted-primary-active){--mod-text-color:var(--ds-text-color-inverted-primary-active)}:host(.is-primary-light){--mod-text-color:var(--ds-text-color-primary-light)}:host(.is-hint){--mod-text-color:var(--ds-text-color-hint)}:host(.is-grey-light){--mod-text-color:var(--ds-text-color-grey-light)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-grey-dark){--mod-text-color:var(--ds-text-color-grey-dark)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-danger-hover){--mod-text-color:var(--ds-text-color-danger-hover)}:host(.is-danger-active){--mod-text-color:var(--ds-text-color-danger-active)}:host(.is-xs){--mod-text-size:var(--ds-text-size-xs-device)}:host(.is-sm){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-base){--mod-text-size:var(--ds-text-size-base-device)}:host(.is-md){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-lg){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-xl){--mod-text-size:var(--ds-text-size-xl-device)}:host(.is-2xl){--mod-text-size:var(--ds-text-size-2xl-device)}:host(.is-3xl){--mod-text-size:var(--ds-text-size-3xl-device)}:host(.is-4xl){--mod-text-size:var(--ds-text-size-4xl-device)}:host(.is-5xl){--mod-text-size:var(--ds-text-size-5xl-device)}:host(.is-small){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-lead){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-block){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-heading){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-bold);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-light);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-space);--text-mb:var(--_text-space)}:host(.has-space-top){--text-mt:var(--_text-space);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-space)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}"}},[257,"ds-text",{align:[1],bold:[4],color:[1],disabled:[516],heading:[4],hovered:[4],inline:[4],invalid:[516],inverted:[4],noWrap:[4,"no-wrap"],pressed:[4],shadow:[4],size:[1025],space:[1],subtitle:[4]}]);a([r("text"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],n.prototype,"createLogger",null),a([l("","left","right","center","justify"),d("design:type",String)],n.prototype,"align",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"bold",void 0),a([l("light-blue","blue-dark","blue-light","primary-light","white","black","grey","primary","blue","info","success","warning","danger",""),d("design:type",String)],n.prototype,"color",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"disabled",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"heading",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"hovered",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"inline",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"invalid",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"inverted",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"noWrap",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"pressed",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"shadow",void 0),a([l("xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block",""),d("design:type",String)],n.prototype,"size",void 0),a([l("none","bottom","top","all",""),d("design:type",String)],n.prototype,"space",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"subtitle",void 0);const v=n,m=function(){"undefined"!=typeof customElements&&["ds-text"].forEach((t=>{"ds-text"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))};export{v as DsText,m as defineCustomElement}
+import{p as t,H as e,h as o,e as s,t as i}from"./p-WO0X5Vmy.js";import{_ as a,L as r,a as d}from"./p-J0mxIuTt.js";import{h as x}from"./p-BrIcCcce.js";import{O as l}from"./p-BhbWmCTu.js";import{T as h}from"./p-DAYd9ty0.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.align="",this.bold=!1,this.color="",this.disabled=!1,this.heading=!1,this.hovered=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.pressed=!1,this.shadow=!1,this.space="",this.subtitle=!1}createLogger(t){this.log=t}parseColor(){return this.disabled?"grey":this.invalid?this.pressed?"danger-darker":this.hovered?"danger-dark":"danger":this.pressed?"primary-dark":this.hovered?"light-blue":this.inverted?"white":"info"===this.color?"primary":this.color}render(){const t=this.inline?"span":"p",e=this.parseColor();return o(s,{key:"101acafa36573cc60a9fd5a325f0c2385dd97e16",class:{["is-"+e]:x(e),"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,["has-space-"+this.space]:x(this.space),["is-"+this.size]:x(this.size)}},o(t,{key:"deccf1ef96652a71578d30e31b3f638c75cabda8",id:"text",part:"text",class:{["is-"+this.align]:x(this.align)}},o("slot",{key:"1779627b8463bf67bf4b99e1050c9e3bad6567b9"})))}get el(){return this}static get style(){return":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-color:var(--text-color, var(--mod-text-color, inherit));--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-body-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-body-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-body-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-size-base-device)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, var(--ds-alias-shadow-text)));--_text-space:var(--text-space, var(--mod-text-space, var(--ds-body-space)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-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;text-align:var(--_text-align);color:var(--_text-color);font-family:var(--_text-family);font-weight:var(--_text-weight);line-height:var(--_text-line-height);font-size:var(--_text-size);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-white){--mod-text-color:var(--ds-text-color-white)}:host(.is-black){--mod-text-color:var(--ds-text-color-black)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-primary-hover){--mod-text-color:var(--ds-text-color-primary-hover)}:host(.is-primary-active){--mod-text-color:var(--ds-text-color-primary-active)}:host(.is-inverted-primary){--mod-text-color:var(--ds-text-color-inverted-primary)}:host(.is-inverted-primary-hover){--mod-text-color:var(--ds-text-color-inverted-primary-hover)}:host(.is-inverted-primary-active){--mod-text-color:var(--ds-text-color-inverted-primary-active)}:host(.is-primary-light){--mod-text-color:var(--ds-text-color-primary-light)}:host(.is-hint){--mod-text-color:var(--ds-text-color-hint)}:host(.is-grey-light){--mod-text-color:var(--ds-text-color-grey-light)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-grey-dark){--mod-text-color:var(--ds-text-color-grey-dark)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-danger-hover){--mod-text-color:var(--ds-text-color-danger-hover)}:host(.is-danger-active){--mod-text-color:var(--ds-text-color-danger-active)}:host(.is-xs){--mod-text-size:var(--ds-text-size-xs-device)}:host(.is-sm){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-base){--mod-text-size:var(--ds-text-size-base-device)}:host(.is-md){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-lg){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-xl){--mod-text-size:var(--ds-text-size-xl-device)}:host(.is-2xl){--mod-text-size:var(--ds-text-size-2xl-device)}:host(.is-3xl){--mod-text-size:var(--ds-text-size-3xl-device)}:host(.is-4xl){--mod-text-size:var(--ds-text-size-4xl-device)}:host(.is-5xl){--mod-text-size:var(--ds-text-size-5xl-device)}:host(.is-small){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-lead){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-block){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-heading){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-bold);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-light);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-space);--text-mb:var(--_text-space)}:host(.has-space-top){--text-mt:var(--_text-space);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-space)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}"}},[257,"ds-text",{align:[1],bold:[4],color:[1],disabled:[516],heading:[4],hovered:[4],inline:[4],invalid:[516],inverted:[4],noWrap:[4,"no-wrap"],pressed:[4],shadow:[4],size:[1025],space:[1],subtitle:[4]}]);a([r("text"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],n.prototype,"createLogger",null),a([l(["","left","right","center","justify"]),d("design:type",String)],n.prototype,"align",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"bold",void 0),a([l(["light-blue","blue-dark","blue-light","primary-light","white","black","grey","primary","blue","info","success","warning","danger",""]),d("design:type",String)],n.prototype,"color",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"disabled",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"heading",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"hovered",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"inline",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"invalid",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"inverted",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"noWrap",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"pressed",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"shadow",void 0),a([l(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block",""]),d("design:type",String)],n.prototype,"size",void 0),a([l(["none","bottom","top","all",""]),d("design:type",String)],n.prototype,"space",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"subtitle",void 0);const m=n,v=function(){"undefined"!=typeof customElements&&["ds-text"].forEach((t=>{"ds-text"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))};export{m as DsText,v as defineCustomElement}

package/components/ds-textarea.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as t,f as e,h as o,t as r}from"./p-BNY3JzuV.js";import{_ as n,L as a,a as s}from"./p-Dr4dquer.js";import{i as d}from"./p-B62ocg4Q.js";import{F as c}from"./p-Urcs7-vS.js";import{o as l}from"./p-BOgMmRCt.js";import{s as p,V as u,a as h}from"./p-82RSSk25.js";import{F as v}from"./p-E8U6M5ii.js";import{I as b,d as g}from"./p-z1jJgtep.js";import{d as m}from"./p-BOTkpyFe.js";import{d as f}from"./p-BMBthpLd.js";import{d as y}from"./p-BEngECpF.js";import{L as w}from"./p-cSbDziZm.js";const _=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsClick=e(this,"dsClick"),this.dsFocus=e(this,"dsFocus"),this.dsInput=e(this,"dsInput"),this.dsKeyPress=e(this,"dsKeyPress"),this.internals=this.attachInternals(),this.inputId="ds-textarea-"+x++,this.inheritedAttributes={},this.control=new c(this),this.focused=!1,this.language=y.language,this.region=y.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.inputmode="",this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.wrap="",this.handleClick=i=>{this.control.onClick(i)},this.handleFocus=i=>{this.control.onFocus(i)},this.handleBlur=i=>{this.control.onBlur(i)},this.handleInput=i=>{this.control.onInput(i)}}createLogger(i){this.log=i}debounceChanged(){this.dsChange=l(this.dsChange,this.debounce)}connectedCallback(){p(this),this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(i){this.control.listenOnClick(i)}listenToReset(i){this.control.listenOnReset(i)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(i){this.language=i.language,this.region=i.region}render(){return o(v,{key:"657c7d07c5f2e3e0ac17281f33775f033d7fa3a5",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},o("textarea",Object.assign({key:"ee21851ff6ceae240caddcd877b5d8dcbc13164b",id:"textarea",part:"textarea",name:this.name,ref:i=>this.control.nativeEl=i,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap||void 0,onClick:i=>this.handleClick(i),onFocus:i=>this.handleFocus(i),onBlur:i=>this.handleBlur(i),onInput:i=>this.handleInput(i),onKeyPress:i=>this.dsKeyPress.emit(i)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}]}}static get style(){return":host{--_input-family:var(--input-family, var(--mod-input-family, var(--ds-input-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-input-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-input-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-input-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-input-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-input-control-color-placeholder-base)));--_input-container-background:var(--input-container-background, var(--mod-input-container-background, var(--ds-input-container-color-base-background)));--_input-container-border-color:var(--input-container-border-color, var(--mod-input-container-border-color, var(--ds-input-container-color-base-border)));--_input-container-border-width:var(--input-container-border-width, var(--mod-input-container-border-width, var(--ds-input-container-border-width)));--_input-container-radius:var(--input-container-radius, var(--mod-input-container-radius, var(--ds-input-container-radius)));--_input-container-hover-background:var(--input-container-hover-background, var(--mod-input-container-hover-background, var(--ds-input-container-color-hover-background)));--_input-container-active-background:var(--input-container-active-background, var(--mod-input-container-active-background, var(--ds-input-container-color-active-background)));--_input-container-focus-background:var(--input-container-focus-background, var(--mod-input-container-focus-background, var(--ds-input-container-color-focus-background)));--_input-container-hover-border:var(--input-container-hover-border, var(--mod-input-container-hover-border, var(--ds-input-container-color-hover-border)));--_input-container-active-border:var(--input-container-active-border, var(--mod-input-container-active-border, var(--ds-input-container-color-active-border)));--_input-container-focus-border:var(--input-container-focus-border, var(--mod-input-container-focus-border, var(--ds-input-container-color-focus-border)));--_input-label-color:var(--input-label-color, var(--mod-input-label-color, var(--ds-input-label-color-base)));--_input-label-family:var(--input-label-family, var(--mod-input-label-family, var(--ds-input-label-family)));--_input-label-weight:var(--input-label-weight, var(--mod-input-label-weight, var(--ds-input-label-weight)));--_input-label-line-height:var(--input-label-line-height, var(--mod-input-label-line-height, var(--ds-input-label-line-height)));--_input-label-size:var(--input-label-size, var(--mod-input-label-size, var(--ds-input-label-size-device)));--_input-description-color:var(--input-description-color, var(--mod-input-description-color, var(--ds-input-description-color-base)));--_input-description-family:var(--input-description-family, var(--mod-input-description-family, var(--ds-input-description-family)));--_input-description-weight:var(--input-description-weight, var(--mod-input-description-weight, var(--ds-input-description-weight)));--_input-description-line-height:var(--input-description-line-height, var(--mod-input-description-line-height, var(--ds-input-description-line-height)));--_input-description-size:var(--input-description-size, var(--mod-input-description-size, var(--ds-input-description-size-device)))}:host{position:relative;display:grid;gap:.25rem}:host #textarea{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 #textarea::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #textarea::-moz-placeholder{color:var(--_input-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_input-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_input-placeholder)}:host #textarea::placeholder{color:var(--_input-placeholder)}:host #textarea::-moz-placeholder{color:var(--_input-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #textarea:-moz-placeholder{color:var(--_input-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_input-placeholder)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:start;align-items:flex-start;padding-block:.5rem;padding-inline:.5rem;gap:.25rem;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 #container textarea{resize:vertical}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_input-label-color);font-family:var(--_input-label-family);font-weight:var(--_input-label-weight);font-size:var(--_input-label-size);line-height:var(--_input-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_input-description-color);font-family:var(--_input-description-family);font-weight:var(--_input-description-weight);font-size:var(--_input-description-size);line-height:var(--_input-description-line-height)}:host #description ds-icon{--icon-color:var(--_input-description-color)}:host(.is-danger){--mod-input-container-border-color:var(--ds-input-container-color-danger-border);--mod-input-description-color:var(--ds-input-description-color-danger);--mod-input-container-hover-border:var(--ds-input-container-color-danger-border);--mod-input-container-active-border:var(--ds-input-container-color-danger-border)}:host(.is-success){--mod-input-container-border-color:var(--ds-input-container-color-success-border);--mod-input-description-color:var(--ds-input-description-color-success);--mod-input-container-hover-border:var(--ds-input-container-color-success-border);--mod-input-container-active-border:var(--ds-input-container-color-success-border)}:host(.is-warning){--mod-input-container-border-color:var(--ds-input-container-color-warning-border);--mod-input-description-color:var(--ds-input-description-color-warning);--mod-input-container-hover-border:var(--ds-input-container-color-warning-border);--mod-input-container-active-border:var(--ds-input-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{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-textarea",{autocapitalize:[1],autocomplete:[1],autofocus:[4],autoInvalidOff:[4,"auto-invalid-off"],color:[1],cols:[2],debounce:[2],description:[1],disabled:[516],inputmode:[1],invalid:[516],invalidText:[1,"invalid-text"],label:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[1],placeholder:[1],readonly:[516],required:[516],rows:[2],value:[1537],wrap:[1],focused:[32],language:[32],region:[32],setFocus:[64],setBlur:[64],getInputElement:[64],configChanged:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}]}]);n([a("textarea"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],_.prototype,"createLogger",null),n([u("string"),s("design:type",String)],_.prototype,"autocapitalize",void 0),n([u("string"),s("design:type",String)],_.prototype,"autocomplete",void 0),n([u("boolean"),s("design:type",Boolean)],_.prototype,"autofocus",void 0),n([u("boolean"),s("design:type",Boolean)],_.prototype,"autoInvalidOff",void 0),n([h(...b),s("design:type",String)],_.prototype,"color",void 0),n([u("number"),s("design:type",Number)],_.prototype,"cols",void 0),n([u("number"),s("design:type",Number)],_.prototype,"debounce",void 0),n([u("string"),s("design:type",String)],_.prototype,"description",void 0),n([u("boolean"),s("design:type",Boolean)],_.prototype,"disabled",void 0),n([h(...g),s("design:type",String)],_.prototype,"inputmode",void 0),n([u("boolean"),s("design:type",Boolean)],_.prototype,"invalid",void 0),n([u("string"),s("design:type",String)],_.prototype,"invalidText",void 0),n([u("string"),s("design:type",String)],_.prototype,"label",void 0),n([u("number"),s("design:type",Number)],_.prototype,"maxLength",void 0),n([u("number"),s("design:type",Number)],_.prototype,"minLength",void 0),n([u("string"),s("design:type",String)],_.prototype,"name",void 0),n([u("string"),s("design:type",String)],_.prototype,"placeholder",void 0),n([u("boolean"),s("design:type",Boolean)],_.prototype,"readonly",void 0),n([u("boolean"),s("design:type",Boolean)],_.prototype,"required",void 0),n([u("number"),s("design:type",Number)],_.prototype,"rows",void 0),n([h("","hard","soft","off"),s("design:type",String)],_.prototype,"wrap",void 0),n([w(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],_.prototype,"configChanged",null);let x=0;const k=_,z=function(){"undefined"!=typeof customElements&&["ds-textarea","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-textarea":customElements.get(r(i))||customElements.define(r(i),_);break;case"ds-icon":customElements.get(r(i))||m();break;case"ds-spinner":customElements.get(r(i))||f()}}))};export{k as DsTextarea,z as defineCustomElement}
+import{p as r,H as o,f as e,h as t,t as a}from"./p-WO0X5Vmy.js";import{_ as i,L as n,a as s}from"./p-J0mxIuTt.js";import{i as d}from"./p-B62ocg4Q.js";import{F as c}from"./p-BwfAXfmz.js";import{o as l}from"./p-BgzU1loG.js";import{F as m}from"./p-FBQaJyH0.js";import{I as h,d as f}from"./p-DU7t9H9h.js";import{d as v}from"./p-Du7QOHtz.js";import{d as b}from"./p-CYWn3X22.js";import{d as p}from"./p-CvaNxQtw.js";import{T as g}from"./p-DAYd9ty0.js";import{O as u}from"./p-BhbWmCTu.js";import{L as x}from"./p-DIK6Zkg6.js";const y=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsClick=e(this,"dsClick"),this.dsFocus=e(this,"dsFocus"),this.dsInput=e(this,"dsInput"),this.dsKeyPress=e(this,"dsKeyPress"),this.internals=this.attachInternals(),this.inputId="ds-textarea-"+w++,this.inheritedAttributes={},this.control=new c(this),this.focused=!1,this.language=p.language,this.region=p.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.inputmode="",this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.wrap="",this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=l(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(r){this.language=r.language,this.region=r.region}render(){return t(m,{key:"eed94ad65298572829562a0d13d3decd677c2fbb",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("textarea",Object.assign({key:"e8030aee2620ae0384945396cc794981a017287a",id:"textarea",part:"textarea",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-control-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-control-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-control-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-control-size-device)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-control-color-value-base)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}: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(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-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(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-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(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-textarea-color:var(--ds-form-control-color-value-disabled);--mod-textarea-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-textarea",{autocapitalize:[1],autocomplete:[1],autofocus:[4],autoInvalidOff:[4,"auto-invalid-off"],color:[1],cols:[2],debounce:[2],description:[1],disabled:[516],inputmode:[1],invalid:[516],invalidText:[1,"invalid-text"],label:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[513],placeholder:[1],readonly:[516],required:[516],rows:[2],value:[1537],wrap:[1],focused:[32],language:[32],region:[32],setFocus:[64],setBlur:[64],getInputElement:[64],configChanged:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}]}]);i([n("textarea"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],y.prototype,"createLogger",null),i([g("string"),s("design:type",String)],y.prototype,"autocapitalize",void 0),i([g("string"),s("design:type",String)],y.prototype,"autocomplete",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"autofocus",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"autoInvalidOff",void 0),i([u(h),s("design:type",String)],y.prototype,"color",void 0),i([g("number"),s("design:type",Number)],y.prototype,"cols",void 0),i([g("number"),s("design:type",Number)],y.prototype,"debounce",void 0),i([g("string"),s("design:type",String)],y.prototype,"description",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"disabled",void 0),i([u(f),s("design:type",String)],y.prototype,"inputmode",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"invalid",void 0),i([g("string"),s("design:type",String)],y.prototype,"invalidText",void 0),i([g("string"),s("design:type",String)],y.prototype,"label",void 0),i([g("number"),s("design:type",Number)],y.prototype,"maxLength",void 0),i([g("number"),s("design:type",Number)],y.prototype,"minLength",void 0),i([g("string"),s("design:type",String)],y.prototype,"name",void 0),i([g("string"),s("design:type",String)],y.prototype,"placeholder",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"readonly",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"required",void 0),i([g("number"),s("design:type",Number)],y.prototype,"rows",void 0),i([u(["","hard","soft","off"]),s("design:type",String)],y.prototype,"wrap",void 0),i([x(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],y.prototype,"configChanged",null);let w=0;const _=y,k=function(){"undefined"!=typeof customElements&&["ds-textarea","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-textarea":customElements.get(a(r))||customElements.define(a(r),y);break;case"ds-icon":customElements.get(a(r))||v();break;case"ds-spinner":customElements.get(a(r))||b()}}))};export{_ as DsTextarea,k as defineCustomElement}

package/components/ds-toast.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as o,f as a,h as s,e as r,t as i}from"./p-BNY3JzuV.js";import{_ as e,L as n,a as d}from"./p-Dr4dquer.js";import{s as c}from"./p-Urcs7-vS.js";import{k as g}from"./p-BOgMmRCt.js";import{s as m,d as h}from"./p-BOTkpyFe.js";import{s as l,a as b,V as v,b as p}from"./p-82RSSk25.js";import{d as f}from"./p-xDEngwqW.js";import{d as u}from"./p-JZ1uDtZv.js";import{d as _}from"./p-BMBthpLd.js";import{L as y}from"./p-cSbDziZm.js";const w=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=a(this,"dsCloseClick"),this.dsActionClick=a(this,"dsActionClick"),this.dsDidLoad=a(this,"dsDidLoad"),this.dsDidPause=a(this,"dsDidPause"),this.dsDidResume=a(this,"dsDidResume"),this.animated=!1,this.didLoad=!1,this.didPause=!1,this.color="base",this.closable=!1,this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.duration=0,this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{void 0!==this.svg&&this.svg.length>0&&(this.svgContent=m(this.svg))},this.generateIconName=()=>{if(void 0!==this.icon&&this.icon.length>0)this.iconName=this.icon;else switch(this.color){case"info":this.iconName="information";break;case"success":this.iconName="check";break;case"warning":case"danger":this.iconName="alert";break;default:this.iconName="bell"}}}createLogger(t){this.log=t}iconChanged(){this.generateIconName()}svgChanged(){this.generateSvgContent()}connectedCallback(){l(this),this.generateIconName(),this.generateSvgContent()}componentDidLoad(){g((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}async configChanged(t){this.animated=t.animated}render(){const t=void 0!==this.duration&&"infinite"!==this.duration&&this.duration>0,o=t?{"--toast-progress-duration":this.duration+"ms"}:{};return s(r,{key:"42b20febf8b87b5c7b1fa83a60b8b874a76f3812",role:"alert","aria-live":"assertive","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-paused":this.didPause,"is-visible":this.visible,"has-progress-bar":this.visible&&this.didLoad&&t&&this.animated,"is-closable":this.closable,"is-action":void 0!==this.action,["is-"+this.color]:void 0!==this.color},style:o,onMouseEnter:()=>{this.didPause=!0,this.dsDidPause.emit()},onMouseLeave:()=>{this.didPause=!1,this.dsDidResume.emit()}},!this.svgContent&&s("ds-icon",{key:"f658e9777ee272f244acb654ff5d8e0df616fbb9",id:"icon",part:"icon",name:this.iconName||"warning"===this.color||"danger"===this.color?"alert":"success"===this.color?"check":"info"===this.color?"information":"bell",color:this.color,size:"md",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),this.svgContent&&s("ds-icon",{key:"d8e9cce343cb3fe70cd6fafa4910477a2ce64255",id:"icon",part:"icon",svg:this.svgContent}),s("span",{key:"342b90fc44ba264fd9a0ca4d3bdaba2957fa710a",part:"content",id:"content"},this.heading&&s("h2",{key:"e28d833393858378b03b06c9849bbdb618e9ad54",part:"heading"},this.heading),s("span",{key:"1e68ac398df27183efa45b9698222ea039799c4a",part:"message"},this.message,s("slot",{key:"4a9a6c06780863b49f431a2c63dc01ca6ddfb540"}))),this.action&&s("ds-button",{key:"eb1fbc8586a2c86d4e954a95cf387e6db2eda5a9",id:"action",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:t=>{c(t),this.dsActionClick.emit(t),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"429e2b06d53b4bd7b38f91b0ae0f0fbd10599cb3",part:"close",onClick:t=>{c(t),this.close()}}))}get el(){return this}static get watchers(){return{icon:[{iconChanged:0}],svg:[{svgChanged:0}]}}static get style(){return':host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-default-color-bg-base)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-default-color-text-base)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--ds-toast-default-color-icon-base)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-default-color-progress-bar-base)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-default-color-progress-bg-base)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-text-family-heading)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-text-weight-bold)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-text-size-base-device)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-text-line-height-heading)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-text-family-body)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, inherit));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-text-size-sm-device)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-text-line-height-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, 0.125rem));--_toast-p:var(--toast-p, var(--mod-toast-p, 1rem));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-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}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-color:null;--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height)}:host ds-button,:host .button{--button-mt:0;grid-area:action;align-self:center}:host .close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-text-base);--mod-toast-border-color:var(--ds-toast-info-color-border-base);--mod-toast-bg:var(--ds-toast-info-color-bg-base);--mod-toast-icon-color:var(--ds-toast-info-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-info-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-info-color-progress-bg-base)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-text-base);--mod-toast-border-color:var(--ds-toast-success-color-border-base);--mod-toast-bg:var(--ds-toast-success-color-bg-base);--mod-toast-icon-color:var(--ds-toast-success-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-success-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-success-color-progress-bg-base)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-text-base);--mod-toast-border-color:var(--ds-toast-warning-color-border-base);--mod-toast-bg:var(--ds-toast-warning-color-bg-base);--mod-toast-icon-color:var(--ds-toast-warning-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-warning-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-warning-color-progress-bg-base)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-text-base);--mod-toast-border-color:var(--ds-toast-danger-color-border-base);--mod-toast-bg:var(--ds-toast-danger-color-bg-base);--mod-toast-icon-color:var(--ds-toast-danger-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-danger-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-danger-color-progress-bg-base)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}'}},[257,"ds-toast",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],duration:[8],visible:[516],closeHandler:[16],actionHandler:[16],animated:[32],didLoad:[32],didPause:[32],svgContent:[32],iconName:[32],close:[64],configChanged:[64]},void 0,{icon:[{iconChanged:0}],svg:[{svgChanged:0}]}]);e([n("toast"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),e([b("base","info","success","warning","danger"),d("design:type",String)],w.prototype,"color",void 0),e([v("boolean"),d("design:type",Boolean)],w.prototype,"closable",void 0),e([p("string"),d("design:type",String)],w.prototype,"heading",void 0),e([p("string"),d("design:type",String)],w.prototype,"message",void 0),e([v("string"),d("design:type",String)],w.prototype,"icon",void 0),e([v("string"),d("design:type",String)],w.prototype,"svg",void 0),e([v("string"),d("design:type",String)],w.prototype,"action",void 0),e([v("string"),d("design:type",String)],w.prototype,"actionIcon",void 0),e([b("_blank","_parent","_self","_top"),d("design:type",String)],w.prototype,"actionTarget",void 0),e([v("string"),d("design:type",String)],w.prototype,"actionHref",void 0),e([y(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const k=w,x=function(){"undefined"!=typeof customElements&&["ds-toast","ds-button","ds-close","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-toast":customElements.get(i(t))||customElements.define(i(t),w);break;case"ds-button":customElements.get(i(t))||f();break;case"ds-close":customElements.get(i(t))||u();break;case"ds-icon":customElements.get(i(t))||h();break;case"ds-spinner":customElements.get(i(t))||_()}}))};export{k as DsToast,x as defineCustomElement}
+import{p as t,H as o,f as a,h as s,e as r,t as i}from"./p-WO0X5Vmy.js";import{_ as e,L as n,a as d}from"./p-J0mxIuTt.js";import{s as c}from"./p-BwfAXfmz.js";import{h as m}from"./p-BrIcCcce.js";import{r as g}from"./p-BgzU1loG.js";import{s as l,d as h}from"./p-Du7QOHtz.js";import{d as b}from"./p-CjIxf5zy.js";import{d as v}from"./p-Ctnm_MBD.js";import{d as p}from"./p-CYWn3X22.js";import{O as f}from"./p-BhbWmCTu.js";import{T as u}from"./p-DAYd9ty0.js";import{R as _}from"./p-DYlqkAWn.js";import{L as y}from"./p-DIK6Zkg6.js";const w=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=a(this,"dsCloseClick"),this.dsActionClick=a(this,"dsActionClick"),this.dsDidLoad=a(this,"dsDidLoad"),this.dsDidPause=a(this,"dsDidPause"),this.dsDidResume=a(this,"dsDidResume"),this.animated=!1,this.didLoad=!1,this.didPause=!1,this.color="base",this.closable=!1,this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.duration=0,this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(m(this.svg))return l(this.svg)},this.generateIconName=()=>{if(m(this.icon))return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(t){this.log=t}componentDidLoad(){g((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}async configChanged(t){this.animated=t.animated}render(){const t=this.generateIconName(),o=this.generateSvgContent(),a=void 0!==this.duration&&"infinite"!==this.duration&&this.duration>0,i=a?{"--toast-progress-duration":this.duration+"ms"}:{};return s(r,{key:"f38cb2cdb7460f866c5c9f7d14a6b2565cba63f9",role:"alert","aria-live":"assertive","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-paused":this.didPause,"is-visible":this.visible,"has-progress-bar":this.visible&&this.didLoad&&a&&this.animated,"is-closable":this.closable,"is-action":m(this.action),["is-"+this.color]:void 0!==this.color},style:i,onMouseEnter:()=>{this.didPause=!0,this.dsDidPause.emit()},onMouseLeave:()=>{this.didPause=!1,this.dsDidResume.emit()}},!m(o)&&s("ds-icon",{key:"a3533c4ad23fcfeeb13628cce8292c877010d31d",id:"icon",part:"icon",name:t||"warning"===this.color||"danger"===this.color?"alert":"success"===this.color?"check":"info"===this.color?"information":"bell",color:this.color,size:"md",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),m(o)&&s("ds-icon",{key:"206dbb5cd3673773eb5a9327679676ad9a0d15f9",id:"icon",part:"icon",svg:o}),s("span",{key:"f7f7fb5c0071f6cb35a005e9a843cfc527d96e3f",part:"content",id:"content"},this.heading&&s("h2",{key:"073902110e1777b279e829e05bcc040e24b8251e",part:"heading"},this.heading),s("span",{key:"677a6c7b3bb849376cd47b8449e8cab982c396b6",part:"message"},this.message,s("slot",{key:"722ebc769eb27196aef924c2028a5b0c04590d25"}))),m(this.action)&&s("ds-button",{key:"814a491f7657a3ad56021a3607651244afafc2af",id:"action",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:t=>{c(t),this.dsActionClick.emit(t),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"e1c6e38442650af9321ba62e43a94fc2e10cbb6f",part:"close",onClick:t=>{c(t),this.close()}}))}get el(){return this}static get style(){return':host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-default-color-bg-base)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-default-color-text-base)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--ds-toast-default-color-icon-base)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-default-color-progress-bar-base)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-default-color-progress-bg-base)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-text-family-heading)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-text-weight-bold)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-text-size-base-device)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-text-line-height-heading)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-text-family-body)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, inherit));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-text-size-sm-device)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-text-line-height-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, 0.125rem));--_toast-p:var(--toast-p, var(--mod-toast-p, 1rem));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-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}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-color:null;--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height)}:host ds-button,:host .button{--button-mt:0;grid-area:action;align-self:center}:host .close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-text-base);--mod-toast-border-color:var(--ds-toast-info-color-border-base);--mod-toast-bg:var(--ds-toast-info-color-bg-base);--mod-toast-icon-color:var(--ds-toast-info-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-info-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-info-color-progress-bg-base)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-text-base);--mod-toast-border-color:var(--ds-toast-success-color-border-base);--mod-toast-bg:var(--ds-toast-success-color-bg-base);--mod-toast-icon-color:var(--ds-toast-success-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-success-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-success-color-progress-bg-base)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-text-base);--mod-toast-border-color:var(--ds-toast-warning-color-border-base);--mod-toast-bg:var(--ds-toast-warning-color-bg-base);--mod-toast-icon-color:var(--ds-toast-warning-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-warning-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-warning-color-progress-bg-base)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-text-base);--mod-toast-border-color:var(--ds-toast-danger-color-border-base);--mod-toast-bg:var(--ds-toast-danger-color-bg-base);--mod-toast-icon-color:var(--ds-toast-danger-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-danger-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-danger-color-progress-bg-base)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}'}},[257,"ds-toast",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],duration:[8],visible:[516],closeHandler:[16],actionHandler:[16],animated:[32],didLoad:[32],didPause:[32],close:[64],configChanged:[64]}]);e([n("toast"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),e([f(["base","info","success","warning","danger"]),d("design:type",String)],w.prototype,"color",void 0),e([u("boolean"),d("design:type",Boolean)],w.prototype,"closable",void 0),e([_(),u("string"),d("design:type",String)],w.prototype,"heading",void 0),e([_(),u("string"),d("design:type",String)],w.prototype,"message",void 0),e([u("string"),d("design:type",String)],w.prototype,"icon",void 0),e([u("string"),d("design:type",String)],w.prototype,"svg",void 0),e([u("string"),d("design:type",String)],w.prototype,"action",void 0),e([u("string"),d("design:type",String)],w.prototype,"actionIcon",void 0),e([f(["_blank","_parent","_self","_top"]),d("design:type",String)],w.prototype,"actionTarget",void 0),e([u("string"),d("design:type",String)],w.prototype,"actionHref",void 0),e([y(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const k=w,x=function(){"undefined"!=typeof customElements&&["ds-toast","ds-button","ds-close","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-toast":customElements.get(i(t))||customElements.define(i(t),w);break;case"ds-button":customElements.get(i(t))||b();break;case"ds-close":customElements.get(i(t))||v();break;case"ds-icon":customElements.get(i(t))||h();break;case"ds-spinner":customElements.get(i(t))||p()}}))};export{k as DsToast,x as defineCustomElement}