@siemens/ix 0.0.0-pr-1318-20240627080522 → 0.0.0-pr-1373-20240705054533

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

@@ -1,276 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { Host, h, } from "@stencil/core";
-import { makeRef } from "../utils/make-ref";
-/**
- * @since 2.4.0
- * @form-ready 2.4.0
- */
-export class Radio {
-    constructor() {
-        /**
-         * Single radio cannot be required
-         * */
-        this.required = false;
-        this.inputRef = makeRef((radiobuttonRef) => {
-            radiobuttonRef.checked = this.checked;
-        });
-        this.name = undefined;
-        this.value = undefined;
-        this.label = undefined;
-        this.disabled = false;
-        this.checked = false;
-    }
-    setCheckedState(newChecked) {
-        if (this.checked) {
-            return;
-        }
-        const result = this.checkedChange.emit(newChecked);
-        if (result.defaultPrevented) {
-            return;
-        }
-        this.checked = newChecked;
-    }
-    async onCheckedChange() {
-        const radiobuttonRef = await this.inputRef.waitForCurrent();
-        radiobuttonRef.checked = this.checked;
-        this.updateFormInternalValue();
-    }
-    onValueChange() {
-        this.valueChange.emit(this.value);
-    }
-    componentWillLoad() {
-        this.updateFormInternalValue();
-    }
-    updateFormInternalValue() {
-        var _a;
-        if (this.checked) {
-            this.formInternals.setFormValue((_a = this.value) !== null && _a !== void 0 ? _a : 'on');
-        }
-        else {
-            this.formInternals.setFormValue(null);
-        }
-    }
-    /** @internal */
-    hasValidValue() {
-        return Promise.resolve(this.checked);
-    }
-    /** @internal */
-    getAssociatedFormElement() {
-        return Promise.resolve(this.formInternals.form);
-    }
-    render() {
-        return (h(Host, { key: '1916ccc12519685b9a82514a09e587a8c4ea86de', "aria-checked": `${this.checked}`, "aria-disabled": `${this.disabled}`, role: "radio", class: {
-                disabled: this.disabled,
-                checked: this.checked,
-            } }, h("label", { key: '9df4ff3f53aacee27988ae0862f5714baf8b1a0b' }, h("input", { key: 'fd5bd3946aa69f37325393d1682ce6b57b5d34ab', "aria-checked": `${this.checked}`, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "radio", onChange: () => {
-                const ref = this.inputRef.current;
-                this.setCheckedState(ref.checked);
-            } }), h("button", { key: '5d0fd3b9961311d76405c6cc7f2a301befe869ba', class: {
-                checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, this.checked && h("div", { key: 'a07f44e7b9df8934c0d64d435431310c6e2dc548', class: "checkmark" })), this.label, h("slot", { key: '600c31ae8b821308286b4763f818956daeca4d40' }))));
-    }
-    static get is() { return "ix-radio"; }
-    static get encapsulation() { return "shadow"; }
-    static get formAssociated() { return true; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["radio.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["radio.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Name of the radio component"
-                },
-                "attribute": "name",
-                "reflect": true
-            },
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Value of the radio component"
-                },
-                "attribute": "value",
-                "reflect": true
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label for the radio component"
-                },
-                "attribute": "label",
-                "reflect": false
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Disabled state of the radio component"
-                },
-                "attribute": "disabled",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "checked": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Checked state of the radio component"
-                },
-                "attribute": "checked",
-                "reflect": true,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "checkedChange",
-                "name": "checkedChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event emitted when the checked state of the radio changes"
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
-                "method": "valueChange",
-                "name": "valueChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event emitted when the value of the radio changes"
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "hasValidValue": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }]
-                }
-            },
-            "getAssociatedFormElement": {
-                "complexType": {
-                    "signature": "() => Promise<HTMLFormElement | null>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "HTMLFormElement": {
-                            "location": "global",
-                            "id": "global::HTMLFormElement"
-                        }
-                    },
-                    "return": "Promise<HTMLFormElement>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }]
-                }
-            }
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-    static get watchers() {
-        return [{
-                "propName": "checked",
-                "methodName": "onCheckedChange"
-            }, {
-                "propName": "value",
-                "methodName": "onValueChange"
-            }];
-    }
-    static get attachInternalsMemberName() { return "formInternals"; }
-}
-//# sourceMappingURL=radio.js.map

