@baloise/ds-core 16.6.0 → 16.7.0

package/dist/cjs/initialize-2a19d091.js

@@ -270,7 +270,7 @@ const setupConfig = (userConfig = {}, win = {}) => {
 };
 
 // generated by .build/version.js
-const VERSION = '16.6.0';
+const VERSION = '16.7.0';
 
 const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
     if (Object.keys(win).length === 0 && browser.balBrowser.hasWindow) {

package/dist/cjs/{tokens.esm-bd463bce.js → tokens.esm-94853847.js}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 16 Oct 2024 08:59:28 GMT
+ * Generated on Tue, 22 Oct 2024 10:46:13 GMT
  */
 const balColorGreen3 = "#94e3d4";
 const balColorGreen6 = "#1b5951";

package/dist/cjs/{window-resize.decorator-7c2d851d.js → window-resize.decorator-4a489114.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const breakpoints_subject = require('./breakpoints.subject-e81f405a.js');
+const breakpoints_subject = require('./breakpoints.subject-2aac9915.js');
 const listener = require('./listener-52d2e5fd.js');
 const browser = require('./browser-1d542d0f.js');
 

package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js

@@ -65,6 +65,12 @@ export class SegmentItem {
     componentWillLoad() {
         this.inheritedAttributes = Object.assign({}, inheritAttributes(this.el, ['aria-label']));
     }
+    connectedCallback() {
+        const segmentEl = (this.segmentEl = this.el.closest('bal-segment'));
+        if (segmentEl && segmentEl.vertical) {
+            this.isVertical = segmentEl.vertical;
+        }
+    }
     componentDidLoad() {
         const segmentEl = (this.segmentEl = this.el.closest('bal-segment'));
         if (segmentEl) {

package/dist/collection/components/bal-segment/bal-segment.js

@@ -2,7 +2,7 @@ import { __decorate, __metadata } from "tslib";
 import { h, Host, writeTask, } from "@stencil/core";
 import { BEM } from "../../utils/bem";
 import { Logger } from "../../utils/log";
-import { isArrowDownKey, isArrowUpKey, isSpaceKey, isHomeKey, isEndKey, isArrowLeftKey, isArrowRightKey, } from "@baloise/web-app-utils";
+import { isArrowDownKey, isArrowUpKey, isSpaceKey, isHomeKey, isEndKey, isArrowLeftKey, isArrowRightKey, isEnterKey, } from "@baloise/web-app-utils";
 import { stopEventBubbling } from "../../utils/form-input";
 import { FOCUS_KEYS } from "../../utils/focus-visible";
 import { ListenToWindowResize } from "../../utils/resize";
@@ -113,6 +113,7 @@ export class Segment {
         this.el.addEventListener('touchstart', this.onPointerDown);
         this.el.addEventListener('mousedown', this.onPointerDown);
         this.disabledChanged();
+        this.isVertical = this.vertical;
     }
     disconnectedCallback() {
         this.el.removeEventListener('touchstart', this.onPointerDown);
@@ -154,10 +155,12 @@ export class Segment {
     }
     listenOnKeyDown(ev) {
         this.keyboardMode = FOCUS_KEYS.includes(ev.key);
+        let forceChange = false;
         let current;
-        if (isSpaceKey(ev)) {
+        if (isSpaceKey(ev) || isEnterKey(ev)) {
             stopEventBubbling(ev);
             current = this.getSegmentItem('current');
+            forceChange = this.value !== current.value;
             this.value = current.value;
         }
         else if (isArrowUpKey(ev) || isArrowLeftKey(ev)) {
@@ -180,7 +183,7 @@ export class Segment {
             return;
         }
         const previous = this.checked;
-        if (current !== previous) {
+        if (current !== previous || forceChange) {
             this.checkButton(previous, current);
             this.emitValueChange();
         }

package/dist/collection/utils/constants/version.constant.js

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '16.6.0';
+export const VERSION = '16.7.0';

package/dist/esm/bal-carousel_2.entry.js

@@ -3,12 +3,12 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { l as raf, b as waitAfterFramePaint } from './helpers-c201154e.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import { g as getComputedWidth } from './style-ca1bd202.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
 import { L as ListenToSwipe } from './swipe.decorator-9d904794.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 import { d as defaultConfig } from './config.default-7efdc82d.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
@@ -18,7 +18,7 @@ import './config.utils-6ac6c9bd.js';
 import './listener-04842ae9.js';
 import './swipe.subject-f1d64e8d.js';
 import './device-8c6d2881.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 import './log-dfd1c19f.js';
 
 const TabControl = ({ value, items, containerId, onControlChange }) => {

package/dist/esm/bal-datepicker.entry.js

@@ -12,16 +12,16 @@ import { B as BEM } from './bem-8c7d2eb0.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';
 import { d as defaultConfig, a as defaultLocale } from './config.default-7efdc82d.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 import { g as useBalConfig } from './config.utils-6ac6c9bd.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 /**
  * @name addDays

package/dist/esm/bal-hint_5.entry.js

@@ -3,8 +3,8 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { p as preventDefault } from './utils-9fbab1d3.js';
 import { B as BalScrollHandler } from './scroll-f4b20848.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { L as Logger } from './log-dfd1c19f.js';
@@ -14,7 +14,7 @@ import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 const balHintCss = ":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";
 const BalHintStyle0 = balHintCss;

package/dist/esm/bal-list_8.entry.js

@@ -4,16 +4,16 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { l as raf, t as transitionEndAsync, h as debounce } from './helpers-c201154e.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import { e as isSpaceKey, h as isEnterKey } from './index.esm-cc299511.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 import './index-82aff103.js';
 import './_commonjsHelpers-1c8beb5f.js';
 

package/dist/esm/bal-logo.entry.js

@@ -3,15 +3,15 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { k as rIC } from './helpers-c201154e.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 const balLogoCss = ".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";
 const BalLogoStyle0 = balLogoCss;

package/dist/esm/bal-nav_8.entry.js

@@ -5,17 +5,17 @@ import { L as Logger } from './log-dfd1c19f.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { B as BalScrollHandler } from './scroll-f4b20848.js';
 import { w as waitForComponent, d as waitAfterIdleCallback } from './helpers-c201154e.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 import { d as defaultConfig } from './config.default-7efdc82d.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 class NavLinkItem {
     constructor(item, observer) {

package/dist/esm/bal-navbar_5.entry.js

@@ -4,13 +4,13 @@ import { B as BalScrollHandler } from './scroll-f4b20848.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { e as deepReady } from './helpers-c201154e.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 const balNavbarCss = ":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";
 const BalNavbarStyle0 = balNavbarCss;

package/dist/esm/bal-pagination.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6003bc7.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 import { d as defaultConfig } from './config.default-7efdc82d.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './helpers-c201154e.js';
 import './browser-a8073d92.js';
@@ -11,7 +11,7 @@ import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 import './log-dfd1c19f.js';
 
 function generatePaginationControl(value, totalPages, pageRange) {

package/dist/esm/bal-progress-bar.entry.js

@@ -2,15 +2,15 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-b6
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { l as raf } from './helpers-c201154e.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-4d922021.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToWindowResize } from './window-resize.decorator-55f8e354.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 const balProgressBarCss = ":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";
 const BalProgressBarStyle0 = balProgressBarCss;

package/dist/esm/bal-segment_2.entry.js

@@ -2,14 +2,14 @@ import { r as registerInstance, c as createEvent, w as writeTask, h, H as Host,
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { L as Logger } from './log-dfd1c19f.js';
-import { e as isSpaceKey, s as isArrowUpKey, y as isArrowLeftKey, q as isArrowDownKey, z as isArrowRightKey, A as isHomeKey, B as isEndKey } from './index.esm-cc299511.js';
+import { e as isSpaceKey, h as isEnterKey, s as isArrowUpKey, y as isArrowLeftKey, q as isArrowDownKey, z as isArrowRightKey, A as isHomeKey, B as isEndKey } from './index.esm-cc299511.js';
 import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
 import { F as FOCUS_KEYS } from './focus-visible-f0cdd043.js';
 import { l as raf, j as addEventListener, r as removeEventListener } from './helpers-c201154e.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';
 import { L as ListenToFocus } from './focus.decorator-8acd79c3.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-4d922021.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { L as ListenToWindowResize } from './window-resize.decorator-55f8e354.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
 import './browser-a8073d92.js';
 import './index-82aff103.js';
@@ -17,9 +17,9 @@ import './_commonjsHelpers-1c8beb5f.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './listener-04842ae9.js';
-import './breakpoints.subject-c11e7472.js';
+import './breakpoints.subject-fd3dc49c.js';
 import './device-8c6d2881.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 const balSegmentCss = ":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
 const BalSegmentStyle0 = balSegmentCss;
@@ -133,6 +133,7 @@ const Segment = class {
         this.el.addEventListener('touchstart', this.onPointerDown);
         this.el.addEventListener('mousedown', this.onPointerDown);
         this.disabledChanged();
+        this.isVertical = this.vertical;
     }
     disconnectedCallback() {
         this.el.removeEventListener('touchstart', this.onPointerDown);
@@ -174,10 +175,12 @@ const Segment = class {
     }
     listenOnKeyDown(ev) {
         this.keyboardMode = FOCUS_KEYS.includes(ev.key);
+        let forceChange = false;
         let current;
-        if (isSpaceKey(ev)) {
+        if (isSpaceKey(ev) || isEnterKey(ev)) {
             stopEventBubbling(ev);
             current = this.getSegmentItem('current');
+            forceChange = this.value !== current.value;
             this.value = current.value;
         }
         else if (isArrowUpKey(ev) || isArrowLeftKey(ev)) {
@@ -200,7 +203,7 @@ const Segment = class {
             return;
         }
         const previous = this.checked;
-        if (current !== previous) {
+        if (current !== previous || forceChange) {
             this.checkButton(previous, current);
             this.emitValueChange();
         }
@@ -420,6 +423,12 @@ const SegmentItem = class {
     componentWillLoad() {
         this.inheritedAttributes = Object.assign({}, inheritAttributes(this.el, ['aria-label']));
     }
+    connectedCallback() {
+        const segmentEl = (this.segmentEl = this.el.closest('bal-segment'));
+        if (segmentEl && segmentEl.vertical) {
+            this.isVertical = segmentEl.vertical;
+        }
+    }
     componentDidLoad() {
         const segmentEl = (this.segmentEl = this.el.closest('bal-segment'));
         if (segmentEl) {

package/dist/esm/bal-shape.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6003bc7.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
-import { f as balColorGrey4, g as balColorYellow3, h as balColorYellow5, i as balColorPurple3, j as balColorPurple6, k as balColorRed3, l as balColorRed5, m as balColorGreen3, n as balColorGreen6 } from './tokens.esm-ebe36fdf.js';
+import { f as balColorGrey4, g as balColorYellow3, h as balColorYellow5, i as balColorPurple3, j as balColorPurple6, k as balColorRed3, l as balColorRed5, m as balColorGreen3, n as balColorGreen6 } from './tokens.esm-6cd758d9.js';
 
 const balShapeCss = ".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";
 const BalShapeStyle0 = balShapeCss;

package/dist/esm/bal-steps.entry.js

@@ -6,9 +6,9 @@ import { L as Logger } from './log-dfd1c19f.js';
 import { o as areArraysEqual } from './index.esm-cc299511.js';
 import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
 import { n as newBalStepOption } from './bal-step.util-3905ad56.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
@@ -16,7 +16,7 @@ import './index-82aff103.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 const StepIcon = ({ item, isMobile }) => {
     const bemEl = BEM.block('steps').element('nav').element('item').element('icon');

package/dist/esm/bal-tab-item_2.entry.js

@@ -9,9 +9,9 @@ import { n as newBalTabOption } from './bal-tab.util-933315fe.js';
 import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { a as getComputedPadding } from './style-ca1bd202.js';
-import { b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-c7356fbf.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './index-82aff103.js';
@@ -20,7 +20,7 @@ import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 
 const TabItem = class {
     constructor(hostRef) {

package/dist/esm/{breakpoints.decorator-c7356fbf.js → breakpoints.decorator-dffbf034.js}

@@ -1,4 +1,4 @@
-import { a as balBreakpointSubject } from './breakpoints.subject-c11e7472.js';
+import { a as balBreakpointSubject } from './breakpoints.subject-fd3dc49c.js';
 
 function ListenToBreakpoints() {
     return function (target, _propertyKey, _descriptor) {

package/dist/esm/{breakpoints.subject-c11e7472.js → breakpoints.subject-fd3dc49c.js}

@@ -2,7 +2,7 @@ import { h as debounce, j as addEventListener, r as removeEventListener } from '
 import { b as balBrowser } from './browser-a8073d92.js';
 import { b as balDevice } from './device-8c6d2881.js';
 import { L as ListenerAbstract, S as Subject } from './listener-04842ae9.js';
-import { b as balBreakpointDesktop, a as balBreakpointHighDefinition, c as balBreakpointWidescreen, d as balBreakpointFullhd$1, e as balBreakpointTablet } from './tokens.esm-ebe36fdf.js';
+import { b as balBreakpointDesktop, a as balBreakpointHighDefinition, c as balBreakpointWidescreen, d as balBreakpointFullhd$1, e as balBreakpointTablet } from './tokens.esm-6cd758d9.js';
 
 class BalWindowResizeHandler {
     constructor(options = {}) {

package/dist/esm/index.js

@@ -19,8 +19,8 @@ import { b as balDevice } from './device-8c6d2881.js';
 export { B as BalDevice, b as balDevice } from './device-8c6d2881.js';
 export { I as INVALID_VALUE } from './mask-util-71edc2b8.js';
 import { g as getOverlays, a as getOverlay } from './overlays-9d49a4a5.js';
-import { B as BalWindowResizeListener, b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
-export { c as BalBreakpointSubject, d as BalBreakpointsUtil, a as balBreakpointSubject, b as balBreakpoints } from './breakpoints.subject-c11e7472.js';
+import { B as BalWindowResizeListener, b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+export { c as BalBreakpointSubject, d as BalBreakpointsUtil, a as balBreakpointSubject, b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
 export { a as attachToConfig, d as detachFromConfig, o as onBalConfigChange, u as updateBalAllowedLanguages, b as updateBalAnimated, c as updateBalIcons, e as updateBalLanguage, f as updateBalRegion, g as useBalConfig } from './config.utils-6ac6c9bd.js';
 export { d as defaultConfig } from './config.default-7efdc82d.js';
 import { S as Subject } from './listener-04842ae9.js';
@@ -30,7 +30,7 @@ import './index-82aff103.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './index-b6003bc7.js';
 import './icons.constant-a7885631.js';
-import './tokens.esm-ebe36fdf.js';
+import './tokens.esm-6cd758d9.js';
 import './log-dfd1c19f.js';
 
 const i18nBalFieldLabel = {

package/dist/esm/initialize-e216cfe4.js

@@ -268,7 +268,7 @@ const setupConfig = (userConfig = {}, win = {}) => {
 };
 
 // generated by .build/version.js
-const VERSION = '16.6.0';
+const VERSION = '16.7.0';
 
 const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
     if (Object.keys(win).length === 0 && balBrowser.hasWindow) {

package/dist/esm/{tokens.esm-ebe36fdf.js → tokens.esm-6cd758d9.js}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 16 Oct 2024 08:59:28 GMT
+ * Generated on Tue, 22 Oct 2024 10:46:13 GMT
  */
 const balColorGreen3 = "#94e3d4";
 const balColorGreen6 = "#1b5951";

package/dist/esm/{window-resize.decorator-4d922021.js → window-resize.decorator-55f8e354.js}

@@ -1,4 +1,4 @@
-import { B as BalWindowResizeListener } from './breakpoints.subject-c11e7472.js';
+import { B as BalWindowResizeListener } from './breakpoints.subject-fd3dc49c.js';
 import { a as SingleSubject } from './listener-04842ae9.js';
 import { b as balBrowser } from './browser-a8073d92.js';