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

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

@@ -1,11 +1,9 @@
-import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
 import isNil from "lodash.isnil";
 import { debounceEvent } from "../../utils/helpers";
 import { stopEventBubbling } from "../../utils/form-input";
 import { BEM } from "../../utils/bem";
 import { defaultBalAriaForm } from "../../utils/form";
-import { ListenTo } from "../../utils/listen";
 export class InputSlider {
     constructor() {
         this.inputId = `bal-input-slider-${inputSliderIds++}`;
@@ -147,11 +145,11 @@ export class InputSlider {
         const inputValueRightEl = inputValueEl.modifier('right');
         const stepsEl = block.element('steps');
         const stepsItemEl = stepsEl.element('item');
-        return (h(Host, { key: 'cbbd2a0e62cc67016f215b13d8d0ca0c5de127b7', class: Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), onClick: this.handleClick, "aria-disabled": this.disabled || this.readonly ? 'true' : null }, h("div", { key: '7b31c11bf1d3423be6b2d7837a0f8ccaafe46daa', class: Object.assign(Object.assign({}, backgroundEl.class()), backgroundEl.modifier('disabled').class(this.disabled || this.readonly)) }, h("div", { key: '6a4440695d82c35bf8c8195dc79e5c8c14c91f16', class: Object.assign({}, backgroundUpperEl.class()), style: {
+        return (h(Host, { key: '39d80cf018beba4ae47fbed1ae2f646ea8fef3d8', class: Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), onClick: this.handleClick, "aria-disabled": this.disabled || this.readonly ? 'true' : null }, h("div", { key: 'a880f4c1b2232ac19d14217a8edc522eef0b6cc0', class: Object.assign(Object.assign({}, backgroundEl.class()), backgroundEl.modifier('disabled').class(this.disabled || this.readonly)) }, h("div", { key: '1c49dbf668ad0bea336c1b9b9c27dfa0e1ae451e', class: Object.assign({}, backgroundUpperEl.class()), style: {
                 width: this.cssWidth(),
-            } }, h("div", { key: '5be6c525ff34e993b27424e5dcfe4d5bc4609ba7', class: Object.assign({}, backgroundUpperInnerEl.class()) })), h("div", { key: '3eb1fae3c122c23db8bc05c8f246c23984a8dbfc', class: Object.assign({}, backgroundLowerEl.class()), style: {
+            } }, h("div", { key: 'c033b9842fcce9b796e05302646043c397832068', class: Object.assign({}, backgroundUpperInnerEl.class()) })), h("div", { key: 'c19b9a759bd3d50552f957e080238bc725284ba5', class: Object.assign({}, backgroundLowerEl.class()), style: {
                 width: this.cssWidth(true),
-            } }, h("div", { key: '53ae6ada3c544a543180a21721b6271c36db5c47', class: Object.assign({}, backgroundLowerInnerEl.class()) }))), h("div", { key: 'f309f58ec23b5bc31799fcf0e3f5ef6c4cc25039', class: Object.assign({}, inputEl.class()) }, h("div", { key: 'c8d0fc9abf6a2384a44af08e581e3ca4f1115f60', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueLeftEl.class()) }), h("input", { key: '67a8fb701b5a6c9122abe42331384a99bd5e636f', type: "range", class: Object.assign(Object.assign({}, inputNativeEl.class()), inputNativeEl.modifier('disabled').class(this.disabled || this.readonly)), ref: inputEl => (this.nativeInput = inputEl), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-disabled": this.disabled ? 'true' : null, "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, readonly: this.readonly, name: this.name, required: this.required, tabIndex: this.balTabindex, step: this.step, min: this.min, max: this.max, value: this.value !== '' && this.value !== undefined ? this.value : 0, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyPress: e => this.balKeyPress.emit(e), "data-testid": "bal-input-slider" }), h("div", { key: '8c93968c955d1bdb970e31308240db6e5f3a6795', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueRightEl.class()) })), h("div", { key: 'f89ab4d7d6b67d976856bbabfb018d474f0bf306', class: Object.assign({}, stepsEl.class()), style: { display: this.hasTicks ? 'flex' : 'none' } }, this.getNumberOfSteps().map(step => (h("div", { key: step, class: Object.assign(Object.assign({}, stepsItemEl.class()), stepsItemEl.modifier('disabled').class(this.disabled || this.readonly)), "data-step-id": step }))))));
+            } }, h("div", { key: 'd0517f96b396feb37ee6638bfeef5fe974b627c4', class: Object.assign({}, backgroundLowerInnerEl.class()) }))), h("div", { key: 'ac3121f247e005f19b9e71558bf558cc3e97d6fe', class: Object.assign({}, inputEl.class()) }, h("div", { key: 'e08b0f6862c9c10868a5ee22d4e54360fd59458d', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueLeftEl.class()) }), h("input", { key: '0b74ff9bddd4dcbe663786c25741e0ea767befc0', type: "range", class: Object.assign(Object.assign({}, inputNativeEl.class()), inputNativeEl.modifier('disabled').class(this.disabled || this.readonly)), ref: inputEl => (this.nativeInput = inputEl), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-disabled": this.disabled ? 'true' : null, "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, readonly: this.readonly, name: this.name, required: this.required, tabIndex: this.balTabindex, step: this.step, min: this.min, max: this.max, value: this.value !== '' && this.value !== undefined ? this.value : 0, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyPress: e => this.balKeyPress.emit(e), "data-testid": "bal-input-slider" }), h("div", { key: 'a6b700f20e4c1dea1e639053ddebf15b80b8decf', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueRightEl.class()) })), h("div", { key: '7fd6ea23fd3676c3b3c8e307a05e2b601ba48178', class: Object.assign({}, stepsEl.class()), style: { display: this.hasTicks ? 'flex' : 'none' } }, this.getNumberOfSteps().map(step => (h("div", { key: step, class: Object.assign(Object.assign({}, stepsItemEl.class()), stepsItemEl.modifier('disabled').class(this.disabled || this.readonly)), "data-step-id": step }))))));
     }
     static get is() { return "bal-input-slider"; }
     static get originalStyleUrls() {
@@ -180,6 +178,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "The name of the control, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
@@ -198,6 +198,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "The step size. 0 means no steps."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "step",
                 "reflect": false,
                 "defaultValue": "0"
@@ -216,6 +218,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "Min value of the model."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min",
                 "reflect": false,
                 "defaultValue": "0"
@@ -234,6 +238,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "Max value of the model."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max",
                 "reflect": false,
                 "defaultValue": "100"
@@ -252,6 +258,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "If `true` the component gets a invalid style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -270,6 +278,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "The tabindex of the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "bal-tabindex",
                 "reflect": false,
                 "defaultValue": "0"
@@ -288,6 +298,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -306,6 +318,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -324,6 +338,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "If `true`, the user must fill in a value before submitting a form."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -342,6 +358,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "If `true`, small ticks for the steps are shown."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-ticks",
                 "reflect": false,
                 "defaultValue": "false"
@@ -360,6 +378,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "Set the amount of time, in milliseconds, to wait to trigger the `balChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "debounce",
                 "reflect": false,
                 "defaultValue": "0"
@@ -378,6 +398,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "The value of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "''"
@@ -396,6 +418,8 @@ export class InputSlider {
                     "tags": [],
                     "text": "If `true`, in Angular reactive forms the control will not be set invalid"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
@@ -591,17 +615,20 @@ export class InputSlider {
                 "methodName": "valueChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "listenOnClick",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "reset",
+                "method": "resetHandler",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }];
+    }
 }
