@baloise/ds-core 19.8.2 → 19.8.3-nightly.20251107

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

@@ -1,8 +1,8 @@
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
-import { ListenToMutation } from "../../utils/mutation";
-import { deepReady, waitAfterFramePaint } from "../../utils/helpers";
 import { defaultBalAriaForm } from "../../utils/form";
+import { deepReady, waitAfterFramePaint } from "../../utils/helpers";
+import { ListenToMutation } from "../../utils/mutation";
 export class Field {
     constructor() {
         this.fieldId = `bal-field-${FieldIds++}`;
@@ -188,12 +188,12 @@ export class Field {
         components.forEach(c => callback(c));
     }
     render() {
-        return (h(Host, { key: '2d5f00847eed504077334ab0a99e7d8ec2d5e933', id: this.fieldId, class: {
+        return (h(Host, { key: 'ce893d29bd46dbe6b7646c28410a86b9171661b9', id: this.fieldId, class: {
                 'bal-field': true,
                 'field': true,
                 'bal-field--invalid': this.invalid === true,
                 'bal-field--horizontal': this.horizontal === true,
-            } }, h("slot", { key: '7e84f2c3b7a5070c3d44616d4f61c798ed201708' }), h("span", { key: 'b7999bd90707cf04144c23ee94cf6ef5e8605ba1', class: "bal-field-hidden" })));
+            } }, h("slot", { key: '9ed0398262848664e0b6e4491bb7c0af45da341d' }), h("span", { key: '6cddb052cb69b66ccb29f3c9e2f70723557da014', class: "bal-field-hidden" })));
     }
     static get is() { return "bal-field"; }
     static get originalStyleUrls() {
@@ -210,7 +210,6 @@ export class Field {
         return {
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -226,11 +225,11 @@ export class Field {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "undefined"
             },
             "horizontal": {
                 "type": "boolean",
-                "attribute": "horizontal",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -246,11 +245,11 @@ export class Field {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "horizontal",
                 "defaultValue": "false"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -266,11 +265,11 @@ export class Field {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "undefined"
             },
             "valid": {
                 "type": "boolean",
-                "attribute": "valid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -286,11 +285,11 @@ export class Field {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "valid",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -306,11 +305,11 @@ export class Field {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "undefined"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -326,11 +325,11 @@ export class Field {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "undefined"
             },
             "loading": {
                 "type": "boolean",
-                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -346,6 +345,7 @@ export class Field {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "loading",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/bal-file-upload/bal-file-upload.js

@@ -1,13 +1,13 @@
 import { __decorate, __metadata } from "tslib";
+import { h, Host } from "@stencil/core";
+import { ariaBooleanToString } from "../../utils/aria";
 import { areArraysEqual } from "../../utils/array";
-import { Host, h } from "@stencil/core";
+import { defaultBalAriaForm } from "../../utils/form";
 import { inputHandleBlur, inputHandleFocus, inputHandleHostClick, inputSetBlur, inputSetFocus, stopEventBubbling, } from "../../utils/form-input";
 import { Logger } from "../../utils/log";
 import { FileListComponent } from "./components/file-list";
 import { toFileArray, toFileList } from "./utils/file-list.util";
 import { validateFileArray } from "./utils/file-validation.util";
-import { defaultBalAriaForm } from "../../utils/form";
-import { ariaBooleanToString } from "../../utils/aria";
 export class FileUpload {
     constructor() {
         this.fileUploadId = `bal-file-upload-${FileUploadIds++}`;
@@ -234,16 +234,16 @@ export class FileUpload {
      */
     render() {
         const id = this.ariaForm.controlId || this.fileUploadId;
-        return (h(Host, { key: 'dc5b0ffa01094b304728a6bd20e8364ee410c877', onClick: this.onHostClick, "aria-disabled": ariaBooleanToString(this.disabled), class: {
+        return (h(Host, { key: '438044d74c8a20cee269a65e7492a19c800c8f60', onClick: this.onHostClick, "aria-disabled": ariaBooleanToString(this.disabled), class: {
                 'bal-file-upload': true,
-            } }, h("div", { key: 'fa20226a3185331523ede065a729410b7a1469d6', class: {
+            } }, h("div", { key: 'ea6316e2f4765d3385c0fc38d1dd6e9b55d711d0', class: {
                 'file': true,
                 'is-disabled': this.disabled || this.readonly || this.loading,
                 'is-danger': this.invalid,
-            } }, h("label", { key: 'a27ba82c67898305a907a24c1a5101c78d4c0859', htmlFor: id, ref: el => (this.labelEl = el), class: {
+            } }, h("label", { key: 'a75f2f2f116c6c9f7672ddbbfe2d4636039d2c64', htmlFor: id, ref: el => (this.labelEl = el), class: {
                 'file-label': true,
                 'is-disabled': this.disabled || this.loading || this.readonly,
-            } }, h("input", { key: '7ee35dcb15d921f92a7055a4234d710253282f03', class: "file-input", type: "file", id: id, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), name: this.name, multiple: this.multiple, disabled: this.disabled || this.loading || this.readonly, readonly: this.readonly, required: this.required, accept: this.accept, onClick: this.onInputClick, onChange: this.onInputChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, ref: el => (this.nativeInput = el), "data-testid": "bal-file-upload-input" }), this.loading ? (h("span", { class: "file-cta" }, h("bal-spinner", null))) : (h("span", { class: "file-cta" }, h("span", { class: "file-icon" }, h("bal-icon", { name: "upload", size: "medium", color: this.disabled || this.loading || this.readonly ? 'grey-light' : this.invalid ? 'danger' : 'blue' })), h("span", { class: "file-label", "data-testid": "bal-file-upload-label" }, this.label))))), this.hasFileList && this.files.length > 0 ? (h(FileListComponent, { files: this.files, disabled: this.disabled || this.readonly || this.loading, subTitle: this.subTitle, onRemoveFile: this.onRemoveFile })) : ('')));
+            } }, h("input", { key: '2ab53c147961166e12b4cab0fa0e0862557a325f', class: "file-input", type: "file", id: id, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), name: this.name, multiple: this.multiple, disabled: this.disabled || this.loading || this.readonly, readonly: this.readonly, required: this.required, accept: this.accept, onClick: this.onInputClick, onChange: this.onInputChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, ref: el => (this.nativeInput = el), "data-testid": "bal-file-upload-input" }), this.loading ? (h("span", { class: "file-cta" }, h("bal-spinner", null))) : (h("span", { class: "file-cta" }, h("span", { class: "file-icon" }, h("bal-icon", { name: "upload", size: "medium", color: this.disabled || this.loading || this.readonly ? 'grey-light' : this.invalid ? 'danger' : 'blue' })), h("span", { class: "file-label", "data-testid": "bal-file-upload-label" }, this.label))))), this.hasFileList && this.files.length > 0 ? (h(FileListComponent, { files: this.files, disabled: this.disabled || this.readonly || this.loading, subTitle: this.subTitle, onRemoveFile: this.onRemoveFile })) : ('')));
     }
     static get is() { return "bal-file-upload"; }
     static get originalStyleUrls() {
@@ -260,7 +260,6 @@ export class FileUpload {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -276,11 +275,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "this.fileUploadId"
             },
             "value": {
                 "type": "unknown",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "File[]",
@@ -304,7 +303,6 @@ export class FileUpload {
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -320,11 +318,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "'Choose or drop a file...'"
             },
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -340,11 +338,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "multiple",
                 "defaultValue": "true"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -360,11 +358,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -380,11 +378,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "loading": {
                 "type": "boolean",
-                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -400,11 +398,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "loading",
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -420,11 +418,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "accept": {
                 "type": "string",
-                "attribute": "accept",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -439,11 +437,11 @@ export class FileUpload {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "accept"
             },
             "maxFiles": {
                 "type": "number",
-                "attribute": "max-files",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -458,11 +456,11 @@ export class FileUpload {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max-files"
             },
             "maxFileSize": {
                 "type": "number",
-                "attribute": "max-file-size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -477,11 +475,11 @@ export class FileUpload {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max-file-size"
             },
             "maxBundleSize": {
                 "type": "number",
-                "attribute": "max-bundle-size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -496,11 +494,11 @@ export class FileUpload {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max-bundle-size"
             },
             "hasFileList": {
                 "type": "boolean",
-                "attribute": "has-file-list",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -516,11 +514,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "has-file-list",
                 "defaultValue": "true"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -536,11 +534,11 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "subTitle": {
                 "type": "unknown",
-                "attribute": "sub-title",
                 "mutable": false,
                 "complexType": {
                     "original": "(file: File) => string",
@@ -563,7 +561,6 @@ export class FileUpload {
             },
             "autoInvalidOff": {
                 "type": "boolean",
-                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -579,6 +576,7 @@ export class FileUpload {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "auto-invalid-off",
                 "defaultValue": "false"
             }
         };

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

@@ -148,7 +148,6 @@ export class Footer {
         return {
             "logoHref": {
                 "type": "string",
-                "attribute": "logo-href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -164,11 +163,11 @@ export class Footer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "logo-href",
                 "defaultValue": "''"
             },
             "logoSvg": {
                 "type": "string",
-                "attribute": "logo-svg",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -184,11 +183,11 @@ export class Footer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "logo-svg",
                 "defaultValue": "''"
             },
             "hideLinks": {
                 "type": "boolean",
-                "attribute": "hide-links",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -204,11 +203,11 @@ export class Footer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-links",
                 "defaultValue": "false"
             },
             "overrideLinks": {
                 "type": "unknown",
-                "attribute": "override-links",
                 "mutable": false,
                 "complexType": {
                     "original": "FooterLink[] | undefined",
@@ -233,7 +232,6 @@ export class Footer {
             },
             "showSocialMedia": {
                 "type": "boolean",
-                "attribute": "show-social-media",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -249,11 +247,11 @@ export class Footer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-social-media",
                 "defaultValue": "false"
             },
             "hideLanguageSelection": {
                 "type": "boolean",
-                "attribute": "hide-language-selection",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -269,6 +267,7 @@ export class Footer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-language-selection",
                 "defaultValue": "false"
             }
         };

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

@@ -32,7 +32,7 @@ export class Form {
                 novalidate: this.novalidate,
             };
         }
-        return (h(Host, { key: '1598e29d7763c06aeebe9ae70e4ad27695c9796d' }, h(NativeEl, Object.assign({ key: '140fa29ca7900623d52da99ffc5f9bd6db72cd97' }, attrs, { class: this.formClass }), h("slot", { key: '1797bdbc8f4f70b50c5d193acea0569e977d8a81' }))));
+        return (h(Host, { key: 'd25c1b6664e41d72f2d2c5b2ad6532fa184d66bf' }, h(NativeEl, Object.assign({ key: '37eefa8920cf3fb639d235d7b21cb7a44be6bd06' }, attrs, { class: this.formClass }), h("slot", { key: '7eff7f47f3fd4732988e17944be73373e6133e32' }))));
     }
     static get is() { return "bal-form"; }
     static get originalStyleUrls() {
@@ -49,7 +49,6 @@ export class Form {
         return {
             "native": {
                 "type": "boolean",
-                "attribute": "native",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -65,11 +64,11 @@ export class Form {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "native",
                 "defaultValue": "false"
             },
             "novalidate": {
                 "type": "boolean",
-                "attribute": "novalidate",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -85,11 +84,11 @@ export class Form {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "novalidate",
                 "defaultValue": "false"
             },
             "formClass": {
                 "type": "string",
-                "attribute": "form-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -105,6 +104,7 @@ export class Form {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "form-class",
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/bal-form-grid/bal-form-col/bal-form-col.js

@@ -5,7 +5,7 @@ export class FormCol {
         this.size = 'full';
     }
     render() {
-        return (h(Host, { key: 'dcafe25da97b6d53f8c70cb13ba63be2dc9214ef', class: {
+        return (h(Host, { key: 'd2157c5ff125226d4d2825f97302196de41483fd', class: {
                 [`${this.colClass}`]: true,
                 'py-none': true,
                 'touch:is-12': true,
@@ -15,14 +15,13 @@ export class FormCol {
                 'is-8': this.size === 'two-thirds',
                 'is-3': this.size === 'one-quarter',
                 'is-9': this.size === 'three-quarters',
-            } }, h("slot", { key: '153dee19ecee905bd5bc7cf624a4e26ff883d50c' })));
+            } }, h("slot", { key: '25c2e4928d8aee7a28bb4dd554b3fb2090dd29e2' })));
     }
     static get is() { return "bal-form-col"; }
     static get properties() {
         return {
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalFormColSize",
@@ -43,6 +42,7 @@ export class FormCol {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'full'"
             }
         };

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { BEM } from "../../utils/bem";
-import { HEADING_COLORS, HEADING_ORDER, HEADING_SIZES, HEADING_TAGS, } from "./bal-heading.const";
 import { balBrowser } from "../../utils/browser";
+import { HEADING_COLORS, HEADING_ORDER, HEADING_SIZES, HEADING_TAGS, } from "./bal-heading.const";
 export class Heading {
     constructor() {
         /**
@@ -100,7 +100,7 @@ export class Heading {
         const bemTextEl = block.element('text');
         const Heading = this.tag;
         const fontColor = this.fontColor;
-        return (h(Host, { key: 'a15674339cf53229872974b00187c69a63f03829', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`space-${this.space}`).class(this.space !== undefined)), block.modifier(`level-${this.level}`).class()) }, h(Heading, { key: '1fa6d0b91dba606912d6f438727391c3524b1950', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemTextEl.class()), bemTextEl.modifier('no-wrap').class(this.noWrap)), bemTextEl.modifier('subtitle').class(this.subtitle)), bemTextEl.modifier('shadow').class(this.shadow)), bemTextEl.modifier(`color-${fontColor}`).class()), bemTextEl.modifier(`size-${this.autoFontSize}`).class()), ref: (headingEl) => (this.headingEl = headingEl), "data-testid": "bal-heading" }, h("slot", { key: '1206631dcf9af8e2f785c6829fc033a570924943' }))));
+        return (h(Host, { key: '3c9251d3a1d15a8470baa6e930fe902d322ca281', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`space-${this.space}`).class(this.space !== undefined)), block.modifier(`level-${this.level}`).class()) }, h(Heading, { key: 'f0d7a82d43789b991e52881e7962fbf7ee6b8b2a', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemTextEl.class()), bemTextEl.modifier('no-wrap').class(this.noWrap)), bemTextEl.modifier('subtitle').class(this.subtitle)), bemTextEl.modifier('shadow').class(this.shadow)), bemTextEl.modifier(`color-${fontColor}`).class()), bemTextEl.modifier(`size-${this.autoFontSize}`).class()), ref: (headingEl) => (this.headingEl = headingEl), "data-testid": "bal-heading" }, h("slot", { key: '9e6893fe656db354b740c3b1d040ec1c7a137883' }))));
     }
     static get is() { return "bal-heading"; }
     static get originalStyleUrls() {
@@ -117,7 +117,6 @@ export class Heading {
         return {
             "level": {
                 "type": "string",
-                "attribute": "level",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalHeadingLevel",
@@ -138,11 +137,11 @@ export class Heading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "level",
                 "defaultValue": "'h1'"
             },
             "visualLevel": {
                 "type": "string",
-                "attribute": "visual-level",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalHeadingVisualLevel",
@@ -162,11 +161,11 @@ export class Heading {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "visual-level"
             },
             "autoLevel": {
                 "type": "string",
-                "attribute": "auto-level",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalHeadingVisualLevel",
@@ -186,11 +185,11 @@ export class Heading {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auto-level"
             },
             "noWrap": {
                 "type": "boolean",
-                "attribute": "no-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -206,11 +205,11 @@ export class Heading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "no-wrap",
                 "defaultValue": "false"
             },
             "subtitle": {
                 "type": "boolean",
-                "attribute": "subtitle",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -226,11 +225,11 @@ export class Heading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "subtitle",
                 "defaultValue": "false"
             },
             "space": {
                 "type": "string",
-                "attribute": "space",
                 "mutable": false,
                 "complexType": {
                     "original": "'none' | 'bottom' | 'top' | 'all'",
@@ -245,11 +244,11 @@ export class Heading {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "space"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalHeadingColor",
@@ -270,11 +269,11 @@ export class Heading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "''"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -290,11 +289,11 @@ export class Heading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "false"
             },
             "shadow": {
                 "type": "boolean",
-                "attribute": "shadow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -310,6 +309,7 @@ export class Heading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "shadow",
                 "defaultValue": "false"
             }
         };