@baloise/ds-core 17.2.1 → 17.2.2-nightly.20250109

package/dist/collection/components/bal-list/bal-list-item-icon/bal-list-item-icon.js

@@ -4,10 +4,10 @@ export class ListItemIcon {
         this.right = false;
     }
     render() {
-        return (h(Host, { key: '9fb09192dd52850fcef91ea5a331d15a4b3b5dcc', class: {
+        return (h(Host, { key: '99a23b25b0d12efbbcec68c953c9a71715728264', class: {
                 'bal-list__item__icon': true,
                 'bal-list__item__icon--right': this.right,
-            } }, h("slot", { key: 'cd11e4ae80df1279bb2ba2ea033177e2853e9f78' })));
+            } }, h("slot", { key: '735c1364fabfb25f66c930771294b88588bb3dde' })));
     }
     static get is() { return "bal-list-item-icon"; }
     static get properties() {
@@ -26,6 +26,8 @@ export class ListItemIcon {
                     "tags": [],
                     "text": "If `true` the icon is on the right side of the list item. Default is the left side."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "right",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/bal-list/bal-list-item-subtitle/bal-list-item-subtitle.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class ListItemSubtitle {
     render() {
-        return (h(Host, { key: '9d30c4730ecaf4111353cba87adaa659eb859623', class: "bal-list__item__subtitle" }, h("slot", { key: 'e76c009d723f41b9197c4d08dfb113221f83ff04' })));
+        return (h(Host, { key: 'effd50d57869e56472d4f02227aa8d0f694fe2b2', class: "bal-list__item__subtitle" }, h("slot", { key: '78c5597788016f37e1c7f96b2bc3b8eba14a16aa' })));
     }
     static get is() { return "bal-list-item-subtitle"; }
 }

package/dist/collection/components/bal-list/bal-list-item-title/bal-list-item-title.js

@@ -5,7 +5,7 @@ export class ListItemTitle {
         this.visualLevel = undefined;
     }
     render() {
-        return (h(Host, { key: '01c84fe56b2b55a7697123f6fe756faf6356715d', class: "bal-list__item__title" }, h("bal-heading", { key: '72c506243539016f8ea69d0c41617cf3d78db736', level: this.level, visualLevel: this.visualLevel, space: "none" }, h("slot", { key: '3e92f25b24180c39db9cbe8967baac16e41e0f03' }))));
+        return (h(Host, { key: '4825c89e7378cd84b26a1ec9188063a2023d0df6', class: "bal-list__item__title" }, h("bal-heading", { key: 'b49ed81022742cb5ababb5acb3b4f62eb9fa00f9', level: this.level, visualLevel: this.visualLevel, space: "none" }, h("slot", { key: 'c79cd06a74853e184c07a751947a974a7a2eca5d' }))));
     }
     static get is() { return "bal-list-item-title"; }
     static get properties() {
@@ -29,6 +29,8 @@ export class ListItemTitle {
                     "tags": [],
                     "text": "Heading level with value 'h4' on default"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "level",
                 "reflect": false,
                 "defaultValue": "'h5'"
@@ -52,6 +54,8 @@ export class ListItemTitle {
                     "tags": [],
                     "text": "Make the visual style mimic a specific heading level.\nThis option allows you to make e.g. h1 visually look like h3,\nbut still keep it h1 in the markup."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "visual-level",
                 "reflect": false
             }

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

@@ -21,7 +21,7 @@ export class List {
         const block = BEM.block('list');
         const closestListEl = this.el.closest('.bal-list');
         const nested = closestListEl !== null && closestListEl !== this.el;
-        return (h(Host, { key: 'e37f1536781b7ba2eb1e544a314c9b6396b6a2da', 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: '21a50a6a0501553da01d3cd5bf23558940d51ec4' })));
+        return (h(Host, { key: '4a0b8f7cfd42f45643109f98a60f801b8c61f832', 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: 'df4df7cfbc9c054ddb565c6712f25cd0b5970df4' })));
     }
     static get is() { return "bal-list"; }
     static get originalStyleUrls() {
@@ -50,6 +50,8 @@ export class List {
                     "tags": [],
                     "text": "If `true` the list item can not be hovered"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -73,6 +75,8 @@ export class List {
                     "tags": [],
                     "text": "If `true` the list can be used on a light, dark or colored backgrounds"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background",
                 "reflect": false,
                 "defaultValue": "'light'"
@@ -91,6 +95,8 @@ export class List {
                     "tags": [],
                     "text": "If `true` each list item has a bottom border"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "border",
                 "reflect": false,
                 "defaultValue": "false"
@@ -109,6 +115,8 @@ export class List {
                     "tags": [],
                     "text": "If `true` only one of the layers can be open and the others close automatically"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accordion-one-level",
                 "reflect": false,
                 "defaultValue": "false"
@@ -132,6 +140,8 @@ export class List {
                     "tags": [],
                     "text": "Defines the min height of the list item"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "''"

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

@@ -2,7 +2,7 @@ import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
 import { BEM } from "../../utils/bem";
 import { Logger } from "../../utils/log";
-import { rLCP } from "../../utils/helpers";
+import { rOnLoad } from "../../utils/helpers";
 import { ListenToBreakpoints, balBreakpoints } from "../../utils/breakpoints";
 import { ListenToConfig } from "../../utils/config";
 export class Logo {
@@ -72,7 +72,7 @@ export class Logo {
                 return resolve();
             }
             else {
-                rLCP(async () => {
+                rOnLoad(async () => {
                     import(/* @vite-ignore */ './bal-logo.animation')
                         .then(module => {
                         this.animationFunction = module.animate;
@@ -145,6 +145,8 @@ export class Logo {
                     "tags": [],
                     "text": "Defines the color of the logo."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'blue'"
@@ -168,6 +170,8 @@ export class Logo {
                     "tags": [],
                     "text": "Size of the logo svg"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "''"
@@ -186,6 +190,8 @@ export class Logo {
                     "tags": [],
                     "text": "Defines if the animation should be active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/bal-modal/bal-modal-body/bal-modal-body.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class ModalBody {
     render() {
-        return (h(Host, { key: '832389ef4fb2876265130421194e971d14c1d664', class: "bal-modal__body" }, h("slot", { key: '8a0e7b7bc0f015b9d1a208767214964e1a6a083d' })));
+        return (h(Host, { key: '4f377434dbfa5bcaf78de5bbd9c2ce0b3ef29b07', class: "bal-modal__body" }, h("slot", { key: 'cc2a53e19dd0ec2c2bccbabe0ee7f3b1d1bc1cfe' })));
     }
     static get is() { return "bal-modal-body"; }
 }

package/dist/collection/components/bal-modal/bal-modal-header/bal-modal-header.js

@@ -12,7 +12,7 @@ export class ModalHeader {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a168b477c3b25d6b634cae28dfdfe80662835c28', class: "bal-modal__header" }, h("div", { key: 'ede951e810c8dd9ee74f18bd2aaeb9938256eaa0', class: "bal-modal__header__title" }, h("bal-heading", { key: '58aa9747176c2fb610b3d5e269b5e5318e6f1545', level: "h2", space: "none" }, h("slot", { key: '35b58496692d5fafadba77727cd60a70f507b327' }))), ((_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: '5e6e9e2ca7d60ad7db0afe67c415879497f0a8d2', class: "bal-modal__header" }, h("div", { key: '8f9fde0e3f58ecdffdca48e9b86cfdd631fed2f1', class: "bal-modal__header__title" }, h("bal-heading", { key: '855241bb7a83ff949c38e3f7ace530791e7d06ee', level: "h2", space: "none" }, h("slot", { key: '526ce820a6160cdc093d994a00328b9297924046' }))), ((_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 })) : ('')));
     }
     static get is() { return "bal-modal-header"; }
     static get elementRef() { return "el"; }

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

@@ -1,4 +1,3 @@
-import { __decorate, __metadata } from "tslib";
 import { Host, h, writeTask } from "@stencil/core";
 import { dismiss, eventMethod, prepareOverlay } from "../../utils/overlays/overlays";
 import { attachComponent, detachComponent } from "../../utils/framework-delegate";
@@ -6,7 +5,6 @@ import { deepReady, wait } from "../../utils/helpers";
 import { getClassMap } from "../../utils/css-classes";
 import { BalScrollHandler } from "../../utils/scroll";
 import { balBrowser } from "../../utils/browser";
-import { ListenTo } from "../../utils/listen";
 export class Modal {
     constructor() {
         this.isClickedOutsideOnMouseDown = false;
@@ -184,17 +182,17 @@ export class Modal {
         return false;
     }
     render() {
-        return (h(Host, { key: '798fe5316195806b60cadaf15fd2455268f62919', "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 }, getClassMap(this.cssClass)), style: {
+        return (h(Host, { key: '6fb09ad213fb5ee3a62e3e166f7381000ef02380', "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 }, getClassMap(this.cssClass)), style: {
                 '--bal-width': `${this.modalWidth}px`,
-            } }, h("div", { key: 'b57401f0e8383d1c1455602523ad771383a29324', class: {
+            } }, h("div", { key: 'cad948856ebda541aedd8f15dee694ebaad37c48', class: {
                 'bal-modal__background': true,
                 'is-hidden': !this.hasBackdrop,
-            }, ref: div => (this.modalBackgroundElement = div) }), h("div", { key: '47e3429c0148724a7c102bd3f4718b4476b90c27', class: {
+            }, ref: div => (this.modalBackgroundElement = div) }), h("div", { key: '898638dcd4c7d67a988f4b145cd14a8377744829', class: {
                 'bal-modal__container': true,
-            }, ref: div => (this.modalContainerElement = div) }, h("div", { key: '5aef1c76fd9d0a62b53e1665b2a341ecac7db74a', class: {
+            }, ref: div => (this.modalContainerElement = div) }, h("div", { key: '0472b9eca55a86bac5587dd84b7b73391fe8c81b', class: {
                 'bal-modal__content': true,
                 [`bal-modal__content--has-spacing-${this.space}`]: true,
-            }, ref: div => (this.modalContentElement = div) }, h("slot", { key: '62773246852b6a4be88dab20d93bf0a8169e1f13' })))));
+            }, ref: div => (this.modalContentElement = div) }, h("slot", { key: '3c0ab93e9049d0fb93fac5d2e0affe06eaae0ff5' })))));
     }
     static get is() { return "bal-modal"; }
     static get originalStyleUrls() {
@@ -226,6 +224,8 @@ export class Modal {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "overlay-index",
                 "reflect": false
             },
@@ -250,7 +250,9 @@ export class Modal {
                             "text": undefined
                         }],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "dataTestId": {
                 "type": "string",
@@ -269,6 +271,8 @@ export class Modal {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "data-test-id",
                 "reflect": false
             },
@@ -286,6 +290,8 @@ export class Modal {
                     "tags": [],
                     "text": "Defines the width of the modal body"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "modal-width",
                 "reflect": false,
                 "defaultValue": "640"
@@ -309,6 +315,8 @@ export class Modal {
                     "tags": [],
                     "text": "Defines the space/padding of the modal"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "space",
                 "reflect": false,
                 "defaultValue": "''"
@@ -327,6 +335,8 @@ export class Modal {
                     "tags": [],
                     "text": "If `true`, a backdrop will be displayed behind the modal."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-backdrop",
                 "reflect": false,
                 "defaultValue": "true"
@@ -345,6 +355,8 @@ export class Modal {
                     "tags": [],
                     "text": "If `true`, the modal can be closed with the escape key or the little close button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-closable",
                 "reflect": false,
                 "defaultValue": "true"
@@ -368,6 +380,8 @@ export class Modal {
                     "tags": [],
                     "text": "The component to display inside of the modal."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "component",
                 "reflect": false
             },
@@ -389,7 +403,9 @@ export class Modal {
                 "docs": {
                     "tags": [],
                     "text": "The data to pass to the modal component."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "cssClass": {
                 "type": "string",
@@ -405,6 +421,8 @@ export class Modal {
                     "tags": [],
                     "text": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "css-class",
                 "reflect": false
             },
@@ -422,6 +440,8 @@ export class Modal {
                     "tags": [],
                     "text": "If `true`, the modal can be closed with the click outside of the modal"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "backdrop-dismiss",
                 "reflect": false,
                 "defaultValue": "true"
@@ -443,6 +463,8 @@ export class Modal {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "demo",
                 "reflect": false,
                 "defaultValue": "false"
@@ -676,28 +698,31 @@ export class Modal {
         };
     }
     static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "onClickCloseButton",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "mousedown",
+                "method": "onMouseDown",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "mouseup",
+                "method": "onMouseUp",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "keyup",
+                "method": "handleKeyUp",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
-__decorate([
-    ListenTo('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", Promise)
-], Modal.prototype, "onClickCloseButton", null);
-__decorate([
-    ListenTo('mousedown'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", Promise)
-], Modal.prototype, "onMouseDown", null);
-__decorate([
-    ListenTo('mouseup'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", Promise)
-], Modal.prototype, "onMouseUp", null);
-__decorate([
-    ListenTo('keyup', { target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", Promise)
-], Modal.prototype, "handleKeyUp", null);

package/dist/collection/components/bal-nav/bal-nav-link/bal-nav-link.js

@@ -27,10 +27,10 @@ export class NavLink {
         if (hasLink) {
             linkAttributes = { href, target };
         }
-        return (h(Host, { key: '538d4bc561eec9c4c4d88a16efbd22ccc61517ec', class: Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class(hasVariant)) }, h(Link, Object.assign({ key: '68ac516eb7190bbc532cfd108854cf1329110984', "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: '94718986eda442992d83a9b40e26bf595d523dce', class: Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class(hasVariant)) }, h(Link, Object.assign({ key: 'cf8106036e3366712fff52d08e8c1567873014be', "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: '8b705b4c113a3272dcc68d798dce816f13343363' }))));
+                .class(this.selected && (hasLink || this.clickable))) }, linkAttributes), h("slot", { key: 'f9ab826645c95e02cf1b1ccfa2df34b637a67d13' }))));
     }
     static get is() { return "bal-nav-link"; }
     static get originalStyleUrls() {
@@ -64,6 +64,8 @@ export class NavLink {
                     "tags": [],
                     "text": "Defines the variant of the link"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "''"
@@ -82,6 +84,8 @@ export class NavLink {
                     "tags": [],
                     "text": "If `true` the link gets selected with a underline"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -100,6 +104,8 @@ export class NavLink {
                     "tags": [],
                     "text": "If `true` the link can be clickable"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clickable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -118,6 +124,8 @@ export class NavLink {
                     "tags": [],
                     "text": "Specifies the URL of the page the link goes to"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false
             },
@@ -140,6 +148,8 @@ export class NavLink {
                     "tags": [],
                     "text": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "target",
                 "reflect": false,
                 "defaultValue": "'_self'"

package/dist/collection/components/bal-nav/bal-nav-link-grid/bal-nav-link-grid.js

@@ -12,7 +12,7 @@ export class NavLinkGrid {
      */
     render() {
         const block = BEM.block('nav-link-grid');
-        return (h(Host, { key: '9aca76046a51bc001c233e0b8ee24fa863968d0d', class: Object.assign({}, block.class()) }, h("slot", { key: '3e2ceccc2ffe6f231c6900a869a863fec0c153ca' })));
+        return (h(Host, { key: '03e4b64a2041c0fb36d94fd061eb9352a38446ed', class: Object.assign({}, block.class()) }, h("slot", { key: '7f7eb07e433531b6d0dab67b4a89e7faab742b51' })));
     }
     static get is() { return "bal-nav-link-grid"; }
     static get originalStyleUrls() {

package/dist/collection/components/bal-nav/bal-nav-link-grid-col/bal-nav-link-grid-col.js

@@ -16,7 +16,7 @@ export class NavLinkGridCol {
     render() {
         const block = BEM.block('nav-link-grid-col');
         const innerEl = block.element('inner');
-        return (h(Host, { key: '570396a3ad6882891cfefebf9d92dae1137a3f48', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-static').class(this.staticCol)) }, h("div", { key: '86f6add382f5accf09aef4593b16281268af8241', class: Object.assign({}, innerEl.class()) }, h("slot", { key: '57160d0fd8135f4d8a4d955a019ae41b28fc2123' }))));
+        return (h(Host, { key: 'd207c87255663724d4cdefb411665804c0d614bf', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-static').class(this.staticCol)) }, h("div", { key: '8fa5bf2182f99d55463202ecb68aa490ac741510', class: Object.assign({}, innerEl.class()) }, h("slot", { key: 'a04eb96c4706a99724d7955aa1a0ce0ef0be4690' }))));
     }
     static get is() { return "bal-nav-link-grid-col"; }
     static get originalStyleUrls() {
@@ -50,6 +50,8 @@ export class NavLinkGridCol {
                     "tags": [],
                     "text": "Defines the static column which is always aligned to the right"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "static-col",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -16,7 +16,7 @@ export class NavLinkGroup {
     render() {
         const block = BEM.block('nav-link-group');
         const hasColor = this.color !== '';
-        return (h(Host, { key: '7594abd236200ade0063149fcbe2985e37c0ec9f', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.color}`).class(hasColor)) }, h("slot", { key: '42ceaea3299c69ddaa535b4fb47438816e11323b' })));
+        return (h(Host, { key: '83e07dc3e48315f8c8196f54cda2e371eeb9d297', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.color}`).class(hasColor)) }, h("slot", { key: 'e54ab919fba4f5a400b753d05c9545d8368e7e9c' })));
     }
     static get is() { return "bal-nav-link-group"; }
     static get originalStyleUrls() {
@@ -50,6 +50,8 @@ export class NavLinkGroup {
                     "tags": [],
                     "text": "Defines the color of the group"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.js

@@ -26,7 +26,7 @@ export class NavMenuBar {
     render() {
         const block = BEM.block('nav-menu-bar');
         const innerBlock = block.element('inner');
-        return (h(Host, { key: '4b2520319f467e9fc3cf0b7e1bece33c3e605915', 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: '6ecb9f3e785c318c05064ab6f9e18a7c1774cd49', class: Object.assign({}, innerBlock.class()) }, h("div", { key: 'e809ddfb4b672a29852c44ab59c82e35fa5b6ac4', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'b249113bdb2b5289a213a3ff2782cd958ac7d923' })))));
+        return (h(Host, { key: '408438f50a37356d275fd30fb3793334293553ea', 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: '81a5b4b94fff712cdd9ee7479e40694df1f07107', class: Object.assign({}, innerBlock.class()) }, h("div", { key: 'd45071ac59862cf928d1d21ea0510f9840255ed9', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '4d9c8f32c524223f76906671f28d3891f353e4b2' })))));
     }
     static get is() { return "bal-nav-menu-bar"; }
     static get originalStyleUrls() {
@@ -60,6 +60,8 @@ export class NavMenuBar {
                     "tags": [],
                     "text": "Tells when to hide the bar"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invisible",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -83,6 +85,8 @@ export class NavMenuBar {
                     "tags": [],
                     "text": "Defines the position of the bar"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": false,
                 "defaultValue": "'none'"

package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js

@@ -50,7 +50,7 @@ export class NavMenuFlyout {
     render() {
         const block = BEM.block('nav-menu-flyout');
         const line = block.element('line');
-        return (h(Host, { key: 'd2de6257fc31499b2d26204ee0db07a4e079144b', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, h("div", { key: '6392e2be737b3f5c11dd83602f210d1a263c7a5f', class: Object.assign({}, line.class()) }), h("div", { key: 'b6d06ea36310b6ed5975f2bae2f57e65d1e29f82', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '38566fffa659f0661e3cb7ca7535c6a7f244b696' }))));
+        return (h(Host, { key: '60bf384edb49a6686374e4f473758745e2771945', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, h("div", { key: 'a234f10624799caf4c183c608fda3ccdb3e39446', class: Object.assign({}, line.class()) }), h("div", { key: 'b96460b50a8ea76acdcbb4c464e90f4416009b2d', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '0d02f07430f4d05c58627866a131e5bee32b3e51' }))));
     }
     static get is() { return "bal-nav-menu-flyout"; }
     static get originalStyleUrls() {
@@ -79,6 +79,8 @@ export class NavMenuFlyout {
                     "tags": [],
                     "text": "This is used to connect the flyout to the aria controls"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "nav-id",
                 "reflect": false,
                 "defaultValue": "`bal-nav-x${NavMenuFlyOutIds++}`"

package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js

@@ -3,7 +3,6 @@ import { h, Host } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
 import { Logger } from "../../../utils/log";
 import { balBrowser } from "../../../utils/browser";
-import { ListenTo } from "../../../utils/listen";
 export class NavMetaBar {
     constructor() {
         this.navMetaBarId = `bal-nav-meta-bar-${NavMetaBarIds++}`;
@@ -58,7 +57,7 @@ export class NavMetaBar {
      */
     render() {
         const block = BEM.block('nav-meta-bar');
-        return (h(Host, { key: 'c78fff46b1798a4d4d2a26152b1005694c2a3534', 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: 'a0ba3a8f0942a67fc2d1d6e795b288f9dd12d621', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '7428dc9ba14777bf263aa62c5a91634efdbc70d5' }))));
+        return (h(Host, { key: '5436cb6898cdaecac4f0304b8dd62484b5a8a231', 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: 'f7ed5d2c6a334ad586baf75a5b87132a4460f065', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'c60750b340d6f1276d45efa7a786b142938d73a4' }))));
     }
     static get is() { return "bal-nav-meta-bar"; }
     static get originalStyleUrls() {
@@ -92,6 +91,8 @@ export class NavMetaBar {
                     "tags": [],
                     "text": "Defines the color variant"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'primary'"
@@ -115,6 +116,8 @@ export class NavMetaBar {
                     "tags": [],
                     "text": "Defines the height of the bar"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'normal'"
@@ -138,6 +141,8 @@ export class NavMetaBar {
                     "tags": [],
                     "text": "Tells when to hide the bar"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invisible",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -161,6 +166,8 @@ export class NavMetaBar {
                     "tags": [],
                     "text": "Defines the position of the bar"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -173,6 +180,15 @@ export class NavMetaBar {
         };
     }
     static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "scroll",
+                "method": "handleScroll",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }];
+    }
 }
 __decorate([
     Logger('bal-meta-bar'),
@@ -180,10 +196,4 @@ __decorate([
     __metadata("design:paramtypes", [Function]),
     __metadata("design:returntype", void 0)
 ], NavMetaBar.prototype, "createLogger", null);
-__decorate([
-    ListenTo('scroll', { target: 'window', passive: true }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], NavMetaBar.prototype, "handleScroll", null);
 let NavMetaBarIds = 0;