@baloise/ds-core 18.1.0 → 18.2.0-nightly.20250327

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-8d2a7ce7.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { L as Logger } from './log-dfd1c19f.js';
 import { o as raf, t as transitionEndAsync, k as debounce } from './helpers-94c3fbac.js';
+import { L as Logger } from './log-dfd1c19f.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
-import { b as balBreakpoints } from './breakpoints.subject-2ddcb3fc.js';
+import { b as balBreakpoints } from './breakpoints.subject-32a380f0.js';
 import { L as ListenToResize } from './resize.decorator-08f6286b.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-21aa6099.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-bddb9d4a.js';
 import { s as stopEventBubbling } from './form-input-263e6f5b.js';
 import { a as ariaBooleanToString } from './aria-ea150568.js';
 import { d as isSpaceKey, b as isEnterKey } from './keyboard.helpers-159e517d.js';
@@ -15,7 +15,7 @@ import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-2a14112a.js';
+import './tokens.esm-b1efa47a.js';
 
 const balListCss = ":root{--bal-list-item-radius:var(--bal-radius-normal);--bal-list-item-subtile-color:var(--bal-color-text-primary);--bal-list-item-background-hover:var(--bal-color-light-blue-5);--bal-list-item-background-active:var(--bal-color-primary-6);--bal-list-item-on-dark-color:var(--bal-color-text-white);--bal-list-item-on-dark-background-hover:var(--bal-color-light-blue-2);--bal-list-item-on-dark-background-active:var(--bal-color-light-blue-4);--bal-list-item-disabled-color:var(--bal-color-text-grey);--bal-list-item-disabled-fill:var(--bal-color-grey-5);--bal-list-item-disabled-background:var(--bal-color-grey-2);--bal-list-item-disabled-on-dark-background:var(--bal-color-primary-4);--bal-list-item-disabled-on-dark-color:var(--bal-color-text-grey);--bal-list-item-disabled-on-dark-fill:var(--bal-color-grey-5);--bal-list-item-disabled-on-color-background:var(--bal-color-primary-4);--bal-list-item-disabled-on-color-color:var(--bal-color-primary-4);--bal-list-item-disabled-on-color-fill:var(--bal-color-primary-4);--bal-list-item-border-background:var(--bal-color-grey-2);--bal-list-item-border-on-color-background:var(--bal-color-primary);--bal-list-item-border-on-dark-background:var(--bal-color-primary-4);--bal-list-accordion-head-color-hover:var(--bal-color-text-light-blue);--bal-list-accordion-head-background-hover:var(--bal-color-light-blue-5);--bal-list-accordion-head-color-active:var(--bal-color-text-primary-dark);--bal-list-accordion-head-background-active:var(--bal-color-primary-6);--bal-list-accordion-body-color:var(--bal-color-text-white);--bal-list-accordion-head-on-dark-color-hover:var(--bal-color-light-blue-2);--bal-list-accordion-head-on-dark-background-hover:var(--bal-color-light-blue-2);--bal-list-accordion-head-on-dark-color-active:var(--bal-color-light-blue-3);--bal-list-accordion-head-on-dark-background-active:var(--bal-color-light-blue-3)}.bal-list,.bal-list__item,.bal-list__item>a,.bal-list__item>button,.bal-list__item>div,.bal-list__item__icon,.bal-list__item__title,.bal-list__item__link,.bal-list__item__subtitle,.bal-list__item__content{position:static;display:-ms-flexbox;display:flex}.bal-list,.bal-list__item__content{-ms-flex-direction:column;flex-direction:column}.bal-list__item__title,.bal-list__item__subtitle{text-align:left}.bal-list,.bal-list__item,.bal-list__item>div,.bal-list__item>a,.bal-list__item>button{width:100%}.bal-list__item,.bal-list__item>a,.bal-list__item>div,.bal-list__item>button{-ms-flex-align:center;align-items:center;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body),.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>a,.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>div,.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>button{min-height:3.5rem}.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body),.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>a,.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>div,.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>button{min-height:3rem}.bal-list__item>a,.bal-list__item>div,.bal-list__item>button{padding:.5rem 0;margin:0;outline:none;border-radius:var(--bal-list-item-radius)}.bal-list--size-small .bal-list__item>a,.bal-list--size-small .bal-list__item>div,.bal-list--size-small .bal-list__item>button{padding:2px 0}.bal-list__item{position:relative}.bal-list__item a{text-decoration:none}.bal-list__item button{background:rgba(0,0,0,0);border:none}.bal-list__item__subtitle{color:var(--bal-list-item-subtile-color);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-list__item__subtitle{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-list__item__subtitle{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-list__item:not(.bal-list__item__accordion-head),.bal-list__item:not(.bal-list__item__accordion-head)>a,.bal-list__item:not(.bal-list__item__accordion-head)>div,.bal-list__item:not(.bal-list__item__accordion-head)>button,.bal-list__item__content{-ms-flex:1;flex:1}.bal-list__item__content{-ms-flex-pack:center;justify-content:center}.bal-list__item__content--start{-ms-flex-pack:start;justify-content:flex-start}.bal-list__item__content--center{-ms-flex-pack:center;justify-content:center}.bal-list__item__content--end{-ms-flex-pack:end;justify-content:flex-end}.bal-list__item__content--space-between{-ms-flex-pack:justify;justify-content:space-between}.bal-list__item__icon{min-width:1.5rem;min-height:3.5rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-list--size-small .bal-list__item__icon{min-height:calc(3rem - 4px)}.bal-list--size-normal>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-normal>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head{min-height:3rem}.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body),.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>a,.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>div,.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>button,.bal-list--size-small>.bal-list__item>.bal-list__item__icon{min-height:3rem}.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body),.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>a,.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>div,.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>button,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head,.bal-list--size-large>.bal-list__item>.bal-list__item__icon{min-height:4.5rem}.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head{min-height:3.5rem}.bal-list__item--clickable .bal-list__item__accordion-head,.bal-list__item--clickable a:not(.is-link),.bal-list__item--clickable button:not(.button){cursor:pointer;pointer-events:inherit}@media (hover: hover)and (pointer: fine){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__subtitle{color:var(--bal-list-accordion-head-color-hover) !important}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-background-hover) !important}}@media screen and (min-width: 1024px){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-accordion-head-color-active) !important}}@media screen and (min-width: 1024px){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-background-active) !important}}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):focus-visible,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible:after,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):focus-visible:after,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):focus-visible:after{content:none !important}.bal-list--background-dark .bal-list__item .bal-list__item__title .title,.bal-list--background-dark .bal-list__item .bal-list__item__title .bal-heading__text,.bal-list--background-dark .bal-list__item .bal-list__item__subtitle{color:var(--bal-list-item-on-dark-color)}.bal-list--background-dark .bal-list__item__icon svg,.bal-list--background-dark .bal-list__item__icon svg g,.bal-list--background-dark .bal-list__item__icon svg path,.bal-list--background-dark .bal-list__item__icon svg circle{fill:var(--bal-list-item-on-dark-color)}@media (hover: hover)and (pointer: fine){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__subtitle{color:var(--bal-list-accordion-head-on-dark-color-hover) !important}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-on-dark-background-hover) !important}}@media screen and (min-width: 1024px){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-accordion-head-on-dark-color-active) !important}}@media screen and (min-width: 1024px){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-on-dark-background-active) !important}}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):focus-visible,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):focus-visible{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible:after,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):focus-visible:after,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):focus-visible:after{content:none !important}.bal-list--disabled,.bal-list--disabled .bal-list__item,.bal-list--disabled .bal-list__item a:not(.is-link),.bal-list--disabled .bal-list__item button:not(.button){cursor:default !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.bal-list--border:not(.bal-list--nested)>.bal-list__item>div:after,.bal-list--border:not(.bal-list--nested)>.bal-list__item>a.bal-list__item__trigger:not(.is-link):after,.bal-list--border:not(.bal-list--nested)>.bal-list__item>button.bal-list__item__trigger:not(.button):not([type=button]):after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>div:after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>a.bal-list__item__trigger:not(.is-link):after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>button.bal-list__item__trigger:not(.button):not([type=button]):after{content:\"\";height:2px;border-radius:var(--bal-list-item-radius);width:100%;position:absolute;bottom:0;left:0;right:0}.bal-list--border .bal-list__item>div:after,.bal-list--border .bal-list__item a:not(.is-link):after,.bal-list--border .bal-list__item button:not(.button):not([type=button]):after,.bal-list--border .bal-list__item--disabled>div:after,.bal-list--border .bal-list__item--disabled a:not(.is-link):after,.bal-list--border .bal-list__item--disabled button:not(.button):not([type=button]):after{background:var(--bal-list-item-disabled-background)}@media (hover: hover)and (pointer: fine){.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:hover:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):hover:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):hover:after{background:var(--bal-list-item-background-hover)}}@media screen and (min-width: 1024px){.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:active:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):active:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):active:after{background:var(--bal-list-item-background-active)}}.bal-list--border.bal-list--background-color .bal-list__item>div:after,.bal-list--border.bal-list--background-color .bal-list__item a:not(.is-link):after,.bal-list--border.bal-list--background-color .bal-list__item button:not(.button):after{background:var(--bal-color-primary)}.bal-list--border.bal-list--background-color .bal-list__item--disabled>div:after,.bal-list--border.bal-list--background-color .bal-list__item--disabled a:not(.is-link):after,.bal-list--border.bal-list--background-color .bal-list__item--disabled button:not(.button):after{background:var(--bal-list-item-disabled-on-color-background)}.bal-list--border.bal-list--background-dark .bal-list__item>div:after,.bal-list--border.bal-list--background-dark .bal-list__item a:not(.is-link):after,.bal-list--border.bal-list--background-dark .bal-list__item button:not(.button):after{background:var(--bal-list-item-disabled-on-dark-background)}.bal-list--border.bal-list--background-dark .bal-list__item--disabled>div:after,.bal-list--border.bal-list--background-dark .bal-list__item--disabled a:not(.is-link):after,.bal-list--border.bal-list--background-dark .bal-list__item--disabled button:not(.button):after{background:var(--bal-list-item-disabled-on-dark-background)}.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:hover:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):hover:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):hover:after{background:var(--bal-list-item-on-dark-background-hover)}.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:active:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):active:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):active:after{background:var(--bal-list-item-on-dark-background-active)}.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle{color:var(--bal-list-item-disabled-on-dark-color) !important}.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-on-dark-fill) !important}.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-item-disabled-color) !important}.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-fill) !important}.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-item-disabled-on-color-color) !important}.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-on-color-fill) !important}.bal-card>.bal-list.p-none .bal-list__item:last-child:after{content:none !important}.bal-list__item--accordion>div{-ms-flex-direction:column;flex-direction:column}.bal-list__item--animated{-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-list__item--animated .bal-list__item__accordion-body{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-list__item--animated .bal-list__item__accordion-head__icon{-webkit-transition:-webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:-webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing), -webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-list__item__accordion-head{padding:0 !important}.bal-list__item__accordion-body{will-change:max-height;min-height:0;margin:0 !important}.bal-list__item__accordion-body,.bal-list__item__accordion-body__content{padding:0 !important}.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-body{max-height:0 !important;overflow:hidden}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body:not(.bal-list__item__accordion-body--grouped){display:none}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body{overflow:hidden}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body--grouped{max-height:0 !important}.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-body{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-list__item,.bal-list__item__accordion-body{-webkit-transition:none !important;transition:none !important}}.bal-list__item__accordion-body{-ms-flex-align:start !important;align-items:flex-start !important}.bal-list__item__accordion-body__content{position:static;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start !important;align-items:flex-start !important}.bal-list__item__accordion-body__content--start{-ms-flex-pack:start;justify-content:flex-start}.bal-list__item__accordion-body__content--center{-ms-flex-pack:center;justify-content:center}.bal-list__item__accordion-body__content--end{-ms-flex-pack:end;justify-content:flex-end}.bal-list__item__accordion-body__content--space-between{-ms-flex-pack:justify;justify-content:space-between}.bal-list--border>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after{position:absolute;bottom:-0.5rem;left:0;content:\"\";height:2px;width:100%;border-radius:var(--bal-list-item-radius);background:var(--bal-list-item-border-background)}.bal-list--size-small.bal-list--border>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--size-small.bal-list--border>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--size-small.bal-list--border>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after{bottom:-2px}.bal-list--border.bal-list--background-color>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-color>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-color>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after{background:var(--bal-list-item-border-on-color-background)}.bal-list--border.bal-list--background-dark>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-dark>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-dark>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after{background:var(--bal-list-item-border-on-dark-background)}.bal-list__item__accordion-body__content>.bal-list{padding-left:1rem}.bal-list--background-dark .bal-list__item__accordion-body .bal-list__item__content>p{color:var(--bal-list-accordion-body-color)}.bal-list__item--animated>.bal-list__item__trigger{-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-list__item--expanded>.bal-list__item__trigger,.bal-list__item--expanding>.bal-list__item__trigger{padding-bottom:0}.bal-list--border>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-body>div:not(.bal-list__item__accordion-body__content--space-normal){padding-bottom:2px !important}.bal-list__item__accordion-body__content{padding-top:.5rem !important}.bal-list__item__accordion-body__content--space-normal{padding-top:1rem !important;padding-bottom:1rem !important}";
 const BalListStyle0 = balListCss;
