@baloise/ds-core 18.3.0 → 19.0.0-nightly.20250512

package/components/bal-input-stepper.js

@@ -1193,15 +1193,15 @@ const InputStepper = /*@__PURE__*/ proxyCustomElement(class InputStepper extends
         const elText = elInner.element('text');
         const increaseLabel = i18nBalInputStepper[this.language].increase;
         const decreaseLabel = i18nBalInputStepper[this.language].decrease;
-        return (h(Host, { key: 'a52588a51f04e1b7925242b7dee94ab08ebffd4f', "aria-disabled": ariaBooleanToString(this.disabled), "aria-focused": this.focused ? 'true' : null, class: Object.assign({}, block.class()) }, h("div", { key: '15cecc65684df7ef715555044d9688cd36a4ad60', class: Object.assign({}, elInner.class()) }, h("bal-button", { key: '77421c0eed9fe7a077450843fb0dbf9e8c66254a', aria: {
+        return (h(Host, { key: 'cfa84687c890114f02d591a21a46a07661469a48', "aria-disabled": ariaBooleanToString(this.disabled), "aria-focused": this.focused ? 'true' : null, class: Object.assign({}, block.class()) }, h("div", { key: '5335fcef9736cd54bc837ec55ab8431aac73ad49', class: Object.assign({}, elInner.class()) }, h("bal-button", { key: 'd38eb81f66d7c5ddda78c46fd4f7a761c1b118b9', aria: {
                 title: decreaseLabel,
                 label: decreaseLabel,
                 controls: this.ariaForm.controlId || this.inputId,
-            }, size: "small", square: true, "data-testid": "bal-input-stepper-decrease", outlined: !this.invalid, icon: "minus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value <= this.min, onClick: _ => this.decrease(), onBalFocus: ev => this.onFocusDecrease(ev), onBalBlur: ev => this.onBlurDecrease(ev) }), h("bal-text", { key: '5bb820b9c38a797f654d952f13016bf6aeeae67d', space: "none", color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : '', bold: true, class: Object.assign({}, elText.class()), "data-testid": "bal-input-stepper-text" }, formatLocaleNumber(this.value)), h("bal-button", { key: '1898a8009c699fa46d00f19c3d5d20f809dd20bb', aria: {
+            }, size: "small", square: true, "data-testid": "bal-input-stepper-decrease", outlined: !this.invalid, icon: "minus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value <= this.min, onClick: _ => this.decrease(), onBalFocus: ev => this.onFocusDecrease(ev), onBalBlur: ev => this.onBlurDecrease(ev) }), h("bal-text", { key: 'b04e1e5118df414fe27ad18b27c63f9d1f8296c4', space: "none", color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : '', bold: true, class: Object.assign({}, elText.class()), "data-testid": "bal-input-stepper-text" }, formatLocaleNumber(this.value)), h("bal-button", { key: '72d30a316782c5a7b2a3b024ae6b1d0b2dddf218', aria: {
                 title: increaseLabel,
                 label: increaseLabel,
                 controls: this.ariaForm.controlId || this.inputId,
-            }, size: "small", "data-testid": "bal-input-stepper-increase", square: true, outlined: !this.invalid, icon: "plus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value >= this.max, onClick: _ => this.increase(), onBalFocus: ev => this.onFocusIncrease(ev), onBalBlur: ev => this.onBlurIncrease(ev) })), h("input", Object.assign({ key: 'bde3449a7db9d1d51bbe991e1343a389c21dae0d', class: Object.assign({}, elInput.class()), 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-input-stepper", type: "text", value: this.value, name: this.name, tabindex: "-1", ref: inputEl => (this.nativeInput = inputEl), readonly: this.readonly, disabled: this.disabled }, this.inheritedAttributes))));
+            }, size: "small", "data-testid": "bal-input-stepper-increase", square: true, outlined: !this.invalid, icon: "plus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value >= this.max, onClick: _ => this.increase(), onBalFocus: ev => this.onFocusIncrease(ev), onBalBlur: ev => this.onBlurIncrease(ev) })), h("input", Object.assign({ key: 'fc24fd180574bc350584e3375682a079278362ec', class: Object.assign({}, elInput.class()), 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-input-stepper", type: "text", value: this.value, name: this.name, tabindex: "-1", ref: inputEl => (this.nativeInput = inputEl), readonly: this.readonly, disabled: this.disabled }, this.inheritedAttributes))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/bal-input.js

@@ -441,7 +441,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
         }
         const block = BEM.block('input');
         const id = this.ariaForm.controlId || this.inputId;
-        return (h(Host, { key: 'a9d5aa6c5238ab0ef80c06ce7b78f248a26dd880', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: 'a90aa77d735cadeceb00adf8ee586bcae6ff48a8', class: {
+        return (h(Host, { key: '448720fe0adbd7130be3148121f04bf456fe755b', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: 'e3b94bfae57e7aaf10f04ebf7f316a6309e306b6', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,

package/components/bal-label2.js

@@ -73,7 +73,7 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
         const xxxLarge = this.size === 'xxx-large';
         const id = this.ariaForm.labelId || this.htmlId;
         const htmlFor = this.htmlFor || this.ariaForm.controlId;
-        return (h(Host, { key: '34631412474f531a869087b4102e740e58078b50', class: Object.assign({}, block.class()) }, h("label", { key: '7ea143eca5e46761a69e626065269180491c9684', id: id, htmlFor: htmlFor, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('multiline').class(this.multiline)), block.element('native').modifier('no-wrap').class(this.noWrap)), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('danger').class(danger)), block.element('native').modifier('success').class(success)), block.element('native').modifier('regular').class(regular)), block.element('native').modifier('small').class(small)), block.element('native').modifier('large').class(large)), block.element('native').modifier('x-large').class(xLarge)), block.element('native').modifier('xx-large').class(xxLarge)), block.element('native').modifier('xxx-large').class(xxxLarge)), block.element('native').modifier('hovered').class(this.hovered)), block.element('native').modifier('pressed').class(this.pressed)) }, h("slot", { key: 'aed679957f7e593ba3d129b9f00f93645aec9577' }), suffix)));
+        return (h(Host, { key: 'e37870aea60fa79ccd0ed4c451168dc2d652cec5', class: Object.assign({}, block.class()) }, h("label", { key: '6c910f7122615d7308dd3825c18d1864aec939f8', id: id, htmlFor: htmlFor, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('multiline').class(this.multiline)), block.element('native').modifier('no-wrap').class(this.noWrap)), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('danger').class(danger)), block.element('native').modifier('success').class(success)), block.element('native').modifier('regular').class(regular)), block.element('native').modifier('small').class(small)), block.element('native').modifier('large').class(large)), block.element('native').modifier('x-large').class(xLarge)), block.element('native').modifier('xx-large').class(xxLarge)), block.element('native').modifier('xxx-large').class(xxxLarge)), block.element('native').modifier('hovered').class(this.hovered)), block.element('native').modifier('pressed').class(this.pressed)) }, h("slot", { key: '761ec8b3d47ea0822216af9e93cee3a1bdbb67bd' }), suffix)));
     }
     get el() { return this; }
     static get style() { return BalLabelStyle0; }