-__decorate([
-    ListenTo('click', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], InputSlider.prototype, "listenOnClick", null);
-__decorate([
-    ListenTo('reset', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], InputSlider.prototype, "resetHandler", null);
 let inputSliderIds = 0;

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

@@ -10,7 +10,6 @@ import { BEM } from "../../utils/bem";
 import { defaultBalAriaForm } from "../../utils/form";
 import { i18nBalInputStepper } from "./bal-input-stepper.i18n";
 import { Logger } from "../../utils/log";
-import { ListenTo } from "../../utils/listen";
 export class InputStepper {
     constructor() {
         this.inputId = `bal-input-stepper-${InputStepperIds++}`;
@@ -130,15 +129,15 @@ export class InputStepper {
         const elText = elInner.element('text');
         const increaseLabel = i18nBalInputStepper[this.language].increase;
         const decreaseLabel = i18nBalInputStepper[this.language].decrease;
-        return (h(Host, { key: '3c4501c097383b348798014ca2c6ebee2517d49a', "aria-disabled": this.disabled ? 'true' : null, "aria-focused": this.focused ? 'true' : null, class: Object.assign({}, block.class()) }, h("div", { key: 'b241b171bc4e1c0b9c7e4d287f00892f4cfe6435', class: Object.assign({}, elInner.class()) }, h("bal-button", { key: '214a9e4c9659e2a44c015ad532bcb56fe498f229', aria: {
+        return (h(Host, { key: 'dfab36b5eddcafb9735e2f0864ea193dcded0ed0', "aria-disabled": this.disabled ? 'true' : null, "aria-focused": this.focused ? 'true' : null, class: Object.assign({}, block.class()) }, h("div", { key: '995012f045bff801123eb570e9e15a325887fe44', class: Object.assign({}, elInner.class()) }, h("bal-button", { key: '00be7e79c60caca77ec9da3afbbcff9366d62ce2', aria: {
                 title: decreaseLabel,
                 label: decreaseLabel,
                 controls: this.ariaForm.controlId || this.inputId,
-            }, size: "small", square: true, "data-testid": "bal-input-stepper-decrease", outlined: !this.invalid, icon: "minus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value <= this.min, onClick: _ => this.decrease(), onBalFocus: ev => this.onFocusDecrease(ev), onBalBlur: ev => this.onBlurDecrease(ev) }), h("bal-text", { key: 'ac23ae81d6bc44eb628e7767ea7014a3f96a1919', space: "none", color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : '', bold: true, class: Object.assign({}, elText.class()), "data-testid": "bal-input-stepper-text" }, formatLocaleNumber(this.value)), h("bal-button", { key: '6a2a9a3899a073564b1d09f0565967e75802a942', aria: {
+            }, size: "small", square: true, "data-testid": "bal-input-stepper-decrease", outlined: !this.invalid, icon: "minus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value <= this.min, onClick: _ => this.decrease(), onBalFocus: ev => this.onFocusDecrease(ev), onBalBlur: ev => this.onBlurDecrease(ev) }), h("bal-text", { key: '58a83c975658a26b268fdaa01ec5755648232052', space: "none", color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : '', bold: true, class: Object.assign({}, elText.class()), "data-testid": "bal-input-stepper-text" }, formatLocaleNumber(this.value)), h("bal-button", { key: '65067189b64d42fa3b06cb9b128c60b9d68a481d', aria: {
                 title: increaseLabel,
                 label: increaseLabel,
                 controls: this.ariaForm.controlId || this.inputId,
-            }, size: "small", "data-testid": "bal-input-stepper-increase", square: true, outlined: !this.invalid, icon: "plus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value >= this.max, onClick: _ => this.increase(), onBalFocus: ev => this.onFocusIncrease(ev), onBalBlur: ev => this.onBlurIncrease(ev) })), h("input", Object.assign({ key: '3e788f6e10b325e0e60871c9920a513074b51dc3', class: Object.assign({}, elInput.class()), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-testid": "bal-input-stepper", type: "text", value: this.value, name: this.name, tabindex: "-1", ref: inputEl => (this.nativeInput = inputEl), readonly: this.readonly, disabled: this.disabled }, this.inheritedAttributes))));
+            }, size: "small", "data-testid": "bal-input-stepper-increase", square: true, outlined: !this.invalid, icon: "plus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value >= this.max, onClick: _ => this.increase(), onBalFocus: ev => this.onFocusIncrease(ev), onBalBlur: ev => this.onBlurIncrease(ev) })), h("input", Object.assign({ key: '609736bcab366e2276240d35c1d39369fa31d066', class: Object.assign({}, elInput.class()), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-testid": "bal-input-stepper", type: "text", value: this.value, name: this.name, tabindex: "-1", ref: inputEl => (this.nativeInput = inputEl), readonly: this.readonly, disabled: this.disabled }, this.inheritedAttributes))));
     }
     static get is() { return "bal-input-stepper"; }
     static get originalStyleUrls() {
@@ -167,6 +166,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "The name of the control, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
@@ -185,6 +186,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "The min value the input can have"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min",
                 "reflect": false,
                 "defaultValue": "0"
@@ -203,6 +206,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "The max value the input can have"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max",
                 "reflect": false,
                 "defaultValue": "10"
@@ -221,6 +226,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "The steps in which the input increases or decreases"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "steps",
                 "reflect": false,
                 "defaultValue": "1"
@@ -239,6 +246,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -257,6 +266,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -275,6 +286,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "If `true` the input is shown as invalid"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -293,6 +306,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "Set the amount of time, in milliseconds, to wait to trigger the `balChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "debounce",
                 "reflect": false,
                 "defaultValue": "0"
@@ -311,6 +326,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "The value of the input. Only allows values in the range of the min max attribute."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "0"
@@ -329,6 +346,8 @@ export class InputStepper {
                     "tags": [],
                     "text": "If `true`, in Angular reactive forms the control will not be set invalid"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
@@ -556,6 +575,21 @@ export class InputStepper {
                 "methodName": "debounceChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "listenOnClick",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "reset",
+                "method": "resetHandler",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }];
+    }
 }
 __decorate([
     Logger('bal-input-stepper'),
@@ -563,18 +597,6 @@ __decorate([
     __metadata("design:paramtypes", [Function]),
     __metadata("design:returntype", void 0)
 ], InputStepper.prototype, "createLogger", null);
-__decorate([
-    ListenTo('click', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], InputStepper.prototype, "listenOnClick", null);
-__decorate([
-    ListenTo('reset', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], InputStepper.prototype, "resetHandler", null);
 __decorate([
     ListenToConfig(),
     __metadata("design:type", Function),

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

@@ -66,7 +66,7 @@ export class Label {
         const xxxLarge = this.size === 'xxx-large';
         const id = this.ariaForm.labelId || this.htmlId;
         const htmlFor = this.htmlFor || this.ariaForm.controlId;
-        return (h(Host, { key: '7b750612f100ba622f274fa95b2650063a1b0a79', class: Object.assign({}, block.class()) }, h("label", { key: '1b03141866999fd2a23bf1edd240812244d606a7', id: id, htmlFor: htmlFor, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('multiline').class(this.multiline)), block.element('native').modifier('no-wrap').class(this.noWrap)), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('danger').class(danger)), block.element('native').modifier('success').class(success)), block.element('native').modifier('regular').class(regular)), block.element('native').modifier('small').class(small)), block.element('native').modifier('large').class(large)), block.element('native').modifier('x-large').class(xLarge)), block.element('native').modifier('xx-large').class(xxLarge)), block.element('native').modifier('xxx-large').class(xxxLarge)), block.element('native').modifier('hovered').class(this.hovered)), block.element('native').modifier('pressed').class(this.pressed)) }, h("slot", { key: '0766c92930787bc12145bc247a693082af2f1c6e' }), suffix)));
+        return (h(Host, { key: 'a404463755345541124f189926f3fe8078da1a8e', class: Object.assign({}, block.class()) }, h("label", { key: 'a7d1f218da5b691dbeeff88a2dca31d3698c5234', id: id, htmlFor: htmlFor, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('multiline').class(this.multiline)), block.element('native').modifier('no-wrap').class(this.noWrap)), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('danger').class(danger)), block.element('native').modifier('success').class(success)), block.element('native').modifier('regular').class(regular)), block.element('native').modifier('small').class(small)), block.element('native').modifier('large').class(large)), block.element('native').modifier('x-large').class(xLarge)), block.element('native').modifier('xx-large').class(xxLarge)), block.element('native').modifier('xxx-large').class(xxxLarge)), block.element('native').modifier('hovered').class(this.hovered)), block.element('native').modifier('pressed').class(this.pressed)) }, h("slot", { key: '7886f3eb151551a9dc8d14b6cfc5aa77f6a6d048' }), suffix)));
     }
     static get is() { return "bal-label"; }
     static get originalStyleUrls() {
@@ -95,6 +95,8 @@ export class Label {
                     "tags": [],
                     "text": "The value of the for attribute must be a single id for a labeled\nform-related element in the same document as the <label> element.\nSo, any given label element can be associated with only one form control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "html-for",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -113,6 +115,8 @@ export class Label {
                     "tags": [],
                     "text": "Define the id of the native label element"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "html-id",
                 "reflect": false,
                 "defaultValue": "`bal-lbl-${labelIds++}`"
@@ -131,6 +135,8 @@ export class Label {
                     "tags": [],
                     "text": "If `true` the form control needs to be filled. If it is set to\n`false` an optional label is added to the label.."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "true"
@@ -149,6 +155,8 @@ export class Label {
                     "tags": [],
                     "text": "When true, the text will be truncated with a text overflow ellipsis instead of wrapping.\nPlease note that text overflow can only occur in block or inline-block level elements,\nas these elements require a width to overflow."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "no-wrap",
                 "reflect": false,
                 "defaultValue": "false"
@@ -167,6 +175,8 @@ export class Label {
                     "tags": [],
                     "text": "When true, the text will is able to break on multiple lines."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "multiline",
                 "reflect": false,
                 "defaultValue": "false"
@@ -185,6 +195,8 @@ export class Label {
                     "tags": [],
                     "text": "If `true` the component gets a valid green style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "valid",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -203,6 +215,8 @@ export class Label {
                     "tags": [],
                     "text": "If `true` the component gets a invalid red style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -221,6 +235,8 @@ export class Label {
                     "tags": [],
                     "text": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -239,6 +255,8 @@ export class Label {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -262,6 +280,8 @@ export class Label {
                     "tags": [],
                     "text": "Defines the size of the font. Default is like a heading 5 and small is used\nwith the form fields."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "''"
@@ -285,6 +305,8 @@ export class Label {
                     "tags": [],
                     "text": "Defines the font weight of the label."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "weight",
                 "reflect": false,
                 "defaultValue": "'bold'"
@@ -306,6 +328,8 @@ export class Label {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hovered",
                 "reflect": false,
                 "defaultValue": "false"
@@ -327,6 +351,8 @@ export class Label {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "pressed",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -260,6 +260,8 @@ export class ListItem {
                     "tags": [],
                     "text": "If `true` the list item can be hovered"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -278,6 +280,8 @@ export class ListItem {
                     "tags": [],
                     "text": "If `true` the list item shows that it is clickable"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clickable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -296,6 +300,8 @@ export class ListItem {
                     "tags": [],
                     "text": "If `true` the list item has a selected theme"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -314,6 +320,8 @@ export class ListItem {
                     "tags": [],
                     "text": "If `true` the list item can be used as a accordion"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accordion",
                 "reflect": false,
                 "defaultValue": "false"
@@ -332,6 +340,8 @@ export class ListItem {
                     "tags": [],
                     "text": "If `true` the list item can be used as an accordion inside another accordion"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "sub-accordion-item",
                 "reflect": false,
                 "defaultValue": "false"
@@ -350,6 +360,8 @@ export class ListItem {
                     "tags": [],
                     "text": "Specifies the URL of the page the link goes to"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false,
                 "defaultValue": "''"
@@ -373,6 +385,8 @@ export class ListItem {
                     "tags": [],
                     "text": "Specifies where to open the linked document"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "target",
                 "reflect": false,
                 "defaultValue": "'_self'"
@@ -391,6 +405,8 @@ export class ListItem {
                     "tags": [],
                     "text": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "download",
                 "reflect": false
             }

package/dist/collection/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.js

@@ -67,15 +67,15 @@ export class ListItemAccordionBody {
      * ------------------------------------------------------
      */
     render() {
-        return (h(Host, { key: '3a4e503ddae6d6c84658b2942a82cc7946ed6e9d', class: {
+        return (h(Host, { key: '06ee66f63c656b78ad4810d1c100537705920540', class: {
                 'bal-list__item': true,
                 'bal-list__item__accordion-body': true,
                 'bal-list__item__accordion-body--grouped': this.accordionGroup !== undefined && this.accordionGroup !== '',
-            } }, h("div", { key: 'f17506b393c8ee3ad69914cba638615dc96b1d46', class: {
+            } }, h("div", { key: 'dc9e35c46f9ced8cb40e6e89785c63fb791dd42f', class: {
                 'bal-list__item__accordion-body__content': true,
                 [`bal-list__item__accordion-body__content--${this.contentAlignment}`]: this.contentAlignment !== undefined,
                 [`bal-list__item__accordion-body__content--space-${this.contentSpace}`]: this.contentSpace !== undefined,
-            }, ref: contentElWrapper => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: 'ef461ed5b0e17b6dd4b79b7d88ccc4dc84b7694b' }))));
+            }, ref: contentElWrapper => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: '8b4d53344c8d23dacb1e7fc274837adcdc143529' }))));
     }
     static get is() { return "bal-list-item-accordion-body"; }
     static get properties() {
@@ -94,6 +94,8 @@ export class ListItemAccordionBody {
                     "tags": [],
                     "text": "Synchronizes the height of the accordion to max of all\nthe other grouped accordion bodies"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accordion-group",
                 "reflect": false
             },
@@ -116,6 +118,8 @@ export class ListItemAccordionBody {
                     "tags": [],
                     "text": "Sets space to content of the accordion body"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "content-space",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -139,6 +143,8 @@ export class ListItemAccordionBody {
                     "tags": [],
                     "text": "Sets justify-content of the items to start, center, end, or space-between. Default is start"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "content-alignment",
                 "reflect": false,
                 "defaultValue": "'start'"

package/dist/collection/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.js

@@ -34,11 +34,11 @@ export class ListItemAccordionHead {
      * ------------------------------------------------------
      */
     render() {
-        return (h(Host, { key: '07c14c423b6f0840576dbd6fecb65de01f000530', class: {
+        return (h(Host, { key: '832f5c8044b9e4ce3cbb058bda2b6049510972de', class: {
                 'bal-list__item': true,
                 'bal-list__item__accordion-head': true,
                 'bal-list__item__accordion-head--open': this.accordionOpen,
-            }, role: "button", tabindex: "0", onClick: this.onClick, onKeyDown: this.onKeyDown }, h("slot", { key: '620e067008a8a1642bda2293fbe90c0ae24f8088' }), h("bal-list-item-icon", { key: 'cf069c253dd3f419e630ab1ccd69789c1b244e0e', right: true }, h("bal-icon", { key: '3bb4e7f40d33d292a7a1f4d5e66a9a79aead7412', class: "bal-list__item__accordion-head__icon", name: this.icon, size: "small", turn: this.accordionOpen }))));
+            }, role: "button", tabindex: "0", onClick: this.onClick, onKeyDown: this.onKeyDown }, h("slot", { key: '8a19cd5dd89ce0adb4301d2bfedbcdc7416457c6' }), h("bal-list-item-icon", { key: '263259acd91f67abe9114a127afbafe09e5a81b7', right: true }, h("bal-icon", { key: '10c6bf2695488123fcb5c229a94b36cbfd0c767a', class: "bal-list__item__accordion-head__icon", name: this.icon, size: "small", turn: this.accordionOpen }))));
     }
     static get is() { return "bal-list-item-accordion-head"; }
     static get properties() {
@@ -57,6 +57,8 @@ export class ListItemAccordionHead {
                     "tags": [],
                     "text": "If `true` the list accordion is open"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accordion-open",
                 "reflect": false,
                 "defaultValue": "false"
@@ -80,6 +82,8 @@ export class ListItemAccordionHead {
                     "tags": [],
                     "text": "Icon name string with value 'plus' on default"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "'plus'"

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

@@ -4,10 +4,10 @@ export class ListItemContent {
         this.contentAlignment = undefined;
     }
     render() {
-        return (h(Host, { key: '62c3187a790387131619a36041500bfa8411f1ef', class: {
+        return (h(Host, { key: '18b259162c90c9d964723ead0c397808190b5a03', class: {
                 'bal-list__item__content': true,
                 [`bal-list__item__content--${this.contentAlignment}`]: this.contentAlignment !== undefined,
-            } }, h("slot", { key: '46b91cbcc099fadbc5d36cd38962cd269edfa061' })));
+            } }, h("slot", { key: 'f5f1b01681e567d907880df1c074bb6387afe692' })));
     }
     static get is() { return "bal-list-item-content"; }
     static get properties() {
@@ -26,6 +26,8 @@ export class ListItemContent {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "content-alignment",
                 "reflect": false
             }