@@ -210,6 +210,7 @@ const ListItem = class {
         this.accordion = false;
         this.subAccordionItem = false;
         this.href = '';
+        this.rel = undefined;
         this.target = '_self';
         this.download = undefined;
     }
@@ -285,7 +286,7 @@ const ListItem = class {
         const trigger = item.element('trigger');
         const basicClasses = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, item.class()), item.modifier('disabled').class(this.disabled)), item.modifier('selected').class(this.selected)), item.modifier('animated').class(this.animated)), item.modifier('accordion').class(this.accordion)), item.modifier('sub-accordion').class(this.subAccordionItem)), item.modifier('active').class(this.accordionOpen)), item.modifier('expanding').class(this.state === 8 /* AccordionState.Expanding */)), item.modifier('expanded').class(this.state === 4 /* AccordionState.Expanded */)), item.modifier('collapsing').class(this.state === 2 /* AccordionState.Collapsing */)), item.modifier('collapsed').class(this.state === 1 /* AccordionState.Collapsed */)), item.modifier('clickable').class(!this.disabled && (this.clickable || this.href.length > 0 || this.accordion)));
         if (this.href.length > 0 && !this.disabled) {
-            return (h(Host, { role: "listitem", class: Object.assign({}, basicClasses) }, h("a", { class: Object.assign({}, trigger.class()), href: this.href, target: this.target, download: this.download, onClick: (ev) => this.onClickTrigger(ev) }, h("slot", null))));
+            return (h(Host, { role: "listitem", class: Object.assign({}, basicClasses) }, h("a", { class: Object.assign({}, trigger.class()), rel: this.rel, href: this.href, target: this.target, download: this.download, onClick: (ev) => this.onClickTrigger(ev) }, h("slot", null))));
         }
         if (this.clickable) {
             return (h(Host, { role: "listitem", class: Object.assign({}, basicClasses) }, h("button", { class: Object.assign({}, trigger.class()), disabled: this.disabled, onClick: (ev) => this.onClickTrigger(ev) }, h("slot", null))));

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

@@ -3,14 +3,14 @@ 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 { m as rOnLoad } from './helpers-94c3fbac.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-21aa6099.js';
-import { b as balBreakpoints } from './breakpoints.subject-2ddcb3fc.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-bddb9d4a.js';
+import { b as balBreakpoints } from './breakpoints.subject-32a380f0.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-2a14112a.js';
+import './tokens.esm-b1efa47a.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,16 +5,16 @@ 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-94c3fbac.js';
-import { b as balBreakpoints } from './breakpoints.subject-2ddcb3fc.js';
+import { b as balBreakpoints } from './breakpoints.subject-32a380f0.js';
 import { d as defaultConfig } from './config.default-8e11a860.js';
-import { L as ListenToMutation } from './mutation.decorator-a8bfa55f.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-21aa6099.js';
+import { L as ListenToMutation } from './mutation.decorator-e915d053.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-bddb9d4a.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
 import { L as ListenToResize } from './resize.decorator-08f6286b.js';
 import './config.utils-cd529084.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-2a14112a.js';
+import './tokens.esm-b1efa47a.js';
 
 class NavLinkItem {
     constructor(item, observer) {
@@ -26,6 +26,7 @@ class NavLinkItem {
         this.id = `nav-link-item-${NavLinkItemIDs++}`;
         this.value = item.value || this.id;
         this.href = item.href;
+        this.rel = item.rel;
         this.target = item.target;
         this.active = !!item.active;
         this.clickable = !!item.clickable;
@@ -54,6 +55,7 @@ class NavLinkItem {
             label: this.label,
             value: this.value,
             href: this.href,
+            rel: this.rel,
             target: this.target,
             data: this.data,
         };
@@ -61,7 +63,7 @@ class NavLinkItem {
     renderTouch(_context) {
         const block = BEM.block('nav');
         return (h("li", null,
-            h("a", { id: this.id, class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-links').class()), block.element('mobile-links').modifier('selected').class(this.active)), block.element('mobile-links').modifier('clickable').class(this.clickable)), href: this.href, target: this.target, onClick: ev => this.onClick(ev) }, this.label)));
+            h("a", { id: this.id, class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-links').class()), block.element('mobile-links').modifier('selected').class(this.active)), block.element('mobile-links').modifier('clickable').class(this.clickable)), href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label)));
     }
     render(_context) {
         return (h("bal-nav-link", { role: "listitem", href: this.href, target: this.target, clickable: this.clickable, selected: this.active, onClick: ev => this.onClick(ev) }, this.label));
@@ -88,7 +90,7 @@ class NavSectionLinkItem extends NavLinkItem {
         const block = BEM.block('nav');
         const hasItems = this.linkItems && this.linkItems.length > 0;
         return (h("li", null,
-            h("a", { id: this.id, class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-section-item').class()), block.element('mobile-section-item').modifier('selected').class(this.active)), block.element('mobile-section-item').modifier('clickable').class(this.clickable)), href: this.href, target: this.target, onClick: ev => this.onClick(ev) }, this.label),
+            h("a", { id: this.id, class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-section-item').class()), block.element('mobile-section-item').modifier('selected').class(this.active)), block.element('mobile-section-item').modifier('clickable').class(this.clickable)), href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label),
             hasItems ? (h("ul", { class: Object.assign({}, block.element('mobile-links-list').class()) }, this.linkItems.map(item => item.renderTouch()))) : ('')));
     }
     render(_context) {
@@ -116,7 +118,7 @@ class NavServiceLinkItem extends NavLinkItem {
         const block = BEM.block('nav');
         const hasItems = this.linkItems && this.linkItems.length > 0;
         return (h("li", { class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('mobile-service-item').class()), block.element('mobile-service-item').modifier(`color-${this.color}`).class()), block.element('mobile-service-item').modifier('selected').class(this.active)), block.element('mobile-service-item').modifier('clickable').class(this.clickable)) },
-            h("a", { id: this.id, href: this.href, target: this.target, onClick: ev => this.onClick(ev) }, this.label),
+            h("a", { id: this.id, href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label),
             hasItems ? (h("ul", { class: Object.assign({}, block.element('mobile-links-list').class()) }, this.linkItems.map(item => item.renderTouch()))) : ('')));
     }
     render(_context) {
@@ -127,9 +129,9 @@ class NavServiceLinkItem extends NavLinkItem {
 }
 let NavServiceLinkItemIDs = 0;
 
-const AccordionButton = ({ id, label, level, open, link, href, target, onClick, }) => {
+const AccordionButton = ({ id, label, level, open, link, href, rel, target, onClick, }) => {
     const block = BEM.block('nav');
-    return link ? (h("a", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), href: href, target: target, onClick: ev => onClick(ev) },
+    return link ? (h("a", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), href: href, rel: rel, target: target, onClick: ev => onClick(ev) },
         h("span", null, label))) : (h("button", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), onClick: ev => onClick(ev) },
         h("span", null, label),
         h("bal-icon", { name: "nav-go-down", size: "small", turn: open })));
@@ -143,7 +145,7 @@ const OverviewLink = ({ item, isMenu, onClick, isVisible }) => {
     return (h("a", { class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-overview-link').class()), block.element('mobile-overview-link').modifier('menu').class(!!isMenu)), block
             .element('mobile-overview-link')
             .modifier('invisible')
-            .class(isVisible === false)), href: item.href, target: item.target, onClick: ev => onClick(ev) },
+            .class(isVisible === false)), href: item.href, rel: item.rel, target: item.target, onClick: ev => onClick(ev) },
         item.label,
         " ",
         item.label ? '➞' : ''));

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-8d2a7ce7.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { B as BalScrollHandler } from './scroll-f4b20848.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { i as wait, h as deepReady } from './helpers-94c3fbac.js';
+import { B as BalScrollHandler } from './scroll-f4b20848.js';
 import { d as defaultConfig } from './config.default-8e11a860.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
-import { b as balBreakpoints } from './breakpoints.subject-2ddcb3fc.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-21aa6099.js';
+import { b as balBreakpoints } from './breakpoints.subject-32a380f0.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-bddb9d4a.js';
 import './config.utils-cd529084.js';
 import './log-dfd1c19f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-2a14112a.js';
+import './tokens.esm-b1efa47a.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;
@@ -94,6 +94,7 @@ const NavbarBrand = class {
         this.language = defaultConfig.language;
         this.isMenuActive = false;
         this.href = '';
+        this.rel = undefined;
         this.logoClickable = false;
         this.logoLabel = undefined;
         this.target = '_self';
@@ -156,7 +157,7 @@ const NavbarBrand = class {
         const navbarBrandEl = BEM.block('navbar').element('brand');
         const logoTemplate = this.logo ? (h("img", { class: Object.assign({}, navbarBrandEl.element('logo').class()), src: this.logo, alt: "" })) : (h("bal-logo", { animated: this.animated, color: 'white', size: this.logoSize }));
         const logoLabel = this.logoLabel ? this.logoLabel : i18nBalNavbarBrand[this.language].logoButtonLabel;
-        return (h(Host, { key: '68848bc9042cea0a8da2368dce7bddb8ffa349f1', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), h("span", { key: '048af402cdd3bd273b62373dd9b99cbf1f744c56', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: 'e03caae5038304a1513400972c36e2eb2e8981a6' })), h("bal-button", { key: 'c9aa9ea6503771f47fa7fd6e6f12cb0030903a86', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
+        return (h(Host, { key: '89cac098cf15e08c2d48748b6eb2cc184ed57292', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, rel: this.rel, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), h("span", { key: 'b5807bd115fe7e7d5f75a7d319b810ad33c1db39', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '14741534401ef235bee19db0d4aead5ec437c501' })), h("bal-button", { key: '9104e683dd114554c8ec84f4b20abd13e2c77dfe', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
                 .element('burger')
                 .modifier('hidden')
                 .class(this.interface === 'simple')), color: "light", inverted: true, square: true, icon: this.isMenuActive ? 'close' : 'menu-bars', onClick: () => this.onClick() })));

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

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8d2a7ce7.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-2ddcb3fc.js';
+import { b as balBreakpoints } from './breakpoints.subject-32a380f0.js';
 import { d as defaultConfig } from './config.default-8e11a860.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-21aa6099.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-bddb9d4a.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
 import './helpers-94c3fbac.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-2a14112a.js';
+import './tokens.esm-b1efa47a.js';
 import './log-dfd1c19f.js';
 
 function generatePaginationControl(value, totalPages, pageRange) {

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

@@ -2,14 +2,14 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-8d
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { o as raf } from './helpers-94c3fbac.js';
-import { b as balBreakpoints } from './breakpoints.subject-2ddcb3fc.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-21aa6099.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-a356c751.js';
+import { b as balBreakpoints } from './breakpoints.subject-32a380f0.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-bddb9d4a.js';
+import { L as ListenToWindowResize } from './window-resize.decorator-3271d102.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-2a14112a.js';
+import './tokens.esm-b1efa47a.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-radio_2.entry.js

@@ -10,7 +10,7 @@ import { d as defaultBalAriaForm } from './form-841232ff.js';
 import { a as ariaBooleanToString } from './aria-ea150568.js';
 import { d as isSpaceKey } from './keyboard.helpers-159e517d.js';
 import { L as ListenToFocus } from './focus.decorator-5575312f.js';
-import { L as ListenToMutation } from './mutation.decorator-a8bfa55f.js';
+import { L as ListenToMutation } from './mutation.decorator-e915d053.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './listener-04842ae9.js';

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

@@ -10,15 +10,15 @@ import { d as isSpaceKey, b as isEnterKey, a as isArrowUpKey, e as isArrowLeftKe
 import { L as ListenToFocus } from './focus.decorator-5575312f.js';
 import { L as ListenToAnimation } from './animation.decorator-49923a4a.js';
 import { L as ListenToVisibility } from './visibility.decorator-ee4b6682.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-a356c751.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-21aa6099.js';
+import { L as ListenToWindowResize } from './window-resize.decorator-3271d102.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-bddb9d4a.js';
 import { i as inheritAttributes } from './attributes-a3e70948.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './listener-04842ae9.js';
-import './breakpoints.subject-2ddcb3fc.js';
+import './breakpoints.subject-32a380f0.js';
 import './device-8c6d2881.js';
-import './tokens.esm-2a14112a.js';
+import './tokens.esm-b1efa47a.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;

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

@@ -205,7 +205,7 @@ const Select = class {
     updateRawValue(newValue, isHuman = true) {
         if (!areArraysEqual(newValue, this.rawValue || [])) {
             this.rawValue = [...newValue];
-            this.syncNativeInput();
+            this.syncNativeInput(isHuman);
             if (this.didInit && isHuman === true) {
                 if (this.multiple) {
                     if (lodash_isnil(this.rawValue)) {
@@ -666,7 +666,7 @@ const Select = class {
             this.updateRawValue(newRawValue, isHuman);
         }
     }
-    syncNativeInput() {
+    syncNativeInput(isHuman = true) {
         if (!this.multiple) {
             if (length(this.rawValue) > 0) {
                 const valuesArray = getValues(this.rawValue);
@@ -676,9 +676,9 @@ const Select = class {
                 }
                 return this.updateInputValue(label);
             }
-            else {
-                return this.updateInputValue('');
-            }
+        }
+        if (!isHuman && length(this.rawValue) === 0) {
+            return this.updateInputValue('');
         }
         return Promise.resolve();
     }
@@ -719,7 +719,7 @@ const Select = class {
      */
     render() {
         var _a;
-        const Chip = (props) => (h("bal-tag", { key: '7533b62273766a103266239b7ca7388a29a7ca2c', size: "", closable: !this.disabled, disabled: this.disabled, invalid: this.invalid, tabindex: -1, onBalCloseClick: _ => this.removeValue(props.value), "data-testid": "bal-select-chip" }, findLabelByValue(this.options, props.value) || props.value));
+        const Chip = (props) => (h("bal-tag", { key: '5bcf5db754537ec86b2c332f2c63ae1d28f04f98', size: "", closable: !this.disabled, disabled: this.disabled, invalid: this.invalid, tabindex: -1, onBalCloseClick: _ => this.removeValue(props.value), "data-testid": "bal-select-chip" }, findLabelByValue(this.options, props.value) || props.value));
         const valuesArray = getValues(this.rawValue);
         const block = BEM.block('select');
         const nativeEl = block.element('native');
@@ -733,19 +733,19 @@ const Select = class {
         const optionContentEl = optionEl.element('content');
         const optionContentCheckboxEl = optionContentEl.element('checkbox');
         const optionContentLabelEl = optionContentEl.element('label');
-        return (h(Host, { key: '2b5f68df5724be552d0e52b80e3f2f3cf4904904', role: "listbox", onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), "data-value": (_a = this.rawValue) === null || _a === void 0 ? void 0 : _a.map(v => findLabelByValue(this.options, v)).join(','), class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('inverted').class(this.inverted)), block.modifier('inverted-footer').class(this.inverted)) }, h("select", { key: '86217a832be6b5b4ffe4e624082cc7f21dd92c93', class: Object.assign({}, nativeEl.class()), name: this.name, multiple: this.multiple, required: this.required, tabindex: -1, ref: el => (this.nativeSelectEl = el) }, valuesArray.map((value) => (h("option", { key: value, value: value, selected: true }, value)))), h("bal-popover", { key: 'b051798999057bd3d58279b2bdae7a2e66f1f8c5', onBalChange: this.handlePopoverChange, ref: el => (this.popoverElement = el) }, h("div", { key: '6a2201296c6937a30aa176899d6774878728b096', "bal-popover-trigger": true, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, controlEl.class()), controlEl.modifier('invalid').class(this.invalid)), controlEl.modifier('disabled').class(this.disabled || this.readonly)), controlEl.modifier('focused').class(this.isPopoverOpen)), controlEl.modifier('inverted-footer').class(this.inverted)) }, h("div", { key: '21306e3a37d4e5ac70a0487c704455ab76d90873', class: Object.assign(Object.assign({}, controlSelectionsEl.class()), controlSelectionsEl
+        return (h(Host, { key: '8a2ed44d1007220a11cba788bc215e07417797f8', role: "listbox", onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), "data-value": (_a = this.rawValue) === null || _a === void 0 ? void 0 : _a.map(v => findLabelByValue(this.options, v)).join(','), class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('inverted').class(this.inverted)), block.modifier('inverted-footer').class(this.inverted)) }, h("select", { key: 'b9605f9d566c9b5637dc4fed4a49370e04ce238b', class: Object.assign({}, nativeEl.class()), name: this.name, multiple: this.multiple, required: this.required, tabindex: -1, ref: el => (this.nativeSelectEl = el) }, valuesArray.map((value) => (h("option", { key: value, value: value, selected: true }, value)))), h("bal-popover", { key: '2116e76113fb0cd238e6a1b7a551c1e45c8cee47', onBalChange: this.handlePopoverChange, ref: el => (this.popoverElement = el) }, h("div", { key: '7d77bf05a11bdf40b06732099f21fb4eb151ed52', "bal-popover-trigger": true, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, controlEl.class()), controlEl.modifier('invalid').class(this.invalid)), controlEl.modifier('disabled').class(this.disabled || this.readonly)), controlEl.modifier('focused').class(this.isPopoverOpen)), controlEl.modifier('inverted-footer').class(this.inverted)) }, h("div", { key: '5a52ce88c32363ea2c69e3b4008568674f9040b2', class: Object.assign(Object.assign({}, controlSelectionsEl.class()), controlSelectionsEl
                 .modifier('clickable')
                 .class(!this.isPopoverOpen && !this.disabled && !this.readonly)), onClick: this.handleInputClick, ref: el => (this.selectionEl = el) }, valuesArray
             .filter(_ => this.multiple)
-            .map((value) => (h(Chip, { value: value }))), h("input", { key: '1225023645508847339dd1fbd6815771fd52b923', type: "text", class: Object.assign(Object.assign({}, controlInputEl.class()), { 'input': true, 'is-inverted': this.inverted, 'is-danger': this.invalid, 'is-disabled': this.disabled || this.readonly, 'is-clickable': !this.isPopoverOpen && !this.disabled && !this.readonly, 'data-test-select-input': true }), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "data-testid": "bal-select-input", autocomplete: this.autocomplete, "aria-autocomplete": this.autocomplete === 'off' ? 'none' : null, placeholder: this.inputPlaceholder, readonly: !this.typeahead || this.disabled || this.readonly, contentEditable: this.typeahead, disabled: this.disabled, maxLength: this.maxLength, tabindex: this.balTabindex, onInput: this.handleInput, onClick: this.handleInputClick, onChange: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyPress: this.handleKeyPress, ref: el => (this.inputElement = el) })), !this.freeSolo && !this.loading ? (h("bal-icon", { class: Object.assign(Object.assign(Object.assign({}, controlIconEl.class()), controlIconEl.modifier('loading').class(this.loading)), controlIconEl.modifier('clickable').class(!this.disabled && !this.readonly)), name: !this.inverted ? 'caret-down' : 'caret-up', color: this.disabled || this.readonly
+            .map((value) => (h(Chip, { value: value }))), h("input", { key: '1329705b31e8846d7c8cad7736204575d2bb68a6', type: "text", class: Object.assign(Object.assign({}, controlInputEl.class()), { 'input': true, 'is-inverted': this.inverted, 'is-danger': this.invalid, 'is-disabled': this.disabled || this.readonly, 'is-clickable': !this.isPopoverOpen && !this.disabled && !this.readonly, 'data-test-select-input': true }), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "data-testid": "bal-select-input", autocomplete: this.autocomplete, "aria-autocomplete": this.autocomplete === 'off' ? 'none' : null, placeholder: this.inputPlaceholder, readonly: !this.typeahead || this.disabled || this.readonly, contentEditable: this.typeahead, disabled: this.disabled, maxLength: this.maxLength, tabindex: this.balTabindex, onInput: this.handleInput, onClick: this.handleInputClick, onChange: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyPress: this.handleKeyPress, ref: el => (this.inputElement = el) })), !this.freeSolo && !this.loading ? (h("bal-icon", { class: Object.assign(Object.assign(Object.assign({}, controlIconEl.class()), controlIconEl.modifier('loading').class(this.loading)), controlIconEl.modifier('clickable').class(!this.disabled && !this.readonly)), name: !this.inverted ? 'caret-down' : 'caret-up', color: this.disabled || this.readonly
                 ? 'grey-light'
                 : this.inverted
                     ? 'white'
                     : this.invalid
                         ? 'danger'
-                        : 'primary', turn: this.isPopoverOpen, onClick: ev => this.handleInputClick(ev, true), size: !this.inverted ? '' : 'x-small' })) : ('')), h("bal-popover-content", { key: 'bf3bf117bda916e83f1c0429384ac4c810a7e766', class: Object.assign({}, popoverContentEl.class()), scrollable: this.scrollable, spaceless: true, expanded: true }, this.optionArray.map((option, index) => (h("button", { key: option.value, type: "button", role: "option", id: option.id, "data-value": option.value, "data-label": option.label, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, optionEl.class()), optionEl
+                        : 'primary', turn: this.isPopoverOpen, onClick: ev => this.handleInputClick(ev, true), size: !this.inverted ? '' : 'x-small' })) : ('')), h("bal-popover-content", { key: 'ecc1305ae4c29e9fd3d131e69dc781deb4bd4bdc', class: Object.assign({}, popoverContentEl.class()), scrollable: this.scrollable, spaceless: true, expanded: true }, this.optionArray.map((option, index) => (h("button", { key: option.value, type: "button", role: "option", id: option.id, "data-value": option.value, "data-label": option.label, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, optionEl.class()), optionEl
                 .modifier('selected')
-                .class(valuesArray.includes(option.value) && !(this.typeahead && !this.multiple))), optionEl.modifier('focused').class(this.focusIndex === index)), optionEl.modifier('checkbox').class(this.multiple)), optionEl.modifier('disabled').class(option.disabled === true)), "data-testid": "bal-select-option", disabled: option.disabled, tabIndex: -1, onMouseEnter: () => this.handleOptionMouseEnter(index), onClick: () => this.optionSelected(option) }, h("div", { class: Object.assign({}, optionContentEl.class()) }, h("span", { class: Object.assign({}, optionContentCheckboxEl.class()), style: { display: this.multiple ? 'flex' : 'none' } }, h("bal-checkbox", { checked: valuesArray.includes(option.value), tabindex: -1, nonSubmit: true, flat: true, onBalChange: preventDefault })), h("span", { class: Object.assign({}, optionContentLabelEl.class()), innerHTML: option.innerHTML }))))), h("div", { key: 'bc03c95d90225dd34a7062113c2b58882f039ca9', class: Object.assign(Object.assign({}, popoverContentEmptyEl.class()), popoverContentEmptyEl
+                .class(valuesArray.includes(option.value) && !(this.typeahead && !this.multiple))), optionEl.modifier('focused').class(this.focusIndex === index)), optionEl.modifier('checkbox').class(this.multiple)), optionEl.modifier('disabled').class(option.disabled === true)), "data-testid": "bal-select-option", disabled: option.disabled, tabIndex: -1, onMouseEnter: () => this.handleOptionMouseEnter(index), onClick: () => this.optionSelected(option) }, h("div", { class: Object.assign({}, optionContentEl.class()) }, h("span", { class: Object.assign({}, optionContentCheckboxEl.class()), style: { display: this.multiple ? 'flex' : 'none' } }, h("bal-checkbox", { checked: valuesArray.includes(option.value), tabindex: -1, nonSubmit: true, flat: true, onBalChange: preventDefault })), h("span", { class: Object.assign({}, optionContentLabelEl.class()), innerHTML: option.innerHTML }))))), h("div", { key: 'c24a3bf08a3c8c5c403a8eab86ee2adce14f896f', class: Object.assign(Object.assign({}, popoverContentEmptyEl.class()), popoverContentEmptyEl
                 .modifier('hidden')
                 .class(this.noDataLabel === undefined || this.hasOptions() || !this.typeahead || this.selectionOptional)) }, this.noDataLabel)))));
     }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-8d2a7ce7.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-2a14112a.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-b1efa47a.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-stage_6.entry.js

@@ -59,15 +59,16 @@ const StageBackLink = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.href = undefined;
+        this.rel = undefined;
         this.shadow = false;
         this.inverted = false;
     }
     render() {
         const block = BEM.block('stage-back-link');
-        return (h(Host, { key: '694c383572bafaa4202bba16706281834fb48b2c', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: 'a8b7bc405efac0263298ed194ee0a90153b16a32', class: {
+        return (h(Host, { key: '5158c9c4cff372138c88a8af2997d6f85bd8d885', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: '205e1ae01e652fb595e088879287d9b25315b234', class: {
                 'link': true,
                 'is-inverted': this.inverted,
-            }, href: this.href }, h("bal-icon", { key: '786b949805a3ae3c99bfc7c713bcd4d8872f94a5', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: 'e7c639e47c25370416eade21dd2e67f82588fe6b' }))));
+            }, href: this.href, rel: this.rel }, h("bal-icon", { key: 'db43094884a07ab6e079b3ac6f89d7c2f927b1b6', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: 'a680c6fac50060190d267890f6c7d7ccbec1f3f4' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/bal-step-item.entry.js

@@ -11,6 +11,7 @@ const StepItem = class {
         this.value = '';
         this.label = '';
         this.href = '';
+        this.rel = undefined;
         this.target = '_self';
         this.disabled = false;
         this.done = false;
@@ -38,6 +39,7 @@ const StepItem = class {
             value: this.value,
             label: this.label,
             href: this.href,
+            rel: this.rel,
             target: this.target,
             active: this.active,
             disabled: this.disabled,
@@ -51,10 +53,10 @@ const StepItem = class {
         };
     }
     render() {
-        return (h(Host, { key: '84503710841441b7a06efcdddd6c424ce2b59443', role: "tabpanel", class: {
+        return (h(Host, { key: '6d93a7d6ac124b26f15803167945b1316915f303', role: "tabpanel", class: {
                 'bal-step-item': true,
                 'bal-step-item--active': this.isActive,
-            } }, h("slot", { key: '3fa668162fb4bb1a96b1dc08352ade05c301f756' })));
+            } }, h("slot", { key: '563c4d2ea864f40885618e92743d44656d469067' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -6,9 +6,9 @@ import { L as Logger } from './log-dfd1c19f.js';
 import { a as areArraysEqual } from './array-4c09dfe3.js';
 import { s as stopEventBubbling } from './form-input-263e6f5b.js';
 import { n as newBalStepOption } from './bal-step.util-3905ad56.js';
-import { b as balBreakpoints } from './breakpoints.subject-2ddcb3fc.js';
-import { L as ListenToMutation } from './mutation.decorator-a8bfa55f.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-21aa6099.js';
+import { b as balBreakpoints } from './breakpoints.subject-32a380f0.js';
+import { L as ListenToMutation } from './mutation.decorator-e915d053.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-bddb9d4a.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './index-82aff103.js';
@@ -16,7 +16,7 @@ import './index-95ee0c4b.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-2a14112a.js';
+import './tokens.esm-b1efa47a.js';
 
 const StepIcon = ({ item, isMobile }) => {
     const bemEl = BEM.block('steps').element('nav').element('item').element('icon');
@@ -35,7 +35,7 @@ const StepButton = ({ item, color, isMobile, clickable, onSelectTab }) => {
     if (item.invisible) {
         return;
     }
-    return (h("a", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, href: item.href === '' ? 'javascript:;' : item.href, target: item.target, onClick: (ev) => onSelectTab(ev, item) },
+    return (h("a", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, href: item.href === '' ? 'javascript:;' : item.href, rel: item.rel, target: item.target, onClick: (ev) => onSelectTab(ev, item) },
         h(StepIcon, { item: item, isMobile: isMobile }),
         h(StepLabel, { item: item })));
 };