package/components/bal-list-item-content2.js

@@ -7,10 +7,10 @@ const ListItemContent = /*@__PURE__*/ proxyCustomElement(class ListItemContent e
         this.contentAlignment = undefined;
     }
     render() {
-        return (h(Host, { key: 'e6960b64c93e69db55c2e65b2c61f22c04db55f1', class: {
+        return (h(Host, { key: '753736cc273f562a957f83b78ddcf3c46d96c3c2', class: {
                 'bal-list__item__content': true,
                 [`bal-list__item__content--${this.contentAlignment}`]: this.contentAlignment !== undefined,
-            } }, h("slot", { key: '4aade21aa78b7db07f4345fafc1b191fe783add6' })));
+            } }, h("slot", { key: 'a039d83497e2981173d0cea77227ec9eb58d8b9b' })));
     }
 }, [4, "bal-list-item-content", {
         "contentAlignment": [1, "content-alignment"]

package/components/bal-list-item-icon2.js

@@ -7,10 +7,10 @@ const ListItemIcon = /*@__PURE__*/ proxyCustomElement(class ListItemIcon extends
         this.right = false;
     }
     render() {
-        return (h(Host, { key: 'f671a69a39564ee0b03422d3f3502d98fbecacbd', class: {
+        return (h(Host, { key: 'a260b7e90eb381a23de3181688a8445eed735701', class: {
                 'bal-list__item__icon': true,
                 'bal-list__item__icon--right': this.right,
-            } }, h("slot", { key: 'fc26e2dede7c6aec3cf9f2e6d6df5c42d4901d15' })));
+            } }, h("slot", { key: '9b34490944c48da6666883e7b7d4cb0ec6097e53' })));
     }
 }, [4, "bal-list-item-icon", {
         "right": [4]

package/components/bal-list-item-subtitle2.js

@@ -6,7 +6,7 @@ const ListItemSubtitle = /*@__PURE__*/ proxyCustomElement(class ListItemSubtitle
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'a280cf7bf44a08047d371b5fc7aa5783ef681470', class: "bal-list__item__subtitle" }, h("slot", { key: '2a1c215ec3fe1d0ce38bb05fb4875f31dbb386e1' })));
+        return (h(Host, { key: 'aed0f61d51b0f2822432686915a0072320ba29d7', class: "bal-list__item__subtitle" }, h("slot", { key: '14bfb0cb477c8da62cef9ff2c51a7216462eb3de' })));
     }
 }, [4, "bal-list-item-subtitle"]);
 function defineCustomElement() {

package/components/bal-list-item-title2.js

@@ -9,7 +9,7 @@ const ListItemTitle = /*@__PURE__*/ proxyCustomElement(class ListItemTitle exten
         this.visualLevel = undefined;
     }
     render() {
-        return (h(Host, { key: 'ac2a175360912da9d6ed64bfa3878040eefa9bb5', class: "bal-list__item__title" }, h("bal-heading", { key: '2e087de8fa14195b169a6c82fa23927b82c26b6d', level: this.level, visualLevel: this.visualLevel, space: "none" }, h("slot", { key: '342f827ec168778d26c84e35e7118f5898ece9cb' }))));
+        return (h(Host, { key: 'b2afc2dad242ca699ed349d5767d66f2451486e1', class: "bal-list__item__title" }, h("bal-heading", { key: '38f5855e07ff971dc31ad56a6db20936f3825c02', level: this.level, visualLevel: this.visualLevel, space: "none" }, h("slot", { key: '032e327a6ad730378710bb8cd5ebe4ae0506665e' }))));
     }
 }, [4, "bal-list-item-title", {
         "level": [1],

package/components/bal-list2.js

@@ -27,7 +27,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         const block = BEM.block('list');
         const closestListEl = this.el.closest('.bal-list');
         const nested = closestListEl !== null && closestListEl !== this.el;
-        return (h(Host, { key: '3c54368bcf034dac4872b394740a373c38005c10', role: "list", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('nested').class(nested)), block.modifier('disabled').class(this.disabled)), block.modifier('border').class(this.border)), block.modifier(`size-${this.size || 'normal'}`).class()), block.modifier(`background-${this.background}`).class()) }, h("slot", { key: '6d03491580aa8ec3db152ad67e988280cf21ca9f' })));
+        return (h(Host, { key: '66f8d907d203b0c270d1ad17780ba39fd38f3f76', role: "list", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('nested').class(nested)), block.modifier('disabled').class(this.disabled)), block.modifier('border').class(this.border)), block.modifier(`size-${this.size || 'normal'}`).class()), block.modifier(`background-${this.background}`).class()) }, h("slot", { key: 'b518539637ca819f4cfc60c24571ec77c5c85ff1' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/bal-modal-body.js

@@ -6,7 +6,7 @@ const ModalBody = /*@__PURE__*/ proxyCustomElement(class ModalBody extends HTMLE
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '3c895128a0fd7d948de71f4d95a002a3feb5fe57', class: "bal-modal__body" }, h("slot", { key: '3295eac615894ef69b17ac7e9d48f3ff621385da' })));
+        return (h(Host, { key: '2bef5892f7f6e90bb4c893f4c5ca5027dece343a', class: "bal-modal__body" }, h("slot", { key: '45b45f4141bd105c11f57628e6ea2ba989ef1a55' })));
     }
 }, [4, "bal-modal-body"]);
 function defineCustomElement$1() {

package/components/bal-modal-header.js

@@ -18,7 +18,7 @@ const ModalHeader = /*@__PURE__*/ proxyCustomElement(class ModalHeader extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '0489abea9bae77bf1e134362a19f28781108db5e', class: "bal-modal__header" }, h("div", { key: 'f560349556bcc00713544345d456f6b465d1935c', class: "bal-modal__header__title" }, h("bal-heading", { key: '7f0a4df6358cf0b7ae464d4e2965b64e8d169efc', level: "h2", space: "none" }, h("slot", { key: 'b6a1f74aeca6d9883c5520d9d3ac2e5cbb7b49a2' }))), ((_a = this.parentModal) === null || _a === void 0 ? void 0 : _a.isClosable) ? (h("bal-close", { class: "bal-modal__header__close data-test-modal-close", onClick: this.closeHandler })) : ('')));
+        return (h(Host, { key: 'abcecb921453f0ec9ff5b989517ca1b1406daab0', class: "bal-modal__header" }, h("div", { key: '6e4606402740673c455e98c4f4160e17f82d0435', class: "bal-modal__header__title" }, h("bal-heading", { key: 'bf7df5c6677354f5c53b75d77fb8b7f23859f267', level: "h2", space: "none" }, h("slot", { key: '78648da85f2751f9aac04544083d62ba088beeae' }))), ((_a = this.parentModal) === null || _a === void 0 ? void 0 : _a.isClosable) ? (h("bal-close", { class: "bal-modal__header__close data-test-modal-close", onClick: this.closeHandler })) : ('')));
     }
     get el() { return this; }
 }, [4, "bal-modal-header"]);

