@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

package/dist/esm/ds-app-navbar.entry.js

@@ -1,19 +1,19 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { F as FocusHandler } from './focus-54mwcmD9.js';
-import { S as ScrollHandler } from './scroll-DsSOuPzW.js';
-import { d as dsBreakpoints } from './breakpoints.subject-CgNq7C9X.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-CTZphYok.js';
-import { L as ListenToResize } from './resize.decorator-ByMsffGa.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import { L as ListenToConfig } from './config.utils-CB-CXrKY.js';
-import './listener-nZ8kL6Qe.js';
-import './device-ckOLnxX9.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { F as FocusHandler } from './focus-CQdRWMQM.js';
+import { S as ScrollHandler } from './scroll-BQR4AN2V.js';
+import { d as dsBreakpoints } from './breakpoints.subject-Dft-o__O.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-BVrXmMXt.js';
+import { L as ListenToResize } from './resize.decorator-ylONZx9a.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import { L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import './listener-CAqZogmy.js';
+import './device-DNizTY2o.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const i18nDsAppNavbar = {
     de: {
@@ -79,7 +79,7 @@ const i18nDsAppNavbar = {
 };
 
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
-/// <reference path="../../interfaces.d.ts" />
+/// <reference path="../../../interfaces.d.ts" />
 const APP_NAVBAR_CONTAINERS = ['default', 'fluid', 'compact'];
 
 const appNavbarHostCss = () => `:host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_app-navbar-background:var(--app-navbar-background, var(--mod-app-navbar-background, var(--ds-app-navbar-default-layout-background)));--_app-navbar-p:var(--app-navbar-p, var(--mod-app-navbar-p, var(--ds-app-navbar-default-layout-padding)));--_app-navbar-height:var(--app-navbar-height, var(--mod-app-navbar-height, var(--ds-app-navbar-default-layout-height)));--_app-navbar-shadow:var(--app-navbar-shadow, var(--mod-app-navbar-shadow, var(--ds-app-navbar-default-layout-shadow)));--_app-navbar-z-index:var(--app-navbar-z-index, var(--mod-app-navbar-z-index, var(--ds-app-navbar-default-layout-z-index)));--_app-navbar-brand-gap:var(--app-navbar-brand-gap, var(--mod-app-navbar-brand-gap, var(--ds-app-navbar-default-brand-gap)));--_app-navbar-brand-focus-radius:var(--app-navbar-brand-focus-radius, var(--mod-app-navbar-brand-focus-radius, var(--ds-app-navbar-default-brand-focus-radius)));--_app-navbar-title-color:var(--app-navbar-title-color, var(--mod-app-navbar-title-color, var(--ds-app-navbar-default-title-color)));--_app-navbar-title-font-family:var(--app-navbar-title-font-family, var(--mod-app-navbar-title-font-family, var(--ds-app-navbar-default-title-font-family)));--_app-navbar-title-font-size:var(--app-navbar-title-font-size, var(--mod-app-navbar-title-font-size, var(--ds-app-navbar-default-title-font-size)));--_app-navbar-title-font-weight:var(--app-navbar-title-font-weight, var(--mod-app-navbar-title-font-weight, var(--ds-app-navbar-default-title-font-weight)));--_app-navbar-hamburger-width:var(--app-navbar-hamburger-width, var(--mod-app-navbar-hamburger-width, var(--ds-app-navbar-default-hamburger-width)));--_app-navbar-hamburger-height:var(--app-navbar-hamburger-height, var(--mod-app-navbar-hamburger-height, var(--ds-app-navbar-default-hamburger-height)));--_app-navbar-hamburger-p:var(--app-navbar-hamburger-p, var(--mod-app-navbar-hamburger-p, var(--ds-app-navbar-default-hamburger-padding)));--_app-navbar-hamburger-radius:var(--app-navbar-hamburger-radius, var(--mod-app-navbar-hamburger-radius, var(--ds-app-navbar-default-hamburger-radius)));--_app-navbar-hamburger-transition-duration:var(--app-navbar-hamburger-transition-duration, var(--mod-app-navbar-hamburger-transition-duration, var(--ds-app-navbar-default-hamburger-transition-duration)));--_app-navbar-sidebar-max-width:var(--app-navbar-sidebar-max-width, var(--mod-app-navbar-sidebar-max-width, var(--ds-app-navbar-default-sidebar-max-width)));--_app-navbar-sidebar-slide-duration:var(--app-navbar-sidebar-slide-duration, var(--mod-app-navbar-sidebar-slide-duration, var(--ds-app-navbar-default-sidebar-slide-duration)));--_app-navbar-sidebar-backdrop-color:var(--app-navbar-sidebar-backdrop-color, var(--mod-app-navbar-sidebar-backdrop-color, var(--ds-app-navbar-default-sidebar-backdrop-color)));--_app-navbar-sidebar-backdrop-opacity:var(--app-navbar-sidebar-backdrop-opacity, var(--mod-app-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_app-navbar-sidebar-panel-background:var(--app-navbar-sidebar-panel-background, var(--mod-app-navbar-sidebar-panel-background, var(--ds-app-navbar-default-sidebar-panel-background)));--_app-navbar-sidebar-panel-shadow:var(--app-navbar-sidebar-panel-shadow, var(--mod-app-navbar-sidebar-panel-shadow, var(--ds-app-navbar-default-sidebar-panel-shadow)));--_app-navbar-sidebar-panel-border-top:var(--app-navbar-sidebar-panel-border-top, var(--mod-app-navbar-sidebar-panel-border-top, var(--ds-app-navbar-default-sidebar-panel-border-top)));--_app-navbar-sidebar-content-gap:var(--app-navbar-sidebar-content-gap, var(--mod-app-navbar-sidebar-content-gap, var(--ds-app-navbar-default-sidebar-content-gap)));--_app-navbar-sidebar-px:var(--app-navbar-sidebar-px, var(--mod-app-navbar-sidebar-px, var(--ds-app-navbar-default-sidebar-content-padding-inline)));--_app-navbar-sidebar-py:var(--app-navbar-sidebar-py, var(--mod-app-navbar-sidebar-py, var(--ds-app-navbar-default-sidebar-content-padding-block)));--_app-navbar-sidebar-item-min-height:var(--app-navbar-sidebar-item-min-height, var(--mod-app-navbar-sidebar-item-min-height, var(--ds-app-navbar-default-sidebar-item-min-height)));--_app-navbar-sidebar-item-py:var(--app-navbar-sidebar-item-py, var(--mod-app-navbar-sidebar-item-py, var(--ds-app-navbar-default-sidebar-item-padding-block)));--_app-navbar-sidebar-item-px:var(--app-navbar-sidebar-item-px, var(--mod-app-navbar-sidebar-item-px, var(--ds-app-navbar-default-sidebar-item-padding-inline)));--_app-navbar-sidebar-item-font-size:var(--app-navbar-sidebar-item-font-size, var(--mod-app-navbar-sidebar-item-font-size, var(--ds-app-navbar-default-sidebar-item-font-size)));--_app-navbar-sidebar-item-font-weight:var(--app-navbar-sidebar-item-font-weight, var(--mod-app-navbar-sidebar-item-font-weight, var(--ds-app-navbar-default-sidebar-item-font-weight)));--_app-navbar-sidebar-item-font-family:var(--app-navbar-sidebar-item-font-family, var(--mod-app-navbar-sidebar-item-font-family, var(--ds-app-navbar-default-sidebar-item-font-family)));--_app-navbar-sidebar-item-color:var(--app-navbar-sidebar-item-color, var(--mod-app-navbar-sidebar-item-color, var(--ds-app-navbar-default-sidebar-item-color-base)));--_app-navbar-sidebar-item-background-active:var(--app-navbar-sidebar-item-background-active, var(--mod-app-navbar-sidebar-item-background-active, var(--ds-app-navbar-default-sidebar-item-background-active)));--_app-navbar-sidebar-item-background-hover:var(--app-navbar-sidebar-item-background-hover, var(--mod-app-navbar-sidebar-item-background-hover, var(--ds-app-navbar-default-sidebar-item-background-hover)));--_app-navbar-sidebar-item-color-hover:var(--app-navbar-sidebar-item-color-hover, var(--mod-app-navbar-sidebar-item-color-hover, var(--ds-app-navbar-default-sidebar-item-color-hover)));--_app-navbar-sidebar-item-color-active:var(--app-navbar-sidebar-item-color-active, var(--mod-app-navbar-sidebar-item-color-active, var(--ds-app-navbar-default-sidebar-item-color-active)));--_app-navbar-sidebar-item-divider-color:var(--app-navbar-sidebar-item-divider-color, var(--mod-app-navbar-sidebar-item-divider-color, var(--ds-app-navbar-default-sidebar-item-divider-color)));--_app-navbar-sidebar-item-divider-color-active:var(--app-navbar-sidebar-item-divider-color-active, var(--mod-app-navbar-sidebar-item-divider-color-active, var(--ds-app-navbar-default-sidebar-item-divider-color-active)));--_app-navbar-sidebar-item-chevron-size:var(--app-navbar-sidebar-item-chevron-size, var(--mod-app-navbar-sidebar-item-chevron-size, var(--ds-app-navbar-default-sidebar-item-chevron-size)));--_app-navbar-sidebar-item-chevron-color:var(--app-navbar-sidebar-item-chevron-color, var(--mod-app-navbar-sidebar-item-chevron-color, var(--ds-app-navbar-default-sidebar-item-chevron-color)));--_app-navbar-menu-gap:var(--app-navbar-menu-gap, var(--mod-app-navbar-menu-gap, var(--ds-app-navbar-default-menu-gap)));--_app-navbar-menu-start-gap:var(--app-navbar-menu-start-gap, var(--mod-app-navbar-menu-start-gap, var(--ds-app-navbar-default-menu-start-gap)));--_app-navbar-menu-item-color:var(--app-navbar-menu-item-color, var(--mod-app-navbar-menu-item-color, var(--ds-app-navbar-default-menu-item-color-base)));--_app-navbar-menu-item-font-size:var(--app-navbar-menu-item-font-size, var(--mod-app-navbar-menu-item-font-size, var(--ds-app-navbar-default-menu-item-font-size)));--_app-navbar-menu-item-py:var(--app-navbar-menu-item-py, var(--mod-app-navbar-menu-item-py, var(--ds-app-navbar-default-menu-item-padding-block)));--_app-navbar-menu-item-px:var(--app-navbar-menu-item-px, var(--mod-app-navbar-menu-item-px, var(--ds-app-navbar-default-menu-item-padding-inline)));--_app-navbar-menu-item-border-radius:var(--app-navbar-menu-item-border-radius, var(--mod-app-navbar-menu-item-border-radius, var(--ds-app-navbar-default-menu-item-border-radius)));--_app-navbar-menu-item-color-hover:var(--app-navbar-menu-item-color-hover, var(--mod-app-navbar-menu-item-color-hover, var(--ds-app-navbar-default-menu-item-color-hover)));--_app-navbar-menu-item-color-selected:var(--app-navbar-menu-item-color-selected, var(--mod-app-navbar-menu-item-color-selected, var(--ds-app-navbar-default-menu-item-color-selected)));--_app-navbar-menu-item-color-selected-hover:var(--app-navbar-menu-item-color-selected-hover, var(--mod-app-navbar-menu-item-color-selected-hover, var(--ds-app-navbar-default-menu-item-color-selected-hover)));--_app-navbar-menu-item-color-active:var(--app-navbar-menu-item-color-active, var(--mod-app-navbar-menu-item-color-active, var(--ds-app-navbar-default-menu-item-color-active)));--_app-navbar-menu-item-underline-height:var(--app-navbar-menu-item-underline-height, var(--mod-app-navbar-menu-item-underline-height, var(--ds-global-dimension-border-2)));--_app-navbar-menu-item-underline-border-radius:var(--app-navbar-menu-item-underline-border-radius, var(--mod-app-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_app-navbar-menu-item-transition-duration:var(--app-navbar-menu-item-transition-duration, var(--mod-app-navbar-menu-item-transition-duration, var(--ds-app-navbar-default-menu-item-transition-duration)));--_app-navbar-menu-end-gap:var(--app-navbar-menu-end-gap, var(--mod-app-navbar-menu-end-gap, var(--ds-app-navbar-default-menu-end-gap)));--_app-navbar-container-gap:var(--app-navbar-container-gap, var(--mod-app-navbar-container-gap, var(--ds-app-navbar-default-container-gap)));--_app-navbar-content-gap:var(--app-navbar-content-gap, var(--mod-app-navbar-content-gap, var(--ds-app-navbar-default-content-gap)));--_app-navbar-button-color-text:var(--app-navbar-button-color-text, var(--mod-app-navbar-button-color-text, var(--ds-app-navbar-default-button-color-text-base)));--_app-navbar-button-color-background:var(--app-navbar-button-color-background, var(--mod-app-navbar-button-color-background, var(--ds-app-navbar-default-button-color-background-base)));--_app-navbar-button-color-border:var(--app-navbar-button-color-border, var(--mod-app-navbar-button-color-border, var(--ds-app-navbar-default-button-color-border-base)));--_app-navbar-button-color-text-hover:var(--app-navbar-button-color-text-hover, var(--mod-app-navbar-button-color-text-hover, var(--ds-app-navbar-default-button-color-text-hover)));--_app-navbar-button-color-background-hover:var(--app-navbar-button-color-background-hover, var(--mod-app-navbar-button-color-background-hover, var(--ds-app-navbar-default-button-color-background-hover)));--_app-navbar-button-color-border-hover:var(--app-navbar-button-color-border-hover, var(--mod-app-navbar-button-color-border-hover, var(--ds-app-navbar-default-button-color-border-hover)));--_app-navbar-button-color-text-active:var(--app-navbar-button-color-text-active, var(--mod-app-navbar-button-color-text-active, var(--ds-app-navbar-default-button-color-text-active)));--_app-navbar-button-color-background-active:var(--app-navbar-button-color-background-active, var(--mod-app-navbar-button-color-background-active, var(--ds-app-navbar-default-button-color-background-active)));--_app-navbar-button-color-border-active:var(--app-navbar-button-color-border-active, var(--mod-app-navbar-button-color-border-active, var(--ds-app-navbar-default-button-color-border-active)));--_app-navbar-focus-color-start:var(--app-navbar-focus-color-start, var(--mod-app-navbar-focus-color-start, var(--ds-app-navbar-default-focus-color-start)));--_app-navbar-focus-color-end:var(--app-navbar-focus-color-end, var(--mod-app-navbar-focus-color-end, var(--ds-app-navbar-default-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_app-navbar-z-index);width:100%;background-color:var(--_app-navbar-background);-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_app-navbar-height);max-height:var(--_app-navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_app-navbar-container-gap);padding-left:var(--ds-device-container-space);padding-right:var(--ds-device-container-space);width:100%;max-width:var(--ds-alias-container-width-default)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_app-navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_app-navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_app-navbar-title-color);font-family:var(--_app-navbar-title-font-family);font-size:var(--_app-navbar-title-font-size);font-weight:var(--_app-navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_app-navbar-hamburger-p);color:var(--_app-navbar-button-color-text);background-color:var(--_app-navbar-button-color-background);width:var(--_app-navbar-hamburger-width);height:var(--_app-navbar-hamburger-height);border-radius:var(--_app-navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_app-navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-hamburger-transition-duration);transition-duration:var(--_app-navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_app-navbar-button-color-text-hover);background-color:var(--_app-navbar-button-color-background-hover);--icon-color:var(--_app-navbar-button-color-text-hover)}#hamburger:active{color:var(--_app-navbar-button-color-text-active);background-color:var(--_app-navbar-button-color-background-active);--icon-color:var(--_app-navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_app-navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_app-navbar-sidebar-slide-duration) ease;transition:visibility var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_app-navbar-sidebar-slide-duration) ease;transition:opacity var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_app-navbar-sidebar-max-width);height:100%;background-color:var(--_app-navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow);border-top:var(--_app-navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease, -webkit-transform var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-sidebar-content-gap);padding-inline:var(--_app-navbar-sidebar-px);padding-block:var(--_app-navbar-sidebar-py);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.ds-link[slot=menu-start]){position:relative;color:var(--_app-navbar-sidebar-item-color);--icon-color:var(--_app-navbar-sidebar-item-color);font-size:var(--_app-navbar-sidebar-item-font-size);font-weight:var(--_app-navbar-sidebar-item-font-weight);font-family:var(--_app-navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_app-navbar-sidebar-item-min-height);padding-block:var(--_app-navbar-sidebar-item-py);padding-inline:var(--_app-navbar-sidebar-item-px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.ds-link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.ds-link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-size);border-radius:var(--ds-alias-radius-base);background-color:var(--_app-navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.ds-link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_app-navbar-sidebar-item-chevron-size);height:var(--_app-navbar-sidebar-item-chevron-size);background-color:var(--_app-navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_app-navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_app-navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_app-navbar-sidebar-item-background-hover);color:var(--_app-navbar-sidebar-item-color-hover);--icon-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_app-navbar-sidebar-item-background-active);color:var(--_app-navbar-sidebar-item-color-active);--icon-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-content-gap);margin-top:var(--ds-global-dimension-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.ds-button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.ds-link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_app-navbar-menu-item-color);font-size:var(--_app-navbar-menu-item-font-size);border-radius:var(--_app-navbar-menu-item-border-radius);padding-inline:var(--_app-navbar-menu-item-px);padding-block:var(--_app-navbar-menu-item-py);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_app-navbar-menu-item-underline-height);border-radius:var(--_app-navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_app-navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_app-navbar-menu-item-color-hover);--icon-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_app-navbar-menu-item-color-active);--icon-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start{-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.ds-button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.ds-button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-app-navbar-light-title-color);--mod-app-navbar-background:var(--ds-app-navbar-light-background);--mod-app-navbar-title-color:var(--ds-app-navbar-light-title-color);--_app-navbar-focus-color-start:var(--ds-app-navbar-light-focus-color-start);--_app-navbar-focus-color-end:var(--ds-app-navbar-light-focus-color-end);--mod-app-navbar-menu-item-color:var(--ds-app-navbar-light-menu-item-color-base);--mod-app-navbar-menu-item-color-hover:var(--ds-app-navbar-light-menu-item-color-hover);--mod-app-navbar-menu-item-color-active:var(--ds-app-navbar-light-menu-item-color-active);--mod-app-navbar-menu-item-color-selected:var(--ds-app-navbar-light-menu-item-color-selected);--mod-app-navbar-sidebar-panel-border-top:var(--ds-app-navbar-light-sidebar-panel-border-top);--mod-app-navbar-button-color-text:var(--ds-app-navbar-light-button-color-text-base);--mod-app-navbar-button-color-background:var(--ds-app-navbar-light-button-color-background-base);--mod-app-navbar-button-color-border:var(--ds-app-navbar-light-button-color-border-base);--mod-app-navbar-button-color-text-hover:var(--ds-app-navbar-light-button-color-text-hover);--mod-app-navbar-button-color-background-hover:var(--ds-app-navbar-light-button-color-background-hover);--mod-app-navbar-button-color-border-hover:var(--ds-app-navbar-light-button-color-border-hover);--mod-app-navbar-button-color-text-active:var(--ds-app-navbar-light-button-color-text-active);--mod-app-navbar-button-color-background-active:var(--ds-app-navbar-light-button-color-background-active);--mod-app-navbar-button-color-border-active:var(--ds-app-navbar-light-button-color-border-active)}`;
@@ -294,14 +294,14 @@ const AppNavbar = class {
         const isMenuOpen = this.isSidebarOpen;
         const isSidebarMode = isTouch || this.isOverflowing;
         const i18n = i18nDsAppNavbar[this.language];
-        return (h(Host, { key: '948c1c74b5103e094006ad829b9d27f465a66023', class: {
+        return (h(Host, { key: 'fd983e6a0096b913411b4371e4560f001f0892fa', class: {
                 'is-open': isMenuOpen,
                 'is-sidebar-mode': isSidebarMode,
                 'is-light': this.light,
-            } }, h("nav", { key: '4f8c341ca97b56b9e08b26a9e5b06c998ebc5981', ref: el => (this.navEl = el), id: "nav", role: "navigation", "aria-label": i18n.mainNavigation }, h("div", { key: 'd1402e626b76c9411e37bd321b1a3d91369f603b', id: "container", class: {
+            } }, h("nav", { key: '1d8749fd2b4fab90dbefcefa27c0ed6ff4f011e4', ref: el => (this.navEl = el), id: "nav", role: "navigation", "aria-label": i18n.mainNavigation }, h("div", { key: '52b02f1d0a4629e7f4f631854dd70cc62ac0be33', id: "container", class: {
                 'is-fluid': this.container === 'fluid',
                 'is-compact': this.container === 'compact',
-            }, ref: el => (this.containerEl = el) }, h("slot", { key: '9c225293599891a8ad0b1f9eb3d191709d2aa792', name: "brand" }), h("slot", { key: '2fd4c44cae1ebcd5242d3df675d3b09653350c69', name: "title" }), h("div", { key: 'bacec05b01f46172b139a33b8187b67246418f3b', id: "content" }, !isSidebarMode && (h("div", { key: '33755bdf62055ccd17774a63f7b54a91ec3c00b2', id: "menu" }, h("div", { key: 'db3fe380cfa6f3af8d649b92a1b96485063e8f0d', id: "menu-start" }, h("slot", { key: 'eb62a465ee3deb4f56e929d8e9b4ad295a2bd793', name: "menu-start" })), h("div", { key: '803c359b2d629f39332814fb6e45efd5050a8b3e', id: "menu-end" }, h("slot", { key: '5487ce192be6b04d7bd836f4115697aa5de6c791', name: "menu-end" })))), h("div", { key: '6ea5c63a7afbd04e71d6451307246e8b9260f6e2', id: "actions" }, h("slot", { key: '7a7229810081c70c429e1899e1a0cc3f868e906a', name: "actions" }), isSidebarMode && (h("button", { key: '57ab6423c32d08e1f67f272e6a49ea08d227c736', ref: el => (this.burgerButton = el), id: "hamburger", type: "button", title: isMenuOpen ? i18n.closeMenu : i18n.openMenu, "aria-label": isMenuOpen ? i18n.closeMenu : i18n.openMenu, "aria-expanded": isMenuOpen, "aria-controls": "sidebar", onClick: () => this.handleHamburgerClick() }, h("ds-icon", { key: 'a3c2fc9e63a0934bcabf98cf5be398e8f6932b26', name: isMenuOpen ? 'close' : 'menu-bars', inverted: true })))))), isSidebarMode && (h("aside", { key: 'f5537756f4953542ea1a0ccff49e5d7c03f7a52b', id: "sidebar", role: "dialog", "aria-modal": "true", "aria-label": i18n.navigationMenu, class: { 'is-open': isMenuOpen }, ref: el => (this.sidebarEl = el) }, h("div", { key: 'c79dd21afc246f2d27fd738c1fefeb7d0340ec2c', id: "sidebar-backdrop", onClick: this.handleBackdropClick }), h("div", { key: '44915021c0779657f4403385f3738988c60bce08', id: "sidebar-panel", tabindex: "-1" }, h("div", { key: '6a8a640655b45ef6159f922cd09cfb9ce5dc5d39', id: "sidebar-content" }, h("div", { key: 'ecf1ca260a5dd1914b2b677cf93ee7fe6038bdc3', id: "sidebar-start" }, h("slot", { key: 'e8ab1c7b5de3bba3cef15a4f8bb4412d5ed961df', name: "menu-start" })), h("div", { key: '2ca54b8b959abb3f4e99b350f4e07c0c58330f01', id: "sidebar-end" }, h("slot", { key: '15a048a6136814cb5d0ef013578213e6876637bd', name: "menu-end" })))))))));
+            }, ref: el => (this.containerEl = el) }, h("slot", { key: '17bda94de3b1da33a9a174bbb4b8d61b6e5084cf', name: "brand" }), h("slot", { key: '69859bb7268052683672796021892a9f3363e35e', name: "title" }), h("div", { key: '060f4309e06cf7bd74e3ac2599d6458d4e7cc862', id: "content" }, !isSidebarMode && (h("div", { key: '454778981b3c13a0a0907267b67059d1c5461b50', id: "menu" }, h("div", { key: 'b7ce472e4193dcb69dab1109e3223cdebbc4e6aa', id: "menu-start" }, h("slot", { key: '2fc79e8dd3a2ac61cc86e3072691623e0f69a954', name: "menu-start" })), h("div", { key: '33580eb28f109550ec88d1e428ac019df0003f23', id: "menu-end" }, h("slot", { key: '88419fdc748e4fd16bcd8e778654c2523890d7ce', name: "menu-end" })))), h("div", { key: '23df02fa1c528bff6bf5354685a59950e9b2ecd2', id: "actions" }, h("slot", { key: '91081f473af81b10683ce9c5de55cdccccbb8fbb', name: "actions" }), isSidebarMode && (h("button", { key: '8dd7dde6baa513af198a974682c5d4d4ef30e4e7', ref: el => (this.burgerButton = el), id: "hamburger", type: "button", title: isMenuOpen ? i18n.closeMenu : i18n.openMenu, "aria-label": isMenuOpen ? i18n.closeMenu : i18n.openMenu, "aria-expanded": isMenuOpen, "aria-controls": "sidebar", onClick: () => this.handleHamburgerClick() }, h("ds-icon", { key: '4cacafea64e741a6314875eb91f53a549ea99a21', name: isMenuOpen ? 'close' : 'menu-bars', inverted: true })))))), isSidebarMode && (h("aside", { key: '7b4cfcdf7ca756340a45732b83a21607e6e4a10c', id: "sidebar", role: "dialog", "aria-modal": "true", "aria-label": i18n.navigationMenu, class: { 'is-open': isMenuOpen }, ref: el => (this.sidebarEl = el) }, h("div", { key: '7caaa89e7c8fce4224d1bab1e57395bcbd90d1ff', id: "sidebar-backdrop", onClick: this.handleBackdropClick }), h("div", { key: '8b24f2b81808f288200c3328b4b84ac92f766a49', id: "sidebar-panel", tabindex: "-1" }, h("div", { key: '793c86c52dc87f69b93276f9345d6c76fb1ce5af', id: "sidebar-content" }, h("div", { key: '021cdc3e3389e5d71acbb1db9745d346ba0721f7', id: "sidebar-start" }, h("slot", { key: '2b0e3ee3059a7f9920d548ba551f7b26f037038b', name: "menu-start" })), h("div", { key: '23561403321ce44cf3dab8e0b9a7c5ec7a749def', id: "sidebar-end" }, h("slot", { key: '541ccc78fe6c640f5b86f7749a4974c446e05444', name: "menu-end" })))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ds-badge.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { h as hasValue } from './has-value-uy_-jH0L.js';
 import { n as normalizeDeprecatedTShirtSize } from './t-shirt-DR5LIaCn.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const BADGE_SIZES = ['sm', 'lg'];
 const BADGE_COLORS = ['disabled', 'danger', 'warning', 'success'];
@@ -40,11 +40,11 @@ const Badge = class {
      */
     render() {
         const size = normalizeDeprecatedTShirtSize(this.size) || '';
-        return (h(Host, { key: 'f136166baf2d84c49c8ab3d554505b501b2c0c02', class: {
+        return (h(Host, { key: '7a8c53f623e53f159de13b689c8eff0387144017', class: {
                 [`is-${this.color}`]: hasValue(this.color),
                 [`is-${size}`]: hasValue(this.size),
                 'is-pulse': this.pulse,
-            } }, h("span", { key: '7cc646579b3a9052c94575484ca9625b96af1dda', id: "badge", part: "badge" }, h("slot", { key: '963d51cb610750eb1b34fbc21e8619790fdb8a80' }), size !== 'sm' && hasValue(this.icon) ? h("ds-icon", { part: "icon", name: this.icon }) : '')));
+            } }, h("span", { key: 'c2e9b658b129c71d56c156eff75805da56cae750', id: "badge", part: "badge" }, h("slot", { key: '3fa73da0bfa55e58096894aadbf8ea45680f8188' }), size !== 'sm' && hasValue(this.icon) ? h("ds-icon", { part: "icon", name: this.icon }) : '')));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-brand-icon_3.entry.js

@@ -1,19 +1,19 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement, J as createEvent, x as defaultConfig } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
-import { f as fetchSvg, s as sanitizeSvg } from './svg-DTldskay.js';
+import { D as registerInstance, F as h, G as Host, I as getElement, J as createEvent, x as defaultConfig } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { h as hasValue } from './has-value-uy_-jH0L.js';
+import { f as fetchSvg, s as sanitizeSvg } from './svg-D7y4TSm5.js';
 import { c as BRAND_ICON_SIZES, d as BRAND_ICON_COLORS, e as BUTTON_COLORS, f as BUTTON_ELEMENT_TYPES, g as BUTTON_SIZES, B as BUTTON_TARGETS, h as BUTTON_BRAND_SIZES } from './button.interfaces-BP1qxp2Q.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
 import { a as ariaBooleanToString } from './aria-DYfTMCkl.js';
 import { i as inheritAttributes } from './attributes-B62ocg4Q.js';
-import { R as Required } from './required-DIwBjh81.js';
+import { R as Required } from './required-CSFFkdXm.js';
 import { i as i18nDsClose } from './close.i18n-Bbn3sYo5.js';
-import { L as ListenToConfig } from './config.utils-CB-CXrKY.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const brandIconHostCss = () => `:host{--_brand-icon-position:var(--brand-icon-position, var(--mod-brand-icon-position, static));--_brand-icon-top:var(--brand-icon-top, var(--mod-brand-icon-top));--_brand-icon-right:var(--brand-icon-right, var(--mod-brand-icon-right));--_brand-icon-bottom:var(--brand-icon-bottom, var(--mod-brand-icon-bottom));--_brand-icon-left:var(--brand-icon-left, var(--mod-brand-icon-left));position:var(--_brand-icon-position);top:var(--_brand-icon-top);right:var(--_brand-icon-right);bottom:var(--_brand-icon-bottom);left:var(--_brand-icon-left);--_brand-icon-m:var(--brand-icon-m, var(--mod-brand-icon-m, 0));--_brand-icon-my:var(--brand-icon-my, var(--mod-brand-icon-my));--_brand-icon-mx:var(--brand-icon-mx, var(--mod-brand-icon-mx));--_brand-icon-ml:var(--brand-icon-ml, var(--mod-brand-icon-ml));--_brand-icon-mr:var(--brand-icon-mr, var(--mod-brand-icon-mr));--_brand-icon-mt:var(--brand-icon-mt, var(--mod-brand-icon-mt));--_brand-icon-mb:var(--brand-icon-mb, var(--mod-brand-icon-mb));margin:var(--_brand-icon-m);margin-inline:var(--_brand-icon-mx);margin-block:var(--_brand-icon-my);margin-left:var(--_brand-icon-ml);margin-right:var(--_brand-icon-mr);margin-top:var(--_brand-icon-mt);margin-bottom:var(--_brand-icon-mb);--_brand-icon-size:var(--brand-icon-size, var(--mod-brand-icon-size, var(--ds-brand-icon-size-base)));--_brand-icon-inner-size:var(--brand-icon-inner-size, var(--mod-brand-icon-inner-size, var(--ds-brand-icon-size-base)));--_brand-icon-inner-mt:var(--brand-icon-inner-mt, var(--mod-brand-icon-inner-mt, 0));--_brand-icon-color-background:var(--brand-icon-color-background, var(--mod-brand-icon-color-background, var(--ds-brand-icon-color-purple-background)));--_brand-icon-color-level-1:var(--brand-icon-color-level-1, var(--mod-brand-icon-color-level-1, var(--ds-brand-icon-color-purple-level1)));--_brand-icon-color-level-2:var(--brand-icon-color-level-2, var(--mod-brand-icon-color-level-2, var(--ds-brand-icon-color-purple-level2)));--_brand-icon-color-level-3:var(--brand-icon-color-level-3, var(--mod-brand-icon-color-level-3, var(--ds-brand-icon-color-purple-level3)));--_brand-icon-tile-size:var(--brand-icon-tile-size, var(--mod-brand-icon-tile-size, var(--ds-brand-icon-tile-size-base-mobile)));--_brand-icon-tile-size-tablet:var(--brand-icon-tile-size-tablet, var(--mod-brand-icon-tile-size-tablet, var(--ds-brand-icon-tile-size-base-tablet)));--_brand-icon-tile-size-desktop:var(--brand-icon-tile-size-desktop, var(--mod-brand-icon-tile-size-desktop, var(--ds-brand-icon-tile-size-base-desktop)));--_brand-icon-tile-color-background:var(--brand-icon-tile-color-background, var(--mod-brand-icon-tile-color-background, var(--ds-brand-icon-tile-color-purple)));--_brand-icon-tile-radius:var(--brand-icon-tile-radius, var(--mod-brand-icon-tile-radius, var(--ds-brand-icon-tile-radius)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;pointer-events:visible;width:var(--_brand-icon-size);height:var(--_brand-icon-size);max-height:var(--_brand-icon-size)}:host #inner{display:block;position:static;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;margin-top:var(--_brand-icon-inner-mt);width:var(--_brand-icon-inner-size);height:var(--_brand-icon-inner-size);max-height:var(--_brand-icon-inner-size)}:host #inner svg{vertical-align:top;fill:var(--_brand-icon-color-level-1)}:host #inner svg * [fill="#000d6e"]{fill:var(--_brand-icon-color-level-1)}:host #inner svg * [fill="#fa9319"],:host #inner svg * [fill="#d9304c"],:host #inner svg * [fill="#1b5951"],:host #inner svg * [fill="#6c2273"]{fill:var(--_brand-icon-color-level-2)}:host #inner svg * [fill="#fae052"],:host #inner svg * [fill="#ffaca6"],:host #inner svg * [fill="#b8b2ff"],:host #inner svg * [fill="#94e3d4"]{fill:var(--_brand-icon-color-level-3)}:host(.is-tile){background:var(--_brand-icon-color-background);border-radius:var(--_brand-icon-tile-radius);height:var(--_brand-icon-tile-size);--mod-brand-icon-size:var(--_brand-icon-tile-size);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_brand-icon-tile-size-tablet);--mod-brand-icon-size:var(--_brand-icon-tile-size-tablet);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size-tablet)}}@media screen and (min-width: 1024px){:host(.is-tile){height:var(--_brand-icon-tile-size-desktop);--mod-brand-icon-size:var(--_brand-icon-tile-size-desktop);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size-desktop)}}:host(.is-sm:not(.is-tile)){--mod-brand-icon-size:var(--ds-brand-icon-size-sm);--mod-brand-icon-inner-size:var(--ds-brand-icon-size-sm)}:host(.is-sm.is-tile){--mod-brand-icon-tile-size:var(--ds-brand-icon-tile-size-sm-mobile);--mod-brand-icon-tile-size-tablet:var(--ds-brand-icon-tile-size-sm-tablet);--mod-brand-icon-tile-size-desktop:var(--ds-brand-icon-tile-size-sm-desktop)}:host(.is-lg:not(.is-tile)){--mod-brand-icon-size:var(--ds-brand-icon-size-lg);--mod-brand-icon-inner-size:var(--ds-brand-icon-size-lg)}:host(.is-lg.is-tile){--mod-brand-icon-tile-size:var(--ds-brand-icon-tile-size-lg-mobile);--mod-brand-icon-tile-size-tablet:var(--ds-brand-icon-tile-size-lg-tablet);--mod-brand-icon-tile-size-desktop:var(--ds-brand-icon-tile-size-lg-desktop)}:host(.is-purple:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3)}:host(.is-purple.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}:host(.is-red:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3)}:host(.is-red.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-green:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3)}:host(.is-green.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-yellow:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3)}:host(.is-yellow.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-disabled){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-disabled-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-disabled-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-disabled-level3)}:host(.is-disabled.is-tile){--mod-brand-icon-color-background:var(--ds-brand-icon-color-disabled-background)}:host(.is-invalid){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-invalid-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-invalid-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-invalid-level3)}:host(.is-invalid.is-tile){--mod-brand-icon-color-background:var(--ds-brand-icon-color-invalid-background)}`;
 
@@ -82,13 +82,13 @@ const BrandIcon = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '86492ef2733b4d0976538693876b1896a3b19de4', "aria-hidden": "true", class: {
+        return (h(Host, { key: '3e15d3aa7a3983c18904b64dca52df79bbb3231e', "aria-hidden": "true", class: {
                 [`is-${this.color}`]: hasValue(this.color),
                 [`is-${this.size}`]: hasValue(this.size),
                 'is-tile': this.tile,
                 'is-disabled': this.disabled,
                 'is-invalid': this.invalid,
-            } }, h("div", { key: 'b8a2fdde7f88c4709264c10cfec9451792fda258', id: "inner", part: "inner", innerHTML: this.svgContent })));
+            } }, h("div", { key: 'e58eac2807533fb1efea2cc0a26da5f729be7a82', id: "inner", part: "inner", innerHTML: this.svgContent })));
     }
     get el() { return getElement(this); }
 };
@@ -385,7 +385,7 @@ const Button = class {
             'aria-controls': this.a11yControls || this.inheritAttributes['aria-controls'],
             'aria-haspopup': this.a11yHaspopup || this.inheritAttributes['aria-haspopup'],
         };
-        return (h(Host, { key: '85b2982aee768f39de050fd6638d3bdfa70107fd', onClick: this.handleHostClick, class: {
+        return (h(Host, { key: '1aa7a5df160205f1afd6ff9259126f57cfd93540', onClick: this.handleHostClick, class: {
                 'is-wide': this.wide,
                 [`is-${this.color || 'primary'}`]: true,
                 [`is-${size}`]: hasValue(size),
@@ -397,7 +397,7 @@ const Button = class {
                 [`has-shadow`]: this.shadow,
                 [`has-no-wrap`]: this.noWrap,
                 [`has-brand-icon`]: this.hasBrandIcon,
-            } }, h(TagType, Object.assign({ key: '4f583350232534317e81b44bad7d2261c3665f96' }, attrs, this.inheritAttributes, { type: this.elementType, id: "button", part: "native", disabled: this.disabled || this.loading, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, "aria-busy": ariaBooleanToString(!!this.loading), "aria-disabled": ariaBooleanToString(this.disabled || this.loading) }, ariaAttributes), this.loading ? (h("ds-spinner", Object.assign({}, this.loadingAttrs, { part: "spinner", size: "sm", deactivated: !this.loading }))) : (''), this.hasBrandIcon ? (h("ds-brand-icon", { part: "icon", svg: this.isBrandIconSvg ? this.brandIcon : '', src: this.isBrandIconSvg ? '' : this.brandIcon, size: this.brandSize, color: this.brandIconColor })) : hasValue(this.icon) ? (h("ds-icon", Object.assign({}, this.leftIconAttrs, { part: "icon", class: this.square ? '' : 'icon-left', name: this.icon, size: size, turn: this.iconTurn, inverted: this.isIconInverted }))) : (''), h("span", { key: 'c15e826bc0727e10674a2953ef6074fe840b512c', part: "label" }, h("slot", { key: '929fdc12e0a0ab50a04f8188043ba3269172d38f' })), !this.hasBrandIcon && hasValue(this.iconRight) ? (h("ds-icon", Object.assign({}, this.leftRightAttrs, { part: "icon-right", class: "icon-right", name: this.iconRight, size: 'sm', turn: this.iconTurn, inverted: this.isIconInverted }))) : (''))));
+            } }, h(TagType, Object.assign({ key: '407cbc66f40e0b119d3eb3789e3b0594bdd3e9f0' }, attrs, this.inheritAttributes, { type: this.elementType, id: "button", part: "native", disabled: this.disabled || this.loading, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, "aria-busy": ariaBooleanToString(!!this.loading), "aria-disabled": ariaBooleanToString(this.disabled || this.loading) }, ariaAttributes), this.loading ? (h("ds-spinner", Object.assign({}, this.loadingAttrs, { part: "spinner", size: "sm", deactivated: !this.loading }))) : (''), this.hasBrandIcon ? (h("ds-brand-icon", { part: "icon", svg: this.isBrandIconSvg ? this.brandIcon : '', src: this.isBrandIconSvg ? '' : this.brandIcon, size: this.brandSize, color: this.brandIconColor })) : hasValue(this.icon) ? (h("ds-icon", Object.assign({}, this.leftIconAttrs, { part: "icon", class: this.square ? '' : 'icon-left', name: this.icon, size: size, turn: this.iconTurn, inverted: this.isIconInverted }))) : (''), h("span", { key: 'c18d7f77a05c20807d783ea1b6eeca05c03f57d2', part: "label" }, h("slot", { key: '8adcfbb2c77f630fc2acd66480993200559bd617' })), !this.hasBrandIcon && hasValue(this.iconRight) ? (h("ds-icon", Object.assign({}, this.leftRightAttrs, { part: "icon-right", class: "icon-right", name: this.iconRight, size: 'sm', turn: this.iconTurn, inverted: this.isIconInverted }))) : (''))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/ds-button-group.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 import { a as BUTTON_GROUP_ALIGNMENTS, b as BUTTON_GROUP_DIRECTIONS } from './button.interfaces-BP1qxp2Q.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import { R as Required } from './required-DIwBjh81.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import { R as Required } from './required-CSFFkdXm.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const buttonGroupHostCss = () => `:host{--_button-group-position:var(--button-group-position, var(--mod-button-group-position, static));--_button-group-top:var(--button-group-top, var(--mod-button-group-top));--_button-group-right:var(--button-group-right, var(--mod-button-group-right));--_button-group-bottom:var(--button-group-bottom, var(--mod-button-group-bottom));--_button-group-left:var(--button-group-left, var(--mod-button-group-left));position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left);--_button-group-m:var(--button-group-m, var(--mod-button-group-m, 0));--_button-group-my:var(--button-group-my, var(--mod-button-group-my));--_button-group-mx:var(--button-group-mx, var(--mod-button-group-mx));--_button-group-ml:var(--button-group-ml, var(--mod-button-group-ml));--_button-group-mr:var(--button-group-mr, var(--mod-button-group-mr));--_button-group-mt:var(--button-group-mt, var(--mod-button-group-mt));--_button-group-mb:var(--button-group-mb, var(--mod-button-group-mb));margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);display:block;margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left)}:host #group{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}:host #group.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){:host #group ::slotted(.ds-button:not(.is-square)),:host #group .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}:host #group ::slotted(ds-button:not(.is-square)),:host #group ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}:host #group.as-col-reverse{--mod-buttons-direction:column-reverse}:host #group.as-row-reverse{--mod-buttons-direction:row-reverse}:host #group.as-row{--mod-buttons-direction:row}:host #group.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){:host #group.as-col ::slotted(.ds-button),:host #group.as-col .ds-button,:host #group.as-col ::slotted(ds-button),:host #group.as-col ds-button,:host #group.as-col-reverse ::slotted(.ds-button),:host #group.as-col-reverse .ds-button,:host #group.as-col-reverse ::slotted(ds-button),:host #group.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){:host #group.as-col.is-center,:host #group.as-col.is-centered,:host #group.as-col-reverse.is-center,:host #group.as-col-reverse.is-centered{--mod-buttons-align-items:center}:host #group.as-col.is-left,:host #group.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}:host #group.as-col.is-right,:host #group.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){:host #group.as-row.is-center,:host #group.as-row.is-centered,:host #group.is-center:not(.as-col),:host #group.is-centered:not(.as-col){--mod-buttons-justify-content:center}:host #group.as-row.is-left,:host #group.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}:host #group.as-row.is-right,:host #group.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){:host #group.is-wide ::slotted(.ds-button:not(.is-square)),:host #group.is-wide .ds-button:not(.is-square),:host #group.is-wide ::slotted(ds-button:not(.is-square)),:host #group.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}`;
 
@@ -36,7 +36,7 @@ const ButtonGroup = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '232e4d2f529c6ecb61d777eabdae942dcfb98bee' }, h("div", { key: 'a413c356b415db049ff12a2572afb7d9850c9f76', id: "group", part: "group", class: {
+        return (h(Host, { key: '279c7763d634d4ea77172257733a9bf06161195e' }, h("div", { key: 'be8c9cccec68a41ffcbc5b08f661c09632be1c94', id: "group", part: "group", class: {
                 'as-col': this.direction === 'column',
                 'as-row': this.direction === 'row',
                 'is-reverse': this.reverse,
@@ -44,7 +44,7 @@ const ButtonGroup = class {
                 'is-left': this.align === 'left',
                 'is-center': this.align === 'center',
                 'is-right': this.align === 'right',
-            } }, h("slot", { key: '6f56b093c210b512d4c354a6f79f95b022172313' }))));
+            } }, h("slot", { key: '7b59030aba84fc5632909177c1d311596b9c1bdf' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-card-actions.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 import { d as CARD_ACTIONS_ALIGNMENTS } from './card.interfaces-s8eOD7U6.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const CardActions = class {
     constructor(hostRef) {
@@ -19,7 +19,7 @@ const CardActions = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '73b545dcf4c7519e6285dbde33572332e4761147', role: "contentinfo" }, h("ds-button-group", { key: '01007805cc9fd09ab4811904d8646ac4d4a7730a', class: "m-none", align: this.align || undefined }, h("slot", { key: '024097d976fbf33712541505f5638ec3de56e108' }))));
+        return (h(Host, { key: '30ff6e74f6f4e623917e2dfc7c46a12361744c09', role: "contentinfo" }, h("ds-button-group", { key: '1c0c99d5603b91453f96952d5cc5262cb31db5dd', class: "m-none", align: this.align || undefined }, h("slot", { key: '1a30af970f523b119d5729cc2aa00386b93abcdc' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-card-content.entry.js

@@ -1,8 +1,8 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 
 const cardContentHostCss = () => `:host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}:host h1.ds-subtitle,:host h2.ds-subtitle,:host h3.ds-subtitle,:host h4.ds-subtitle,:host h5.ds-subtitle,:host h6.ds-subtitle,:host ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}:host ds-heading:not(:last-child),:host h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}:host h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}:host ds-text:not(:last-child),:host p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}:host p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}:host{color:var(--_card-color-text)}`;
 
@@ -18,7 +18,7 @@ const CardContent = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '4a627b8312fde5bef3cadbee5bcddc044dbba5ae' }, h("slot", { key: '00c79a08f10c66a5c39fd0ce8ee629c56625adc1' })));
+        return (h(Host, { key: 'fa291737910745721236d14e38c54e7bf351b85e' }, h("slot", { key: 'c1446e3210223e5bfeddbffe1faea35b81cd6922' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-card-header.entry.js

@@ -1,12 +1,12 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 import { e as CARD_HEADER_DIRECTIONS } from './card.interfaces-s8eOD7U6.js';
-import { R as Required } from './required-DIwBjh81.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { R as Required } from './required-CSFFkdXm.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const cardHeaderHostCss = () => `:host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}:host ds-icon,:host ds-brand-icon,:host ::slotted(ds-brand-icon),:host ::slotted(ds-icon){grid-area:icon}:host>.ds-tag,:host>.ds-tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .ds-title,:host .ds-heading,:host ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}:host>p,:host .ds-subtitle,:host ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}:host .ds-title,:host .ds-subtitle,:host .ds-heading{margin:0}`;
 
@@ -30,7 +30,7 @@ const CardHeader = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '6319d1117d2f9b18593be441c5800ddd8fa1006c', role: "banner" }, h("slot", { key: 'e02c75ae87aab598250b3f2e64fd6609e4e81bc1' })));
+        return (h(Host, { key: '3e02d40402c5649a2dcdf278d15fa1efd7375c25', role: "banner" }, h("slot", { key: 'ce3daf494388829d751a62fea59efb0805203945' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-card-subtitle.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { h as hasValue } from './has-value-uy_-jH0L.js';
 import { H as HEADING_COLORS } from './heading.interfaces-C4g1DHqm.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const cardSubtitleHostCss = () => `:host{--_card-subtitle-position:var(--card-subtitle-position, var(--mod-card-subtitle-position, static));--_card-subtitle-top:var(--card-subtitle-top, var(--mod-card-subtitle-top));--_card-subtitle-right:var(--card-subtitle-right, var(--mod-card-subtitle-right));--_card-subtitle-bottom:var(--card-subtitle-bottom, var(--mod-card-subtitle-bottom));--_card-subtitle-left:var(--card-subtitle-left, var(--mod-card-subtitle-left));position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left);--_card-subtitle-m:var(--card-subtitle-m, var(--mod-card-subtitle-m, 0));--_card-subtitle-my:var(--card-subtitle-my, var(--mod-card-subtitle-my));--_card-subtitle-mx:var(--card-subtitle-mx, var(--mod-card-subtitle-mx));--_card-subtitle-ml:var(--card-subtitle-ml, var(--mod-card-subtitle-ml));--_card-subtitle-mr:var(--card-subtitle-mr, var(--mod-card-subtitle-mr));--_card-subtitle-mt:var(--card-subtitle-mt, var(--mod-card-subtitle-mt));--_card-subtitle-mb:var(--card-subtitle-mb, var(--mod-card-subtitle-mb));margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);display:-ms-flexbox;display:flex;margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left)}:host{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle;grid-area:subtitle}`;
 
@@ -35,14 +35,14 @@ const CardSubtitle = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '1f35408e0dede0fb8c82fbc565917ab04cc8162d', class: {
+        return (h(Host, { key: 'd83be30191ce9a74ab17f0c477780984296c056c', class: {
                 'ds-card-header': true,
-            } }, h("span", { key: '01c8d9c46e4c82adc134da390e0e8cfd1f6e1577', class: {
+            } }, h("span", { key: 'e9987cb8c3cc4f309e7da6a95dd5e1a6756aabb3', class: {
                 'ds-text': true,
                 'is-bold': this.bold,
                 [`is-${this.color}`]: hasValue(this.color) && !this.inverted,
                 'is-inverted': this.inverted,
-            } }, h("slot", { key: '6a13b8778e914ff96941cae0cbb62ba443f2ec3f' }))));
+            } }, h("slot", { key: 'a71f62b0939612064bfef861fa60239195479356' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-card-title.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 import { a as HEADING_TAGS, b as HEADING_VISUAL_LEVELS } from './heading.interfaces-C4g1DHqm.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { R as Required } from './required-DIwBjh81.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { R as Required } from './required-CSFFkdXm.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const cardTitleHostCss = () => `:host{--_card-title-position:var(--card-title-position, var(--mod-card-title-position, static));--_card-title-top:var(--card-title-top, var(--mod-card-title-top));--_card-title-right:var(--card-title-right, var(--mod-card-title-right));--_card-title-bottom:var(--card-title-bottom, var(--mod-card-title-bottom));--_card-title-left:var(--card-title-left, var(--mod-card-title-left));position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left);--_card-title-m:var(--card-title-m, var(--mod-card-title-m, 0));--_card-title-my:var(--card-title-my, var(--mod-card-title-my));--_card-title-mx:var(--card-title-mx, var(--mod-card-title-mx));--_card-title-ml:var(--card-title-ml, var(--mod-card-title-ml));--_card-title-mr:var(--card-title-mr, var(--mod-card-title-mr));--_card-title-mt:var(--card-title-mt, var(--mod-card-title-mt));--_card-title-mb:var(--card-title-mb, var(--mod-card-title-mb));margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);display:-ms-flexbox;display:flex;margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left)}:host{--mod-heading-color:var(--_card-color-text);grid-area:title;text-align:inherit}`;
 
@@ -35,7 +35,7 @@ const CardTitle = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: 'f5c56f6dfe1bb3cbb2f0064eb95d1a64831a930a' }, h("ds-heading", { key: '315055914069c06a5cd45f29c30a3b30a7085f9c', level: this.level, visualLevel: this.visualLevel, space: "none", inverted: this.inverted }, h("slot", { key: 'd43520af4bc17197032a3658b63be6bced170941' }))));
+        return (h(Host, { key: '0231eea9f93538a3c339c0c61dacb2daa7637049' }, h("ds-heading", { key: '10ea0037fc72ffcbdea44e4bc7518643937104c5', level: this.level, visualLevel: this.visualLevel, space: "none", inverted: this.inverted }, h("slot", { key: '1c98f4f26648766e559b9c2933b45906b694f311' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-card.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { h as hasValue } from './has-value-uy_-jH0L.js';
 import { C as CARD_IMAGE_TEASERS, a as CARD_ALIGNMENTS, b as CARD_SPACES, c as CARD_COLORS } from './card.interfaces-s8eOD7U6.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const cardHostCss = () => `:host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-default-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-default-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-default-border)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius)));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-gap-base)));--_card-pl:var(--card-pl, var(--mod-card-pl, var(--ds-card-padding-base)));--_card-pr:var(--card-pr, var(--mod-card-pr, var(--ds-card-padding-base)));--_card-pt:var(--card-pt, var(--mod-card-pt, var(--ds-card-padding-base)));--_card-pb:var(--card-pb, var(--mod-card-pb, var(--ds-card-padding-base)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, 'title .' 'subtitle subtitle') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border:var(--_card-color-border);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:var(--_card-pl);padding-right:var(--_card-pr);padding-top:var(--_card-pt);padding-bottom:var(--_card-pb);text-decoration:none}#card .ds-card-header{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .ds-card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .ds-card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .ds-card-header ds-icon,#card .ds-card-header ds-brand-icon,#card .ds-card-header ::slotted(ds-brand-icon),#card .ds-card-header ::slotted(ds-icon){grid-area:icon}#card .ds-card-header>.ds-tag,#card .ds-card-header>.ds-tags,#card .ds-card-header>ds-tag,#card .ds-card-header>ds-tag-group,#card .ds-card-header ::slotted(ds-tag),#card .ds-card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .ds-card-header .ds-title,#card .ds-card-header .ds-heading,#card .ds-card-header ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}#card .ds-card-header>p,#card .ds-card-header .ds-subtitle,#card .ds-card-header ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}#card .ds-card-header .ds-title,#card .ds-card-header .ds-subtitle,#card .ds-card-header .ds-heading{margin:0}#card .ds-card-content{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}#card .ds-card-content strong,#card .ds-card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1,#card .ds-card-content h2,#card .ds-card-content h3,#card .ds-card-content h4,#card .ds-card-content h5,#card .ds-card-content h6,#card .ds-card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1.ds-subtitle,#card .ds-card-content h2.ds-subtitle,#card .ds-card-content h3.ds-subtitle,#card .ds-card-content h4.ds-subtitle,#card .ds-card-content h5.ds-subtitle,#card .ds-card-content h6.ds-subtitle,#card .ds-card-content ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content h1,#card .ds-card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}#card .ds-card-content h2,#card .ds-card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}#card .ds-card-content h3,#card .ds-card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}#card .ds-card-content h4,#card .ds-card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}#card .ds-card-content h5,#card .ds-card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}#card .ds-card-content ds-heading:not(:last-child),#card .ds-card-content h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}#card .ds-card-content h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}#card .ds-card-content ds-text:not(:last-child),#card .ds-card-content p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}#card .ds-card-content p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}#card .ds-card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}#card .ds-card-actions.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){#card .ds-card-actions ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}#card .ds-card-actions ::slotted(ds-button:not(.is-square)),#card .ds-card-actions ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}#card .ds-card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .ds-card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .ds-card-actions.as-row{--mod-buttons-direction:row}#card .ds-card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .ds-card-actions.as-col ::slotted(.ds-button),#card .ds-card-actions.as-col .ds-button,#card .ds-card-actions.as-col ::slotted(ds-button),#card .ds-card-actions.as-col ds-button,#card .ds-card-actions.as-col-reverse ::slotted(.ds-button),#card .ds-card-actions.as-col-reverse .ds-button,#card .ds-card-actions.as-col-reverse ::slotted(ds-button),#card .ds-card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .ds-card-actions.as-col.is-center,#card .ds-card-actions.as-col.is-centered,#card .ds-card-actions.as-col-reverse.is-center,#card .ds-card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .ds-card-actions.as-col.is-left,#card .ds-card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .ds-card-actions.as-col.is-right,#card .ds-card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.as-row.is-center,#card .ds-card-actions.as-row.is-centered,#card .ds-card-actions.is-center:not(.as-col),#card .ds-card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .ds-card-actions.as-row.is-left,#card .ds-card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .ds-card-actions.as-row.is-right,#card .ds-card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.is-wide ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions.is-wide .ds-button:not(.is-square),#card .ds-card-actions.is-wide ::slotted(ds-button:not(.is-square)),#card .ds-card-actions.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-flat){--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-pl:0;--mod-card-pr:0;--mod-card-pt:0;--mod-card-pb:0}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, none)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, none)}:host(.is-dashed){--mod-card-color-background:var(--ds-card-color-dashed-background);--mod-card-color-text:var(--ds-card-color-dashed-text);--mod-card-color-border:var(--ds-card-color-dashed-border, none)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, none)}:host(.is-red-dark){--mod-card-color-background:var(--ds-card-color-red-dark-background);--mod-card-color-text:var(--ds-card-color-red-dark-text);--mod-card-color-border:var(--ds-card-color-red-dark-border, none)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, none)}:host(.is-green-dark){--mod-card-color-background:var(--ds-card-color-green-dark-background);--mod-card-color-text:var(--ds-card-color-green-dark-text);--mod-card-color-border:var(--ds-card-color-green-dark-border, none)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, none)}:host(.is-purple-dark){--mod-card-color-background:var(--ds-card-color-purple-dark-background);--mod-card-color-text:var(--ds-card-color-purple-dark-text);--mod-card-color-border:var(--ds-card-color-purple-dark-border, none)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, none)}:host(.is-yellow-dark){--mod-card-color-background:var(--ds-card-color-yellow-dark-background);--mod-card-color-text:var(--ds-card-color-yellow-dark-text);--mod-card-color-border:var(--ds-card-color-yellow-dark-border, none)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-gap-sm)}:host(.has-space-sm:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-sm);--mod-card-pr:var(--ds-card-padding-sm);--mod-card-pt:var(--ds-card-padding-sm);--mod-card-pb:var(--ds-card-padding-sm)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-gap-lg)}:host(.has-space-lg:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-lg);--mod-card-pr:var(--ds-card-padding-lg);--mod-card-pt:var(--ds-card-padding-lg);--mod-card-pb:var(--ds-card-padding-lg)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:'icon title .' 'icon subtitle subtitle'}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.ds-image-link,button.ds-image-link{cursor:pointer}a.ds-image-link picture,button.ds-image-link picture{display:block;overflow:hidden}a.ds-image-link img,button.ds-image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.ds-image-link img:hover,a.ds-image-link img.is-hovered,button.ds-image-link img:hover,button.ds-image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.ds-image-link img:active,a.ds-image-link img.is-pressed,button.ds-image-link img:active,button.ds-image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}`;
 
@@ -80,7 +80,7 @@ const Card = class {
      */
     render() {
         const isImageTeaser = this.imageTeaser !== undefined && this.imageTeaser !== null;
-        return (h(Host, { key: 'e2ce9f4b51dcbedb62298188c7706b4df56cefb2', class: {
+        return (h(Host, { key: 'e98b792cb28096beb96be03a7124e8cb1c8d7000', class: {
                 [`is-image-teaser`]: isImageTeaser,
                 [`is-image-teaser-${this.imageTeaser}`]: isImageTeaser,
                 [`is-dense`]: this.dense,
@@ -89,10 +89,10 @@ const Card = class {
                 [`is-fullheight`]: this.fullheight,
                 [`is-flat`]: !!this.flat,
                 [`is-tile`]: !!this.tile,
-            } }, h("slot", { key: '6d20c2c8a8602948b24102a2702575442a688131', name: "picture" }), h("article", { key: '410b682d369bd9a22ca85b92f0a4033ddb4ce7d4', id: "card", class: {
+            } }, h("slot", { key: '0c7cc3d47a8c326b7540d2e1a6aec9d0c028d18d', name: "picture" }), h("article", { key: '7401e945456cb6d695dda0c7785d017d3a1f3ae3', id: "card", class: {
                 [`is-fullheight`]: this.fullheight,
                 [`align-${this.align}`]: hasValue(this.align),
-            } }, h("slot", { key: 'c98a7257c121011883be5d2a0f5e1619fbc19404' }))));
+            } }, h("slot", { key: '4140732dbddc5dd4fabf4ee8c1d6001699388da5' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-carousel-item.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 import { b as CAROUSEL_ITEM_COLORS, a as CAROUSEL_VARIANTS } from './carousel.interfaces-BKyBMO1V.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { R as Required } from './required-DIwBjh81.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { R as Required } from './required-CSFFkdXm.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const carouselItemHostCss = () => `:host(.is-slide){display:block;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;scroll-snap-align:start;overflow:hidden;border-radius:var(--ds-alias-radius-base)}:host(.is-slide) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}:host(.is-tile){position:relative;-ms-flex:0 0 var(--carousel-item-width, auto);flex:0 0 var(--carousel-item-width, auto);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--ds-alias-surface-grey-light);cursor:pointer;outline:none;-webkit-transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease,-webkit-box-shadow 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-tile):hover{background-color:var(--ds-alias-surface-grey-dark)}}:host(.is-tile):active{background-color:var(--ds-alias-surface-grey-darker)}@media (hover: hover)and (pointer: fine){:host(.is-tile:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host(.is-tile.is-selected){background-color:var(--ds-alias-surface-selected)}:host(.is-tile.is-purple){background-color:var(--ds-alias-surface-purple-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-purple):hover{background-color:var(--ds-alias-surface-purple-light)}}:host(.is-tile.is-purple):active{background-color:var(--ds-alias-surface-purple)}:host(.is-tile.is-green){background-color:var(--ds-alias-surface-green-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-green):hover{background-color:var(--ds-alias-surface-green-light)}}:host(.is-tile.is-green):active{background-color:var(--ds-alias-surface-green)}:host(.is-tile.is-red){background-color:var(--ds-alias-surface-red-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-red):hover{background-color:var(--ds-alias-surface-red-light)}}:host(.is-tile.is-red):active{background-color:var(--ds-alias-surface-red)}:host(.is-tile.is-yellow){background-color:var(--ds-alias-surface-yellow-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-yellow):hover{background-color:var(--ds-alias-surface-yellow-light)}}:host(.is-tile.is-yellow):active{background-color:var(--ds-alias-surface-yellow)}:host(.is-tile.is-navigation){padding:0;cursor:default}:host(.is-tile.is-navigation) ::slotted(a){-ms-flex:1;flex:1;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-radius:inherit;color:inherit;text-decoration:none;text-align:center;font-size:inherit;line-height:inherit;outline:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}`;