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

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

@@ -9,7 +9,6 @@ import { debounce } from "../../utils/helpers";
 import { Logger } from "../../utils/log";
 import { VariantRenderer } from "./variants/variant.renderer";
 import { focusableQueryString } from "../../utils/focus-visible";
-import { ListenTo } from "../../utils/listen";
 export class Popup {
     constructor() {
         this.popupId = `bal-pu-${popupIds++}`;
@@ -311,7 +310,7 @@ export class Popup {
         const innerBlock = block.element('inner');
         const innerHeadBlock = innerBlock.element('head');
         const innerContentBlock = innerBlock.element('content');
-        return (h(Host, { key: 'bf7416d06bf9b78fb1f45474dbadbdaef3716fa9', 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: '907ceff3eeb00380ba075a1c942c9593fa66d828', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), h("div", { key: 'a07c2e70f1964142896ab0e2dddda63212d6e7a6', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: `${this.minContainerWidth}px` } }, h("div", { key: '09fbe89593e72dfa5eda05ce017dbfdaa368ab6c', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: '486d20a16eef12b6398235a15d6771924d9909b2', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()) }, 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: 'd7210ff5af9647dbe4d176e00c7af06943bdd51a', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-popup-content" }, h("slot", { key: '974459f017b51844019872313636f7055357f2e1' }))))));
+        return (h(Host, { key: 'faca9751174d4d2f7348cb3b7a018d6e3d5e4401', 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: 'c4e5cb86d6c3f72d4203579b13fdd492aae42e5d', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), h("div", { key: '34a7ae9a817a79c34514a38595fa21314912fd38', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: `${this.minContainerWidth}px` } }, h("div", { key: '66bca82705a14ba4051e4f6ff5ddb5e57ae4860f', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: '370a9c46d9bbd75615a3e792fb735bbbd9e9eb60', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()) }, 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: 'c4abdbf963e98458d34819f5fd2614b33703a3e9', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-popup-content" }, h("slot", { key: '2a0407838f7814ecd8126c722afa02a333ed200a' }))))));
     }
     static get is() { return "bal-popup"; }
     static get originalStyleUrls() {
@@ -340,6 +339,8 @@ export class Popup {
                     "tags": [],
                     "text": "Label or title of the popup element"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
@@ -358,6 +359,8 @@ export class Popup {
                     "tags": [],
                     "text": "Id of the reference element default is the trigger element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "reference",
                 "reflect": false
             },
@@ -380,6 +383,8 @@ export class Popup {
                     "tags": [],
                     "text": "Defines the variant / type of popup"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'popover'"
@@ -403,6 +408,8 @@ export class Popup {
                     "tags": [],
                     "text": "If set it turns a popover into a fullscreen or a drawer on touch devices"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placement",
                 "reflect": false,
                 "defaultValue": "'bottom'"
@@ -421,6 +428,8 @@ export class Popup {
                     "tags": [],
                     "text": "If `true`, it shows a little indicator to the trigger element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "arrow",
                 "reflect": false,
                 "defaultValue": "false"
@@ -439,6 +448,8 @@ export class Popup {
                     "tags": [],
                     "text": "If `true`, a backdrop will be displayed behind the modal."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "backdrop",
                 "reflect": false,
                 "defaultValue": "false"
@@ -457,6 +468,8 @@ export class Popup {
                     "tags": [],
                     "text": "Offset form trigger to popup."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "offset",
                 "reflect": false,
                 "defaultValue": "0"
@@ -475,6 +488,8 @@ export class Popup {
                     "tags": [],
                     "text": "If `true`, the modal can be closed with the escape key or the little close button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "closable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -493,6 +508,8 @@ export class Popup {
                     "tags": [],
                     "text": "If `true`, the modal can be closed with the click outside of the modal"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "backdrop-dismiss",
                 "reflect": false,
                 "defaultValue": "false"
@@ -511,6 +528,8 @@ export class Popup {
                     "tags": [],
                     "text": "If `true` the popup is open."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -529,6 +548,8 @@ export class Popup {
                     "tags": [],
                     "text": "Defines the width of the content"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "content-width",
                 "reflect": false
             },
@@ -549,6 +570,8 @@ export class Popup {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "demo",
                 "reflect": false,
                 "defaultValue": "false"
@@ -785,6 +808,39 @@ export class Popup {
                 "methodName": "contentWidthChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "listenOnGlobalClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "listenOnKeyDown",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "mousedown",
+                "method": "listenOnMouseDown",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "mouseup",
+                "method": "listenOnMouseUp",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "click",
+                "method": "listenOnComponentClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 __decorate([
     Logger('bal-popup'),
@@ -792,34 +848,4 @@ __decorate([
     __metadata("design:paramtypes", [Function]),
     __metadata("design:returntype", void 0)
 ], Popup.prototype, "createLogger", null);
-__decorate([
-    ListenTo('click', { target: 'window' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", Promise)
-], Popup.prototype, "listenOnGlobalClick", null);
-__decorate([
-    ListenTo('keydown', { target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", Promise)
-], Popup.prototype, "listenOnKeyDown", null);
-__decorate([
-    ListenTo('mousedown'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", Promise)
-], Popup.prototype, "listenOnMouseDown", null);
-__decorate([
-    ListenTo('mouseup'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", Promise)
-], Popup.prototype, "listenOnMouseUp", null);
-__decorate([
-    ListenTo('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Promise)
-], Popup.prototype, "listenOnComponentClick", null);
 let popupIds = 0;

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

@@ -59,7 +59,7 @@ export class ProgressBar {
     render() {
         const block = BEM.block('progress-bar');
         const bemLineEl = block.element('line');
-        return (h(Host, { key: 'ed3fb78efd402af40f4a56c4e1b0f33634506cb6', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, h("div", { key: '5c18e0082fd842c907d73e96ca84420e50f484b0', 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: '139854a6448551246c86209f127c3e0cf5d83717', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, h("div", { key: 'b39c551cdc221112f1109fa1d2f4bbbdf6e0d2c2', 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() {
@@ -88,6 +88,8 @@ export class ProgressBar {
                     "tags": [],
                     "text": "The value of the bar in percentage. So min is 0 and 100 would be the max value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "0"
@@ -111,6 +113,8 @@ export class ProgressBar {
                     "tags": [],
                     "text": "The background color"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background",
                 "reflect": false,
                 "defaultValue": "'white'"
@@ -134,6 +138,8 @@ export class ProgressBar {
                     "tags": [],
                     "text": "The progress bar color"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'primary'"

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

@@ -170,7 +170,7 @@ export class RadioButton {
         const invalid = !!this.invalid;
         const color = !!this.color;
         const colored = this.checked && color;
-        return (h(Host, { key: '6d15fada501de837329e97c0c8f4233176761f7e', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`column-${this.colSize}`).class(this.colSize > 1)), block.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet > 1)), block.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile > 1)), onClick: this.onClick }, h("button", { key: '45d8e41816ff805867601d8a0f55f1dcd5b53233', role: "radio", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('invalid').class(invalid)), block.element('native').modifier('checked').class(this.checked)), block.element('native').modifier(`colored`).class(colored)), block.element('native').modifier(`color-${this.color}`).class(color)), { 'bal-focusable': !this.disabled }), disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, h("slot", { key: '25604044a505daa614dfa277b286f3aa7b0f082a' }))));
+        return (h(Host, { key: '930e72f27e13997e2cc563abcbbedd74d77aa469', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`column-${this.colSize}`).class(this.colSize > 1)), block.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet > 1)), block.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile > 1)), onClick: this.onClick }, h("button", { key: 'da96569302e75ced3a3e6295b854bbb5dc537daf', role: "radio", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('invalid').class(invalid)), block.element('native').modifier('checked').class(this.checked)), block.element('native').modifier(`colored`).class(colored)), block.element('native').modifier(`color-${this.color}`).class(color)), { 'bal-focusable': !this.disabled }), disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, h("slot", { key: 'faafe0cf289c3faec5b68826ee2029dd9e5e5747' }))));
     }
     static get is() { return "bal-radio-button"; }
     static get originalStyleUrls() {
@@ -199,6 +199,8 @@ export class RadioButton {
                     "tags": [],
                     "text": "If `true` the component gets a invalid red style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -217,6 +219,8 @@ export class RadioButton {
                     "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"
@@ -235,6 +239,8 @@ export class RadioButton {
                     "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"
@@ -258,6 +264,8 @@ export class RadioButton {
                     "tags": [],
                     "text": "If `true` the component gets a invalid red style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false
             },
@@ -283,6 +291,8 @@ export class RadioButton {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "col-size",
                 "reflect": false,
                 "defaultValue": "1"
@@ -309,6 +319,8 @@ export class RadioButton {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "col-size-tablet",
                 "reflect": false,
                 "defaultValue": "1"
@@ -335,6 +347,8 @@ export class RadioButton {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "col-size-mobile",
                 "reflect": false,
                 "defaultValue": "1"

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

@@ -8,7 +8,6 @@ import { inheritAttributes } from "../../../utils/attributes";
 import { ListenToMutation } from "../../../utils/mutation";
 import { defaultBalAriaForm } from "../../../utils/form";
 import { ListenToFocus } from "../../../utils/focus";
-import { ListenTo } from "../../../utils/listen";
 export class RadioGroup {
     constructor() {
         this.inputId = `bal-rg-${radioGroupIds++}`;
@@ -314,7 +313,9 @@ export class RadioGroup {
                 "docs": {
                     "tags": [],
                     "text": "Steps can be passed as a property or through HTML markup."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "allowEmptySelection": {
                 "type": "boolean",
@@ -330,6 +331,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "If `true`, the radios can be deselected."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "allow-empty-selection",
                 "reflect": false,
                 "defaultValue": "false"
@@ -348,6 +351,8 @@ export class RadioGroup {
                     "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"
@@ -366,6 +371,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "the value of the radio group."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -388,6 +395,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "Defines the layout of the radio button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "interface",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -406,6 +415,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "Displays the checkboxes vertically"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "vertical",
                 "reflect": false,
                 "defaultValue": "false"
@@ -424,6 +435,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "If `true`, the controls will be vertically on mobile devices."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "vertical-on-mobile",
                 "reflect": false,
                 "defaultValue": "false"
@@ -442,6 +455,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "Uses the whole width"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
@@ -460,6 +475,8 @@ export class RadioGroup {
                     "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": "invalid",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -478,6 +495,8 @@ export class RadioGroup {
                     "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"
@@ -496,6 +515,8 @@ export class RadioGroup {
                     "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"
@@ -519,6 +540,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "Defines the column size like the grid."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "grid",
                 "reflect": false,
                 "defaultValue": "1"
@@ -542,6 +565,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "Defines the column size for tablet and bigger like the grid."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "columns-tablet",
                 "reflect": false,
                 "defaultValue": "1"
@@ -565,6 +590,8 @@ export class RadioGroup {
                     "tags": [],
                     "text": "Defines the column size for mobile and bigger like the grid."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "columns-mobile",
                 "reflect": false,
                 "defaultValue": "1"
@@ -583,6 +610,8 @@ export class RadioGroup {
                     "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"
@@ -768,6 +797,39 @@ export class RadioGroup {
                 "methodName": "columnsMobileChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "balChange",
+                "method": "listenOnClick",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "balFocus",
+                "method": "radioFocusListener",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "balBlur",
+                "method": "radioBlurListener",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "reset",
+                "method": "resetListener",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "onKeydown",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 __decorate([
     Logger('bal-radio-group'),
@@ -793,34 +855,4 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], RadioGroup.prototype, "mutationListener", null);
-__decorate([
-    ListenTo('balChange', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], RadioGroup.prototype, "listenOnClick", null);
-__decorate([
-    ListenTo('balFocus', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [CustomEvent]),
-    __metadata("design:returntype", void 0)
-], RadioGroup.prototype, "radioFocusListener", null);
-__decorate([
-    ListenTo('balBlur', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [CustomEvent]),
-    __metadata("design:returntype", void 0)
-], RadioGroup.prototype, "radioBlurListener", null);
-__decorate([
-    ListenTo('reset', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], RadioGroup.prototype, "resetListener", null);
-__decorate([
-    ListenTo('keydown', { target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], RadioGroup.prototype, "onKeydown", null);
 let radioGroupIds = 0;