package/components/bal-modal.js

@@ -238,17 +238,17 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement$1
         return false;
     }
     render() {
-        return (h(Host, { key: '667cc09e4998cc5869da604116f6a53fe8f7b2fd', "aria-modal": "true", "aria-presented": this.presented ? 'true' : null, "data-testid": this.dataTestId, tabindex: "-1", class: Object.assign({ 'bal-modal': true, 'bal-modal--is-closable': this.isClosable, 'bal-modal--is-active': this.presented, [FOCUS_TRAP_DISABLE_CLASS]: this.focusTrap === false }, getClassMap(this.cssClass)), style: {
+        return (h(Host, { key: '1d9ab99326366d164adf6fbd5fc9d6af27a8ba58', "aria-modal": "true", "aria-presented": this.presented ? 'true' : null, "data-testid": this.dataTestId, tabindex: "-1", class: Object.assign({ 'bal-modal': true, 'bal-modal--is-closable': this.isClosable, 'bal-modal--is-active': this.presented, [FOCUS_TRAP_DISABLE_CLASS]: this.focusTrap === false }, getClassMap(this.cssClass)), style: {
                 '--bal-width': `${this.modalWidth}px`,
-            } }, h("div", { key: '5b7a948469eafcc7997672721b6b5a12f6190256', class: {
+            } }, h("div", { key: '057c4355168926825f04f51300478a1393b31563', class: {
                 'bal-modal__background': true,
                 'is-hidden': !this.hasBackdrop,
-            }, ref: div => (this.modalBackgroundElement = div) }), h("div", { key: '59f9cee78fdea711e0177fa51cb9d61ea7fda48d', class: {
+            }, ref: div => (this.modalBackgroundElement = div) }), h("div", { key: 'ffa93ee6d43b8ded4a2851e4c2578fce427de8c2', class: {
                 'bal-modal__container': true,
-            }, ref: div => (this.modalContainerElement = div) }, h("div", { key: '956925a0d9e32394f4a7f79bf868cff3f5e874c7', class: {
+            }, ref: div => (this.modalContainerElement = div) }, h("div", { key: '37ee9d19563be8e0a22b75d44b0cde5890342e1c', class: {
                 'bal-modal__content': true,
                 [`bal-modal__content--has-spacing-${this.space}`]: true,
-            }, ref: div => (this.modalContentElement = div) }, h("slot", { key: '410d120f1a9b2af8dbf2560ef73d87a4648b9570' })))));
+            }, ref: div => (this.modalContentElement = div) }, h("slot", { key: '0bdfc5b5e268ec2ade1b70753cd64517fa635290' })))));
     }
     get el() { return this; }
     static get style() { return BalModalStyle0; }

package/components/bal-nav-link-grid-col2.js

