@umbraco-ui/uui 2.0.0-rc.2 → 2.0.1

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

@@ -1,272 +1,215 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _selected, _radioElements, _onFocusIn, _onFocusOut, _onChildBlur, _onSelectClick, _onKeydown, _UUIRadioGroupElement_instances, onSlotChange_fn, setNameOnRadios_fn, updateRadioElementsCheckedState_fn, setDisableOnRadios_fn, setReadonlyOnRadios_fn, findAdjacentRadioElement_fn, selectPreviousRadio_fn, selectNextRadio_fn, fireChangeEvent_fn;
-import { LitElement, html, css } from "lit";
-import { property } from "lit/decorators.js";
-import { UUIRadioElement } from "./radio.element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { UUIFormControlMixin as UUIFormControlWithBasicsMixin } from "../../internal/mixins/FormControlWithBasicsMixin.js";
 import { UUIRadioEvent } from "./UUIRadioEvent.js";
+import { UUIRadioElement } from "./radio.element.js";
 import { UUIRadioGroupEvent } from "./UUIRadioGroupEvent.js";
-import { UUIFormControlWithBasicsMixin } from "../../internal/mixins/FormControlWithBasicsMixin.js";
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const ARROW_LEFT = "ArrowLeft";
-const ARROW_UP = "ArrowUp";
-const ARROW_RIGHT = "ArrowRight";
-const ARROW_DOWN = "ArrowDown";
-const SPACE = " ";
-const ENTER = "Enter";
-const _UUIRadioGroupElement = class _UUIRadioGroupElement extends UUIFormControlWithBasicsMixin(
-  LitElement,
-  ""
-) {
-  constructor() {
-    super();
-    __privateAdd(this, _UUIRadioGroupElement_instances);
-    __privateAdd(this, _selected);
-    __privateAdd(this, _radioElements);
-    __privateAdd(this, _onFocusIn);
-    __privateAdd(this, _onFocusOut);
-    __privateAdd(this, _onChildBlur);
-    __privateAdd(this, _onSelectClick);
-    __privateAdd(this, _onKeydown);
-    this.disabled = false;
-    this.readonly = false;
-    __privateSet(this, _selected, null);
-    __privateSet(this, _radioElements, []);
-    __privateSet(this, _onFocusIn, (event) => {
-      __privateGet(this, _radioElements)?.forEach((el) => {
-        if (el === event.target) {
-          el.makeFocusable();
-        } else {
-          el.makeUnfocusable();
-        }
-      });
-    });
-    __privateSet(this, _onFocusOut, (event) => {
-      if (this.contains(event.relatedTarget)) return;
-      if (__privateGet(this, _selected) !== null) return;
-      __privateGet(this, _radioElements)?.forEach((el) => {
-        el.makeFocusable();
-      });
-    });
-    __privateSet(this, _onChildBlur, () => {
-      this.pristine = false;
-    });
-    __privateSet(this, _onSelectClick, (e) => {
-      const target = e.target;
-      if (target.checked === true) {
-        this.value = target.value;
-        __privateMethod(this, _UUIRadioGroupElement_instances, fireChangeEvent_fn).call(this);
-      }
-    });
-    __privateSet(this, _onKeydown, (e) => {
-      switch (e.key) {
-        case ARROW_LEFT:
-        case ARROW_UP: {
-          e.preventDefault();
-          __privateMethod(this, _UUIRadioGroupElement_instances, selectPreviousRadio_fn).call(this);
-          break;
-        }
-        case ARROW_RIGHT:
-        case ARROW_DOWN: {
-          e.preventDefault();
-          __privateMethod(this, _UUIRadioGroupElement_instances, selectNextRadio_fn).call(this);
-          break;
-        }
-        case SPACE: {
-          if (__privateGet(this, _selected) === null) {
-            this.value = __privateMethod(this, _UUIRadioGroupElement_instances, findAdjacentRadioElement_fn).call(this, 1, false)?.value;
-            __privateMethod(this, _UUIRadioGroupElement_instances, fireChangeEvent_fn).call(this);
-          }
-          break;
-        }
-        case ENTER:
-          this.submit();
-          break;
-      }
-    });
-    this.addEventListener("keydown", __privateGet(this, _onKeydown));
-    this.addEventListener("focusin", __privateGet(this, _onFocusIn));
-    this.addEventListener("focusout", __privateGet(this, _onFocusOut));
-    this.updateComplete.then(() => {
-      __privateMethod(this, _UUIRadioGroupElement_instances, updateRadioElementsCheckedState_fn).call(this, this.value);
-    });
-  }
-  get value() {
-    return super.value;
-  }
-  set value(newValue) {
-    super.value = newValue;
-    __privateMethod(this, _UUIRadioGroupElement_instances, updateRadioElementsCheckedState_fn).call(this, newValue);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (!this.hasAttribute("role")) this.setAttribute("role", "radiogroup");
-  }
-  updated(_changedProperties) {
-    super.updated(_changedProperties);
-    if (_changedProperties.has("disabled")) {
-      __privateMethod(this, _UUIRadioGroupElement_instances, setDisableOnRadios_fn).call(this, this.disabled);
-    }
-    if (_changedProperties.has("readonly")) {
-      __privateMethod(this, _UUIRadioGroupElement_instances, setReadonlyOnRadios_fn).call(this, this.readonly);
-    }
-    if (_changedProperties.has("name")) {
-      __privateMethod(this, _UUIRadioGroupElement_instances, setNameOnRadios_fn).call(this, _changedProperties.get("name"));
-    }
-  }
-  /**
-   * This method enables <label for="..."> to focus the select
-   */
-  async focus() {
-    await this.updateComplete;
-    if (__privateGet(this, _selected) === null) {
-      __privateMethod(this, _UUIRadioGroupElement_instances, findAdjacentRadioElement_fn).call(this, 1, false)?.focus();
-    } else {
-      __privateGet(this, _radioElements)[__privateGet(this, _selected)]?.focus();
-    }
-  }
-  async blur() {
-    await this.updateComplete;
-    if (__privateGet(this, _selected) === null) {
-      __privateMethod(this, _UUIRadioGroupElement_instances, findAdjacentRadioElement_fn).call(this, 1, false)?.blur();
-    } else {
-      __privateGet(this, _radioElements)[__privateGet(this, _selected)]?.blur();
-    }
-  }
-  async click() {
-    await this.updateComplete;
-    if (__privateGet(this, _selected) === null) {
-      __privateMethod(this, _UUIRadioGroupElement_instances, findAdjacentRadioElement_fn).call(this, 1, false)?.click();
-    } else {
-      __privateGet(this, _radioElements)[__privateGet(this, _selected)]?.click();
-    }
-  }
-  getFormElement() {
-    if (__privateGet(this, _radioElements) && __privateGet(this, _selected)) {
-      return __privateGet(this, _radioElements)[__privateGet(this, _selected)];
-    }
-    return void 0;
-  }
-  render() {
-    return html` <slot @slotchange=${__privateMethod(this, _UUIRadioGroupElement_instances, onSlotChange_fn)}></slot> `;
-  }
-};
-_selected = new WeakMap();
-_radioElements = new WeakMap();
-_onFocusIn = new WeakMap();
-_onFocusOut = new WeakMap();
-_onChildBlur = new WeakMap();
-_onSelectClick = new WeakMap();
-_onKeydown = new WeakMap();
-_UUIRadioGroupElement_instances = new WeakSet();
-onSlotChange_fn = function(e) {
-  e.stopPropagation();
-  __privateGet(this, _radioElements)?.forEach((el) => {
-    el.removeEventListener(UUIRadioEvent.CHANGE, __privateGet(this, _onSelectClick));
-    el.removeEventListener("blur", __privateGet(this, _onChildBlur));
-  });
-  __privateSet(this, _selected, null);
-  __privateSet(this, _radioElements, e.target.assignedElements({ flatten: true }).filter((el) => el instanceof UUIRadioElement));
-  if (__privateGet(this, _radioElements).length === 0) return;
-  __privateGet(this, _radioElements).forEach((el) => {
-    el.addEventListener(UUIRadioEvent.CHANGE, __privateGet(this, _onSelectClick));
-    el.addEventListener("blur", __privateGet(this, _onChildBlur));
-  });
-  __privateMethod(this, _UUIRadioGroupElement_instances, setNameOnRadios_fn).call(this, this.name);
-  if (this.disabled) {
-    __privateMethod(this, _UUIRadioGroupElement_instances, setDisableOnRadios_fn).call(this, true);
-  }
-  if (this.readonly) {
-    __privateMethod(this, _UUIRadioGroupElement_instances, setReadonlyOnRadios_fn).call(this, true);
-  }
-  const checkedRadios = __privateGet(this, _radioElements).filter((el) => el.checked === true);
-  if (checkedRadios.length > 1) {
-    __privateGet(this, _radioElements).forEach((el) => {
-      el.checked = false;
-    });
-    this.value = "";
-    console.error(
-      "There can only be one checked radio among the <" + this.nodeName + "> children",
-      this
-    );
-  }
-  if (checkedRadios.length === 1) {
-    const firstCheckedRadio = checkedRadios[0];
-    this.value = firstCheckedRadio.value;
-    __privateSet(this, _selected, __privateGet(this, _radioElements).indexOf(firstCheckedRadio));
-  }
-};
-setNameOnRadios_fn = function(name) {
-  __privateGet(this, _radioElements)?.forEach((el) => el.name = name);
-};
-updateRadioElementsCheckedState_fn = function(newValue) {
-  const notChecked = [];
-  __privateGet(this, _radioElements).forEach((el, index) => {
-    if (el.value === newValue) {
-      el.checked = true;
-      el.makeFocusable();
-      __privateSet(this, _selected, index);
-    } else {
-      el.checked = false;
-      notChecked.push(el);
-    }
-  });
-  if (__privateGet(this, _selected) !== null) {
-    notChecked.forEach((el) => el.makeUnfocusable());
-  }
-};
-setDisableOnRadios_fn = function(value) {
-  __privateGet(this, _radioElements)?.forEach((el) => el.disabled = value);
-};
-setReadonlyOnRadios_fn = function(value) {
-  __privateGet(this, _radioElements)?.forEach((el) => el.readonly = value);
-};
-findAdjacentRadioElement_fn = function(direction = 1, skipFirst = true) {
-  if (!__privateGet(this, _radioElements) || __privateGet(this, _radioElements).length === 0) return null;
-  const len = __privateGet(this, _radioElements).length;
-  let index = __privateGet(this, _selected) ?? 0;
-  for (let i = 0; i < len + 1; i++) {
-    if (!skipFirst || i > 0) {
-      const radioElement = __privateGet(this, _radioElements)[index];
-      if (!radioElement.disabled && !radioElement.readonly) {
-        return radioElement;
-      }
-    }
-    index = (index + direction + len) % len;
-  }
-  return null;
-};
-selectPreviousRadio_fn = function() {
-  this.value = __privateMethod(this, _UUIRadioGroupElement_instances, findAdjacentRadioElement_fn).call(this, -1)?.value ?? "";
-  __privateGet(this, _radioElements)[__privateGet(this, _selected) ?? 0]?.focus();
-  __privateMethod(this, _UUIRadioGroupElement_instances, fireChangeEvent_fn).call(this);
-};
-selectNextRadio_fn = function() {
-  this.value = __privateMethod(this, _UUIRadioGroupElement_instances, findAdjacentRadioElement_fn).call(this)?.value ?? "";
-  __privateGet(this, _radioElements)[__privateGet(this, _selected) ?? 0]?.focus();
-  __privateMethod(this, _UUIRadioGroupElement_instances, fireChangeEvent_fn).call(this);
-};
-fireChangeEvent_fn = function() {
-  this.pristine = false;
-  this.dispatchEvent(new UUIRadioGroupEvent(UUIRadioGroupEvent.CHANGE));
-};
-_UUIRadioGroupElement.formAssociated = true;
-_UUIRadioGroupElement.styles = [
-  css`
+import { LitElement, css, html } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/components/radio/radio-group.element.ts
+var ARROW_LEFT = "ArrowLeft";
+var ARROW_UP = "ArrowUp";
+var ARROW_RIGHT = "ArrowRight";
+var ARROW_DOWN = "ArrowDown";
+var SPACE = " ";
+var ENTER = "Enter";
+/**
+* @element uui-radio-group
+* @slot - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`
+* @extends UUIFormControlMixin
+*/
+var UUIRadioGroupElement = class extends UUIFormControlWithBasicsMixin(LitElement, "") {
+	static {
+		this.formAssociated = true;
+	}
+	get value() {
+		return super.value;
+	}
+	set value(newValue) {
+		super.value = newValue;
+		this.#updateRadioElementsCheckedState(newValue);
+	}
+	#selected;
+	#radioElements;
+	constructor() {
+		super();
+		this.disabled = false;
+		this.readonly = false;
+		this.#selected = null;
+		this.#radioElements = [];
+		this.#onFocusIn = (event) => {
+			this.#radioElements?.forEach((el) => {
+				if (el === event.target) el.makeFocusable();
+				else el.makeUnfocusable();
+			});
+		};
+		this.#onFocusOut = (event) => {
+			if (this.contains(event.relatedTarget)) return;
+			if (this.#selected !== null) return;
+			this.#radioElements?.forEach((el) => {
+				el.makeFocusable();
+			});
+		};
+		this.#onChildBlur = () => {
+			this.pristine = false;
+		};
+		this.#onSelectClick = (e) => {
+			const target = e.target;
+			if (target.checked === true) {
+				this.value = target.value;
+				this.#fireChangeEvent();
+			}
+		};
+		this.#onKeydown = (e) => {
+			switch (e.key) {
+				case ARROW_LEFT:
+				case ARROW_UP:
+					e.preventDefault();
+					this.#selectPreviousRadio();
+					break;
+				case ARROW_RIGHT:
+				case ARROW_DOWN:
+					e.preventDefault();
+					this.#selectNextRadio();
+					break;
+				case SPACE:
+					if (this.#selected === null) {
+						this.value = this.#findAdjacentRadioElement(1, false)?.value;
+						this.#fireChangeEvent();
+					}
+					break;
+				case ENTER:
+					this.submit();
+					break;
+			}
+		};
+		this.addEventListener("keydown", this.#onKeydown);
+		this.addEventListener("focusin", this.#onFocusIn);
+		this.addEventListener("focusout", this.#onFocusOut);
+		this.updateComplete.then(() => {
+			this.#updateRadioElementsCheckedState(this.value);
+		});
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (!this.hasAttribute("role")) this.setAttribute("role", "radiogroup");
+	}
+	updated(_changedProperties) {
+		super.updated(_changedProperties);
+		if (_changedProperties.has("disabled")) this.#setDisableOnRadios(this.disabled);
+		if (_changedProperties.has("readonly")) this.#setReadonlyOnRadios(this.readonly);
+		if (_changedProperties.has("name")) this.#setNameOnRadios(_changedProperties.get("name"));
+	}
+	/**
+	* This method enables <label for="..."> to focus the select
+	*/
+	async focus() {
+		await this.updateComplete;
+		if (this.#selected === null) this.#findAdjacentRadioElement(1, false)?.focus();
+		else this.#radioElements[this.#selected]?.focus();
+	}
+	async blur() {
+		await this.updateComplete;
+		if (this.#selected === null) this.#findAdjacentRadioElement(1, false)?.blur();
+		else this.#radioElements[this.#selected]?.blur();
+	}
+	async click() {
+		await this.updateComplete;
+		if (this.#selected === null) this.#findAdjacentRadioElement(1, false)?.click();
+		else this.#radioElements[this.#selected]?.click();
+	}
+	getFormElement() {
+		if (this.#radioElements && this.#selected) return this.#radioElements[this.#selected];
+	}
+	#onFocusIn;
+	#onFocusOut;
+	#onChildBlur;
+	#onSelectClick;
+	#onKeydown;
+	#onSlotChange(e) {
+		e.stopPropagation();
+		this.#radioElements?.forEach((el) => {
+			el.removeEventListener(UUIRadioEvent.CHANGE, this.#onSelectClick);
+			el.removeEventListener("blur", this.#onChildBlur);
+		});
+		this.#selected = null;
+		this.#radioElements = e.target.assignedElements({ flatten: true }).filter((el) => el instanceof UUIRadioElement);
+		if (this.#radioElements.length === 0) return;
+		this.#radioElements.forEach((el) => {
+			el.addEventListener(UUIRadioEvent.CHANGE, this.#onSelectClick);
+			el.addEventListener("blur", this.#onChildBlur);
+		});
+		this.#setNameOnRadios(this.name);
+		if (this.disabled) this.#setDisableOnRadios(true);
+		if (this.readonly) this.#setReadonlyOnRadios(true);
+		const checkedRadios = this.#radioElements.filter((el) => el.checked === true);
+		if (checkedRadios.length > 1) {
+			this.#radioElements.forEach((el) => {
+				el.checked = false;
+			});
+			this.value = "";
+			console.error("There can only be one checked radio among the <" + this.nodeName + "> children", this);
+		}
+		if (checkedRadios.length === 1) {
+			const firstCheckedRadio = checkedRadios[0];
+			this.value = firstCheckedRadio.value;
+			this.#selected = this.#radioElements.indexOf(firstCheckedRadio);
+		}
+	}
+	#setNameOnRadios(name) {
+		this.#radioElements?.forEach((el) => el.name = name);
+	}
+	#updateRadioElementsCheckedState(newValue) {
+		const notChecked = [];
+		this.#radioElements.forEach((el, index) => {
+			if (el.value === newValue) {
+				el.checked = true;
+				el.makeFocusable();
+				this.#selected = index;
+			} else {
+				el.checked = false;
+				notChecked.push(el);
+			}
+		});
+		if (this.#selected !== null) notChecked.forEach((el) => el.makeUnfocusable());
+	}
+	#setDisableOnRadios(value) {
+		this.#radioElements?.forEach((el) => el.disabled = value);
+	}
+	#setReadonlyOnRadios(value) {
+		this.#radioElements?.forEach((el) => el.readonly = value);
+	}
+	#findAdjacentRadioElement(direction = 1, skipFirst = true) {
+		if (!this.#radioElements || this.#radioElements.length === 0) return null;
+		const len = this.#radioElements.length;
+		let index = this.#selected ?? 0;
+		for (let i = 0; i < len + 1; i++) {
+			if (!skipFirst || i > 0) {
+				const radioElement = this.#radioElements[index];
+				if (!radioElement.disabled && !radioElement.readonly) return radioElement;
+			}
+			index = (index + direction + len) % len;
+		}
+		return null;
+	}
+	#selectPreviousRadio() {
+		this.value = this.#findAdjacentRadioElement(-1)?.value ?? "";
+		this.#radioElements[this.#selected ?? 0]?.focus();
+		this.#fireChangeEvent();
+	}
+	#selectNextRadio() {
+		this.value = this.#findAdjacentRadioElement()?.value ?? "";
+		this.#radioElements[this.#selected ?? 0]?.focus();
+		this.#fireChangeEvent();
+	}
+	#fireChangeEvent() {
+		this.pristine = false;
+		this.dispatchEvent(new UUIRadioGroupEvent(UUIRadioGroupEvent.CHANGE));
+	}
+	render() {
+		return html` <slot @slotchange=${this.#onSlotChange}></slot> `;
+	}
+	static {
+		this.styles = [css`
       :host {
         display: inline-block;
         padding-right: 3px;
@@ -279,16 +222,18 @@ _UUIRadioGroupElement.styles = [
       :host(:not([pristine])[internals-invalid]) {
         border: 1px solid var(--uui-color-invalid-standalone);
       }
-    `
-];
-let UUIRadioGroupElement = _UUIRadioGroupElement;
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UUIRadioGroupElement.prototype, "disabled");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UUIRadioGroupElement.prototype, "readonly");
-export {
-  UUIRadioGroupElement
+    `];
+	}
 };
-//# sourceMappingURL=radio-group.element.js.map
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], UUIRadioGroupElement.prototype, "disabled", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], UUIRadioGroupElement.prototype, "readonly", void 0);
+//#endregion
+export { UUIRadioGroupElement };
+
+//# sourceMappingURL=radio-group.element.js.map

package/dist/components/radio/radio-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.element.js","sources":["../../../src/components/radio/radio-group.element.ts"],"sourcesContent":["import { UUIFormControlWithBasicsMixin } from '../../internal/mixins/index.js';\nimport { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { UUIRadioElement } from './radio.element.js';\nimport { UUIRadioEvent } from './UUIRadioEvent.js';\nimport { UUIRadioGroupEvent } from './UUIRadioGroupEvent.js';\n\nconst ARROW_LEFT = 'ArrowLeft';\nconst ARROW_UP = 'ArrowUp';\nconst ARROW_RIGHT = 'ArrowRight';\nconst ARROW_DOWN = 'ArrowDown';\nconst SPACE = ' ';\nconst ENTER = 'Enter';\n\n/**\n * @element uui-radio-group\n * @slot - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`\n * @extends UUIFormControlMixin\n */\nexport class UUIRadioGroupElement extends UUIFormControlWithBasicsMixin(\n  LitElement,\n  '',\n) {\n  /**\n   * This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n   * @type {boolean}\n   */\n  static readonly formAssociated = true;\n\n  /**\n   * Disables the input.\n   * @type {boolean}\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n   * @type {boolean}\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  get value() {\n    return super.value;\n  }\n  set value(newValue) {\n    super.value = newValue;\n    this.#updateRadioElementsCheckedState(newValue as string);\n  }\n\n  #selected: number | null = null;\n  #radioElements: UUIRadioElement[] = [];\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('focusin', this.#onFocusIn);\n    this.addEventListener('focusout', this.#onFocusOut);\n\n    // Wait for the radio elements to be added to the dom before updating the checked state.\n    this.updateComplete.then(() => {\n      this.#updateRadioElementsCheckedState(this.value as string);\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) this.setAttribute('role', 'radiogroup');\n  }\n\n  updated(_changedProperties: Map<string | number | symbol, unknown>) {\n    super.updated(_changedProperties);\n    if (_changedProperties.has('disabled')) {\n      this.#setDisableOnRadios(this.disabled);\n    }\n\n    if (_changedProperties.has('readonly')) {\n      this.#setReadonlyOnRadios(this.readonly);\n    }\n\n    if (_changedProperties.has('name')) {\n      this.#setNameOnRadios(_changedProperties.get('name') as string);\n    }\n  }\n\n  /**\n   * This method enables <label for=\"...\"> to focus the select\n   */\n  public async focus() {\n    await this.updateComplete;\n    if (this.#selected === null) {\n      this.#findAdjacentRadioElement(1, false)?.focus();\n    } else {\n      this.#radioElements[this.#selected]?.focus();\n    }\n  }\n  public async blur() {\n    await this.updateComplete;\n    if (this.#selected === null) {\n      this.#findAdjacentRadioElement(1, false)?.blur();\n    } else {\n      this.#radioElements[this.#selected]?.blur();\n    }\n  }\n  public async click() {\n    await this.updateComplete;\n    if (this.#selected === null) {\n      this.#findAdjacentRadioElement(1, false)?.click();\n    } else {\n      this.#radioElements[this.#selected]?.click();\n    }\n  }\n\n  protected getFormElement(): HTMLElement | undefined {\n    if (this.#radioElements && this.#selected) {\n      return this.#radioElements[this.#selected];\n    }\n    return undefined;\n  }\n\n  readonly #onFocusIn = (event: FocusEvent) => {\n    // Ensure only the selected radio element is focusable to improve tab navigation\n    // by skipping unselected radios and moving to the next radio group or focusable element.\n    this.#radioElements?.forEach(el => {\n      if (el === event.target) {\n        el.makeFocusable();\n      } else {\n        el.makeUnfocusable();\n      }\n    });\n  };\n\n  readonly #onFocusOut = (event: FocusEvent) => {\n    // When a focus event is fired from a radio, check if the focus is still inside the radio group\n    if (this.contains(event.relatedTarget as Node)) return;\n\n    // If there is a selected radio element, no action is needed since only the selected radio should remain focusable\n    if (this.#selected !== null) return;\n\n    // If focus has moved outside the radio group and no radio is selected, make all radio elements focusable again\n    this.#radioElements?.forEach(el => {\n      el.makeFocusable();\n    });\n  };\n\n  readonly #onChildBlur = () => {\n    this.pristine = false;\n  };\n\n  readonly #onSelectClick = (e: Event) => {\n    const target = e.target as UUIRadioElement;\n    if (target.checked === true) {\n      this.value = target.value;\n      this.#fireChangeEvent();\n    }\n  };\n\n  readonly #onKeydown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case ARROW_LEFT:\n      case ARROW_UP: {\n        e.preventDefault();\n        this.#selectPreviousRadio();\n        break;\n      }\n      case ARROW_RIGHT:\n      case ARROW_DOWN: {\n        e.preventDefault();\n        this.#selectNextRadio();\n        break;\n      }\n\n      case SPACE: {\n        if (this.#selected === null) {\n          this.value = this.#findAdjacentRadioElement(1, false)\n            ?.value as string;\n          this.#fireChangeEvent();\n        }\n        break;\n      }\n\n      case ENTER:\n        this.submit();\n        break;\n    }\n  };\n\n  #onSlotChange(e: Event) {\n    e.stopPropagation();\n    this.#radioElements?.forEach(el => {\n      el.removeEventListener(UUIRadioEvent.CHANGE, this.#onSelectClick);\n      el.removeEventListener('blur', this.#onChildBlur);\n    });\n\n    this.#selected = null;\n    this.#radioElements = (e.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter(el => el instanceof UUIRadioElement) as UUIRadioElement[];\n\n    // Only continue if there are radio elements\n    if (this.#radioElements.length === 0) return;\n\n    this.#radioElements.forEach(el => {\n      el.addEventListener(UUIRadioEvent.CHANGE, this.#onSelectClick);\n      el.addEventListener('blur', this.#onChildBlur);\n    });\n\n    this.#setNameOnRadios(this.name);\n\n    if (this.disabled) {\n      this.#setDisableOnRadios(true);\n    }\n\n    if (this.readonly) {\n      this.#setReadonlyOnRadios(true);\n    }\n\n    const checkedRadios = this.#radioElements.filter(el => el.checked === true);\n\n    if (checkedRadios.length > 1) {\n      this.#radioElements.forEach(el => {\n        el.checked = false;\n      });\n      this.value = '';\n      console.error(\n        'There can only be one checked radio among the <' +\n          this.nodeName +\n          '> children',\n        this,\n      );\n    }\n\n    if (checkedRadios.length === 1) {\n      const firstCheckedRadio = checkedRadios[0];\n      this.value = firstCheckedRadio.value;\n      this.#selected = this.#radioElements.indexOf(firstCheckedRadio);\n    }\n  }\n\n  #setNameOnRadios(name: string) {\n    this.#radioElements?.forEach(el => (el.name = name));\n  }\n\n  #updateRadioElementsCheckedState(newValue: FormData | FormDataEntryValue) {\n    const notChecked: Array<UUIRadioElement> = [];\n\n    this.#radioElements.forEach((el, index) => {\n      if (el.value === newValue) {\n        el.checked = true;\n        el.makeFocusable();\n        this.#selected = index;\n      } else {\n        el.checked = false;\n        notChecked.push(el);\n      }\n    });\n\n    // If there is a selected radio, make all other radios unfocusable.\n    if (this.#selected !== null) {\n      notChecked.forEach(el => el.makeUnfocusable());\n    }\n  }\n\n  #setDisableOnRadios(value: boolean) {\n    this.#radioElements?.forEach(el => (el.disabled = value));\n  }\n\n  #setReadonlyOnRadios(value: boolean) {\n    this.#radioElements?.forEach(el => (el.readonly = value));\n  }\n\n  #findAdjacentRadioElement(\n    direction = 1,\n    skipFirst = true,\n  ): UUIRadioElement | null {\n    if (!this.#radioElements || this.#radioElements.length === 0) return null;\n\n    const len = this.#radioElements.length;\n    let index = this.#selected ?? 0;\n\n    for (let i = 0; i < len + 1; i++) {\n      if (!skipFirst || i > 0) {\n        const radioElement = this.#radioElements[index];\n        if (!radioElement.disabled && !radioElement.readonly) {\n          return radioElement;\n        }\n      }\n\n      index = (index + direction + len) % len;\n    }\n\n    return null;\n  }\n\n  #selectPreviousRadio() {\n    this.value = this.#findAdjacentRadioElement(-1)?.value ?? '';\n    this.#radioElements[this.#selected ?? 0]?.focus();\n    this.#fireChangeEvent();\n  }\n\n  #selectNextRadio() {\n    this.value = this.#findAdjacentRadioElement()?.value ?? '';\n    this.#radioElements[this.#selected ?? 0]?.focus();\n    this.#fireChangeEvent();\n  }\n\n  #fireChangeEvent() {\n    this.pristine = false;\n    this.dispatchEvent(new UUIRadioGroupEvent(UUIRadioGroupEvent.CHANGE));\n  }\n\n  render() {\n    return html` <slot @slotchange=${this.#onSlotChange}></slot> `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: inline-block;\n        padding-right: 3px;\n        border: 1px solid transparent;\n        border-radius: var(--uui-border-radius);\n      }\n\n      :host(:not([pristine]):invalid),\n      /* polyfill support */\n      :host(:not([pristine])[internals-invalid]) {\n        border: 1px solid var(--uui-color-invalid-standalone);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radio-group.element.js","names":["#updateRadioElementsCheckedState","#radioElements","#selected","#fireChangeEvent","#selectPreviousRadio","#selectNextRadio","#findAdjacentRadioElement","#onKeydown","#onFocusIn","#onFocusOut","#setDisableOnRadios","#setReadonlyOnRadios","#setNameOnRadios","#onChildBlur","#onSelectClick","#onSlotChange"],"sources":["../../../src/components/radio/radio-group.element.ts"],"sourcesContent":["import { UUIFormControlWithBasicsMixin } from '../../internal/mixins/index.js';\nimport { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { UUIRadioElement } from './radio.element.js';\nimport { UUIRadioEvent } from './UUIRadioEvent.js';\nimport { UUIRadioGroupEvent } from './UUIRadioGroupEvent.js';\n\nconst ARROW_LEFT = 'ArrowLeft';\nconst ARROW_UP = 'ArrowUp';\nconst ARROW_RIGHT = 'ArrowRight';\nconst ARROW_DOWN = 'ArrowDown';\nconst SPACE = ' ';\nconst ENTER = 'Enter';\n\n/**\n * @element uui-radio-group\n * @slot - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`\n * @extends UUIFormControlMixin\n */\nexport class UUIRadioGroupElement extends UUIFormControlWithBasicsMixin(\n  LitElement,\n  '',\n) {\n  /**\n   * This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n   * @type {boolean}\n   */\n  static readonly formAssociated = true;\n\n  /**\n   * Disables the input.\n   * @type {boolean}\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n   * @type {boolean}\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  get value() {\n    return super.value;\n  }\n  set value(newValue) {\n    super.value = newValue;\n    this.#updateRadioElementsCheckedState(newValue as string);\n  }\n\n  #selected: number | null = null;\n  #radioElements: UUIRadioElement[] = [];\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('focusin', this.#onFocusIn);\n    this.addEventListener('focusout', this.#onFocusOut);\n\n    // Wait for the radio elements to be added to the dom before updating the checked state.\n    this.updateComplete.then(() => {\n      this.#updateRadioElementsCheckedState(this.value as string);\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) this.setAttribute('role', 'radiogroup');\n  }\n\n  updated(_changedProperties: Map<string | number | symbol, unknown>) {\n    super.updated(_changedProperties);\n    if (_changedProperties.has('disabled')) {\n      this.#setDisableOnRadios(this.disabled);\n    }\n\n    if (_changedProperties.has('readonly')) {\n      this.#setReadonlyOnRadios(this.readonly);\n    }\n\n    if (_changedProperties.has('name')) {\n      this.#setNameOnRadios(_changedProperties.get('name') as string);\n    }\n  }\n\n  /**\n   * This method enables <label for=\"...\"> to focus the select\n   */\n  public async focus() {\n    await this.updateComplete;\n    if (this.#selected === null) {\n      this.#findAdjacentRadioElement(1, false)?.focus();\n    } else {\n      this.#radioElements[this.#selected]?.focus();\n    }\n  }\n  public async blur() {\n    await this.updateComplete;\n    if (this.#selected === null) {\n      this.#findAdjacentRadioElement(1, false)?.blur();\n    } else {\n      this.#radioElements[this.#selected]?.blur();\n    }\n  }\n  public async click() {\n    await this.updateComplete;\n    if (this.#selected === null) {\n      this.#findAdjacentRadioElement(1, false)?.click();\n    } else {\n      this.#radioElements[this.#selected]?.click();\n    }\n  }\n\n  protected getFormElement(): HTMLElement | undefined {\n    if (this.#radioElements && this.#selected) {\n      return this.#radioElements[this.#selected];\n    }\n    return undefined;\n  }\n\n  readonly #onFocusIn = (event: FocusEvent) => {\n    // Ensure only the selected radio element is focusable to improve tab navigation\n    // by skipping unselected radios and moving to the next radio group or focusable element.\n    this.#radioElements?.forEach(el => {\n      if (el === event.target) {\n        el.makeFocusable();\n      } else {\n        el.makeUnfocusable();\n      }\n    });\n  };\n\n  readonly #onFocusOut = (event: FocusEvent) => {\n    // When a focus event is fired from a radio, check if the focus is still inside the radio group\n    if (this.contains(event.relatedTarget as Node)) return;\n\n    // If there is a selected radio element, no action is needed since only the selected radio should remain focusable\n    if (this.#selected !== null) return;\n\n    // If focus has moved outside the radio group and no radio is selected, make all radio elements focusable again\n    this.#radioElements?.forEach(el => {\n      el.makeFocusable();\n    });\n  };\n\n  readonly #onChildBlur = () => {\n    this.pristine = false;\n  };\n\n  readonly #onSelectClick = (e: Event) => {\n    const target = e.target as UUIRadioElement;\n    if (target.checked === true) {\n      this.value = target.value;\n      this.#fireChangeEvent();\n    }\n  };\n\n  readonly #onKeydown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case ARROW_LEFT:\n      case ARROW_UP: {\n        e.preventDefault();\n        this.#selectPreviousRadio();\n        break;\n      }\n      case ARROW_RIGHT:\n      case ARROW_DOWN: {\n        e.preventDefault();\n        this.#selectNextRadio();\n        break;\n      }\n\n      case SPACE: {\n        if (this.#selected === null) {\n          this.value = this.#findAdjacentRadioElement(1, false)\n            ?.value as string;\n          this.#fireChangeEvent();\n        }\n        break;\n      }\n\n      case ENTER:\n        this.submit();\n        break;\n    }\n  };\n\n  #onSlotChange(e: Event) {\n    e.stopPropagation();\n    this.#radioElements?.forEach(el => {\n      el.removeEventListener(UUIRadioEvent.CHANGE, this.#onSelectClick);\n      el.removeEventListener('blur', this.#onChildBlur);\n    });\n\n    this.#selected = null;\n    this.#radioElements = (e.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter(el => el instanceof UUIRadioElement) as UUIRadioElement[];\n\n    // Only continue if there are radio elements\n    if (this.#radioElements.length === 0) return;\n\n    this.#radioElements.forEach(el => {\n      el.addEventListener(UUIRadioEvent.CHANGE, this.#onSelectClick);\n      el.addEventListener('blur', this.#onChildBlur);\n    });\n\n    this.#setNameOnRadios(this.name);\n\n    if (this.disabled) {\n      this.#setDisableOnRadios(true);\n    }\n\n    if (this.readonly) {\n      this.#setReadonlyOnRadios(true);\n    }\n\n    const checkedRadios = this.#radioElements.filter(el => el.checked === true);\n\n    if (checkedRadios.length > 1) {\n      this.#radioElements.forEach(el => {\n        el.checked = false;\n      });\n      this.value = '';\n      console.error(\n        'There can only be one checked radio among the <' +\n          this.nodeName +\n          '> children',\n        this,\n      );\n    }\n\n    if (checkedRadios.length === 1) {\n      const firstCheckedRadio = checkedRadios[0];\n      this.value = firstCheckedRadio.value;\n      this.#selected = this.#radioElements.indexOf(firstCheckedRadio);\n    }\n  }\n\n  #setNameOnRadios(name: string) {\n    this.#radioElements?.forEach(el => (el.name = name));\n  }\n\n  #updateRadioElementsCheckedState(newValue: FormData | FormDataEntryValue) {\n    const notChecked: Array<UUIRadioElement> = [];\n\n    this.#radioElements.forEach((el, index) => {\n      if (el.value === newValue) {\n        el.checked = true;\n        el.makeFocusable();\n        this.#selected = index;\n      } else {\n        el.checked = false;\n        notChecked.push(el);\n      }\n    });\n\n    // If there is a selected radio, make all other radios unfocusable.\n    if (this.#selected !== null) {\n      notChecked.forEach(el => el.makeUnfocusable());\n    }\n  }\n\n  #setDisableOnRadios(value: boolean) {\n    this.#radioElements?.forEach(el => (el.disabled = value));\n  }\n\n  #setReadonlyOnRadios(value: boolean) {\n    this.#radioElements?.forEach(el => (el.readonly = value));\n  }\n\n  #findAdjacentRadioElement(\n    direction = 1,\n    skipFirst = true,\n  ): UUIRadioElement | null {\n    if (!this.#radioElements || this.#radioElements.length === 0) return null;\n\n    const len = this.#radioElements.length;\n    let index = this.#selected ?? 0;\n\n    for (let i = 0; i < len + 1; i++) {\n      if (!skipFirst || i > 0) {\n        const radioElement = this.#radioElements[index];\n        if (!radioElement.disabled && !radioElement.readonly) {\n          return radioElement;\n        }\n      }\n\n      index = (index + direction + len) % len;\n    }\n\n    return null;\n  }\n\n  #selectPreviousRadio() {\n    this.value = this.#findAdjacentRadioElement(-1)?.value ?? '';\n    this.#radioElements[this.#selected ?? 0]?.focus();\n    this.#fireChangeEvent();\n  }\n\n  #selectNextRadio() {\n    this.value = this.#findAdjacentRadioElement()?.value ?? '';\n    this.#radioElements[this.#selected ?? 0]?.focus();\n    this.#fireChangeEvent();\n  }\n\n  #fireChangeEvent() {\n    this.pristine = false;\n    this.dispatchEvent(new UUIRadioGroupEvent(UUIRadioGroupEvent.CHANGE));\n  }\n\n  render() {\n    return html` <slot @slotchange=${this.#onSlotChange}></slot> `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: inline-block;\n        padding-right: 3px;\n        border: 1px solid transparent;\n        border-radius: var(--uui-border-radius);\n      }\n\n      :host(:not([pristine]):invalid),\n      /* polyfill support */\n      :host(:not([pristine])[internals-invalid]) {\n        border: 1px solid var(--uui-color-invalid-standalone);\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;;;;;AAQA,IAAM,aAAa;AACnB,IAAM,WAAW;AACjB,IAAM,cAAc;AACpB,IAAM,aAAa;AACnB,IAAM,QAAQ;AACd,IAAM,QAAQ;;;;;;AAOd,IAAa,uBAAb,cAA0C,8BACxC,YACA,EACF,CAAC,CAAC;;wBAKiC;;CAoBjC,IAAI,QAAQ;EACV,OAAO,MAAM;CACf;CACA,IAAI,MAAM,UAAU;EAClB,MAAM,QAAQ;EACd,KAAKA,iCAAiC,QAAkB;CAC1D;CAEA;CACA;CAEA,cAAc;EACZ,MAAM;kBAvBG;kBASA;mBAUgB;wBACS,CAAC;qBAqEd,UAAsB;GAG3C,KAAKC,gBAAgB,SAAQ,OAAM;IACjC,IAAI,OAAO,MAAM,QACf,GAAG,cAAc;SAEjB,GAAG,gBAAgB;GAEvB,CAAC;EACH;sBAEwB,UAAsB;GAE5C,IAAI,KAAK,SAAS,MAAM,aAAqB,GAAG;GAGhD,IAAI,KAAKC,cAAc,MAAM;GAG7B,KAAKD,gBAAgB,SAAQ,OAAM;IACjC,GAAG,cAAc;GACnB,CAAC;EACH;4BAE8B;GAC5B,KAAK,WAAW;EAClB;yBAE2B,MAAa;GACtC,MAAM,SAAS,EAAE;GACjB,IAAI,OAAO,YAAY,MAAM;IAC3B,KAAK,QAAQ,OAAO;IACpB,KAAKE,iBAAiB;GACxB;EACF;qBAEuB,MAAqB;GAC1C,QAAQ,EAAE,KAAV;IACE,KAAK;IACL,KAAK;KACH,EAAE,eAAe;KACjB,KAAKC,qBAAqB;KAC1B;IAEF,KAAK;IACL,KAAK;KACH,EAAE,eAAe;KACjB,KAAKC,iBAAiB;KACtB;IAGF,KAAK;KACH,IAAI,KAAKH,cAAc,MAAM;MAC3B,KAAK,QAAQ,KAAKI,0BAA0B,GAAG,KAAK,CAAC,EACjD;MACJ,KAAKH,iBAAiB;KACxB;KACA;IAGF,KAAK;KACH,KAAK,OAAO;KACZ;GACJ;EACF;EAlIE,KAAK,iBAAiB,WAAW,KAAKI,UAAU;EAChD,KAAK,iBAAiB,WAAW,KAAKC,UAAU;EAChD,KAAK,iBAAiB,YAAY,KAAKC,WAAW;EAGlD,KAAK,eAAe,WAAW;GAC7B,KAAKT,iCAAiC,KAAK,KAAe;EAC5D,CAAC;CACH;CAEA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,IAAI,CAAC,KAAK,aAAa,MAAM,GAAG,KAAK,aAAa,QAAQ,YAAY;CACxE;CAEA,QAAQ,oBAA4D;EAClE,MAAM,QAAQ,kBAAkB;EAChC,IAAI,mBAAmB,IAAI,UAAU,GACnC,KAAKU,oBAAoB,KAAK,QAAQ;EAGxC,IAAI,mBAAmB,IAAI,UAAU,GACnC,KAAKC,qBAAqB,KAAK,QAAQ;EAGzC,IAAI,mBAAmB,IAAI,MAAM,GAC/B,KAAKC,iBAAiB,mBAAmB,IAAI,MAAM,CAAW;CAElE;;;;CAKA,MAAa,QAAQ;EACnB,MAAM,KAAK;EACX,IAAI,KAAKV,cAAc,MACrB,KAAKI,0BAA0B,GAAG,KAAK,CAAC,EAAE,MAAM;OAEhD,KAAKL,eAAe,KAAKC,UAAU,EAAE,MAAM;CAE/C;CACA,MAAa,OAAO;EAClB,MAAM,KAAK;EACX,IAAI,KAAKA,cAAc,MACrB,KAAKI,0BAA0B,GAAG,KAAK,CAAC,EAAE,KAAK;OAE/C,KAAKL,eAAe,KAAKC,UAAU,EAAE,KAAK;CAE9C;CACA,MAAa,QAAQ;EACnB,MAAM,KAAK;EACX,IAAI,KAAKA,cAAc,MACrB,KAAKI,0BAA0B,GAAG,KAAK,CAAC,EAAE,MAAM;OAEhD,KAAKL,eAAe,KAAKC,UAAU,EAAE,MAAM;CAE/C;CAEA,iBAAoD;EAClD,IAAI,KAAKD,kBAAkB,KAAKC,WAC9B,OAAO,KAAKD,eAAe,KAAKC;CAGpC;CAEA;CAYA;CAaA;CAIA;CAQA;CA8BA,cAAc,GAAU;EACtB,EAAE,gBAAgB;EAClB,KAAKD,gBAAgB,SAAQ,OAAM;GACjC,GAAG,oBAAoB,cAAc,QAAQ,KAAKa,cAAc;GAChE,GAAG,oBAAoB,QAAQ,KAAKD,YAAY;EAClD,CAAC;EAED,KAAKX,YAAY;EACjB,KAAKD,iBAAkB,EAAE,OACtB,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,QAAO,OAAM,cAAc,eAAe;EAG7C,IAAI,KAAKA,eAAe,WAAW,GAAG;EAEtC,KAAKA,eAAe,SAAQ,OAAM;GAChC,GAAG,iBAAiB,cAAc,QAAQ,KAAKa,cAAc;GAC7D,GAAG,iBAAiB,QAAQ,KAAKD,YAAY;EAC/C,CAAC;EAED,KAAKD,iBAAiB,KAAK,IAAI;EAE/B,IAAI,KAAK,UACP,KAAKF,oBAAoB,IAAI;EAG/B,IAAI,KAAK,UACP,KAAKC,qBAAqB,IAAI;EAGhC,MAAM,gBAAgB,KAAKV,eAAe,QAAO,OAAM,GAAG,YAAY,IAAI;EAE1E,IAAI,cAAc,SAAS,GAAG;GAC5B,KAAKA,eAAe,SAAQ,OAAM;IAChC,GAAG,UAAU;GACf,CAAC;GACD,KAAK,QAAQ;GACb,QAAQ,MACN,oDACE,KAAK,WACL,cACF,IACF;EACF;EAEA,IAAI,cAAc,WAAW,GAAG;GAC9B,MAAM,oBAAoB,cAAc;GACxC,KAAK,QAAQ,kBAAkB;GAC/B,KAAKC,YAAY,KAAKD,eAAe,QAAQ,iBAAiB;EAChE;CACF;CAEA,iBAAiB,MAAc;EAC7B,KAAKA,gBAAgB,SAAQ,OAAO,GAAG,OAAO,IAAK;CACrD;CAEA,iCAAiC,UAAyC;EACxE,MAAM,aAAqC,CAAC;EAE5C,KAAKA,eAAe,SAAS,IAAI,UAAU;GACzC,IAAI,GAAG,UAAU,UAAU;IACzB,GAAG,UAAU;IACb,GAAG,cAAc;IACjB,KAAKC,YAAY;GACnB,OAAO;IACL,GAAG,UAAU;IACb,WAAW,KAAK,EAAE;GACpB;EACF,CAAC;EAGD,IAAI,KAAKA,cAAc,MACrB,WAAW,SAAQ,OAAM,GAAG,gBAAgB,CAAC;CAEjD;CAEA,oBAAoB,OAAgB;EAClC,KAAKD,gBAAgB,SAAQ,OAAO,GAAG,WAAW,KAAM;CAC1D;CAEA,qBAAqB,OAAgB;EACnC,KAAKA,gBAAgB,SAAQ,OAAO,GAAG,WAAW,KAAM;CAC1D;CAEA,0BACE,YAAY,GACZ,YAAY,MACY;EACxB,IAAI,CAAC,KAAKA,kBAAkB,KAAKA,eAAe,WAAW,GAAG,OAAO;EAErE,MAAM,MAAM,KAAKA,eAAe;EAChC,IAAI,QAAQ,KAAKC,aAAa;EAE9B,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,GAAG,KAAK;GAChC,IAAI,CAAC,aAAa,IAAI,GAAG;IACvB,MAAM,eAAe,KAAKD,eAAe;IACzC,IAAI,CAAC,aAAa,YAAY,CAAC,aAAa,UAC1C,OAAO;GAEX;GAEA,SAAS,QAAQ,YAAY,OAAO;EACtC;EAEA,OAAO;CACT;CAEA,uBAAuB;EACrB,KAAK,QAAQ,KAAKK,0BAA0B,EAAE,CAAC,EAAE,SAAS;EAC1D,KAAKL,eAAe,KAAKC,aAAa,EAAE,EAAE,MAAM;EAChD,KAAKC,iBAAiB;CACxB;CAEA,mBAAmB;EACjB,KAAK,QAAQ,KAAKG,0BAA0B,CAAC,EAAE,SAAS;EACxD,KAAKL,eAAe,KAAKC,aAAa,EAAE,EAAE,MAAM;EAChD,KAAKC,iBAAiB;CACxB;CAEA,mBAAmB;EACjB,KAAK,WAAW;EAChB,KAAK,cAAc,IAAI,mBAAmB,mBAAmB,MAAM,CAAC;CACtE;CAEA,SAAS;EACP,OAAO,IAAI,sBAAsB,KAAKY,cAAc;CACtD;;gBAEkC,CAChC,GAAG;;;;;;;;;;;;;KAcL;;AACF;YA7SG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,YAAA,KAAA,CAAA;YASzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,YAAA,KAAA,CAAA"}

package/dist/components/radio/radio.d.ts

@@ -10,4 +10,3 @@ export * from './radio-group.element.js';
 export * from './radio.element.js';
 export * from './UUIRadioEvent.js';
 export * from './UUIRadioGroupEvent.js';
-export { UUIRadioElement as default } from './radio.element.js';