@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { BEM } from "../../utils/bem";
 export class List {
     constructor() {
@@ -36,7 +36,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: '7ef6dd33b4d31cc005f75a765f1988b8e4db6889', 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: 'bcd458624136b674e38079f3f9f0838a4ae0dcf1' })));
+        return (h(Host, { key: '0d645eb9443b6c5c60f5875949905a8c85df6b15', 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: 'b470e521ebcff2eb376f7ed3c9cbf1fcd475a61a' })));
     }
     static get is() { return "bal-list"; }
     static get originalStyleUrls() {
@@ -53,7 +53,6 @@ export class List {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -69,11 +68,11 @@ export class List {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "background": {
                 "type": "string",
-                "attribute": "background",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalListBackground",
@@ -94,11 +93,11 @@ export class List {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "background",
                 "defaultValue": "'light'"
             },
             "border": {
                 "type": "boolean",
-                "attribute": "border",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -114,11 +113,11 @@ export class List {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "border",
                 "defaultValue": "false"
             },
             "accordionOneLevel": {
                 "type": "boolean",
-                "attribute": "accordion-one-level",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -134,11 +133,11 @@ export class List {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "accordion-one-level",
                 "defaultValue": "false"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalListSize",
@@ -159,6 +158,7 @@ export class List {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "''"
             }
         };

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

@@ -1,10 +1,10 @@
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
 import { BEM } from "../../utils/bem";
-import { Logger } from "../../utils/log";
-import { rOnLoad } from "../../utils/helpers";
-import { ListenToBreakpoints, balBreakpoints } from "../../utils/breakpoints";
+import { balBreakpoints, ListenToBreakpoints } from "../../utils/breakpoints";
 import { ListenToConfig } from "../../utils/config";
+import { rOnLoad } from "../../utils/helpers";
+import { Logger } from "../../utils/log";
 export class Logo {
     constructor() {
         this.isTouch = balBreakpoints.isTouch;
@@ -141,7 +141,6 @@ export class Logo {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalLogoColor",
@@ -162,11 +161,11 @@ export class Logo {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'blue'"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalLogoSize",
@@ -187,11 +186,11 @@ export class Logo {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "''"
             },
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -207,6 +206,7 @@ export class Logo {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "animated",
                 "defaultValue": "false"
             }
         };

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: '9c524259d6f60c57d7d682e5453e7abb2432bfe0', class: "bal-modal__header" }, h("div", { key: '7597f303fba32bb3a28b6bf9775b368bb92d1c43', class: "bal-modal__header__title" }, h("bal-heading", { key: 'a7c072e997d9a6863683a895a0b71441abbb1b46', level: "h2", space: "none" }, h("slot", { key: '72f19ac646649a03f1b27c01b10dbad411c6e61d' }))), ((_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: 'fa05e7fa9f1a04125400d4e8dc620ef41b8ee8e0', class: "bal-modal__header" }, h("div", { key: 'eff6b456ba712662d46cc8034e4e0781e9b56910', class: "bal-modal__header__title" }, h("bal-heading", { key: '68d8992f401e949c0323054389e4f8c4a2a731de', level: "h2", space: "none" }, h("slot", { key: '7abb147d4ee07d0f9e62daca6d77018bb17d7261' }))), ((_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,10 +1,10 @@
-import { Host, h, writeTask } from "@stencil/core";
-import { dismiss, eventMethod, FOCUS_TRAP_DISABLE_CLASS, prepareOverlay } from "../../utils/overlays/overlays";
+import { h, Host, writeTask } from "@stencil/core";
+import { balBrowser } from "../../utils/browser";
+import { getClassMap } from "../../utils/css-classes";
 import { attachComponent, detachComponent } from "../../utils/framework-delegate";
 import { deepReady, wait } from "../../utils/helpers";
-import { getClassMap } from "../../utils/css-classes";
+import { dismiss, eventMethod, FOCUS_TRAP_DISABLE_CLASS, prepareOverlay } from "../../utils/overlays/overlays";
 import { BalScrollHandler } from "../../utils/scroll";
-import { balBrowser } from "../../utils/browser";
 export class Modal {
     constructor() {
         this.isClickedOutsideOnMouseDown = false;
@@ -212,17 +212,17 @@ export class Modal {
         return false;
     }
     render() {
-        return (h(Host, { key: 'b9f93570b2f131d733376175c270362d332b2f8c', "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: '2f549c1b2f23df85b241d4f791db9e7b7d6c6d99', "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: '3ba52aa812080ca4df440ed31550c63f247102ed', class: {
+            } }, h("div", { key: '611459787dc3ed3f9d88f2c7079644ff23afe385', class: {
                 'bal-modal__background': true,
                 'is-hidden': !this.hasBackdrop,
-            }, ref: div => (this.modalBackgroundElement = div) }), h("div", { key: 'a0e32a3bdd09f2abc90f18129f0e1ecb230774b7', class: {
+            }, ref: div => (this.modalBackgroundElement = div) }), h("div", { key: 'c8553af2894b82528ac43390b5599478a15963b0', class: {
                 'bal-modal__container': true,
-            }, ref: div => (this.modalContainerElement = div) }, h("div", { key: 'f38d1b9a696644b23960e2769020dbd88518914f', class: {
+            }, ref: div => (this.modalContainerElement = div) }, h("div", { key: '3b61064fb8f36d0b875768621867d0429329028b', class: {
                 'bal-modal__content': true,
                 [`bal-modal__content--has-spacing-${this.space}`]: true,
-            }, ref: div => (this.modalContentElement = div) }, h("slot", { key: '984553311791bdbc7de71bb56ea8deef8e431012' })))));
+            }, ref: div => (this.modalContentElement = div) }, h("slot", { key: '0ff7a01a8236ea6ef754cd38a89f3fb7337df3b8' })))));
     }
     static get is() { return "bal-modal"; }
     static get originalStyleUrls() {
@@ -239,7 +239,6 @@ export class Modal {
         return {
             "overlayIndex": {
                 "type": "number",
-                "attribute": "overlay-index",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -257,11 +256,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "overlay-index"
             },
             "delegate": {
                 "type": "unknown",
-                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.FrameworkDelegate",
@@ -287,7 +286,6 @@ export class Modal {
             },
             "dataTestId": {
                 "type": "string",
-                "attribute": "data-test-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -305,11 +303,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "data-test-id"
             },
             "modalWidth": {
                 "type": "number",
-                "attribute": "modal-width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -325,11 +323,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "modal-width",
                 "defaultValue": "640"
             },
             "space": {
                 "type": "string",
-                "attribute": "space",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalModalSpace",
@@ -350,11 +348,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "space",
                 "defaultValue": "''"
             },
             "hasBackdrop": {
                 "type": "boolean",
-                "attribute": "has-backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -370,11 +368,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "has-backdrop",
                 "defaultValue": "true"
             },
             "isClosable": {
                 "type": "boolean",
-                "attribute": "is-closable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -390,11 +388,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-closable",
                 "defaultValue": "true"
             },
             "component": {
                 "type": "string",
-                "attribute": "component",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.ComponentRef",
@@ -414,11 +412,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "component"
             },
             "componentProps": {
                 "type": "unknown",
-                "attribute": "component-props",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.ComponentProps",
@@ -441,7 +439,6 @@ export class Modal {
             },
             "cssClass": {
                 "type": "string",
-                "attribute": "css-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -456,11 +453,11 @@ export class Modal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "css-class"
             },
             "backdropDismiss": {
                 "type": "boolean",
-                "attribute": "backdrop-dismiss",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -476,11 +473,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "backdrop-dismiss",
                 "defaultValue": "true"
             },
             "focusTrap": {
                 "type": "boolean",
-                "attribute": "focus-trap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -496,11 +493,11 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "focus-trap",
                 "defaultValue": "true"
             },
             "demo": {
                 "type": "boolean",
-                "attribute": "demo",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -519,6 +516,7 @@ export class Modal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "demo",
                 "defaultValue": "false"
             }
         };

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

@@ -63,7 +63,6 @@ export class NavLink {
         return {
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavLinkVariant",
@@ -84,11 +83,11 @@ export class NavLink {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "''"
             },
             "selected": {
                 "type": "boolean",
-                "attribute": "selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -104,11 +103,11 @@ export class NavLink {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "selected",
                 "defaultValue": "false"
             },
             "clickable": {
                 "type": "boolean",
-                "attribute": "clickable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -124,11 +123,11 @@ export class NavLink {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "clickable",
                 "defaultValue": "false"
             },
             "rel": {
                 "type": "string",
-                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -143,11 +142,11 @@ export class NavLink {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "rel"
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -162,11 +161,11 @@ export class NavLink {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "href"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonTarget",
@@ -187,6 +186,7 @@ export class NavLink {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "target",
                 "defaultValue": "'_self'"
             }
         };

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

@@ -40,7 +40,6 @@ export class NavLinkGridCol {
         return {
             "staticCol": {
                 "type": "boolean",
-                "attribute": "static-col",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavLinkGridCol",
@@ -61,6 +60,7 @@ export class NavLinkGridCol {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "static-col",
                 "defaultValue": "false"
             }
         };

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

@@ -40,7 +40,6 @@ export class NavLinkGroup {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavLinkGroupColor",
@@ -61,6 +60,7 @@ export class NavLinkGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "''"
             }
         };

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

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from "tslib";
-import { h, Host } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
 import { Logger } from "../../../utils/log";
 export class NavMenuBar {
@@ -36,7 +36,7 @@ export class NavMenuBar {
     render() {
         const block = BEM.block('nav-menu-bar');
         const innerBlock = block.element('inner');
-        return (h(Host, { key: '1d3156e1e56a298106c03aa04a7ce6e7e720fa09', 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: '1e1855a00bf27d97cd6740bbf1bf6c27b688b8fd', class: Object.assign({}, innerBlock.class()) }, h("div", { key: '96ada15dbc1e40a0f364d05de09692c483a57c44', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '1a3229dd01d5da1cfc3e9ff15ae995ddd6fb2c93' })))));
+        return (h(Host, { key: 'c512c5c56732da21be09b4f425cadf3e59cd42f9', 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: '79c4e0d458b0a7ced671b8fe9268d10748f676f8', class: Object.assign({}, innerBlock.class()) }, h("div", { key: '565d5c9f36f2e1d835f1e918308d7b4435cf650a', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'ab610c474c6c6a9e1b15036a298aa3b273ae4207' })))));
     }
     static get is() { return "bal-nav-menu-bar"; }
     static get originalStyleUrls() {
@@ -53,7 +53,6 @@ export class NavMenuBar {
         return {
             "invisible": {
                 "type": "string",
-                "attribute": "invisible",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavMenuBarInvisible",
@@ -74,11 +73,11 @@ export class NavMenuBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invisible",
                 "defaultValue": "'none'"
             },
             "position": {
                 "type": "string",
-                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavMenuBarPosition",
@@ -99,6 +98,7 @@ export class NavMenuBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "position",
                 "defaultValue": "'none'"
             }
         };

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

@@ -63,7 +63,7 @@ export class NavMenuFlyout {
     render() {
         const block = BEM.block('nav-menu-flyout');
         const line = block.element('line');
-        return (h(Host, { key: '08fec06021b7342e57f8b473e8b3945e9f9b1fdd', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, h("div", { key: 'e0ac894e2f7f9f598e83f9b356d6b6650517dae8', class: Object.assign({}, line.class()) }), h("div", { key: '1849d0a2e87299ed182eb4d3adf167f129dc50f5', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'd4b6906e2747d25c10426c295cce3f6a64ee5fb3' }))));
+        return (h(Host, { key: '5b8b721ba798c1b821379db4eb80bb99d03cbc5b', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, h("div", { key: 'b17ee85558e1fcd48d98f1b1744f7484f105e5dc', class: Object.assign({}, line.class()) }), h("div", { key: 'b864ab407819d5169e5ac03108d15f1cd0383715', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '2e517d14555faa2f42447ea55208c3580882fa7b' }))));
     }
     static get is() { return "bal-nav-menu-flyout"; }
     static get originalStyleUrls() {
@@ -80,7 +80,6 @@ export class NavMenuFlyout {
         return {
             "navId": {
                 "type": "string",
-                "attribute": "nav-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -96,6 +95,7 @@ export class NavMenuFlyout {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "nav-id",
                 "defaultValue": "`bal-nav-x${NavMenuFlyOutIds++}`"
             }
         };

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

@@ -1,8 +1,8 @@
 import { __decorate, __metadata } from "tslib";
-import { h, Host } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
-import { Logger } from "../../../utils/log";
 import { balBrowser } from "../../../utils/browser";
+import { Logger } from "../../../utils/log";
 export class NavMetaBar {
     constructor() {
         this.navMetaBarId = `bal-nav-meta-bar-${NavMetaBarIds++}`;
@@ -77,7 +77,7 @@ export class NavMetaBar {
      */
     render() {
         const block = BEM.block('nav-meta-bar');
-        return (h(Host, { key: 'b0bcf370b580af4b1b08e3db52fdcd63d73b6626', id: this.navMetaBarId, class: Object.assign(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')), block.modifier(`stay-on-top`).class(this.stayOnTopOfBackdrop)) }, h("div", { key: 'e6d3b94907abfa645139d6f680f70fc5c4120704', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'd8f228c8191c61245dcf96f54270e021609a9296' }))));
+        return (h(Host, { key: '25684e02977f5a4d967d30008b547d8cf44e3226', id: this.navMetaBarId, class: Object.assign(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')), block.modifier(`stay-on-top`).class(this.stayOnTopOfBackdrop)) }, h("div", { key: 'f57d830449b096a918c3c95afdc3c10bfe0aebab', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'bff11fca547605a1f0f1993fd7ffefa4b3c500a6' }))));
     }
     static get is() { return "bal-nav-meta-bar"; }
     static get originalStyleUrls() {
@@ -94,7 +94,6 @@ export class NavMetaBar {
         return {
             "stayOnTopOfBackdrop": {
                 "type": "boolean",
-                "attribute": "stay-on-top-of-backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -110,11 +109,11 @@ export class NavMetaBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "stay-on-top-of-backdrop",
                 "defaultValue": "false"
             },
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavMetaBarVariant",
@@ -135,11 +134,11 @@ export class NavMetaBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'primary'"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavMetaBarSize",
@@ -160,11 +159,11 @@ export class NavMetaBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'normal'"
             },
             "invisible": {
                 "type": "string",
-                "attribute": "invisible",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavMetaBarInvisible",
@@ -185,11 +184,11 @@ export class NavMetaBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invisible",
                 "defaultValue": "'none'"
             },
             "position": {
                 "type": "string",
-                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavMetaBarPosition",
@@ -210,6 +209,7 @@ export class NavMetaBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "position",
                 "defaultValue": "'none'"
             }
         };