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

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

@@ -1,10 +1,10 @@
 import { __decorate, __metadata } from "tslib";
-import { h, Host, } from "@stencil/core";
 import { createPopper } from "@popperjs/core";
+import { h, Host, } from "@stencil/core";
 import { BEM } from "../../utils/bem";
+import { balBreakpoints, ListenToBreakpoints } from "../../utils/breakpoints";
 import { balBrowser } from "../../utils/browser";
 import { Logger } from "../../utils/log";
-import { ListenToBreakpoints, balBreakpoints } from "../../utils/breakpoints";
 export class Popover {
     constructor() {
         this.popoverId = `bal-po-${PopoverIds++}`;
@@ -283,11 +283,11 @@ export class Popover {
      */
     render() {
         const block = BEM.block('popover');
-        return (h(Host, { key: '68021af74493241e20669b502f69896b1f02c610', "aria-presented": this.active ? 'true' : null, "data-id": this.popoverId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('active').class(this.active)), block.modifier('tooltip').class(this.tooltip)), block.modifier('arrow').class(this.arrow)), block.modifier('hint').class(this.hint)), block.modifier('backdrop').class(this.backdrop)) }, !this.mobileTop && (h("div", { key: '1b92881a9b0808761b20f9f445f5a43b8cc9f1bb', ref: el => {
+        return (h(Host, { key: 'f4b281b4ca30365ec4b279c3e219a0109edc173d', "aria-presented": this.active ? 'true' : null, "data-id": this.popoverId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('active').class(this.active)), block.modifier('tooltip').class(this.tooltip)), block.modifier('arrow').class(this.arrow)), block.modifier('hint').class(this.hint)), block.modifier('backdrop').class(this.backdrop)) }, !this.mobileTop && (h("div", { key: 'd40df31685649965a301ada5e1c7e7f2a629596c', ref: el => {
                 this.backdropElement = el;
             }, class: Object.assign({}, block.element('backdrop').class(this.backdrop && this.active)), style: {
                 '--bal-popover-backdrop-height': `${this.backdropHeight}rem`,
-            } })), h("slot", { key: 'f8aa58598f2d8a0ca7f836bd77aa0e80a1cb6b30' })));
+            } })), h("slot", { key: '04ec4d9a6c214d1c14a436906e80dc721349ab78' })));
     }
     static get is() { return "bal-popover"; }
     static get originalStyleUrls() {
@@ -304,7 +304,6 @@ export class Popover {
         return {
             "autoTrigger": {
                 "type": "boolean",
-                "attribute": "auto-trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -320,11 +319,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "auto-trigger",
                 "defaultValue": "false"
             },
             "hint": {
                 "type": "boolean",
-                "attribute": "hint",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -340,11 +339,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hint",
                 "defaultValue": "false"
             },
             "hover": {
                 "type": "boolean",
-                "attribute": "hover",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -360,11 +359,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hover",
                 "defaultValue": "false"
             },
             "arrow": {
                 "type": "boolean",
-                "attribute": "arrow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -380,11 +379,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "arrow",
                 "defaultValue": "false"
             },
             "backdrop": {
                 "type": "boolean",
-                "attribute": "backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -400,11 +399,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "backdrop",
                 "defaultValue": "false"
             },
             "tooltip": {
                 "type": "boolean",
-                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -420,11 +419,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "tooltip",
                 "defaultValue": "false"
             },
             "offsetX": {
                 "type": "number",
-                "attribute": "offset-x",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -440,11 +439,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "offset-x",
                 "defaultValue": "0"
             },
             "offsetY": {
                 "type": "number",
-                "attribute": "offset-y",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -460,11 +459,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "offset-y",
                 "defaultValue": "0"
             },
             "padding": {
                 "type": "number",
-                "attribute": "padding",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -480,11 +479,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "padding",
                 "defaultValue": "0"
             },
             "position": {
                 "type": "string",
-                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPopoverPlacement",
@@ -505,11 +504,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "position",
                 "defaultValue": "'bottom-start'"
             },
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -525,11 +524,11 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "active",
                 "defaultValue": "false"
             },
             "mobileTop": {
                 "type": "boolean",
-                "attribute": "mobile-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -545,6 +544,7 @@ export class Popover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mobile-top",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/bal-popover/test/bal-popover.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, waitForChanges } from "../../../../../../playwright/src/index";
+const TAG = 'bal-popover';
+const image = screenshot(TAG);
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/components/${TAG}/test/${TAG}.visual.html`);
+});
+test('basic', async ({ page }) => {
+    const triggerEl = page.getByTestId('basic-trigger').locator('button');
+    await expect(page).toHaveScreenshot(image('basic-before'));
+    await triggerEl.click();
+    await waitForChanges(page);
+    await expect(page).toHaveScreenshot(image('basic-open'));
+});

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

@@ -341,7 +341,7 @@ export class Popup {
         const innerBlock = block.element('inner');
         const innerHeadBlock = innerBlock.element('head');
         const innerContentBlock = innerBlock.element('content');
-        return (h(Host, { key: 'f34be400326ce5ad36088ad230a0c0fa5a3177cd', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}`, "aria-labelledby": `${this.popupId}-heading` }, h("div", { key: '35ef4753fffed9f8926125a3b34ae7603cc5afe4', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), h("div", { key: '5c9506eea596ea520b0928d4cb19bed2c58c2556', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: this.minContainerWidth } }, h("div", { key: 'b81e14abdec8e3d557d5c976351e60e31df89480', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: '5785d79d871caad18b3d82fc8e83edf13851d7a0', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()), ref: innerBlock => (this.innerEl = innerBlock) }, this.label ? (h("bal-stack", { space: "auto", class: Object.assign({}, innerHeadBlock.class()) }, h("bal-heading", { "data-test": "bal-popup-label", level: "span", "visual-level": "large", id: `${this.popupId}-heading` }, this.label), this.activeClosable ? (h("bal-close", { "data-test": "bal-popup-close", tabindex: -1, onClick: () => this.onCloseClick() })) : (''))) : (''), h("div", { key: '87e8fb9e2423a8bb7bfcc9ffb42e4117003e71fd', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-popup-content", tabindex: "-1" }, h("slot", { key: '426bde256b70e071983d1c4f44d16c6bf6860f02' }))))));
+        return (h(Host, { key: 'f933f5fcad5422883743d27d5ec884310f97feca', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}`, "aria-labelledby": `${this.popupId}-heading` }, h("div", { key: '9fc15384c844fa45fe32d2be780257357d47899e', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), h("div", { key: 'ee8def20d0a8fd9cdcfe587d62a17d27b1f8c065', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: this.minContainerWidth } }, h("div", { key: '93d308f9ceef5bdf8c041d4c71f807f2310f58f0', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: '5b93de3287bc6cac16769940895977ff44403d63', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()), ref: innerBlock => (this.innerEl = innerBlock) }, this.label ? (h("bal-stack", { space: "auto", class: Object.assign({}, innerHeadBlock.class()) }, h("bal-heading", { "data-testid": "bal-popup-label", level: "span", "visual-level": "large", id: `${this.popupId}-heading` }, this.label), this.activeClosable ? (h("bal-close", { "data-testid": "bal-popup-close", tabindex: -1, onClick: () => this.onCloseClick() })) : (''))) : (''), h("div", { key: '485cb7f55b8d5b0a296cbd3446eb8dd964af0865', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-testid": "bal-popup-content", tabindex: "-1" }, h("slot", { key: '974723f9f7f6b2a4141dbf0a69285e6485510e36' }))))));
     }
     static get is() { return "bal-popup"; }
     static get originalStyleUrls() {
@@ -358,7 +358,6 @@ export class Popup {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -374,11 +373,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "reference": {
                 "type": "string",
-                "attribute": "reference",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -393,11 +392,11 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "reference"
             },
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPopupVariant",
@@ -418,11 +417,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'popover'"
             },
             "placement": {
                 "type": "string",
-                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPopupPlacement",
@@ -443,11 +442,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placement",
                 "defaultValue": "'bottom'"
             },
             "arrow": {
                 "type": "boolean",
-                "attribute": "arrow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -463,11 +462,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "arrow",
                 "defaultValue": "false"
             },
             "backdrop": {
                 "type": "boolean",
-                "attribute": "backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -483,11 +482,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "backdrop",
                 "defaultValue": "false"
             },
             "offset": {
                 "type": "number",
-                "attribute": "offset",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -503,11 +502,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "offset",
                 "defaultValue": "0"
             },
             "closable": {
                 "type": "boolean",
-                "attribute": "closable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -523,11 +522,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "closable",
                 "defaultValue": "false"
             },
             "backdropDismiss": {
                 "type": "boolean",
-                "attribute": "backdrop-dismiss",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -543,11 +542,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "backdrop-dismiss",
                 "defaultValue": "false"
             },
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -563,11 +562,11 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "active",
                 "defaultValue": "false"
             },
             "contentWidth": {
                 "type": "number",
-                "attribute": "content-width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -582,11 +581,11 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "content-width"
             },
             "demo": {
                 "type": "boolean",
-                "attribute": "demo",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -605,6 +604,7 @@ export class Popup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "demo",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/bal-popup/test/bal-popup.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test, waitForChanges } from "../../../../../../playwright/src/index";
+const TAG = 'bal-popup';
+const image = screenshot(TAG);
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/components/${TAG}/test/${TAG}.visual.html`);
+});
+test('basic', async ({ page }) => {
+    const triggerEl = page.getByTestId('basic-trigger').locator('button');
+    await expect(page).toHaveScreenshot(image('basic-before'));
+    await triggerEl.click();
+    await waitForChanges(page);
+    await expect(page).toHaveScreenshot(image('basic-open'));
+});

package/dist/collection/components/bal-progress-bar/bal-progress-bar.js

@@ -1,9 +1,9 @@
 import { __decorate, __metadata } from "tslib";
-import { h, Host } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { BEM } from "../../utils/bem";
 import { ListenToBreakpoints, balBreakpoints } from "../../utils/breakpoints";
-import { ListenToWindowResize, } from "../../utils/resize";
 import { raf } from "../../utils/helpers";
+import { ListenToWindowResize } from "../../utils/resize";
 export class ProgressBar {
     constructor() {
         this.animated = true;
@@ -72,7 +72,7 @@ export class ProgressBar {
     render() {
         const block = BEM.block('progress-bar');
         const bemLineEl = block.element('line');
-        return (h(Host, { key: '065dfb46b4b743aa654594135a95e676c0102436', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, h("div", { key: '262d38096b7aeb0837e0298394ff5f41179d6d9d', class: Object.assign(Object.assign(Object.assign({}, bemLineEl.class()), bemLineEl.modifier(`color-${this.color}`).class()), bemLineEl.modifier(`animated`).class(this.animated)), ref: lineEl => (this.lineEl = lineEl) })));
+        return (h(Host, { key: '4452ea701b96a45d8c29a644c76cbb1849284ca1', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, h("div", { key: 'c58656c6f9db6b8154681a70182e101007480a34', class: Object.assign(Object.assign(Object.assign({}, bemLineEl.class()), bemLineEl.modifier(`color-${this.color}`).class()), bemLineEl.modifier(`animated`).class(this.animated)), ref: lineEl => (this.lineEl = lineEl) })));
     }
     static get is() { return "bal-progress-bar"; }
     static get originalStyleUrls() {
@@ -89,7 +89,6 @@ export class ProgressBar {
         return {
             "value": {
                 "type": "number",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -105,11 +104,11 @@ export class ProgressBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "0"
             },
             "background": {
                 "type": "string",
-                "attribute": "background",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalProgressBarBackground",
@@ -130,11 +129,11 @@ export class ProgressBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "background",
                 "defaultValue": "'white'"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalProgressBarColor",
@@ -155,6 +154,7 @@ export class ProgressBar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'primary'"
             }
         };

package/dist/collection/components/bal-progress-bar/test/bal-progress-bar.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test } from "../../../../../../playwright/src/index";
+const TAG = 'bal-progress-bar';
+const VARIANTS = ['basic', 'variants'];
+const image = screenshot(TAG);
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/components/${TAG}/test/${TAG}.visual.html`);
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

package/dist/collection/components/bal-radio/bal-radio-group/bal-radio-group.js

@@ -333,7 +333,6 @@ export class RadioGroup {
         return {
             "options": {
                 "type": "unknown",
-                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "BalRadioOption[]",
@@ -357,7 +356,6 @@ export class RadioGroup {
             },
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupInterface",
@@ -378,11 +376,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "undefined"
             },
             "allowEmptySelection": {
                 "type": "boolean",
-                "attribute": "allow-empty-selection",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -398,11 +396,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "allow-empty-selection",
                 "defaultValue": "false"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -418,11 +416,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "this.inputId"
             },
             "vertical": {
                 "type": "boolean",
-                "attribute": "vertical",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -438,11 +436,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "vertical",
                 "defaultValue": "false"
             },
             "verticalOnMobile": {
                 "type": "boolean",
-                "attribute": "vertical-on-mobile",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -458,11 +456,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "vertical-on-mobile",
                 "defaultValue": "false"
             },
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -478,11 +476,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expanded",
                 "defaultValue": "false"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -498,11 +496,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "undefined"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -518,11 +516,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "undefined"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -538,11 +536,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "undefined"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "any | null",
@@ -557,11 +555,11 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "columns": {
                 "type": "number",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupColumns",
@@ -582,11 +580,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "1"
             },
             "columnsTablet": {
                 "type": "number",
-                "attribute": "columns-tablet",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupColumns",
@@ -607,11 +605,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns-tablet",
                 "defaultValue": "1"
             },
             "columnsMobile": {
                 "type": "number",
-                "attribute": "columns-mobile",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupColumns",
@@ -632,11 +630,11 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns-mobile",
                 "defaultValue": "1"
             },
             "autoInvalidOff": {
                 "type": "boolean",
-                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -652,6 +650,7 @@ export class RadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "auto-invalid-off",
                 "defaultValue": "false"
             }
         };