@designsystem-se/af 37.0.1 → 37.0.2-beta.0

package/dist/esm/digi-form-radiogroup.entry.js

@@ -1,76 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { F as FormRadiogroupValidation } from './form-radiogroup-validation.enum-d790fc66.js';
-
-const formRadiogroupCss = "";
-const DigiFormRadiogroupStyle0 = formRadiogroupCss;
-
-const FormRadiogroup = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnGroupChange = createEvent(this, "afOnGroupChange", 7);
-        this.radiobuttons = undefined;
-        this.afId = randomIdGenerator('digi-form-radiogroup');
-        this.afValue = undefined;
-        this.value = undefined;
-        this.afName = randomIdGenerator('digi-form-radiogroup');
-        this.afValidation = FormRadiogroupValidation.NEUTRAL;
-        this.afValidationText = undefined;
-        this.afErrorMessageIsAlert = true;
-    }
-    OnAfValueChange(value) {
-        this.value = value;
-    }
-    OnValueChange(value) {
-        this.afValue = value;
-        this.setRadiobuttons(value);
-    }
-    get errorMessageIsAlert() {
-        return (this.afErrorMessageIsAlert !== false &&
-            this.afErrorMessageIsAlert !== 'false');
-    }
-    /**
-     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till den första radioknappen i gruppen
-     * @en Listens for when focus is set on the custom element and propagates it down to the first radionutton in the group.
-     */
-    focusOnGroup() {
-        const radioButtons = this.radiobuttons;
-        if (radioButtons.length > 0) {
-            radioButtons[0].focus();
-        }
-    }
-    radiobuttonChangeListener(e) {
-        if (Array.from(this.radiobuttons).includes(e.target)) {
-            e.preventDefault();
-            this.afValue = e.detail.target.value;
-            this.afOnGroupChange.emit(e.detail.target.value);
-        }
-    }
-    componentDidLoad() {
-        this.setRadiobuttons(this.value || this.afValue);
-        if (this.value)
-            this.afValue = this.value;
-    }
-    setRadiobuttons(value) {
-        this.radiobuttons = this.hostElement.querySelectorAll('digi-form-radiobutton');
-        this.radiobuttons.forEach((r) => {
-            r.afName = this.afName;
-            if (value && r.afValue == value) {
-                r.setAttribute('af-checked', 'true');
-            }
-        });
-    }
-    render() {
-        return (h(Host, { key: '0b03e0ccdc03d2f06466f9a2527f68b937637e6f', tabindex: -1 }, h("div", { key: '02b0862fc0645ba6c5b12480279078d0b796f5ef', id: this.afId, class: {
-                'digi-form-radiogroup': true
-            } }, h("digi-util-mutation-observer", { key: 'ed9e1a034e5d5221c4c004e12db780077277876e', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '5572449dc6ad235472c92e8524d26688d56e1b10' }))), h("div", { key: 'b0696ddf7c218434fded2380f41bca17e407a797', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormRadiogroupValidation.NEUTRAL && (h("digi-form-validation-message", { key: '63cde6f36e3064bd421c7d162e72ab414f5584cf', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "afValue": ["OnAfValueChange"],
-        "value": ["OnValueChange"]
-    }; }
-};
-FormRadiogroup.style = DigiFormRadiogroupStyle0;
-
-export { FormRadiogroup as digi_form_radiogroup };