@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -283,7 +283,7 @@ export class Nav {
         const block = BEM.block('nav');
         const flyoutBlock = block.element('flyout');
         this.hasRenderedWithFlyoutActive = this.isFlyoutActive;
-        return (h(Host, { key: 'dae60e87a7091b449e1f75eab64b12ce35fb05ea', id: this.navId, class: Object.assign({}, block.class()) }, h("div", { key: '649fcb126503a271bc248ee96e68b425a923e5d3', class: {
+        return (h(Host, { key: 'bd3aaf8839666e5d482640dfa9274b799036fec3', id: this.navId, class: Object.assign({}, block.class()) }, h("div", { key: '0ff02ba7e1ad39d2707e84f500768385cd8058f6', 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", { inverted: true, context: "meta", value: this.activeMetaLinkValue, "aria-label": i18nNavBars[this.language].mainNavigation, onBalChange: ev => this.onMetaBarTabChange(ev) }, this.linkItems.map(item => item.render({
@@ -326,7 +326,7 @@ export class Nav {
                     });
                 }
             } }, 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: '6499f09da6ff07093492b342ee5851600eccd391' }, h("slot", { key: '83f00bc33f0587edf5145def059525712b62637d' }))), 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({
+            _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: '5d7ce9a508ca9c83120c8f288c946ff42001d41d' }, h("slot", { key: 'a05f492433abe803c255ed42ecd52faf35f42f38' }))), 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", { stayOnTopOfBackdrop: true, variant: "grey", size: "normal" }, h("bal-stack", { space: "x-small", align: "center" }, this.metaButtons.map(button => button.renderAtTouchBottomMetaBar())))) : ('')));
@@ -381,7 +381,6 @@ export class Nav {
         return {
             "logo": {
                 "type": "unknown",
-                "attribute": "logo",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavLogoLink",
@@ -404,7 +403,6 @@ export class Nav {
             },
             "options": {
                 "type": "unknown",
-                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavOptions",
@@ -428,7 +426,6 @@ export class Nav {
             },
             "buttons": {
                 "type": "unknown",
-                "attribute": "buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavMetaButtons",

package/dist/collection/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.js

@@ -107,7 +107,7 @@ export class NavbarBrand {
                 .modifier('small')
                 .class(this.logoSize === 'small')), src: this.logo, alt: "Logo" })) : (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: '7094feb6286adb3f8ca239f2083915b0c515f558', 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: 'd34d073da6df76bb8ee23cf2f0e252e25770e8ae', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '1fe4bf6cff6641d027a9ead60bd7bb6a7b9aca9d' })), h("bal-button", { key: '2c873463b3cf67369769f82e8aa7c524240ad38e', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
+        return (h(Host, { key: 'e2534fabd7b620bef928e4e5e224295832bc5665', 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: '72f3cb42aee12c085ecbc2ecd0a7ef4adbe6e306', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: 'e2e58abba878ec1f05624e319a3c8965680aebac' })), h("bal-button", { key: 'd98c54c44c7739518eb62da8fa53df3291592c12', 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() })));
@@ -117,7 +117,6 @@ export class NavbarBrand {
         return {
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -133,11 +132,11 @@ export class NavbarBrand {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "href",
                 "defaultValue": "''"
             },
             "rel": {
                 "type": "string",
-                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -152,11 +151,11 @@ export class NavbarBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "rel"
             },
             "logoClickable": {
                 "type": "boolean",
-                "attribute": "logo-clickable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -172,11 +171,11 @@ export class NavbarBrand {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "logo-clickable",
                 "defaultValue": "false"
             },
             "logoLabel": {
                 "type": "string",
-                "attribute": "logo-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -191,11 +190,11 @@ export class NavbarBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "logo-label"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonTarget",
@@ -216,11 +215,11 @@ export class NavbarBrand {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "target",
                 "defaultValue": "'_self'"
             },
             "simple": {
                 "type": "boolean",
-                "attribute": "simple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -239,11 +238,11 @@ export class NavbarBrand {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "simple",
                 "defaultValue": "false"
             },
             "logo": {
                 "type": "string",
-                "attribute": "logo",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -258,11 +257,11 @@ export class NavbarBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "logo"
             },
             "logoSize": {
                 "type": "string",
-                "attribute": "logo-size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalLogoSize",
@@ -283,11 +282,11 @@ export class NavbarBrand {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "logo-size",
                 "defaultValue": "''"
             },
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -303,11 +302,11 @@ export class NavbarBrand {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "animated",
                 "defaultValue": "true"
             },
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavbarInterface",
@@ -331,6 +330,7 @@ export class NavbarBrand {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "'app'"
             }
         };

package/dist/collection/components/bal-navbar/bal-navbar-menu/bal-navbar-menu.js

@@ -45,7 +45,6 @@ export class NavbarMenu {
         return {
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavbarInterface",
@@ -69,6 +68,7 @@ export class NavbarMenu {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "'app'"
             }
         };

package/dist/collection/components/bal-navbar/bal-navbar-menu-end/bal-navbar-menu-end.js

@@ -19,7 +19,6 @@ export class NavbarMenuEnd {
         return {
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavbarInterface",
@@ -43,6 +42,7 @@ export class NavbarMenuEnd {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "'app'"
             }
         };

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

@@ -19,7 +19,6 @@ export class NavbarMenuStart {
         return {
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavbarInterface",
@@ -43,6 +42,7 @@ export class NavbarMenuStart {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "'app'"
             }
         };

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

@@ -61,7 +61,6 @@ export class Navbar {
         return {
             "light": {
                 "type": "boolean",
-                "attribute": "light",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -77,11 +76,11 @@ export class Navbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "light",
                 "defaultValue": "false"
             },
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNavbarInterface",
@@ -102,11 +101,11 @@ export class Navbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "'app'"
             },
             "container": {
                 "type": "string",
-                "attribute": "container",
                 "mutable": false,
                 "complexType": {
                     "original": "'fluid' | 'detail-page' | 'compact' | 'blog-page' | 'wide' | ''",
@@ -122,6 +121,7 @@ export class Navbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "container",
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/bal-notices/bal-notices.css

@@ -1 +1 @@
-.bal-notices{position:fixed !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;flex-direction:column !important}.bal-notices--container{align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;justify-content:flex-end;align-items:flex-end;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{justify-content:flex-end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{flex-direction:column;justify-content:flex-start;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{justify-content:center;align-self:center}.bal-notices__inner.container{--bal-toast-width: 100%;--bal-toast-width-tablet: 100%;--bal-toast-width-desktop: 100%}.bal-notices--animated .bal-toast{animation-duration:.3s;animation-fill-mode:both;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{animation-duration:.3s;animation-fill-mode:both;animation-name:slideInUp}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}
+.bal-notices{position:fixed !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;flex-direction:column !important}.bal-notices--container{align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;justify-content:flex-end;align-items:flex-end;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{justify-content:flex-end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{flex-direction:column;justify-content:flex-start;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{justify-content:center;align-self:center;pointer-events:auto !important}.bal-notices__inner.container{--bal-toast-width: 100%;--bal-toast-width-tablet: 100%;--bal-toast-width-desktop: 100%}.bal-notices--animated .bal-toast{animation-duration:.3s;animation-fill-mode:both;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{animation-duration:.3s;animation-fill-mode:both;animation-name:slideInUp}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}

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

@@ -36,7 +36,6 @@ export class Notices {
         return {
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -55,11 +54,11 @@ export class Notices {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "animated",
                 "defaultValue": "true"
             },
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "'toast' | 'snackbar'",
@@ -78,11 +77,11 @@ export class Notices {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "'toast'"
             },
             "container": {
                 "type": "string",
-                "attribute": "container",
                 "mutable": false,
                 "complexType": {
                     "original": "'fluid' | 'detail-page' | 'compact' | 'blog-page' | 'wide' | '' | undefined",
@@ -101,6 +100,7 @@ export class Notices {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "container",
                 "defaultValue": "undefined"
             }
         };

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

@@ -36,7 +36,6 @@ export class Notification {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalNotificationColor",
@@ -57,11 +56,11 @@ export class Notification {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "''"
             },
             "light": {
                 "type": "boolean",
-                "attribute": "light",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -77,11 +76,11 @@ export class Notification {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "light",
                 "defaultValue": "false"
             },
             "noIcon": {
                 "type": "boolean",
-                "attribute": "no-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -97,6 +96,7 @@ export class Notification {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "no-icon",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/bal-number-input/bal-number-input.js

@@ -271,7 +271,7 @@ export class NumberInput {
      */
     render() {
         const block = BEM.block('number-input');
-        return (h(Host, { key: 'd91080decce4a1568a02ca2dd035866aae49cf76', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '88efec9e37fd84e1aba4672521a93f5453105bcd', class: {
+        return (h(Host, { key: '05aefde81132346bdb2130d043eca23d147de546', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '28ee794cc826e50003d8485c8dda1ba2e083481b', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,
@@ -292,7 +292,6 @@ export class NumberInput {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -308,11 +307,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "this.inputId"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -328,11 +327,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "decimal": {
                 "type": "number",
-                "attribute": "decimal",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -348,11 +347,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "decimal",
                 "defaultValue": "0"
             },
             "onlyPositive": {
                 "type": "boolean",
-                "attribute": "only-positive",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -368,11 +367,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "only-positive",
                 "defaultValue": "false"
             },
             "suffix": {
                 "type": "string",
-                "attribute": "suffix",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -387,11 +386,11 @@ export class NumberInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "suffix"
             },
             "pattern": {
                 "type": "string",
-                "attribute": "pattern",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -406,11 +405,11 @@ export class NumberInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "pattern"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -425,11 +424,11 @@ export class NumberInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -445,11 +444,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -465,11 +464,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -485,11 +484,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "exactNumber": {
                 "type": "boolean",
-                "attribute": "exact-number",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -505,11 +504,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "exact-number",
                 "defaultValue": "false"
             },
             "max": {
                 "type": "string",
-                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -524,11 +523,11 @@ export class NumberInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max"
             },
             "min": {
                 "type": "string",
-                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -543,11 +542,11 @@ export class NumberInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "min"
             },
             "debounce": {
                 "type": "number",
-                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -563,11 +562,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "debounce",
                 "defaultValue": "0"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "number | string",
@@ -583,11 +582,11 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "undefined"
             },
             "autoInvalidOff": {
                 "type": "boolean",
-                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -603,6 +602,7 @@ export class NumberInput {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "auto-invalid-off",
                 "defaultValue": "false"
             }
         };