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

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

@@ -8,7 +8,6 @@ import { inheritAttributes } from "../../utils/attributes";
 import { stopEventBubbling } from "../../utils/form-input";
 import { isSpaceKey } from "../../utils/keyboard";
 import { defaultBalAriaForm } from "../../utils/form";
-import { ListenTo } from "../../utils/listen";
 export class Radio {
     constructor() {
         this.inputId = `bal-rb-${radioIds++}`;
@@ -247,7 +246,7 @@ export class Radio {
             labelAttributes.id = `${id}-lbl`;
             labelAttributes.htmlFor = id;
         }
-        return (h(Host, { key: 'd8027f12093f1564c38b859a1e4dab25e75eba64', "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-hidden": this.disabled ? 'true' : null, "aria-focused": focused ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('radio').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier('invisible').class(this.invisible)), onKeypress: this.onKeypress, onClick: this.onClick }, h("input", Object.assign({ key: '0b1a0313d4161c9f6725f7c8234f49d3678f5fa2', class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-radio-input", type: "radio", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "aria-checked": `${this.checked}`, name: this.name, value: value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('radio').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)) }, labelAttributes, { "data-testid": "bal-radio-label" }), h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-radio-text" }, this.label, h("slot", null)))) : ('')));
+        return (h(Host, { key: '058d9b48247c0989348d58117017753092fa6afa', "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-hidden": this.disabled ? 'true' : null, "aria-focused": focused ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('radio').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier('invisible').class(this.invisible)), onKeypress: this.onKeypress, onClick: this.onClick }, h("input", Object.assign({ key: '4c935cb7f8a25f77afaea78b0a8e311166e44067', class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-radio-input", type: "radio", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "aria-checked": `${this.checked}`, name: this.name, value: value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('radio').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)) }, labelAttributes, { "data-testid": "bal-radio-label" }), h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-radio-text" }, this.label, h("slot", null)))) : ('')));
     }
     static get is() { return "bal-radio"; }
     static get originalStyleUrls() {
@@ -276,6 +275,8 @@ export class Radio {
                     "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"
@@ -294,6 +295,8 @@ export class Radio {
                     "tags": [],
                     "text": "the value of the radio."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -311,6 +314,8 @@ export class Radio {
                     "tags": [],
                     "text": "Label of the radio item."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
@@ -329,6 +334,8 @@ export class Radio {
                     "tags": [],
                     "text": "If `true` the radio is invisible, but sill active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invisible",
                 "reflect": false,
                 "defaultValue": "false"
@@ -347,6 +354,8 @@ export class Radio {
                     "tags": [],
                     "text": "If `true` the radio has no label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-hidden",
                 "reflect": false,
                 "defaultValue": "false"
@@ -365,6 +374,8 @@ export class Radio {
                     "tags": [],
                     "text": "If `true` the control is no padding"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "flat",
                 "reflect": false,
                 "defaultValue": "false"
@@ -388,6 +399,8 @@ export class Radio {
                     "tags": [],
                     "text": "Defines the layout of the radio button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "interface",
                 "reflect": false,
                 "defaultValue": "'radio'"
@@ -406,6 +419,8 @@ export class Radio {
                     "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"
@@ -424,6 +439,8 @@ export class Radio {
                     "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"
@@ -442,6 +459,8 @@ export class Radio {
                     "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"
@@ -460,6 +479,8 @@ export class Radio {
                     "tags": [],
                     "text": "If `true`, the value will not be send with a form submit"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "non-submit",
                 "reflect": false,
                 "defaultValue": "false"
@@ -478,6 +499,8 @@ export class Radio {
                     "tags": [],
                     "text": "If `true` the component gets a invalid style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -499,6 +522,8 @@ export class Radio {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hovered",
                 "reflect": false,
                 "defaultValue": "false"
@@ -520,6 +545,8 @@ export class Radio {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "pressed",
                 "reflect": false,
                 "defaultValue": "false"
@@ -742,6 +769,15 @@ export class Radio {
         };
     }
     static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "listenOnClick",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }];
+    }
 }
 __decorate([
     Logger('bal-radio'),
@@ -749,10 +785,4 @@ __decorate([
     __metadata("design:paramtypes", [Function]),
     __metadata("design:returntype", void 0)
 ], Radio.prototype, "createLogger", null);
-__decorate([
-    ListenTo('click', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], Radio.prototype, "listenOnClick", null);
 let radioIds = 0;

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

@@ -148,7 +148,7 @@ export class SegmentItem {
                 'aria-describedby': this.ariaForm.messageId,
             };
         }
-        return (h(Host, { key: '6da240d029f07e7760a962e388998c9c94390d4a', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('vertical').class(vertical)), block.modifier('disabled').class(disabled)), block.modifier('checked').class(checked)), block.modifier('invalid').class(invalid)), block.modifier('last').class(this.isLast && !checked)) }, h("button", Object.assign({ key: 'b388ce322243a5f47831d0ef1a65b332c191045b', id: id, role: "radio", "aria-checked": checked ? 'true' : 'false' }, buttonAttributes, { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, buttonBem.class()), buttonBem.modifier('checked').class(checked)), buttonBem.modifier('invalid').class(invalid)), buttonBem.modifier('disabled').class(disabled)), buttonBem.modifier('focused').class(focused)), buttonBem.modifier('vertical').class(vertical)), type: 'button', tabIndex: hasTabindex ? 0 : -1, part: "native", disabled: disabled, ref: el => (this.nativeEl = el) }, this.inheritedAttributes), h("bal-icon", { key: 'd5ba38e05534eb5ea281cc81a4ad5686b1a4f69b', name: "check", size: "small", class: Object.assign(Object.assign(Object.assign({}, buttonBem.element('icon').class()), buttonBem.element('icon').modifier('animated').class(checked)), buttonBem.element('icon').modifier('vertical').class(vertical)), color: disabled ? 'grey-dark' : invalid ? 'white' : 'primary' }), h("bal-stack", { key: '4a23ae6b4562a685f77f800ff6aca3e5c5e8226e', space: "x-small", layout: 'horizontal' }, h("bal-content", { key: 'a2fb5cf35391ca37fe328534a29cad6e41a7f8fb', space: "none" }, h("bal-label", { key: 'b3f633a9fe0ea22a71c05982af9dabc366c72495', htmlId: `bal-si-${this.internalId}-label` }, label), h("span", { key: 'badf00b587d14525f4cea6ceda85c7f67b1b216e', part: "slot", class: Object.assign({}, buttonBem.element('slot').modifier('hidden').class(!this.hasSlotContent)) }, ' ', h("slot", { key: '375942fc35e764ef3d91d62a03d08c16165c595b', onSlotchange: this.onSlottedItemsChange }))))), h("div", { key: 'b3a0cf381958ad671555306484ca791e93cfe21e', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, indicatorBem.class()), indicatorBem.modifier('animated').class()), indicatorBem.modifier('background').class()), indicatorBem.modifier('disabled').class(disabled)), indicatorBem.modifier('invalid').class(invalid)), indicatorBem.modifier('checked').class(checked)), indicatorBem.modifier('vertical').class(vertical)) })));
+        return (h(Host, { key: '62c398353efd59507f158911793411458233f0d9', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('vertical').class(vertical)), block.modifier('disabled').class(disabled)), block.modifier('checked').class(checked)), block.modifier('invalid').class(invalid)), block.modifier('last').class(this.isLast && !checked)) }, h("button", Object.assign({ key: 'c69c1cb098c500c1a1b7c57f37892b4c51a09b2e', id: id, role: "radio", "aria-checked": checked ? 'true' : 'false' }, buttonAttributes, { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, buttonBem.class()), buttonBem.modifier('checked').class(checked)), buttonBem.modifier('invalid').class(invalid)), buttonBem.modifier('disabled').class(disabled)), buttonBem.modifier('focused').class(focused)), buttonBem.modifier('vertical').class(vertical)), type: 'button', tabIndex: hasTabindex ? 0 : -1, part: "native", disabled: disabled, ref: el => (this.nativeEl = el) }, this.inheritedAttributes), h("bal-icon", { key: '2a2ebc53599929d6189a1d7ca9775f58efc6084c', name: "check", size: "small", class: Object.assign(Object.assign(Object.assign({}, buttonBem.element('icon').class()), buttonBem.element('icon').modifier('animated').class(checked)), buttonBem.element('icon').modifier('vertical').class(vertical)), color: disabled ? 'grey-dark' : invalid ? 'white' : 'primary' }), h("bal-stack", { key: '76b5c07bd7236b28e6205b134b39e6de511f30bb', space: "x-small", layout: 'horizontal' }, h("bal-content", { key: '766411046459bfc3fad2afc001d34e21faa9d642', space: "none" }, h("bal-label", { key: 'e68346cc2989aeb4b5d9864b82d704e179b7afba', htmlId: `bal-si-${this.internalId}-label` }, label), h("span", { key: 'd791b43e8a1156c33ffb40107567dcfa4a08bdd8', part: "slot", class: Object.assign({}, buttonBem.element('slot').modifier('hidden').class(!this.hasSlotContent)) }, ' ', h("slot", { key: 'de75ed030243d54dbfa0739b74f6e81578bb49e4', onSlotchange: this.onSlottedItemsChange }))))), h("div", { key: '44772f1f8c3a550b1041436ad3efbc02fdcc3f04', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, indicatorBem.class()), indicatorBem.modifier('animated').class()), indicatorBem.modifier('background').class()), indicatorBem.modifier('disabled').class(disabled)), indicatorBem.modifier('invalid').class(invalid)), indicatorBem.modifier('checked').class(checked)), indicatorBem.modifier('vertical').class(vertical)) })));
     }
     static get is() { return "bal-segment-item"; }
     static get originalStyleUrls() {
@@ -177,6 +177,8 @@ export class SegmentItem {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the segment button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -195,6 +197,8 @@ export class SegmentItem {
                     "tags": [],
                     "text": "If `true`, the segment is shown in red."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -216,6 +220,8 @@ export class SegmentItem {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "focused",
                 "reflect": false,
                 "defaultValue": "false"
@@ -237,6 +243,8 @@ export class SegmentItem {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "checked",
                 "reflect": false,
                 "defaultValue": "false"
@@ -255,6 +263,8 @@ export class SegmentItem {
                     "tags": [],
                     "text": "Label of the segment control"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
@@ -279,6 +289,8 @@ export class SegmentItem {
                     "tags": [],
                     "text": "The value of the segment button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "'bal-si-' + this.internalId"

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

@@ -10,7 +10,6 @@ import { isDescendant, raf } from "../../utils/helpers";
 import { ListenToBreakpoints } from "../../utils/breakpoints";
 import { ListenToFocus } from "../../utils/focus";
 import { defaultBalAriaForm } from "../../utils/form";
-import { ListenTo } from "../../utils/listen";
 export class Segment {
     constructor() {
         /**
@@ -305,7 +304,7 @@ export class Segment {
     render() {
         const { invalid, isVertical, scrollable, keyboardMode, expanded, isMobile, disabled } = this;
         const block = BEM.block('segment');
-        return (h(Host, { key: 'eadae45bddff8b5367b8db4e38c2eb467097ffb3', role: "radiogroup", id: this.ariaForm.controlId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('invalid').class(invalid)), block.modifier('vertical').class(isVertical)), block.modifier('scrollable').class(scrollable)), block.modifier('keyboard').class(keyboardMode)), block.modifier('disabled').class(disabled)), block.modifier('expanded').class((expanded || isMobile) && !isVertical)), onClick: this.onClick }, h("slot", { key: 'b82c45b87b6cbd116d3b176fbd93661944740823', onSlotchange: this.onSlottedItemsChange })));
+        return (h(Host, { key: '4c6bee1fb3f114c0459fdb9ef6610a618de332f3', role: "radiogroup", id: this.ariaForm.controlId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('invalid').class(invalid)), block.modifier('vertical').class(isVertical)), block.modifier('scrollable').class(scrollable)), block.modifier('keyboard').class(keyboardMode)), block.modifier('disabled').class(disabled)), block.modifier('expanded').class((expanded || isMobile) && !isVertical)), onClick: this.onClick }, h("slot", { key: '98c4e333f66632968b120605f66f38e5de5ff34c', onSlotchange: this.onSlottedItemsChange })));
     }
     static get is() { return "bal-segment"; }
     static get originalStyleUrls() {
@@ -334,6 +333,8 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, the segment is shown red."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -352,6 +353,8 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the segment."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -370,6 +373,8 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, the segment items are presented vertical as a list."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "vertical",
                 "reflect": false,
                 "defaultValue": "false"
@@ -388,6 +393,8 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, and is vertical then the list height is limited and scrollable."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "scrollable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -406,6 +413,8 @@ export class Segment {
                     "tags": [],
                     "text": "If `true`, the element uses the whole width"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
@@ -429,6 +438,8 @@ export class Segment {
                     "tags": [],
                     "text": "the value of the segment."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             }
@@ -596,6 +607,27 @@ export class Segment {
                 "methodName": "valueChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "balWillAnimate",
+                "method": "listenToDidAnimate",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "listenOnKeyDownOutside",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "listenOnKeyDown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 __decorate([
     Logger('bal-segment'),
@@ -615,12 +647,6 @@ __decorate([
     __metadata("design:paramtypes", [FocusEvent]),
     __metadata("design:returntype", void 0)
 ], Segment.prototype, "focusOutListener", null);
-__decorate([
-    ListenTo('balWillAnimate', { target: 'window' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], Segment.prototype, "listenToDidAnimate", null);
 __decorate([
     ListenToBreakpoints(),
     __metadata("design:type", Function),
@@ -633,15 +659,3 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], Segment.prototype, "windowResizeListener", null);
-__decorate([
-    ListenTo('keydown', { target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], Segment.prototype, "listenOnKeyDownOutside", null);
-__decorate([
-    ListenTo('keydown'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", void 0)
-], Segment.prototype, "listenOnKeyDown", null);

package/dist/collection/components/bal-select/bal-select-option/bal-select-option.js

@@ -12,7 +12,7 @@ export class SelectOption {
         this.log = log;
     }
     render() {
-        return (h(Host, { key: 'e576fb51e73b23cbfd86911da7b8ddbd337e72a3', style: { display: 'none' } }, h("slot", { key: 'e6ad28fa2cd69ebf97968985267fd363097f88f3' })));
+        return (h(Host, { key: '5d3ad22cd5a4a3f681cb90abf1a82e6b8c782a6b', style: { display: 'none' } }, h("slot", { key: 'f9e214692daeafb1670a73f39311fe2d48232620' })));
     }
     static get is() { return "bal-select-option"; }
     static get properties() {
@@ -31,6 +31,8 @@ export class SelectOption {
                     "tags": [],
                     "text": "Label will be shown in the input element when it got selected"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": true
             },
@@ -48,6 +50,8 @@ export class SelectOption {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the option."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -66,6 +70,8 @@ export class SelectOption {
                     "tags": [],
                     "text": "The value of the select option. This value will be returned by the parent `<bal-select>` element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": true
             },
@@ -86,6 +92,8 @@ export class SelectOption {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "for",
                 "reflect": true,
                 "defaultValue": "`bal-selopt-${selectOptionIds++}`"