@@ -22,7 +22,7 @@ const NavLinkGridCol = /*@__PURE__*/ proxyCustomElement(class NavLinkGridCol ext
     render() {
         const block = BEM.block('nav-link-grid-col');
         const innerEl = block.element('inner');
-        return (h(Host, { key: '3108a6561188ed77091b569d6e14160796e3dcf6', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-static').class(this.staticCol)) }, h("div", { key: '4a328de41e4e38eeafef399b59ced751d247e8ba', class: Object.assign({}, innerEl.class()) }, h("slot", { key: 'c42ced5cc61dc8182991b32eba3b4edd0661bd46' }))));
+        return (h(Host, { key: 'b4cba3fc9a569b19d2921f0f728d8865b97ccd55', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-static').class(this.staticCol)) }, h("div", { key: '36c2d569a02ea2dc1adb8ecedaab21576f61c0dc', class: Object.assign({}, innerEl.class()) }, h("slot", { key: 'c99e184492ca2665cdebad028cd3ab3e97d3249a' }))));
     }
     static get style() { return BalNavLinkGridColStyle0; }
 }, [4, "bal-nav-link-grid-col", {

package/components/bal-nav-link-grid2.js

@@ -20,7 +20,7 @@ const NavLinkGrid = /*@__PURE__*/ proxyCustomElement(class NavLinkGrid extends H
      */
     render() {
         const block = BEM.block('nav-link-grid');
-        return (h(Host, { key: '74041f35372c9f2e7fdf95e62264fea35c4821a7', class: Object.assign({}, block.class()) }, h("slot", { key: '4f671f702bcb4910ccf31e6197970bdfa943424e' })));
+        return (h(Host, { key: '7e58a9b6c677d60837d56404af5f6b03a7d96073', class: Object.assign({}, block.class()) }, h("slot", { key: '4e7abb8d92056b3f99b42ebad4c1d7752cffca4e' })));
     }
     static get style() { return BalNavLinkGridStyle0; }
 }, [4, "bal-nav-link-grid"]);

package/components/bal-nav-link-group.js

@@ -22,7 +22,7 @@ const NavLinkGroup = /*@__PURE__*/ proxyCustomElement(class NavLinkGroup extends
     render() {
         const block = BEM.block('nav-link-group');
         const hasColor = this.color !== '';
-        return (h(Host, { key: 'b7224f7859d490b219fcdfadd2c4c33170fb07f2', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.color}`).class(hasColor)) }, h("slot", { key: 'd7054bf0d35e99ec9e54edcf3f2b8878c87ac5df' })));
+        return (h(Host, { key: '12c1c4d22dc3827a4c186c6591b7b043f1dd378b', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.color}`).class(hasColor)) }, h("slot", { key: '0c503bfaa7b2587f50936cc3d699e5a1bd9995a7' })));
     }
     static get style() { return BalNavLinkGroupStyle0; }
 }, [4, "bal-nav-link-group", {

package/components/bal-nav-link2.js

@@ -13,6 +13,7 @@ const NavLink = /*@__PURE__*/ proxyCustomElement(class NavLink extends HTMLEleme
         this.variant = '';
         this.selected = false;
         this.clickable = false;
+        this.rel = undefined;
         this.href = undefined;
         this.target = '_self';
     }
@@ -25,24 +26,25 @@ const NavLink = /*@__PURE__*/ proxyCustomElement(class NavLink extends HTMLEleme
      */
     render() {
         const block = BEM.block('nav-link');
-        const { href, target } = this;
+        const { href, target, rel } = this;
         const hasLink = href !== undefined && href !== '';
         const hasVariant = this.variant !== '';
         const Link = hasLink ? 'a' : this.clickable ? 'button' : 'span';
         let linkAttributes = {};
         if (hasLink) {
-            linkAttributes = { href, target };
+            linkAttributes = { href, target, rel };
         }
-        return (h(Host, { key: '0a4cc0341e4aa5e2d5e8277eb89fb2678dcc03dc', class: Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class(hasVariant)) }, h(Link, Object.assign({ key: '662178959afa6596e0e9f89bb4a9fdd5c608277d', "data-test": "bal-nav-link", class: Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier(`variant-${this.variant}`).class(hasVariant)), block
+        return (h(Host, { key: 'fe011833d71cd4fc35585f27ee3cb8fe11dadfb8', class: Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class(hasVariant)) }, h(Link, Object.assign({ key: 'e5175d94a5b5021e22b26116f36aba0bb28a9dcf', "data-test": "bal-nav-link", class: Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier(`variant-${this.variant}`).class(hasVariant)), block
                 .element('native')
                 .modifier('selected')
-                .class(this.selected && (hasLink || this.clickable))) }, linkAttributes), h("slot", { key: '055e0eac728e115ba335c8b54c14b59572161444' }))));
+                .class(this.selected && (hasLink || this.clickable))) }, linkAttributes), h("slot", { key: '9189d57ba3a0f78af5c2ac4232c9231d6096ae02' }))));
     }
     static get style() { return BalNavLinkStyle0; }
 }, [4, "bal-nav-link", {
         "variant": [1],
         "selected": [4],
         "clickable": [4],
+        "rel": [1],
         "href": [1],
         "target": [1]
     }]);

package/components/bal-nav-menu-bar2.js

@@ -32,7 +32,7 @@ const NavMenuBar = /*@__PURE__*/ proxyCustomElement(class NavMenuBar extends HTM
     render() {
         const block = BEM.block('nav-menu-bar');
         const innerBlock = block.element('inner');
-        return (h(Host, { key: 'a563dcfc6d647f400c20b13df79820c0ce88ea19', id: this.navMenuBarId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`position-${this.position}`).class(this.position !== 'none')) }, h("div", { key: 'ec04e09581a0efd9029e20960fd340210cd4a773', class: Object.assign({}, innerBlock.class()) }, h("div", { key: 'de47464fad24e5ed10ac355fdaac926abcc7583c', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'a9624e3e83245fcddd0be123b0268b5ca0175041' })))));
+        return (h(Host, { key: 'c2ea73c8876d06127c4fee24edf6a2ecc623f199', id: this.navMenuBarId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`position-${this.position}`).class(this.position !== 'none')) }, h("div", { key: 'd59d5d00f628748b91964b61692cca01d609a005', class: Object.assign({}, innerBlock.class()) }, h("div", { key: '3afd6861fef7c4d6e2b3d41bd7e626daa4aa06b1', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '380e064513ba797a10145e73bdc76dfe81dafaf6' })))));
     }
     get el() { return this; }
     static get style() { return BalNavMenuBarStyle0; }

package/components/bal-nav-menu-flyout2.js

