@baloise/ds-core 16.2.1 → 16.3.0

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

@@ -7,15 +7,15 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const helpers = require('./helpers-2a8c8333.js');
-const breakpoints_decorator = require('./breakpoints.decorator-603d97d9.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
+const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.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/cjs/bal-modal_3.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-219b2f52.js');
 const overlays = require('./overlays-3e4cf786.js');
 const helpers = require('./helpers-2a8c8333.js');
-const scroll = require('./scroll-5d6ac91d.js');
+const scroll = require('./scroll-73c1b762.js');
 const browser = require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');

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

@@ -7,19 +7,19 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const browser = require('./browser-1d542d0f.js');
-const scroll = require('./scroll-5d6ac91d.js');
+const scroll = require('./scroll-73c1b762.js');
 const helpers = require('./helpers-2a8c8333.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
 const config_default = require('./config.default-5bdd6e3d.js');
 const mutation_decorator = require('./mutation.decorator-af043b68.js');
-const breakpoints_decorator = require('./breakpoints.decorator-603d97d9.js');
+const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 const resize_decorator = require('./resize.decorator-ae91ead2.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.js');
 
 class NavLinkItem {
     constructor(item, observer) {

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-219b2f52.js');
 const bem = require('./bem-81bc6a2d.js');
-const scroll = require('./scroll-5d6ac91d.js');
+const scroll = require('./scroll-73c1b762.js');
 const browser = require('./browser-1d542d0f.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const helpers = require('./helpers-2a8c8333.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
-const breakpoints_decorator = require('./breakpoints.decorator-603d97d9.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
+const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.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/cjs/bal-pagination.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
 const config_default = require('./config.default-5bdd6e3d.js');
-const breakpoints_decorator = require('./breakpoints.decorator-603d97d9.js');
+const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 require('./helpers-2a8c8333.js');
 require('./browser-1d542d0f.js');
@@ -15,7 +15,7 @@ require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.js');
 require('./log-33398c2a.js');
 
 function generatePaginationControl(value, totalPages, pageRange) {

package/dist/cjs/bal-popover_2.cjs.entry.js

@@ -7,14 +7,14 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const browser = require('./browser-1d542d0f.js');
 const log = require('./log-33398c2a.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
-const breakpoints_decorator = require('./breakpoints.decorator-603d97d9.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
+const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
 require('./helpers-2a8c8333.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.js');
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/cjs/bal-popup.cjs.entry.js

@@ -117,7 +117,7 @@ class FullscreenVariantRenderer extends AbstractVariantRenderer {
             }
             this.showBackdropElement(component);
             this.showContainerElement(component);
-            this.showArrowElement(component);
+            this.hideArrowElement(component);
             return true;
         }
         return false;

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

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
-const breakpoints_decorator = require('./breakpoints.decorator-603d97d9.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
+const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
 require('./helpers-2a8c8333.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.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-line-background:var(--bal-color-primary);--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{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey{background:var(--bal-progress-bar-background-grey)}.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-background);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}";
 const BalProgressBarStyle0 = balProgressBarCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-219b2f52.js');
 const bem = require('./bem-81bc6a2d.js');
-const tokens_esm = require('./tokens.esm-ae4d587c.js');
+const tokens_esm = require('./tokens.esm-dc93a5d7.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/cjs/bal-steps.cjs.entry.js

@@ -10,9 +10,9 @@ const log = require('./log-33398c2a.js');
 const index_esm = require('./index.esm-4587dbf0.js');
 const formInput = require('./form-input-134c5116.js');
 const balStep_util = require('./bal-step.util-3c009db9.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
 const mutation_decorator = require('./mutation.decorator-af043b68.js');
-const breakpoints_decorator = require('./breakpoints.decorator-603d97d9.js');
+const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
@@ -20,7 +20,7 @@ require('./index-e6a233be.js');
 require('./_commonjsHelpers-68cdf74f.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.js');
 
 const StepIcon = ({ item, isMobile }) => {
     const bemEl = bem.BEM.block('steps').element('nav').element('item').element('icon');

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

@@ -13,9 +13,9 @@ const balTab_util = require('./bal-tab.util-d0785ef4.js');
 const formInput = require('./form-input-134c5116.js');
 const browser = require('./browser-1d542d0f.js');
 const style = require('./style-799e9253.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
 const mutation_decorator = require('./mutation.decorator-af043b68.js');
-const breakpoints_decorator = require('./breakpoints.decorator-603d97d9.js');
+const breakpoints_decorator = require('./breakpoints.decorator-47fd06b2.js');
 const resize_decorator = require('./resize.decorator-ae91ead2.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 require('./index-e6a233be.js');
@@ -24,7 +24,7 @@ require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.js');
 
 const TabItem = class {
     constructor(hostRef) {

package/dist/cjs/{breakpoints.decorator-603d97d9.js → breakpoints.decorator-47fd06b2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
 
 function ListenToBreakpoints() {
     return function (target, _propertyKey, _descriptor) {

package/dist/cjs/{breakpoints.subject-a0b2bc41.js → breakpoints.subject-06716a68.js}

@@ -4,7 +4,7 @@ const helpers = require('./helpers-2a8c8333.js');
 const browser = require('./browser-1d542d0f.js');
 const device = require('./device-9f97a845.js');
 const listener = require('./listener-52d2e5fd.js');
-const tokens_esm = require('./tokens.esm-ae4d587c.js');
+const tokens_esm = require('./tokens.esm-dc93a5d7.js');
 
 class BalWindowResizeHandler {
     constructor(options = {}) {

package/dist/cjs/index.cjs.js

@@ -15,12 +15,12 @@ const balStep_util = require('./bal-step.util-3c009db9.js');
 const balTab_util = require('./bal-tab.util-d0785ef4.js');
 const helpers = require('./helpers-2a8c8333.js');
 const form = require('./form-2279fb2f.js');
-const scroll = require('./scroll-5d6ac91d.js');
+const scroll = require('./scroll-73c1b762.js');
 const browser = require('./browser-1d542d0f.js');
 const device = require('./device-9f97a845.js');
 const maskUtil = require('./mask-util-19c28b4a.js');
 const overlays = require('./overlays-3e4cf786.js');
-const breakpoints_subject = require('./breakpoints.subject-a0b2bc41.js');
+const breakpoints_subject = require('./breakpoints.subject-06716a68.js');
 const config_utils = require('./config.utils-e4cd49d6.js');
 const config_default = require('./config.default-5bdd6e3d.js');
 const listener = require('./listener-52d2e5fd.js');
@@ -30,7 +30,7 @@ require('./index-e6a233be.js');
 require('./_commonjsHelpers-68cdf74f.js');
 require('./index-219b2f52.js');
 require('./icons.constant-7c82086a.js');
-require('./tokens.esm-ae4d587c.js');
+require('./tokens.esm-dc93a5d7.js');
 require('./log-33398c2a.js');
 
 const i18nBalFieldLabel = {

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

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

package/dist/cjs/{scroll-5d6ac91d.js → scroll-73c1b762.js}

@@ -4,8 +4,8 @@ const browser = require('./browser-1d542d0f.js');
 
 class BalScrollHandler {
     constructor() {
-        this.x = 0;
-        this.y = 0;
+        this.x = undefined;
+        this.y = undefined;
         this.disabled = false;
     }
     static disableSmoothScrolling() {
@@ -57,7 +57,11 @@ class BalScrollHandler {
                 document.body.style.position = '';
                 document.body.style.top = '';
                 document.body.style.width = '';
-                window.scrollTo(this.x, this.y);
+                if (this.x !== undefined && this.y !== undefined) {
+                    window.scrollTo(this.x, this.y);
+                    this.x = undefined;
+                    this.y = undefined;
+                }
                 this.disabled = false;
             }
         }

package/dist/cjs/{tokens.esm-ae4d587c.js → tokens.esm-dc93a5d7.js}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 27 May 2024 12:46:07 GMT
+ * Generated on Fri, 23 Aug 2024 13:35:52 GMT
  */
 const balColorGreen3 = "#94e3d4";
 const balColorGreen6 = "#1b5951";

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import { h, Host, } from "@stencil/core";
-import { isArrowDownKey, isArrowUpKey, isEnterKey, isEscapeKey, isSpaceKey, } from "@baloise/web-app-utils";
+import { isArrowDownKey, isArrowUpKey, isEnterKey, isEscapeKey, isSpaceKey } from "@baloise/web-app-utils";
 import { BEM } from "../../utils/bem";
 import { Logger } from "../../utils/log";
 import { stopEventBubbling } from "../../utils/form-input";

package/dist/collection/components/bal-popup/variants/fullscreen-variant.renderer.js

@@ -13,7 +13,7 @@ export class FullscreenVariantRenderer extends AbstractVariantRenderer {
             }
             this.showBackdropElement(component);
             this.showContainerElement(component);
-            this.showArrowElement(component);
+            this.hideArrowElement(component);
             return true;
         }
         return false;

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

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

package/dist/collection/utils/dropdown/events.js

@@ -1,3 +1,4 @@
+import { rIC } from "../helpers";
 export class DropdownEventsUtil {
     connectedCallback(component) {
         this.component = component;
@@ -7,8 +8,10 @@ export class DropdownEventsUtil {
         this.component.balFocus.emit(ev);
     }
     handleBlur(ev) {
-        this.component.hasFocus = false;
-        this.component.balBlur.emit(ev);
+        if (!this.component.isExpanded) {
+            this.component.hasFocus = false;
+            rIC(() => this.component.balBlur.emit(ev));
+        }
     }
     handleClick(ev) {
         if (!this.component.valueUtil.isDisabled()) {
@@ -37,6 +40,8 @@ export class DropdownEventsUtil {
             if (!this.component.el.contains(ev.target)) {
                 this.component.isExpanded = false;
                 (_a = this.component.listEl) === null || _a === void 0 ? void 0 : _a.resetFocus();
+                this.component.hasFocus = false;
+                rIC(() => this.component.balBlur.emit(ev));
             }
         }
     }

package/dist/collection/utils/scroll.js

@@ -1,8 +1,8 @@
 import { balBrowser } from "./browser";
 export class BalScrollHandler {
     constructor() {
-        this.x = 0;
-        this.y = 0;
+        this.x = undefined;
+        this.y = undefined;
         this.disabled = false;
     }
     static disableSmoothScrolling() {
@@ -54,7 +54,11 @@ export class BalScrollHandler {
                 document.body.style.position = '';
                 document.body.style.top = '';
                 document.body.style.width = '';
-                window.scrollTo(this.x, this.y);
+                if (this.x !== undefined && this.y !== undefined) {
+                    window.scrollTo(this.x, this.y);
+                    this.x = undefined;
+                    this.y = undefined;
+                }
                 this.disabled = false;
             }
         }

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 } from './helpers-c201154e.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { s as stopEventBubbling } from './form-input-28a08ec5.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-f710f500.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f979fe5c.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-3ea6d2c3.js';
+import { b as balBreakpoints } from './breakpoints.subject-9ea7074e.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-27a803dc.js';
+import './tokens.esm-7d2734e1.js';
 import './log-dfd1c19f.js';
 
 const TabControl = ({ value, items, 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-3ea6d2c3.js';
+import { b as balBreakpoints } from './breakpoints.subject-9ea7074e.js';
 import { g as useBalConfig } from './config.utils-6ac6c9bd.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-f710f500.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f979fe5c.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-27a803dc.js';
+import './tokens.esm-7d2734e1.js';
 
 /**
  * @name addDays

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

@@ -6,7 +6,7 @@ import { L as Logger } from './log-dfd1c19f.js';
 import { s as stopEventBubbling } from './form-input-28a08ec5.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';
-import { b as waitAfterFramePaint, d as waitAfterIdleCallback } from './helpers-c201154e.js';
+import { k as rIC, b as waitAfterFramePaint, d as waitAfterIdleCallback } from './helpers-c201154e.js';
 import { l as lodash_isnil } from './index-82aff103.js';
 import { c as computePosition, a as autoUpdate, f as flip, s as shift } from './floating-ui.dom.esm-f1cf1077.js';
 import { D as DropdownOptionUtil } from './option-37cb0282.js';
@@ -117,8 +117,10 @@ class DropdownEventsUtil {
         this.component.balFocus.emit(ev);
     }
     handleBlur(ev) {
-        this.component.hasFocus = false;
-        this.component.balBlur.emit(ev);
+        if (!this.component.isExpanded) {
+            this.component.hasFocus = false;
+            rIC(() => this.component.balBlur.emit(ev));
+        }
     }
     handleClick(ev) {
         if (!this.component.valueUtil.isDisabled()) {
@@ -147,6 +149,8 @@ class DropdownEventsUtil {
             if (!this.component.el.contains(ev.target)) {
                 this.component.isExpanded = false;
                 (_a = this.component.listEl) === null || _a === void 0 ? void 0 : _a.resetFocus();
+                this.component.hasFocus = false;
+                rIC(() => this.component.balBlur.emit(ev));
             }
         }
     }

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

@@ -2,9 +2,9 @@ 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 { p as preventDefault } from './utils-9fbab1d3.js';
-import { B as BalScrollHandler } from './scroll-e341d95b.js';
-import { b as balBreakpoints } from './breakpoints.subject-3ea6d2c3.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-f710f500.js';
+import { B as BalScrollHandler } from './scroll-f4b20848.js';
+import { b as balBreakpoints } from './breakpoints.subject-9ea7074e.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f979fe5c.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './index-82aff103.js';
 import './browser-a8073d92.js';
@@ -13,7 +13,7 @@ import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-27a803dc.js';
+import './tokens.esm-7d2734e1.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;