package/dist/collection/components/radio/radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  AttachInternals,\n  Component,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  Watch,\n  h,\n  Method,\n  Element,\n} from '@stencil/core';\nimport { makeRef } from '../utils/make-ref';\nimport { IxFormComponent } from '../utils/field';\n\n/**\n * @since 2.4.0\n * @form-ready 2.4.0\n */\n@Component({\n  tag: 'ix-radio',\n  styleUrl: 'radio.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Radio implements IxFormComponent<string> {\n  @Element() hostElement!: HTMLIxRadioElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * Name of the radio component\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Value of the radio component\n   */\n  @Prop({ reflect: true }) value?: string;\n\n  /**\n   * Label for the radio component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Disabled state of the radio component\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Checked state of the radio component\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n\n  /**\n   * Event emitted when the checked state of the radio changes\n   */\n  @Event() checkedChange!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the value of the radio changes\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  /**\n   * Single radio cannot be required\n   * */\n  required = false;\n\n  private inputRef = makeRef<HTMLInputElement>((radiobuttonRef) => {\n    radiobuttonRef.checked = this.checked;\n  });\n\n  private setCheckedState(newChecked: boolean) {\n    if (this.checked) {\n      return;\n    }\n    const result = this.checkedChange.emit(newChecked);\n    if (result.defaultPrevented) {\n      return;\n    }\n\n    this.checked = newChecked;\n  }\n\n  @Watch('checked')\n  async onCheckedChange() {\n    const radiobuttonRef = await this.inputRef.waitForCurrent();\n    radiobuttonRef.checked = this.checked;\n\n    this.updateFormInternalValue();\n  }\n\n  @Watch('value')\n  onValueChange() {\n    this.valueChange.emit(this.value);\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue();\n  }\n\n  updateFormInternalValue() {\n    if (this.checked) {\n      this.formInternals.setFormValue(this.value ?? 'on');\n    } else {\n      this.formInternals.setFormValue(null);\n    }\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(this.checked);\n  }\n\n  /** @internal */\n  @Method()\n  getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return Promise.resolve(this.formInternals.form);\n  }\n\n  render() {\n    return (\n      <Host\n        aria-checked={`${this.checked}`}\n        aria-disabled={`${this.disabled}`}\n        role=\"radio\"\n        class={{\n          disabled: this.disabled,\n          checked: this.checked,\n        }}\n      >\n        <label>\n          <input\n            aria-checked={`${this.checked}`}\n            disabled={this.disabled}\n            checked={this.checked}\n            ref={this.inputRef}\n            type=\"radio\"\n            onChange={() => {\n              const ref = this.inputRef.current;\n              this.setCheckedState(ref.checked);\n            }}\n          />\n          <button\n            class={{\n              checked: this.checked,\n            }}\n            onClick={() => this.setCheckedState(!this.checked)}\n          >\n            {this.checked && <div class=\"checkmark\"></div>}\n          </button>\n          {this.label}\n          <slot></slot>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/radio/test/radio.ct.js

@@ -1,36 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { getFormValue, preventFormSubmission, test } from "../../../tests/utils/test/index";
-test('form-ready', async ({ mount, page }) => {
-    await mount(`<form><ix-radio name="my-radio" value="Test"></ix-radio></form>`);
-    const formElement = page.locator('form');
-    preventFormSubmission(formElement);
-    const radio = page.locator('ix-radio');
-    await radio.click();
-    const formData = await getFormValue(formElement, 'my-radio');
-    expect(formData).toBe('Test');
-});
-test('form-ready with default value', async ({ mount, page }) => {
-    await mount(`<form><ix-radio name="my-radio"></ix-radio></form>`);
-    const formElement = page.locator('form');
-    preventFormSubmission(formElement);
-    const radio = page.locator('ix-radio');
-    await radio.click();
-    const formData = await getFormValue(formElement, 'my-radio');
-    expect(formData).toBe('on');
-});
-test(`form-ready default active`, async ({ mount, page }) => {
-    await mount(`<form><ix-radio name="my-field-name" checked></ix-radio></form>`);
-    const formElement = page.locator('form');
-    preventFormSubmission(formElement);
-    const formData = await getFormValue(formElement, 'my-field-name');
-    expect(formData).toBe('on');
-});
-//# sourceMappingURL=radio.ct.js.map

package/dist/collection/components/radio/test/radio.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.ct.js","sourceRoot":"","sources":["../../../../src/components/radio/test/radio.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3C,MAAM,KAAK,CACT,iEAAiE,CAClE,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACvC,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;IAEpB,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAC7D,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAChC,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,+BAA+B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9D,MAAM,KAAK,CAAC,oDAAoD,CAAC,CAAC;IAElE,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACvC,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;IAEpB,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAC7D,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,2BAA2B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1D,MAAM,KAAK,CACT,iEAAiE,CAClE,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { getFormValue, preventFormSubmission, test } from '@utils/test';\n\ntest('form-ready', async ({ mount, page }) => {\n  await mount(\n    `<form><ix-radio name=\"my-radio\" value=\"Test\"></ix-radio></form>`\n  );\n\n  const formElement = page.locator('form');\n  preventFormSubmission(formElement);\n  const radio = page.locator('ix-radio');\n  await radio.click();\n\n  const formData = await getFormValue(formElement, 'my-radio');\n  expect(formData).toBe('Test');\n});\n\ntest('form-ready with default value', async ({ mount, page }) => {\n  await mount(`<form><ix-radio name=\"my-radio\"></ix-radio></form>`);\n\n  const formElement = page.locator('form');\n  preventFormSubmission(formElement);\n  const radio = page.locator('ix-radio');\n  await radio.click();\n\n  const formData = await getFormValue(formElement, 'my-radio');\n  expect(formData).toBe('on');\n});\n\ntest(`form-ready default active`, async ({ mount, page }) => {\n  await mount(\n    `<form><ix-radio name=\"my-field-name\" checked></ix-radio></form>`\n  );\n\n  const formElement = page.locator('form');\n  preventFormSubmission(formElement);\n  const formData = await getFormValue(formElement, 'my-field-name');\n  expect(formData).toBe('on');\n});\n"]}

package/dist/collection/components/radio-group/radio-group.css

@@ -1,35 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-:host {
-  display: inline-block;
-  position: relative;
-}
-:host .checkbox-container {
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  margin: 0.35rem 0;
-  flex-wrap: wrap;
-}

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

@@ -1,296 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Host, h, } from "@stencil/core";
-import { HookValidationLifecycle, } from "../utils/field";
-/**
- * @since 2.4.0
- * @form-ready 2.4.0
- */
-export class RadiobuttonGroup {
-    constructor() {
-        this.observer = new MutationObserver(() => {
-            this.ensureOnlyLastRadioChecked();
-        });
-        this.helperText = undefined;
-        this.label = undefined;
-        this.value = undefined;
-        this.invalidText = undefined;
-        this.infoText = undefined;
-        this.warningText = undefined;
-        this.validText = undefined;
-        this.showTextAsTooltip = undefined;
-        this.isInvalid = false;
-        this.isValid = false;
-        this.isInfo = false;
-        this.isWarning = false;
-    }
-    get radiobuttonElements() {
-        return Array.from(this.hostElement.querySelectorAll('ix-radio'));
-    }
-    connectedCallback() {
-        this.observer.observe(this.hostElement, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeFilter: ['checked'],
-        });
-    }
-    componentWillLoad() {
-        this.selectInitialValue();
-        this.ensureOnlyLastRadioChecked();
-    }
-    disconnectedCallback() {
-        if (this.observer) {
-            this.observer.disconnect();
-        }
-    }
-    selectInitialValue() {
-        if (!this.value) {
-            return;
-        }
-        this.radiobuttonElements.forEach((radiobutton) => {
-            radiobutton.checked = radiobutton.value === this.value;
-        });
-    }
-    ensureOnlyLastRadioChecked() {
-        const checkedRadios = this.radiobuttonElements.filter((radio) => radio.checked);
-        checkedRadios.forEach((radio, index) => {
-            if (index === checkedRadios.length - 1) {
-                return;
-            }
-            radio.checked = false;
-        });
-    }
-    onValueChangeHandler(newValue) {
-        this.radiobuttonElements.forEach((radiobutton) => {
-            radiobutton.checked = radiobutton.value === newValue;
-        });
-    }
-    onCheckedChangeHandler(event) {
-        this.radiobuttonElements.forEach((radiobutton) => {
-            if (radiobutton !== event.target) {
-                radiobutton.checked = false;
-                return;
-            }
-            radiobutton.checked = true;
-            this.valueChange.emit(radiobutton.value);
-        });
-    }
-    onClassField({ isInvalid, isInfo, isValid, isWarning }) {
-        this.isInvalid = isInvalid;
-        this.isInfo = isInfo;
-        this.isValid = isValid;
-        this.isWarning = isWarning;
-    }
-    render() {
-        return (h(Host, { key: '06f2de8cda259460c5b3c0a898f565ada89c8880' }, h("ix-field-wrapper", { key: '7d29f98bc31ee137db616621ace4887db15c9350', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid }, h("slot", { key: '961f7f85c2f2f9c319eb924bdd06e9500fc1543d', name: "label", slot: "label" }), h("div", { key: '8c52e80c230edde2254ef6105a71e660f6d3e1d7', class: 'checkbox-container' }, h("slot", { key: 'cf0e1efd134143c4a15f798fc88ef024c941f03c' })))));
-    }
-    static get is() { return "ix-radio-group"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["radio-group.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["radio-group.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "helperText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Show text below the field component"
-                },
-                "attribute": "helper-text",
-                "reflect": false
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label for the field component"
-                },
-                "attribute": "label",
-                "reflect": false
-            },
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Value of the radiobutton group component"
-                },
-                "attribute": "value",
-                "reflect": false
-            },
-            "invalidText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Error text for the field component"
-                },
-                "attribute": "invalid-text",
-                "reflect": false
-            },
-            "infoText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Info text for the field component"
-                },
-                "attribute": "info-text",
-                "reflect": false
-            },
-            "warningText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Warning text for the field component"
-                },
-                "attribute": "warning-text",
-                "reflect": false
-            },
-            "validText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Valid text for the field component"
-                },
-                "attribute": "valid-text",
-                "reflect": false
-            },
-            "showTextAsTooltip": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Show helper, info, warning, error and valid text as tooltip"
-                },
-                "attribute": "show-text-as-tooltip",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isInvalid": {},
-            "isValid": {},
-            "isInfo": {},
-            "isWarning": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "valueChange",
-                "name": "valueChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event emitted when the value of the radiobutton group changes"
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "hostElement"; }
-    static get watchers() {
-        return [{
-                "propName": "value",
-                "methodName": "onValueChangeHandler"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "checkedChange",
-                "method": "onCheckedChangeHandler",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-__decorate([
-    HookValidationLifecycle({
-        includeChildren: true,
-    })
-], RadiobuttonGroup.prototype, "onClassField", null);
-//# sourceMappingURL=radio-group.js.map