@@ -56,7 +56,7 @@ const NavMenuFlyout = /*@__PURE__*/ proxyCustomElement(class NavMenuFlyout exten
     render() {
         const block = BEM.block('nav-menu-flyout');
         const line = block.element('line');
-        return (h(Host, { key: 'cc30e95d5a4f6037371cf4158a11b2ba832e98e0', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, h("div", { key: 'c28934d355eda16304e02820fb85f373c8e7aaa1', class: Object.assign({}, line.class()) }), h("div", { key: '0dd9801e8bc0dc277251b353b2efe78f5499dd15', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '3d0e74c391e039a205ae77710151d03e8c94620f' }))));
+        return (h(Host, { key: '9d0c52ef158adb1dcdddff70f32c0b4846696577', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, h("div", { key: '3405126297ac245862a006b2fd83f147e615d001', class: Object.assign({}, line.class()) }), h("div", { key: '2a8707468c3e6886dd91e6cf792de8e0e0f97aa9', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '7c98fd49abc6e6f3ff3e2dffd49f4ec69df72788' }))));
     }
     get el() { return this; }
     static get style() { return BalNavMenuFlyoutStyle0; }

package/components/bal-nav-meta-bar2.js

@@ -63,7 +63,7 @@ const NavMetaBar = /*@__PURE__*/ proxyCustomElement(class NavMetaBar extends HTM
      */
     render() {
         const block = BEM.block('nav-meta-bar');
-        return (h(Host, { key: '700eeb85fa353dc0059dd1b1d3e2e1bb58c3a381', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')) }, h("div", { key: '880efb6d57db1adb168e312c75f0bf0acdb54c6b', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'e2de7fdbd8e7ef205dc22bb23f9bcdb83c808add' }))));
+        return (h(Host, { key: 'c7aa3ccfe8e8b41e12c2e625eac9d23aba77ded3', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')) }, h("div", { key: '0ad94b6ef1580bb8ae907d0ebe53721c32cee0f8', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '9cebb426b75f0d2cd743aa9e0efc26d1c584768c' }))));
     }
     get el() { return this; }
     static get style() { return BalNavMetaBarStyle0; }

package/components/bal-nav.js

@@ -89,7 +89,7 @@ class NavLinkItem {
             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));
+        return (h("bal-nav-link", { role: "listitem", href: this.href, rel: this.rel, target: this.target, clickable: this.clickable, selected: this.active, onClick: ev => this.onClick(ev) }, this.label));
     }
 }
 let NavLinkItemIDs = 0;
@@ -194,7 +194,7 @@ class NavMenuLinkItem extends NavLinkItem {
         const hasServiceLinkItems = this.serviceLinkItems && this.serviceLinkItems.length > 0;
         const isSelected = (context === null || context === void 0 ? void 0 : context.activeMenuLinkValue) === this.value;
         return (h("li", null,
-            h(AccordionButton, { id: this.id, level: "menu", label: this.label, href: this.href, target: this.target, link: hasSectionLinkItems || hasServiceLinkItems ? false : this.isLink, open: isSelected, onClick: ev => this.onAccordionClick(ev) }),
+            h(AccordionButton, { id: this.id, level: "menu", label: this.label, href: this.href, rel: this.rel, target: this.target, link: hasSectionLinkItems || hasServiceLinkItems ? false : this.isLink, open: isSelected, onClick: ev => this.onAccordionClick(ev) }),
             h(OverviewLink, { item: this.overviewLink, onClick: ev => this.onClick(ev), isMenu: true, isVisible: isSelected }),
             hasSectionLinkItems ? (h("ul", { class: Object.assign(Object.assign({}, block.element('mobile-section-list').class()), block
                     .element('mobile-section-list')
@@ -208,7 +208,7 @@ class NavMenuLinkItem extends NavLinkItem {
     render(context) {
         const hasChildren = this.sectionLinkItems.length > 0 || this.serviceLinkItems.length > 0;
         if (!hasChildren && this.isLink) {
-            return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, href: this.href, target: this.target, "no-panel": true }));
+            return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, href: this.href, rel: this.rel, target: this.target, "no-panel": true }));
         }
         return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, "no-panel": true, onBalNavigate: ev => {
                 context === null || context === void 0 ? void 0 : context.onClick();
@@ -236,7 +236,7 @@ class NavMetaLinkItem extends NavLinkItem {
         const block = BEM.block('nav');
         const isSelected = (context === null || context === void 0 ? void 0 : context.activeMetaLinkValue) === this.value;
         return (h("li", null,
-            h(AccordionButton, { id: this.id, level: "meta", label: this.label, open: isSelected, link: this.mainLinkItems.length > 0 ? false : this.isLink, href: this.href, target: this.target, onClick: ev => this.onAccordionClick(ev) }),
+            h(AccordionButton, { id: this.id, level: "meta", label: this.label, open: isSelected, link: this.mainLinkItems.length > 0 ? false : this.isLink, href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onAccordionClick(ev) }),
             isSelected ? h(OverviewLink, { item: this.overviewLink, onClick: ev => this.onClick(ev) }) : '',
             isSelected ? (h("hr", { class: Object.assign(Object.assign({}, block.element('line').class()), block.element('line').modifier('up').class()) })) : (''),
             isSelected && this.mainLinkItems && this.mainLinkItems.length > 0 ? (h("ul", { class: Object.assign({}, block.element('mobile-menu-list').class()) }, this.mainLinkItems.map(item => item.renderTouch({
@@ -247,7 +247,7 @@ class NavMetaLinkItem extends NavLinkItem {
     }
     render(context) {
         if (this.isLink) {
-            return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, href: this.href, target: this.target, "no-panel": true }));
+            return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, rel: this.rel, href: this.href, target: this.target, "no-panel": true }));
         }
         return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, "no-panel": true, onBalNavigate: ev => {
                 if (this.onClick) {
@@ -280,7 +280,7 @@ class NavMetaButton extends NavLinkItem {
     }
     renderAtMetaBar() {
         if (this.isLink) {
-            return (h("bal-button", { id: this.value, color: "light", size: "small", icon: this.icon, square: !this.label || this.label.length < 3, inverted: true, href: this.href, target: this.target, aria: {
+            return (h("bal-button", { id: this.value, color: "light", size: "small", icon: this.icon, square: !this.label || this.label.length < 3, inverted: true, rel: this.rel, href: this.href, target: this.target, aria: {
                     title: this.htmlTitle,
                     label: this.ariaLabel || this.label,
                 } }, this.label));
@@ -293,7 +293,7 @@ class NavMetaButton extends NavLinkItem {
     renderAtTouchTopMetaBar() {
         if (this.touchPlacement === 'top') {
             if (this.isLink) {
-                return (h("bal-button", { id: this.value, color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, href: this.href, target: this.target, aria: {
+                return (h("bal-button", { id: this.value, color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, href: this.href, rel: this.rel, target: this.target, aria: {
                         title: this.htmlTitle,
                         label: this.ariaLabel || this.label,
                     } }, this.icon ? '' : this.label));
@@ -339,62 +339,72 @@ let NavMetaButtonIDs = 0;
 
 const i18nNavBars = {
     de: {
-        meta: 'Hauptnavigation',
-        main: 'Subnavigation',
+        mainNavigation: 'Hauptnavigation',
+        navigation: 'Navigation',
+        subNavigation: 'Subnavigation',
         open: 'Menü öffnen',
         close: 'Menü schliessen',
     },
     en: {
-        meta: 'Main Navigation',
-        main: 'Sub Navigation',
+        mainNavigation: 'Main navigation',
+        navigation: 'Navigation',
+        subNavigation: 'Sub navigation',
         open: 'Open Menu',
         close: 'Close Menu',
     },
     fr: {
-        meta: 'Navigation principale',
-        main: 'Sous-navigation',
+        mainNavigation: 'Navigation principale',
+        navigation: 'Navigation',
+        subNavigation: 'Sous-navigation',
         open: 'Ouvrir le menu',
         close: 'Fermer le menu',
     },
     it: {
-        meta: 'Navigazione principale',
-        main: 'Sottomenu',
+        mainNavigation: 'Navigazione principale',
+        navigation: 'Navigazione',
+        subNavigation: 'Sottonavigazione',
         open: 'Apri Menù',
         close: 'Chiudi menù',
     },
     nl: {
-        meta: 'Hoofdnavigatie',
-        main: 'Subnavigatie',
+        mainNavigation: 'Hoofdnavigatie',
+        navigation: 'Navigatie',
+        subNavigation: 'Subnavigatie',
         open: 'Menu openen',
         close: 'Menu sluiten',
     },
     es: {
-        meta: 'Navegación principal',
-        main: 'Subnavegación',
+        mainNavigation: 'Navegación principal',
+        navigation: 'Navegación',
+        subNavigation: 'Subnavegación',
         open: 'Menú abierto',
         close: 'Cerrar menú',
     },
     pl: {
-        meta: 'Nawigacja główna',
-        main: 'Nawigacja podrzędna',
+        mainNavigation: 'Nawigacja główna',
+        navigation: 'Nawigacja',
+        subNavigation: 'Nawigacja podrzędna',
         open: 'Otwórz menu',
         close: 'Zamknij menu',
     },
     pt: {
-        meta: 'Navegação principal',
-        main: 'Subnavegação',
+        mainNavigation: 'Navegação principal',
+        navigation: 'Navegação',
+        subNavigation: 'Subnavegação',
         open: 'Menu aberto',
         close: 'Fechar menu',
     },
     sv: {
-        meta: 'Huvudnavigering',
-        main: 'Undernavigering',
+        mainNavigation: 'Huvudnavigering',
+        navigation: 'Navigering',
+        subNavigation: 'Undernavigering',
         open: 'Öppna menyn',
         close: 'Stäng menyn',
     },
     fi: {
-        meta: 'Päänavigointi',
-        main: 'Alinavigointi',
+        mainNavigation: 'Päänavigaatio',
+        navigation: 'Navigaatio',
+        subNavigation: 'Alinavigaatio',
         open: 'Avaa valikko',
         close: 'Sulje valikko',
     },
@@ -672,17 +682,17 @@ const Nav = /*@__PURE__*/ proxyCustomElement(class Nav extends HTMLElement {
         const block = BEM.block('nav');
         const flyoutBlock = block.element('flyout');
         this.hasRenderedWithFlyoutActive = this.isFlyoutActive;
-        return (h(Host, { key: '4d861d5a9beb8d5a0ac04a0471f0d5f49f8f4d27', id: this.navId, class: Object.assign({}, block.class()) }, h("div", { key: 'cda5b1e8f0da114d3056b4f3a9d2d5a740ceb1c9', class: {
+        return (h(Host, { key: 'c384e25a9962ec11739b7594114d2ad19fd07937', id: this.navId, class: Object.assign({}, block.class()) }, h("div", { key: '06cf6bb549c278c98b41ef3d176ac58dfe95bacc', class: {
                 'bal-nav-meta-bar-transform': true,
                 'bal-nav-meta-bar-transform-touch': this.isTouch,
-            } }, this.isDesktop ? (h("bal-nav-meta-bar", { variant: "primary", size: "small", position: "sticky-top", ref: metaBarEl => (this.metaBarEl = metaBarEl) }, h("bal-stack", { space: "auto" }, this.linkItems.length > 1 ? (h("bal-tabs", { spaceless: true, inverted: true, context: "meta", value: this.activeMetaLinkValue, "aria-label": i18nNavBars[this.language].meta, onBalChange: ev => this.onMetaBarTabChange(ev) }, this.linkItems.map(item => item.render({
+            } }, this.isDesktop ? (h("bal-nav-meta-bar", { variant: "primary", size: "small", position: "sticky-top", ref: metaBarEl => (this.metaBarEl = metaBarEl) }, h("bal-stack", { space: "auto" }, this.linkItems.length > 1 ? (h("bal-tabs", { spaceless: true, inverted: true, context: "meta", value: this.activeMetaLinkValue, "aria-label": i18nNavBars[this.language].mainNavigation, onBalChange: ev => this.onMetaBarTabChange(ev) }, this.linkItems.map(item => item.render({
             flyoutId: `${this.navId}-menu-flyout`,
-        })))) : (h("span", null)), h("bal-stack", { id: "bal-nav__meta-buttons", space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtMetaBar()))))) : (''), this.isDesktop ? (h("bal-nav-menu-bar", { position: "fixed-top", ref: menuBarEl => (this.menuBarEl = menuBarEl) }, h("bal-stack", { space: "auto", "space-row": "none", "use-wrap": true }, this.renderLogo(), h("bal-tabs", { context: "navigation", accordion: true, spaceless: true, value: this.activeMenuLinkValue, "aria-label": i18nNavBars[this.language].main }, (_a = this.linkItems
+        })))) : (h("span", null)), h("bal-stack", { id: "bal-nav__meta-buttons", space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtMetaBar()))))) : (''), this.isDesktop ? (h("bal-nav-menu-bar", { position: "fixed-top", ref: menuBarEl => (this.menuBarEl = menuBarEl) }, h("bal-stack", { space: "auto", "space-row": "none", "use-wrap": true }, this.renderLogo(), h("bal-tabs", { context: "navigation", accordion: true, spaceless: true, value: this.activeMenuLinkValue, "aria-label": i18nNavBars[this.language].navigation }, (_a = this.linkItems
             .find(item => item.value === this.activeMetaLinkValue)) === null || _a === void 0 ? void 0 : _a.mainLinkItems.map(item => item.render({
             flyoutId: `${this.navId}-menu-flyout`,
             onClick: () => this.onMenuBarTabChange(item.value),
-        })))), this.isFlyoutActive ? (h("bal-nav-menu-flyout", { navId: this.navId }, h("bal-nav-link", { role: "listitem", variant: "overview", href: (_c = (_b = this.activeMenuLinkItem) === null || _b === void 0 ? void 0 : _b.overviewLink) === null || _c === void 0 ? void 0 : _c.href, target: (_e = (_d = this.activeMenuLinkItem) === null || _d === void 0 ? void 0 : _d.overviewLink) === null || _e === void 0 ? void 0 : _e.target, onClick: () => { var _a; return this.linkItemClickListener((_a = this.activeMenuLinkItem) === null || _a === void 0 ? void 0 : _a.overviewLink); } }, (_g = (_f = this.activeMenuLinkItem) === null || _f === void 0 ? void 0 : _f.overviewLink) === null || _g === void 0 ? void 0 :
-            _g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), h("div", { key: '9159bbd2df222728e0249283ab2cc61425aefd22' }, h("slot", { key: '7af191383a98cfa549796c43c9b1034a6de2b83d' }))), this.isTouch ? (h("bal-nav-meta-bar", { variant: "white", size: "normal" }, h("bal-stack", { space: "auto" }, this.renderLogo(), h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
+        })))), this.isFlyoutActive ? (h("bal-nav-menu-flyout", { navId: this.navId, "aria-label": i18nNavBars[this.language].subNavigation }, h("bal-nav-link", { role: "listitem", variant: "overview", href: (_c = (_b = this.activeMenuLinkItem) === null || _b === void 0 ? void 0 : _b.overviewLink) === null || _c === void 0 ? void 0 : _c.href, target: (_e = (_d = this.activeMenuLinkItem) === null || _d === void 0 ? void 0 : _d.overviewLink) === null || _e === void 0 ? void 0 : _e.target, onClick: () => { var _a; return this.linkItemClickListener((_a = this.activeMenuLinkItem) === null || _a === void 0 ? void 0 : _a.overviewLink); } }, (_g = (_f = this.activeMenuLinkItem) === null || _f === void 0 ? void 0 : _f.overviewLink) === null || _g === void 0 ? void 0 :
+            _g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), h("div", { key: '7b17b61ea275f90fb5016d8ec0d26dece26caa4f' }, h("slot", { key: '8ae80d7fdacd29e171f136bfe3ace823290ff068' }))), this.isTouch ? (h("bal-nav-meta-bar", { variant: "white", size: "normal" }, h("bal-stack", { space: "auto" }, this.renderLogo(), h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
             activeMetaLinkValue: this.activeMetaLinkValue,
             activeMenuLinkValue: this.activeMenuLinkValue,
         })))))) : (''), this.isTouch && this.isFlyoutActive ? (h("bal-nav-meta-bar", { variant: "grey", size: "normal" }, h("bal-stack", { space: "x-small", align: "center" }, this.metaButtons.map(button => button.renderAtTouchBottomMetaBar())))) : ('')));

package/components/bal-navbar-brand.js

@@ -118,7 +118,7 @@ const NavbarBrand = /*@__PURE__*/ proxyCustomElement(class NavbarBrand extends H
         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: '6492bf4163017452e6fcbd3e75f067db73e631d7', 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: '026a303393f964c22eecc94b92468832a5d3594a', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '632838cf1193499f8751a340e4ed897dc7d01d54' })), h("bal-button", { key: '44e63c04ba674399b60eeedf58f5b3ce680dd939', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
+        return (h(Host, { key: '1c5a31aedc7120f89f9a1b31d25bd00b724de889', 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: 'b6347efe529507db4f4b4f78352fc82c957f71fc', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '4357757d01e9ccc0d497ea04021c64fa06bea1a8' })), h("bal-button", { key: '35e86c5414289bb937a4aab0c5c8bbdc0a27d67a', 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/components/bal-navbar-menu-end.js

@@ -9,7 +9,7 @@ const NavbarMenuEnd = /*@__PURE__*/ proxyCustomElement(class NavbarMenuEnd exten
     }
     render() {
         const menuEndEl = BEM.block('navbar').element('menu').element('end');
-        return (h(Host, { key: 'c48d9c4cf059e64185d2c873f951cd5e2e133665', class: Object.assign(Object.assign({}, menuEndEl.class()), menuEndEl.modifier(`context-${this.interface}`).class()) }, h("slot", { key: 'e956c085b46e4fbe1f655e161b92c81a08f398de' })));
+        return (h(Host, { key: '704fe4c50701625f0160aa39a79a5fc3e2f9debb', class: Object.assign(Object.assign({}, menuEndEl.class()), menuEndEl.modifier(`context-${this.interface}`).class()) }, h("slot", { key: '05737e744803b4b62906ab835d555d1c9cc6cf98' })));
     }
 }, [4, "bal-navbar-menu-end", {
         "interface": [1]

package/components/bal-navbar-menu-start.js

@@ -9,7 +9,7 @@ const NavbarMenuStart = /*@__PURE__*/ proxyCustomElement(class NavbarMenuStart e
     }
     render() {
         const menuStartEl = BEM.block('navbar').element('menu').element('start');
-        return (h(Host, { key: '9694a2d3843c5d010a6523e404e7feaea40a8183', class: Object.assign(Object.assign({}, menuStartEl.class()), menuStartEl.modifier(`context-${this.interface}`).class()) }, h("slot", { key: '29fb9854fd7de27e095c6ab141be4f005a00e535' })));
+        return (h(Host, { key: 'b53e1c198366eeca89e5d71bf52af297902307a8', class: Object.assign(Object.assign({}, menuStartEl.class()), menuStartEl.modifier(`context-${this.interface}`).class()) }, h("slot", { key: '3e123a521d151135d72001d1b3ac703d236a4c8f' })));
     }
 }, [4, "bal-navbar-menu-start", {
         "interface": [1]

package/components/bal-navbar-menu.js

@@ -36,7 +36,7 @@ const NavbarMenu = /*@__PURE__*/ proxyCustomElement(class NavbarMenu extends HTM
                 container = navbarEl.container;
             }
         }
-        return (h(Host, { key: '82e424f6a56e40091320eee01e849dd5ac9853f3', class: Object.assign(Object.assign(Object.assign(Object.assign({}, menuEl.class()), menuEl.modifier('active').class(this.isMenuActive)), menuEl.modifier(`context-${this.interface}`).class()), { container: true, [`is-${container}`]: container !== '' }) }, h("slot", { key: '2a9e2c5b3e4d9e55372107d9096ff7ea7b0b69be' })));
+        return (h(Host, { key: 'e3632d31af2bf0bbd0bc416c40ff17ed7cd3a74f', class: Object.assign(Object.assign(Object.assign(Object.assign({}, menuEl.class()), menuEl.modifier('active').class(this.isMenuActive)), menuEl.modifier(`context-${this.interface}`).class()), { container: true, [`is-${container}`]: container !== '' }) }, h("slot", { key: '63897a0b6c61e222fc3f87051c1f4cf89d27be5a' })));
     }
     get element() { return this; }
 }, [4, "bal-navbar-menu", {

package/components/bal-navbar.js

@@ -30,7 +30,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends HTMLElement
     }
     render() {
         const navbarEl = BEM.block('navbar');
-        return (h(Host, { key: 'bc3b4a7517b5f96970b7c3c65d7d496c4829a644', class: Object.assign(Object.assign(Object.assign({}, navbarEl.class()), navbarEl.modifier(`context-${this.interface}`).class()), navbarEl.modifier(`is-light`).class(this.light)) }, h("nav", { key: '4df024c578399098ab513995f9d302ecdd1b2f63', role: "navigation", "aria-label": "main navigation", class: Object.assign(Object.assign({}, navbarEl.element('nav').class()), { container: true, [`is-${this.container}`]: this.container !== '' }) }, h("slot", { key: '45710ae4fd3b25cf23be8c5bf25bada4cfac312f' }))));
+        return (h(Host, { key: 'fd92bf967ce7199269234da14b2a9612c56cbb06', class: Object.assign(Object.assign(Object.assign({}, navbarEl.class()), navbarEl.modifier(`context-${this.interface}`).class()), navbarEl.modifier(`is-light`).class(this.light)) }, h("nav", { key: '7e172f369abc559d4e9ccdaee88631d8480f6704', role: "navigation", "aria-label": "main navigation", class: Object.assign(Object.assign({}, navbarEl.element('nav').class()), { container: true, [`is-${this.container}`]: this.container !== '' }) }, h("slot", { key: '7970369d6f3a5538884a29a30db863acf6f9061b' }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/components/bal-notices.js

@@ -16,7 +16,7 @@ const Notices = /*@__PURE__*/ proxyCustomElement(class Notices extends HTMLEleme
         const block = BEM.block('notices');
         const innerEl = block.element('inner');
         const hasContainer = this.interface === 'toast' && this.container !== undefined;
-        return (h(Host, { key: '914b7643a3297d183e7b1751afc8252ed75e2176', class: Object.assign(Object.assign(Object.assign({ 'bal-app': true }, block.class()), block.modifier('container').class(hasContainer)), block.modifier('animated').class(this.animated)) }, h("div", { key: '7e2d3a0980a58c9b2f0b69d06bae71779e81d90b', class: Object.assign(Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(this.interface).class()), { container: hasContainer, [`is-${this.container}`]: hasContainer && this.container !== '' }) }, h("slot", { key: 'db39f336699c3de8776f56ec79630e0221444114' }))));
+        return (h(Host, { key: '83c73f66abe9dc3abf4181c43af09fc4ce7f3b7a', class: Object.assign(Object.assign(Object.assign({ 'bal-app': true }, block.class()), block.modifier('container').class(hasContainer)), block.modifier('animated').class(this.animated)) }, h("div", { key: 'f16cd17c52f0df45500e9be985fc099c5c134cf6', class: Object.assign(Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(this.interface).class()), { container: hasContainer, [`is-${this.container}`]: hasContainer && this.container !== '' }) }, h("slot", { key: 'bdf0fc55a2b9d63fed14821e8e83553394052ac2' }))));
     }
     static get style() { return BalNoticesStyle0; }
 }, [4, "bal-notices", {

package/components/bal-notification.js

@@ -15,7 +15,7 @@ const Notification = /*@__PURE__*/ proxyCustomElement(class Notification extends
     render() {
         const block = BEM.block('notification');
         block.element('inner');
-        return (h(Host, { key: '867254c1020d19f225d64757749df32941d997e1', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`no-icon`).class(this.noIcon)), block.modifier(`color-${this.color}${this.light ? '-light' : ''}`).class(!!this.color)), block.modifier(`color-light`).class(!this.color && this.light)), "data-testid": "bal-notification-content" }, h("slot", { key: '6ac1a4235074bb8ad8599af069f0f6860c3d066c' })));
+        return (h(Host, { key: '25a9149c4bb693ebf3c1b1a863e72f7727b8d046', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`no-icon`).class(this.noIcon)), block.modifier(`color-${this.color}${this.light ? '-light' : ''}`).class(!!this.color)), block.modifier(`color-light`).class(!this.color && this.light)), "data-testid": "bal-notification-content" }, h("slot", { key: '6254964fe9f247d75cb102a80c7a251a233bf2d9' })));
     }
     static get style() { return BalNotificationStyle0; }
 }, [4, "bal-notification", {

package/components/bal-number-input.js

@@ -448,7 +448,7 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
      */
     render() {
         const block = BEM.block('number-input');
-        return (h(Host, { key: 'e4185f48852de078ce7bcf8eb9fcf7977a1146d2', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: 'cd89ad02a6788cee9efbf2fcf5bf61eb7dd23ba5', class: {
+        return (h(Host, { key: 'b8eed12bfcd82452d4764d316294744faff1f797', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '0f04129ed1bd55b8660e7add8f673e154bf4107b', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,

package/components/bal-option-list.js

@@ -421,7 +421,7 @@ const OptionList = /*@__PURE__*/ proxyCustomElement(class OptionList extends HTM
     render() {
         const block = BEM.block('option-list');
         const labelledby = this.labelledby || this.ariaForm.labelId;
-        return (h(Host, { key: '6ca4230b34121fe0a67b324fdda50ff4da05bed8', class: Object.assign({}, block.class()), id: this.inputId }, h("div", Object.assign({ key: 'bf810dbcda8f0fa7db371bdeefd92d22d5107640', role: "listbox", "aria-labelledby": labelledby, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.element('container').class()) }, this.inheritAttributes), h("slot", { key: '4e7905a83f7f61b325a828382ed319d2c57b104b' }))));
+        return (h(Host, { key: '934c509e0703b3d7435028ad7bff05290d6a855b', class: Object.assign({}, block.class()), id: this.inputId }, h("div", Object.assign({ key: '4d6b39d94ea7f7abacd128ca65e0f9f985ae3165', role: "listbox", "aria-labelledby": labelledby, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.element('container').class()) }, this.inheritAttributes), h("slot", { key: '0ad6401208e35316c7eb892d0b8ffba1476a8611' }))));
     }
     get el() { return this; }
     static get watchers() { return {