wj-elements 0.7.7 → 0.8.0

package/dist/wje-radio-group.js

@@ -7,233 +7,95 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var _internalValue;
-import { F as FormAssociatedElement } from "./form-associated-element-DEQ4y-jn.js";
-import { event } from "./event.js";
-import Radio from "./wje-radio.js";
-const styles = "/*\n[ WJ Radio Group ]\n*/\n:host {\n    position: relative;\n    .input-hidden {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 0;\n        height: 0;\n        padding: 0;\n        margin: 0;\n        opacity: 0;\n        z-index: -1;\n    }\n}\n\n:host([invalid]) {\n    color: var(--wje-input-color-invalid);\n}\n\nslot[name='error'] {\n    display: none;\n}\n\n:host([invalid]) slot[name='error'] {\n    display: block;\n}\n\nslot[name='error'] {\n    display: none;\n    max-width: 100%;\n    min-width: auto;\n    border-radius: 50px;\n    top: 0;\n    width: max-content;\n    line-height: normal;\n    position: static;\n    background: transparent;\n    padding: 0.25rem 0;\n    left: auto;\n    transform: none;\n    color: var(--wje-input-color-invalid);\n    font-size: 12px;\n}\n\n.wje-inline {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n}\n\n";
-class RadioGroup extends FormAssociatedElement {
-  /**
-   * Creates an instance of RadioGroup.
-   * @class
-   */
+var _e;
+import { F as e } from "./form-associated-element-BjeJn7j8.js";
+import { event as t } from "./event.js";
+import i from "./wje-radio.js";
+class a extends e {
   constructor() {
     super();
-    __privateAdd(this, _internalValue, "");
+    __privateAdd(this, _e, "");
     __publicField(this, "className", "RadioGroup");
-    this.invalid = false;
-    this.pristine = true;
-  }
-  /**
-   * Setter for the value attribute.
-   * @param {string} value The value to set.
-   */
-  set value(value) {
-    __privateSet(this, _internalValue, value);
-    this.pristine = false;
-    this.internals.setFormValue(value);
-    this.setAttribute("value", value);
-  }
-  /**
-   * Getter for the value attribute.
-   * @returns {string} The value of the attribute.
-   */
+    this.invalid = false, this.pristine = true;
+  }
+  set value(e2) {
+    __privateSet(this, _e, e2), this.pristine = false, this.internals.setFormValue(e2), this.setAttribute("value", e2);
+  }
   get value() {
     return this.getAttribute("value");
   }
-  /**
-   * Setter for the name attribute.
-   * @param {string} value The name to set.
-   */
-  set required(value) {
-    if (value === null || value === void 0) {
-      this.removeAttribute("required");
-    } else {
-      this.setAttribute("required", "");
-    }
+  set required(e2) {
+    null == e2 ? this.removeAttribute("required") : this.setAttribute("required", "");
   }
-  /**
-   * Getter for the name attribute.
-   * @returns {boolean}
-   */
   get required() {
     return this.hasAttribute("required");
   }
-  /**
-   * Setter for the label attribute.
-   * @param {string} value The label to set.
-   */
-  set label(value) {
-    if (value === null || value === void 0) {
-      this.removeAttribute("label");
-    } else {
-      this.setAttribute("label", value);
-    }
+  set label(e2) {
+    null == e2 ? this.removeAttribute("label") : this.setAttribute("label", e2);
   }
-  /**
-   * Getter for the label attribute.
-   * @returns {string|null}
-   */
   get label() {
     return this.getAttribute("label");
   }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{position:relative}:host .input-hidden{position:absolute;top:0;left:0;width:0;height:0;padding:0;margin:0;opacity:0;z-index:-1}:host([invalid]){color:var(--wje-input-color-invalid)}slot[name=error]{display:none}:host([invalid]) slot[name=error]{display:block}slot[name=error]{display:none;max-width:100%;min-width:auto;border-radius:50px;top:0;width:max-content;line-height:normal;position:static;background:transparent;padding:.25rem 0;left:auto;transform:none;color:var(--wje-input-color-invalid);font-size:12px}.wje-inline{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}";
   }
   static get observedAttributes() {
     return ["required", "value", "disabled", "invalid", "label"];
   }
-  attributeChangedCallback(name, oldValue, newValue) {
-    var _a;
-    (_a = super.attributeChangedCallback) == null ? void 0 : _a.call(this, name, oldValue, newValue);
-    if (oldValue === newValue) return;
-    if (["required", "disabled", "invalid", "label"].includes(name)) this.syncAria();
-    if (name === "value" && this.pristine) {
-      const radio = this.getRadioByValue(this.value);
-      if (radio) this.checkRadio(radio);
+  attributeChangedCallback(e2, t2, i2) {
+    var _a2;
+    if ((_a2 = super.attributeChangedCallback) == null ? void 0 : _a2.call(this, e2, t2, i2), t2 !== i2 && (["required", "disabled", "invalid", "label"].includes(e2) && this.syncAria(), "value" === e2 && this.pristine)) {
+      const e3 = this.getRadioByValue(this.value);
+      e3 && this.checkRadio(e3);
     }
   }
-  /**
-   * Sets up the attributes for the component.
-   */
   setupAttributes() {
-    this.isShadowRoot = "open";
-    if (this.pristine) {
-      this.pristine = false;
-    }
-    this.syncAria();
+    this.isShadowRoot = "open", this.pristine && (this.pristine = false), this.syncAria();
   }
-  /**
-   * Draws the component for the radio group.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let native = document.createElement("div");
-    native.classList.add("native-radio-group", this.hasAttribute("inline") ? "wje-inline" : "ddd");
-    let input = document.createElement("input");
-    input.type = "text";
-    input.name = this.name;
-    input.disabled = this.disabled;
-    input.required = this.required;
-    input.value = this.value || "";
-    input.classList.add("input-hidden");
-    let slot = document.createElement("slot");
-    let label = document.createElement("label");
-    label.innerText = this.label;
-    if (this.value && !this.hasAttribute("error")) label.classList.add("fade");
-    if (this.label) {
-      native.append(label);
-    }
-    let errorSlot = document.createElement("slot");
-    errorSlot.setAttribute("name", "error");
-    let error = document.createElement("div");
-    error.setAttribute("slot", "error");
-    native.append(input);
-    native.append(slot);
-    native.append(errorSlot);
-    this.append(error);
-    fragment.append(native);
-    this.input = input;
-    return fragment;
-  }
-  /**
-   * Adds event listeners after the component is drawn. Handles the selection of radio buttons.
-   */
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("div");
+    t2.classList.add("native-radio-group", this.hasAttribute("inline") ? "wje-inline" : "ddd");
+    let i2 = document.createElement("input");
+    i2.type = "text", i2.name = this.name, i2.disabled = this.disabled, i2.required = this.required, i2.value = this.value || "", i2.classList.add("input-hidden");
+    let a2 = document.createElement("slot"), s = document.createElement("label");
+    s.innerText = this.label, this.value && !this.hasAttribute("error") && s.classList.add("fade"), this.label && t2.append(s);
+    let r = document.createElement("slot");
+    r.setAttribute("name", "error");
+    let n = document.createElement("div");
+    return n.setAttribute("slot", "error"), t2.append(i2), t2.append(a2), t2.append(r), this.append(n), e2.append(t2), this.input = i2, e2;
+  }
   afterDraw() {
-    if (this.value)
-      this.checkRadio(this.getRadioByValue(this.value));
-    this.validate();
-    if (this.invalid) {
-      this.showInvalidMessage();
-    }
-    this.addEventListener("wje-radio:change", (e) => {
-      this.checkRadio(e.target);
-      this.validate();
-      this.pristine = false;
-      this.propagateValidation();
-      if (this.invalid) {
-        this.invalid = false;
-        this.internals.setValidity({}, "");
-      }
-      this.syncAria();
-    });
-    this.input.addEventListener("input", (e) => {
-      this.validate();
-      this.pristine = false;
-      this.propagateValidation();
-      event.dispatchCustomEvent(this, "wje-radio-group:change");
-    });
-    this.addEventListener("invalid", (e) => {
-      this.invalid = true;
-      this.pristine = false;
-      this.showInvalidMessage();
+    this.value && this.checkRadio(this.getRadioByValue(this.value)), this.validate(), this.invalid && this.showInvalidMessage(), this.addEventListener("wje-radio:change", (e2) => {
+      this.checkRadio(e2.target), this.validate(), this.pristine = false, this.propagateValidation(), this.invalid && (this.invalid = false, this.internals.setValidity({}, "")), this.syncAria();
+    }), this.input.addEventListener("input", (e2) => {
+      this.validate(), this.pristine = false, this.propagateValidation(), t.dispatchCustomEvent(this, "wje-radio-group:change");
+    }), this.addEventListener("invalid", (e2) => {
+      this.invalid = true, this.pristine = false, this.showInvalidMessage();
     });
   }
-  /**
-   * Syncs ARIA attributes on the host element.
-   */
   syncAria() {
-    var _a;
-    const label = (_a = this.label) == null ? void 0 : _a.trim();
-    const requiredInvalid = this.required && !this.value;
-    const invalid = this.invalid || requiredInvalid;
-    this.setAriaState({
-      role: "radiogroup",
-      required: this.required,
-      invalid,
-      disabled: this.disabled,
-      ...label ? { label } : {}
-    });
+    var _a2;
+    const e2 = (_a2 = this.label) == null ? void 0 : _a2.trim(), t2 = this.required && !this.value, i2 = this.invalid || t2;
+    this.setAriaState({ role: "radiogroup", required: this.required, invalid: i2, disabled: this.disabled, ...e2 ? { label: e2 } : {} });
+  }
+  getRadioByValue(e2) {
+    return this.getAllElements().find((t2) => t2 instanceof i && t2.value === e2);
   }
-  /**
-   * Returns the radio button with the given value.
-   * @param {string} value The value of the radio button.
-   * @returns {Radio} The radio button.
-   */
-  getRadioByValue(value) {
-    return this.getAllElements().find((el) => el instanceof Radio && el.value === value);
-  }
-  /**
-   * Removes the check from all radio buttons.
-   */
   removeCheck() {
-    this.getAllElements().forEach((el) => {
-      if (el instanceof Radio) el.checked = false;
+    this.getAllElements().forEach((e2) => {
+      e2 instanceof i && (e2.checked = false);
     });
   }
-  /**
-   * Sets the given radio button to checked.
-   */
-  checkRadio(radio) {
-    this.removeCheck();
-    if (radio) {
-      radio.checked = true;
-      this.value = radio.value;
-      this.input.value = radio.value;
-      this.input.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
-      this.syncAria();
-      return true;
-    }
-    console.error(`Radio with value ${radio.value} not found`);
-    return false;
+  checkRadio(e2) {
+    return this.removeCheck(), e2 ? (e2.checked = true, this.value = e2.value, this.input.value = e2.value, this.input.dispatchEvent(new Event("input", { bubbles: true, composed: true })), this.syncAria(), true) : (console.error(`Radio with value ${e2.value} not found`), false);
   }
-  /**
-   * Retrieves all direct child elements of the current element.
-   * @returns {HTMLElement[]} An array of child elements.
-   */
   getAllElements() {
     return Array.from(this.children);
   }
 }
-_internalValue = new WeakMap();
-RadioGroup.define("wje-radio-group", RadioGroup);
+_e = new WeakMap();
+a.define("wje-radio-group", a);
 export {
-  RadioGroup as default
+  a as default
 };
 //# sourceMappingURL=wje-radio-group.js.map

package/dist/wje-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-radio-group.js","sources":["../packages/wje-radio-group/radio-group.element.js","../packages/wje-radio-group/radio-group.js"],"sourcesContent":["import { FormAssociatedElement } from '../internals/form-associated-element.js';\nimport { event } from '../utils/event.js';\nimport Radio from '../wje-radio/radio.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `RadioGroup` is a custom web component that represents a group of radio buttons.\n * @summary This element represents a group of radio buttons.\n * @documentation https://elements.webjet.sk/components/radio-group\n * @status stable\n * @augments {FormAssociatedElement}\n * @slot - The default slot for the radio group.\n * @tag wje-radio-group\n */\n\nexport default class RadioGroup extends FormAssociatedElement {\n    #internalValue = '';\n\n    /**\n     * Creates an instance of RadioGroup.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this.invalid = false;\n        this.pristine = true;\n    }\n\n    /**\n     * Setter for the value attribute.\n     * @param {string} value The value to set.\n     */\n    set value(value) {\n        this.#internalValue = value;\n        this.pristine = false;\n        this.internals.setFormValue(value);\n        this.setAttribute('value', value);\n    }\n\n    /**\n     * Getter for the value attribute.\n     * @returns {string} The value of the attribute.\n     */\n    get value() {\n        return this.getAttribute('value');\n    }\n    /**\n     * Setter for the name attribute.\n     * @param {string} value The name to set.\n     */\n    set required(value) {\n        if (value === null || value === undefined) {\n            this.removeAttribute('required');\n        } else {\n            this.setAttribute('required', '');\n        }\n    }\n\n    /**\n     * Getter for the name attribute.\n     * @returns {boolean}\n     */\n    get required() {\n        return this.hasAttribute('required');\n    }\n\n    /**\n     * Setter for the label attribute.\n     * @param {string} value The label to set.\n     */\n    set label(value) {\n        if (value === null || value === undefined) {\n            this.removeAttribute('label');\n        } else {\n            this.setAttribute('label', value);\n        }\n    }\n\n    /**\n     * Getter for the label attribute.\n     * @returns {string|null}\n     */\n    get label() {\n        return this.getAttribute('label');\n    }\n\n    className = 'RadioGroup';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    static get observedAttributes() {\n        return ['required', 'value', 'disabled', 'invalid', 'label'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (oldValue === newValue) return;\n        if (['required', 'disabled', 'invalid', 'label'].includes(name)) this.syncAria();\n        if (name === 'value' && this.pristine) {\n            const radio = this.getRadioByValue(this.value);\n            if (radio) this.checkRadio(radio);\n        }\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        if (this.pristine) {\n            this.pristine = false;\n        }\n        this.syncAria();\n    }\n\n    /**\n     * Draws the component for the radio group.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-radio-group', this.hasAttribute('inline') ? 'wje-inline' : 'ddd');\n\n        let input = document.createElement('input');\n        input.type =  'text';\n        input.name = this.name;\n        input.disabled = this.disabled;\n        input.required = this.required;\n        input.value = this.value || '';\n        input.classList.add('input-hidden');\n\n        let slot = document.createElement('slot');\n\n        let label = document.createElement('label');\n        label.innerText = this.label;\n        if (this.value && !this.hasAttribute('error')) label.classList.add('fade');\n\n        if (this.label) {\n            native.append(label);\n        }\n\n        // Error\n        let errorSlot = document.createElement('slot');\n        errorSlot.setAttribute('name', 'error');\n\n        let error = document.createElement('div');\n        error.setAttribute('slot', 'error');\n\n        native.append(input);\n        native.append(slot);\n        native.append(errorSlot);\n\n        this.append(error);\n\n        fragment.append(native);\n\n        this.input = input;\n\n        return fragment;\n    }\n\n    /**\n     * Adds event listeners after the component is drawn. Handles the selection of radio buttons.\n     */\n    afterDraw() {\n        if(this.value)\n            this.checkRadio(this.getRadioByValue(this.value));\n\n        // this.addEventListener('wje-radio:input', (e) => {\n        //     this.value = e.detail.context.value;\n        // });\n\n        this.validate();\n\n        if (this.invalid) {\n            this.showInvalidMessage();\n        }\n\n        this.addEventListener('wje-radio:change', (e) => {\n            this.checkRadio(e.target);\n\n            this.validate();\n\n            this.pristine = false;\n            this.propagateValidation();\n\n            if (this.invalid) {\n                this.invalid = false;\n                // this.errorMessage.textContent = '';\n                this.internals.setValidity({}, '');\n            }\n            this.syncAria();\n        });\n\n        this.input.addEventListener('input', (e) => {\n            this.validate();\n\n            this.pristine = false;\n            this.propagateValidation();\n\n            event.dispatchCustomEvent(this, 'wje-radio-group:change');\n        });\n\n        this.addEventListener('invalid', (e) => {\n            this.invalid = true;\n            this.pristine = false;\n\n            this.showInvalidMessage();\n        });\n\n    }\n\n    /**\n     * Syncs ARIA attributes on the host element.\n     */\n    syncAria() {\n        const label = this.label?.trim();\n        const requiredInvalid = this.required && !this.value;\n        const invalid = this.invalid || requiredInvalid;\n\n        this.setAriaState({\n            role: 'radiogroup',\n            required: this.required,\n            invalid,\n            disabled: this.disabled,\n            ...(label ? { label } : {}),\n        });\n    }\n\n    /**\n     * Returns the radio button with the given value.\n     * @param {string} value The value of the radio button.\n     * @returns {Radio} The radio button.\n     */\n    getRadioByValue(value) {\n        return this.getAllElements().find((el) => el instanceof Radio && el.value === value);\n    }\n\n    /**\n     * Removes the check from all radio buttons.\n     */\n    removeCheck() {\n        this.getAllElements().forEach((el) => {\n            if (el instanceof Radio) el.checked = false;\n        });\n    }\n\n    /**\n     * Sets the given radio button to checked.\n     */\n    checkRadio(radio) {\n        this.removeCheck();\n\n        if (radio) {\n            // debugger\n            radio.checked = true;\n            this.value = radio.value;\n            this.input.value = radio.value;\n            this.input.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n            this.syncAria();\n            return true;\n        }\n\n        console.error(`Radio with value ${radio.value} not found`);\n        return false;\n    }\n\n    /**\n     * Retrieves all direct child elements of the current element.\n     * @returns {HTMLElement[]} An array of child elements.\n     */\n    getAllElements() {\n        return Array.from(this.children);\n    }\n}\n","import RadioGroup from './radio-group.element.js';\n\nexport default RadioGroup;\n\nRadioGroup.define('wje-radio-group', RadioGroup);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-radio-group.js","sources":["../packages/wje-radio-group/radio-group.element.js","../packages/wje-radio-group/radio-group.js"],"sourcesContent":["import { FormAssociatedElement } from '../internals/form-associated-element.js';\nimport { event } from '../utils/event.js';\nimport Radio from '../wje-radio/radio.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `RadioGroup` is a custom web component that represents a group of radio buttons.\n * @summary This element represents a group of radio buttons.\n * @documentation https://elements.webjet.sk/components/radio-group\n * @status stable\n * @augments {FormAssociatedElement}\n * @slot - The default slot for the radio group.\n * @tag wje-radio-group\n */\n\nexport default class RadioGroup extends FormAssociatedElement {\n    #internalValue = '';\n\n    /**\n     * Creates an instance of RadioGroup.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this.invalid = false;\n        this.pristine = true;\n    }\n\n    /**\n     * Setter for the value attribute.\n     * @param {string} value The value to set.\n     */\n    set value(value) {\n        this.#internalValue = value;\n        this.pristine = false;\n        this.internals.setFormValue(value);\n        this.setAttribute('value', value);\n    }\n\n    /**\n     * Getter for the value attribute.\n     * @returns {string} The value of the attribute.\n     */\n    get value() {\n        return this.getAttribute('value');\n    }\n    /**\n     * Setter for the name attribute.\n     * @param {string} value The name to set.\n     */\n    set required(value) {\n        if (value === null || value === undefined) {\n            this.removeAttribute('required');\n        } else {\n            this.setAttribute('required', '');\n        }\n    }\n\n    /**\n     * Getter for the name attribute.\n     * @returns {boolean}\n     */\n    get required() {\n        return this.hasAttribute('required');\n    }\n\n    /**\n     * Setter for the label attribute.\n     * @param {string} value The label to set.\n     */\n    set label(value) {\n        if (value === null || value === undefined) {\n            this.removeAttribute('label');\n        } else {\n            this.setAttribute('label', value);\n        }\n    }\n\n    /**\n     * Getter for the label attribute.\n     * @returns {string|null}\n     */\n    get label() {\n        return this.getAttribute('label');\n    }\n\n    className = 'RadioGroup';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    static get observedAttributes() {\n        return ['required', 'value', 'disabled', 'invalid', 'label'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (oldValue === newValue) return;\n        if (['required', 'disabled', 'invalid', 'label'].includes(name)) this.syncAria();\n        if (name === 'value' && this.pristine) {\n            const radio = this.getRadioByValue(this.value);\n            if (radio) this.checkRadio(radio);\n        }\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        if (this.pristine) {\n            this.pristine = false;\n        }\n        this.syncAria();\n    }\n\n    /**\n     * Draws the component for the radio group.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-radio-group', this.hasAttribute('inline') ? 'wje-inline' : 'ddd');\n\n        let input = document.createElement('input');\n        input.type =  'text';\n        input.name = this.name;\n        input.disabled = this.disabled;\n        input.required = this.required;\n        input.value = this.value || '';\n        input.classList.add('input-hidden');\n\n        let slot = document.createElement('slot');\n\n        let label = document.createElement('label');\n        label.innerText = this.label;\n        if (this.value && !this.hasAttribute('error')) label.classList.add('fade');\n\n        if (this.label) {\n            native.append(label);\n        }\n\n        // Error\n        let errorSlot = document.createElement('slot');\n        errorSlot.setAttribute('name', 'error');\n\n        let error = document.createElement('div');\n        error.setAttribute('slot', 'error');\n\n        native.append(input);\n        native.append(slot);\n        native.append(errorSlot);\n\n        this.append(error);\n\n        fragment.append(native);\n\n        this.input = input;\n\n        return fragment;\n    }\n\n    /**\n     * Adds event listeners after the component is drawn. Handles the selection of radio buttons.\n     */\n    afterDraw() {\n        if(this.value)\n            this.checkRadio(this.getRadioByValue(this.value));\n\n        // this.addEventListener('wje-radio:input', (e) => {\n        //     this.value = e.detail.context.value;\n        // });\n\n        this.validate();\n\n        if (this.invalid) {\n            this.showInvalidMessage();\n        }\n\n        this.addEventListener('wje-radio:change', (e) => {\n            this.checkRadio(e.target);\n\n            this.validate();\n\n            this.pristine = false;\n            this.propagateValidation();\n\n            if (this.invalid) {\n                this.invalid = false;\n                // this.errorMessage.textContent = '';\n                this.internals.setValidity({}, '');\n            }\n            this.syncAria();\n        });\n\n        this.input.addEventListener('input', (e) => {\n            this.validate();\n\n            this.pristine = false;\n            this.propagateValidation();\n\n            event.dispatchCustomEvent(this, 'wje-radio-group:change');\n        });\n\n        this.addEventListener('invalid', (e) => {\n            this.invalid = true;\n            this.pristine = false;\n\n            this.showInvalidMessage();\n        });\n\n    }\n\n    /**\n     * Syncs ARIA attributes on the host element.\n     */\n    syncAria() {\n        const label = this.label?.trim();\n        const requiredInvalid = this.required && !this.value;\n        const invalid = this.invalid || requiredInvalid;\n\n        this.setAriaState({\n            role: 'radiogroup',\n            required: this.required,\n            invalid,\n            disabled: this.disabled,\n            ...(label ? { label } : {}),\n        });\n    }\n\n    /**\n     * Returns the radio button with the given value.\n     * @param {string} value The value of the radio button.\n     * @returns {Radio} The radio button.\n     */\n    getRadioByValue(value) {\n        return this.getAllElements().find((el) => el instanceof Radio && el.value === value);\n    }\n\n    /**\n     * Removes the check from all radio buttons.\n     */\n    removeCheck() {\n        this.getAllElements().forEach((el) => {\n            if (el instanceof Radio) el.checked = false;\n        });\n    }\n\n    /**\n     * Sets the given radio button to checked.\n     */\n    checkRadio(radio) {\n        this.removeCheck();\n\n        if (radio) {\n            // debugger\n            radio.checked = true;\n            this.value = radio.value;\n            this.input.value = radio.value;\n            this.input.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n            this.syncAria();\n            return true;\n        }\n\n        console.error(`Radio with value ${radio.value} not found`);\n        return false;\n    }\n\n    /**\n     * Retrieves all direct child elements of the current element.\n     * @returns {HTMLElement[]} An array of child elements.\n     */\n    getAllElements() {\n        return Array.from(this.children);\n    }\n}\n","import RadioGroup from './radio-group.element.js';\n\nexport default RadioGroup;\n\nRadioGroup.define('wje-radio-group', RadioGroup);\n"],"names":["RadioGroup","FormAssociatedElement","constructor","super","internalValue","className","this","invalid","pristine","value","internals","setFormValue","setAttribute","getAttribute","removeAttribute","required","hasAttribute","label","cssStyleSheet","observedAttributes","name","oldValue","newValue","attributeChangedCallback","includes","syncAria","radio","getRadioByValue","checkRadio","setupAttributes","isShadowRoot","fragment","document","createDocumentFragment","native","createElement","classList","add","input","type","disabled","slot","innerText","append","errorSlot","error","validate","showInvalidMessage","addEventListener","e","target","propagateValidation","setValidity","event","dispatchCustomEvent","trim","requiredInvalid","setAriaState","role","getAllElements","find","el","Radio","removeCheck","forEach","checked","dispatchEvent","Event","bubbles","composed","console","Array","from","children","define"],"mappings":"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"}

package/dist/wje-radio.js

@@ -1,159 +1,65 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import WJElement from "./wje-element.js";
-import { event } from "./event.js";
-const styles = "/*\n[ WJ Radio ]\n*/\n\n:host {\n    display: block;\n    margin-top: var(--wje-radio-margin-top);\n    margin-bottom: var(--wje-radio-margin-bottom);\n    margin-inline: var(--wje-radio-margin-inline);\n    line-height: 100%;\n    padding-left: 0;\n    position: relative;\n\n    label {\n        display: flex;\n        cursor: pointer;\n        position: relative;\n        padding-left: 1.5rem;\n        min-width: 16px;\n        min-height: 16px;\n        margin-bottom: 0;\n        -webkit-touch-callout: none; /* iOS Safari */\n        -webkit-user-select: none; /* Safari */\n        -moz-user-select: none; /* Old versions of Firefox */\n        -ms-user-select: none; /* Internet Explorer/Edge */\n        user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */\n        align-items: center;\n        &:before {\n            content: '';\n            position: absolute;\n            width: 16px;\n            height: 16px;\n            left: 0;\n            box-sizing: border-box;\n            background-color: var(--wje-color-contrast-1);\n            border: 1px solid var(--wje-color-contrast-4);\n        }\n    }\n}\n\n.native-radio {\n    input[type='radio'] + label {\n        &:before {\n            border-radius: var(--wje-border-radius-circle);\n            transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);\n        }\n    }\n    input[type='radio']:checked {\n        & + label {\n            &:before {\n                border-color: var(--wje-color-contrast-6);\n                border-width: 5px;\n            }\n        }\n    }\n    input[type='radio']:focus {\n        & + label {\n            color: var(--wje-color);\n            &:before {\n                outline: none !important;\n                box-shadow: 0 0 0 0 #78c8fe;\n            }\n        }\n    }\n\n    input[type='radio'] {\n        opacity: 0;\n        position: absolute;\n        top: 3px;\n        width: 16px;\n        height: 16px;\n    }\n\n    input[type='radio'][disabled] {\n        & + label {\n            cursor: not-allowed !important;\n            color: var(--wje-color-contrast-9);\n            opacity: 0.5;\n            &:before {\n                cursor: not-allowed !important;\n            }\n        }\n    }\n}\n\n:host([placement='end']) {\n    label {\n        padding-left: 0;\n        padding-right: 26px;\n\n        &:before {\n            right: 0;\n            left: auto;\n        }\n    }\n\n    input[type='checkbox']:checked {\n        & + label {\n            position: relative;\n\n            &::after {\n                position: absolute;\n                right: 0;\n                left: auto;\n            }\n        }\n    }\n}\n\n/* Colors */\n\n:host([color='primary']) input[type='radio']:checked + label:before {\n    border-color: var(--wje-color-primary-9);\n}\n\n:host([color='complete']) input[type='radio']:checked + label:before {\n    border-color: var(--wje-color-complete-9);\n}\n\n:host([color='success']) input[type='radio']:checked + label:before {\n    border-color: var(--wje-color-success-9);\n}\n\n:host([color='warning']) input[type='radio']:checked + label:before {\n    border-color: var(--wje-color-warning-9);\n}\n\n:host([color='danger']) input[type='radio']:checked + label:before {\n    border-color: var(--wje-color-danger-9);\n}\n\n:host([color='info']) input[type='radio']:checked + label:before {\n    border-color: var(--wje-color-info-9);\n}\n";
-class Radio extends WJElement {
-  /**
-   * Creates an instance of Radio.
-   */
+import e from "./wje-element.js";
+import { event as t } from "./event.js";
+class i extends e {
   constructor() {
     super();
-    /**
-     * Sets the color of the radio button.
-     * @type {string}
-     */
     __publicField(this, "className", "Radio");
-    /**
-     * Called when an attribute changes.
-     * @param {object} e
-     */
-    __publicField(this, "inputEvent", (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      this.checked = e.target.checked;
+    __publicField(this, "inputEvent", (e2) => {
+      e2.preventDefault(), e2.stopPropagation(), this.checked = e2.target.checked;
     });
   }
-  set value(value) {
-    this.setAttribute("value", value);
+  set value(e2) {
+    this.setAttribute("value", e2);
   }
   get value() {
     return this.getAttribute("value");
   }
-  /**
-   * Sets the name of the radio button.
-   * @param value
-   */
-  set checked(value) {
-    if (value) {
-      this.setAttribute("checked", "");
-    } else {
-      this.removeAttribute("checked");
-    }
+  set checked(e2) {
+    e2 ? this.setAttribute("checked", "") : this.removeAttribute("checked");
   }
-  /**
-   * Gets the checked property of the radio button.
-   * @returns {boolean}
-   */
   get checked() {
     return this.hasAttribute("checked");
   }
-  /**
-   * Set checked attribute.
-   * @param {boolean} value true if the toggle is checked, false otherwise
-   */
-  set disabled(value) {
-    if (value) {
-      this.setAttribute("disabled", "");
-    } else {
-      this.removeAttribute("disabled");
-    }
+  set disabled(e2) {
+    e2 ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
   }
-  /**
-   * Get disabled attribute value.
-   * @returns {boolean} true if the toggle is disabled, false otherwise
-   */
   get disabled() {
     return this.hasAttribute("disabled");
   }
-  /**
-   * Returns the CSS styles for the component.
-   * @returns {CSSStyleSheet}
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ':host{display:block;margin-top:var(--wje-radio-margin-top);margin-bottom:var(--wje-radio-margin-bottom);margin-inline:var(--wje-radio-margin-inline);line-height:100%;padding-left:0;position:relative}:host label{display:flex;cursor:pointer;position:relative;padding-left:1.5rem;min-width:16px;min-height:16px;margin-bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center}:host label:before{content:"";position:absolute;width:16px;height:16px;left:0;box-sizing:border-box;background-color:var(--wje-color-contrast-1);border:1px solid var(--wje-color-contrast-4)}.native-radio input[type=radio]+label:before{border-radius:var(--wje-border-radius-circle);transition:border .3s 0s cubic-bezier(.455,.03,.215,1.33)}.native-radio input[type=radio]:checked+label:before{border-color:var(--wje-color-contrast-6);border-width:5px}.native-radio input[type=radio]:focus+label{color:var(--wje-color)}.native-radio input[type=radio]:focus+label:before{outline:none!important;box-shadow:0 0 #78c8fe}.native-radio input[type=radio]{opacity:0;position:absolute;top:3px;width:16px;height:16px}.native-radio input[type=radio][disabled]+label{cursor:not-allowed!important;color:var(--wje-color-contrast-9);opacity:.5}.native-radio input[type=radio][disabled]+label:before{cursor:not-allowed!important}:host([placement="end"]) label{padding-left:0;padding-right:26px}:host([placement="end"]) label:before{right:0;left:auto}:host([placement="end"]) input[type=checkbox]:checked+label{position:relative}:host([placement="end"]) input[type=checkbox]:checked+label:after{position:absolute;right:0;left:auto}:host([color="primary"]) input[type=radio]:checked+label:before{border-color:var(--wje-color-primary-9)}:host([color="complete"]) input[type=radio]:checked+label:before{border-color:var(--wje-color-complete-9)}:host([color="success"]) input[type=radio]:checked+label:before{border-color:var(--wje-color-success-9)}:host([color="warning"]) input[type=radio]:checked+label:before{border-color:var(--wje-color-warning-9)}:host([color="danger"]) input[type=radio]:checked+label:before{border-color:var(--wje-color-danger-9)}:host([color="info"]) input[type=radio]:checked+label:before{border-color:var(--wje-color-info-9)}';
   }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * @static
-   * @returns {Array<string>}
-   */
   static get observedAttributes() {
     return ["checked", "disabled", "value"];
   }
-  attributeChangedCallback(name, oldValue, newValue) {
+  attributeChangedCallback(e2, t2, i2) {
     var _a;
-    (_a = super.attributeChangedCallback) == null ? void 0 : _a.call(this, name, oldValue, newValue);
-    if (oldValue === newValue) return;
-    if (this.input) {
-      if (name === "checked") this.input.checked = this.checked;
-      if (name === "disabled") this.input.disabled = this.disabled;
-      if (name === "value") {
-        this.input.id = this.value + "-radio";
-        this.input.name = this.value + "-radio";
-      }
-    }
-    if (["checked", "disabled"].includes(name)) this.syncAria();
+    (_a = super.attributeChangedCallback) == null ? void 0 : _a.call(this, e2, t2, i2), t2 !== i2 && (this.input && ("checked" === e2 && (this.input.checked = this.checked), "disabled" === e2 && (this.input.disabled = this.disabled), "value" === e2 && (this.input.id = this.value + "-radio", this.input.name = this.value + "-radio")), ["checked", "disabled"].includes(e2) && this.syncAria());
   }
-  /**
-   * Sets up the attributes for the component.
-   */
   setupAttributes() {
-    this.isShadowRoot = "open";
-    this.syncAria();
+    this.isShadowRoot = "open", this.syncAria();
   }
-  /**
-   * Draws the radio button.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let native = document.createElement("div");
-    native.classList.add("native-radio");
-    if (this.color) native.classList.add(this.color);
-    this.input = document.createElement("input");
-    this.input.type = "radio";
-    this.input.id = this.value + "-radio";
-    this.input.name = this.value + "-radio";
-    this.input.checked = this.checked;
-    this.input.disabled = this.disabled;
-    let label = document.createElement("label");
-    label.htmlFor = this.value + "-radio";
-    label.innerHTML = "<slot></slot>";
-    native.appendChild(this.input);
-    native.appendChild(label);
-    fragment.appendChild(native);
-    return fragment;
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("div");
+    t2.classList.add("native-radio"), this.color && t2.classList.add(this.color), this.input = document.createElement("input"), this.input.type = "radio", this.input.id = this.value + "-radio", this.input.name = this.value + "-radio", this.input.checked = this.checked, this.input.disabled = this.disabled;
+    let i2 = document.createElement("label");
+    return i2.htmlFor = this.value + "-radio", i2.innerHTML = "<slot></slot>", t2.appendChild(this.input), t2.appendChild(i2), e2.appendChild(t2), e2;
   }
-  /**
-   * Sets up the event listeners for the component.
-   */
   afterDraw() {
-    if (!this.hasAttribute("disabled")) {
-      event.addListener(this.input, "input", "wje-radio:change");
-    }
-    this.syncAria();
+    this.hasAttribute("disabled") || t.addListener(this.input, "input", "wje-radio:change"), this.syncAria();
   }
-  /**
-   * Syncs ARIA attributes on the host element.
-   */
   syncAria() {
-    this.setAriaState({
-      role: "radio",
-      checked: this.checked,
-      disabled: this.disabled
-    });
+    this.setAriaState({ role: "radio", checked: this.checked, disabled: this.disabled });
   }
-  /**
-   * Toggles the radio button.
-   */
   beforeDisconnect() {
-    event.removeElement(this);
+    t.removeElement(this);
   }
 }
-Radio.define("wje-radio", Radio);
+i.define("wje-radio", i);
 export {
-  Radio as default
+  i as default
 };
 //# sourceMappingURL=wje-radio.js.map

package/dist/wje-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-radio.js","sources":["../packages/wje-radio/radio.element.js","../packages/wje-radio/radio.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents a Radio button element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/radio\n * @status stable\n * @augments WJElement\n * @slot - Default slot for the radio button label content.\n * @csspart native-radio - The native wrapper for the radio button.\n * @cssproperty [--wje-radio-margin-inline=0] - Specifies the horizontal (left and right) margin for the radio button. Accepts any valid CSS length unit (e.g., `px`, `rem`, `%`) to control spacing on both sides of the component.\n * @cssproperty [--wje-radio-margin-top=0] - Defines the top margin for the radio button. Accepts any valid CSS length value to adjust vertical spacing above the component.\n * @cssproperty [--wje-radio-margin-bottom=0] - Sets the bottom margin for the radio button. Accepts any valid CSS length value to adjust vertical spacing below the component.\n * // @fires wje-radio:change - Dispatched when the radio button's state changes.\n * // @fires wje-radio:input - Dispatched when the radio button is interacted with.\n */\n\nexport default class Radio extends WJElement {\n    /**\n     * Creates an instance of Radio.\n     */\n    constructor() {\n        super();\n\n    }\n\n    set value(value) {\n        this.setAttribute('value', value);\n    }\n\n    get value() {\n        return this.getAttribute('value');\n    }\n\n    /**\n     * Sets the name of the radio button.\n     * @param value\n     */\n    set checked(value) {\n        if (value) {\n            this.setAttribute('checked', '');\n        } else {\n            this.removeAttribute('checked');\n        }\n    }\n\n    /**\n     * Gets the checked property of the radio button.\n     * @returns {boolean}\n     */\n    get checked() {\n        return this.hasAttribute('checked');\n    }\n\n    /**\n     * Set checked attribute.\n     * @param {boolean} value true if the toggle is checked, false otherwise\n     */\n    set disabled(value) {\n        if (value) {\n            this.setAttribute('disabled', '');\n        } else {\n            this.removeAttribute('disabled');\n        }\n    }\n\n    /**\n     * Get disabled attribute value.\n     * @returns {boolean} true if the toggle is disabled, false otherwise\n     */\n    get disabled() {\n        return this.hasAttribute('disabled');\n    }\n\n    /**\n     * Sets the color of the radio button.\n     * @type {string}\n     */\n    className = 'Radio';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return ['checked', 'disabled', 'value'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (oldValue === newValue) return;\n        if (this.input) {\n            if (name === 'checked') this.input.checked = this.checked;\n            if (name === 'disabled') this.input.disabled = this.disabled;\n            if (name === 'value') {\n                this.input.id = this.value + '-radio';\n                this.input.name = this.value + '-radio';\n            }\n        }\n        if (['checked', 'disabled'].includes(name)) this.syncAria();\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    /**\n     * Draws the radio button.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-radio');\n\n        if (this.color) native.classList.add(this.color);\n\n        this.input = document.createElement('input');\n        this.input.type = 'radio';\n        this.input.id = this.value + '-radio';\n        this.input.name = this.value + '-radio';\n        this.input.checked = this.checked;\n        this.input.disabled = this.disabled;\n\n        let label = document.createElement('label');\n        label.htmlFor = this.value + '-radio';\n        label.innerHTML = '<slot></slot>';\n\n        native.appendChild(this.input);\n        native.appendChild(label);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    /**\n     * Sets up the event listeners for the component.\n     */\n    afterDraw() {\n        if (!this.hasAttribute('disabled')) {\n            event.addListener(this.input, 'input', 'wje-radio:change');\n            // event.addListener(this, 'click', 'wje-radio:input');\n        }\n        this.syncAria();\n    }\n\n    /**\n     * Syncs ARIA attributes on the host element.\n     */\n    syncAria() {\n        this.setAriaState({\n            role: 'radio',\n            checked: this.checked,\n            disabled: this.disabled,\n        });\n    }\n\n    /**\n     * Called when an attribute changes.\n     * @param {object} e\n     */\n    inputEvent = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        this.checked = e.target.checked;\n    };\n\n    /**\n     * Toggles the radio button.\n     */\n    beforeDisconnect() {\n        event.removeElement(this);\n    }\n}\n","import Radio from './radio.element.js';\n\nexport default Radio;\n\nRadio.define('wje-radio', Radio);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-radio.js","sources":["../packages/wje-radio/radio.element.js","../packages/wje-radio/radio.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents a Radio button element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/radio\n * @status stable\n * @augments WJElement\n * @slot - Default slot for the radio button label content.\n * @csspart native-radio - The native wrapper for the radio button.\n * @cssproperty [--wje-radio-margin-inline=0] - Specifies the horizontal (left and right) margin for the radio button. Accepts any valid CSS length unit (e.g., `px`, `rem`, `%`) to control spacing on both sides of the component.\n * @cssproperty [--wje-radio-margin-top=0] - Defines the top margin for the radio button. Accepts any valid CSS length value to adjust vertical spacing above the component.\n * @cssproperty [--wje-radio-margin-bottom=0] - Sets the bottom margin for the radio button. Accepts any valid CSS length value to adjust vertical spacing below the component.\n * // @fires wje-radio:change - Dispatched when the radio button's state changes.\n * // @fires wje-radio:input - Dispatched when the radio button is interacted with.\n */\n\nexport default class Radio extends WJElement {\n    /**\n     * Creates an instance of Radio.\n     */\n    constructor() {\n        super();\n\n    }\n\n    set value(value) {\n        this.setAttribute('value', value);\n    }\n\n    get value() {\n        return this.getAttribute('value');\n    }\n\n    /**\n     * Sets the name of the radio button.\n     * @param value\n     */\n    set checked(value) {\n        if (value) {\n            this.setAttribute('checked', '');\n        } else {\n            this.removeAttribute('checked');\n        }\n    }\n\n    /**\n     * Gets the checked property of the radio button.\n     * @returns {boolean}\n     */\n    get checked() {\n        return this.hasAttribute('checked');\n    }\n\n    /**\n     * Set checked attribute.\n     * @param {boolean} value true if the toggle is checked, false otherwise\n     */\n    set disabled(value) {\n        if (value) {\n            this.setAttribute('disabled', '');\n        } else {\n            this.removeAttribute('disabled');\n        }\n    }\n\n    /**\n     * Get disabled attribute value.\n     * @returns {boolean} true if the toggle is disabled, false otherwise\n     */\n    get disabled() {\n        return this.hasAttribute('disabled');\n    }\n\n    /**\n     * Sets the color of the radio button.\n     * @type {string}\n     */\n    className = 'Radio';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return ['checked', 'disabled', 'value'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (oldValue === newValue) return;\n        if (this.input) {\n            if (name === 'checked') this.input.checked = this.checked;\n            if (name === 'disabled') this.input.disabled = this.disabled;\n            if (name === 'value') {\n                this.input.id = this.value + '-radio';\n                this.input.name = this.value + '-radio';\n            }\n        }\n        if (['checked', 'disabled'].includes(name)) this.syncAria();\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    /**\n     * Draws the radio button.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-radio');\n\n        if (this.color) native.classList.add(this.color);\n\n        this.input = document.createElement('input');\n        this.input.type = 'radio';\n        this.input.id = this.value + '-radio';\n        this.input.name = this.value + '-radio';\n        this.input.checked = this.checked;\n        this.input.disabled = this.disabled;\n\n        let label = document.createElement('label');\n        label.htmlFor = this.value + '-radio';\n        label.innerHTML = '<slot></slot>';\n\n        native.appendChild(this.input);\n        native.appendChild(label);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    /**\n     * Sets up the event listeners for the component.\n     */\n    afterDraw() {\n        if (!this.hasAttribute('disabled')) {\n            event.addListener(this.input, 'input', 'wje-radio:change');\n            // event.addListener(this, 'click', 'wje-radio:input');\n        }\n        this.syncAria();\n    }\n\n    /**\n     * Syncs ARIA attributes on the host element.\n     */\n    syncAria() {\n        this.setAriaState({\n            role: 'radio',\n            checked: this.checked,\n            disabled: this.disabled,\n        });\n    }\n\n    /**\n     * Called when an attribute changes.\n     * @param {object} e\n     */\n    inputEvent = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        this.checked = e.target.checked;\n    };\n\n    /**\n     * Toggles the radio button.\n     */\n    beforeDisconnect() {\n        event.removeElement(this);\n    }\n}\n","import Radio from './radio.element.js';\n\nexport default Radio;\n\nRadio.define('wje-radio', Radio);\n"],"names":["Radio","WJElement","constructor","super","className","inputEvent","e","preventDefault","stopPropagation","this","checked","target","value","setAttribute","getAttribute","removeAttribute","hasAttribute","disabled","cssStyleSheet","observedAttributes","name","oldValue","newValue","attributeChangedCallback","input","id","includes","syncAria","setupAttributes","isShadowRoot","draw","fragment","document","createDocumentFragment","native","createElement","classList","add","color","type","label","htmlFor","innerHTML","appendChild","afterDraw","event","addListener","setAriaState","role","beforeDisconnect","removeElement","define"],"mappings":"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"}