agnosticui-core 2.0.0-alpha.19 → 2.0.0-alpha.20

package/dist/components/Radio/core/_Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/core/_Radio.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"_Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/core/_Radio.ts"],"names":[],"mappings":"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"}

package/dist/components/Radio/core/_Radio.js

@@ -1,16 +1,16 @@
 import { LitElement as p, css as b, nothing as c, html as h } from "lit";
 import { n as s } from "../../../property-CemaeiRl.js";
-import { formControlStyles as f } from "../../../shared/form-control-styles.js";
-import { createFormControlIds as v, buildAriaDescribedBy as w } from "../../../shared/form-control-utils.js";
+import { formControlStyles as v } from "../../../shared/form-control-styles.js";
+import { createFormControlIds as f, buildAriaDescribedBy as w } from "../../../shared/form-control-utils.js";
 import { FaceMixin as m } from "../../../shared/face-mixin.js";
-var y = Object.defineProperty, d = (u, e, a, t) => {
-  for (var r = void 0, i = u.length - 1, l; i >= 0; i--)
-    (l = u[i]) && (r = l(e, a, r) || r);
-  return r && y(e, a, r), r;
+var y = Object.defineProperty, d = (g, r, e, a) => {
+  for (var t = void 0, i = g.length - 1, l; i >= 0; i--)
+    (l = g[i]) && (t = l(r, e, t) || t);
+  return t && y(r, e, t), t;
 }, n;
 const o = (n = class extends m(p) {
   constructor() {
-    super(...arguments), this.value = "", this.checked = !1, this.disabled = !1, this.size = "medium", this.theme = "primary", this.labelText = "", this.labelPosition = "end", this.label = "", this.labelHidden = !1, this.noLabel = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "", this._ids = v("ag-radio");
+    super(...arguments), this.value = "", this.checked = !1, this.disabled = !1, this.size = "medium", this.theme = "primary", this.labelText = "", this.labelPosition = "end", this.label = "", this.labelHidden = !1, this.noLabel = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "", this._ids = f("ag-radio");
   }
   // ─── FACE ─────────────────────────────────────────────────────────────────
   /**
@@ -29,17 +29,9 @@ const o = (n = class extends m(p) {
    */
   _isGroupChecked() {
     if (this.checked) return !0;
-    let e = this.getRootNode();
-    for (; e && "host" in e; ) {
-      const t = e.host?.getRootNode();
-      if (t && t !== e)
-        e = t;
-      else
-        break;
-    }
-    const a = e instanceof Document ? e : document;
-    return Array.from(a.querySelectorAll(`ag-radio[name="${this.name}"]`)).some(
-      (t) => t.checked
+    const r = this.getRootNode();
+    return Array.from(r.querySelectorAll(`ag-radio[name="${this.name}"]`)).some(
+      (e) => e.checked
     );
   }
   /**
@@ -84,28 +76,28 @@ const o = (n = class extends m(p) {
   firstUpdated() {
     this.inputRef = this.shadowRoot?.querySelector(".radio-input"), this._syncFormValue(), this._syncValidity(), this._syncStates();
   }
-  updated(e) {
-    super.updated(e), e.has("checked") && (this._syncFormValue(), this._syncValidity(), this._syncStates());
+  updated(r) {
+    super.updated(r), r.has("checked") && (this._syncFormValue(), this._syncValidity(), this._syncStates());
   }
-  handleClick(e) {
-    this.onClick && this.onClick(e);
+  handleClick(r) {
+    this.onClick && this.onClick(r);
   }
-  handleKeyDown(e) {
-    if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key))
+  handleKeyDown(r) {
+    if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(r.key))
       return;
-    e.preventDefault();
-    const a = this.getRadiosInGroup();
-    if (a.length === 0) return;
-    const t = a.indexOf(this);
-    if (t === -1) return;
-    let r;
-    e.key === "Home" ? r = 0 : e.key === "End" ? r = a.length - 1 : e.key === "ArrowDown" || e.key === "ArrowRight" ? r = (t + 1) % a.length : r = (t - 1 + a.length) % a.length;
-    const i = a[r];
+    r.preventDefault();
+    const e = this.getRadiosInGroup();
+    if (e.length === 0) return;
+    const a = e.indexOf(this);
+    if (a === -1) return;
+    let t;
+    r.key === "Home" ? t = 0 : r.key === "End" ? t = e.length - 1 : r.key === "ArrowDown" || r.key === "ArrowRight" ? t = (a + 1) % e.length : t = (a - 1 + e.length) % e.length;
+    const i = e[t];
     if (i && !i.disabled) {
       const l = i.shadowRoot?.querySelector(".radio-input");
       if (l) {
         l.focus(), i.checked = !0, i.uncheckOtherRadiosInGroup();
-        const g = new CustomEvent(
+        const u = new CustomEvent(
           "change",
           {
             detail: {
@@ -117,31 +109,23 @@ const o = (n = class extends m(p) {
             composed: !0
           }
         );
-        i.dispatchEvent(g), i.onChange && i.onChange(g);
+        i.dispatchEvent(u), i.onChange && i.onChange(u);
       }
     }
   }
   getRadiosInGroup() {
     if (!this.name) return [];
-    let e = this.getRootNode();
-    for (; e && "host" in e; ) {
-      const r = e.host?.getRootNode();
-      if (r && r !== e)
-        e = r;
-      else
-        break;
-    }
-    const t = (e instanceof Document ? e : document).querySelectorAll(`ag-radio[name="${this.name}"]`);
-    return Array.from(t).filter((r) => r instanceof n && !r.disabled);
+    const e = this.getRootNode().querySelectorAll(`ag-radio[name="${this.name}"]`);
+    return Array.from(e).filter((a) => a instanceof n && !a.disabled);
   }
-  handleChange(e) {
+  handleChange(r) {
     if (this.disabled) {
-      e.preventDefault();
+      r.preventDefault();
       return;
     }
-    const a = e.target, t = this.checked;
-    this.checked = a.checked, this._syncFormValue(), this._syncValidity(), this._syncStates(), this.checked && !t && this.name && this.uncheckOtherRadiosInGroup();
-    const r = new CustomEvent(
+    const e = r.target, a = this.checked;
+    this.checked = e.checked, this._syncFormValue(), this._syncValidity(), this._syncStates(), this.checked && !a && this.name && this.uncheckOtherRadiosInGroup();
+    const t = new CustomEvent(
       "change",
       {
         detail: {
@@ -153,19 +137,11 @@ const o = (n = class extends m(p) {
         composed: !0
       }
     );
-    this.dispatchEvent(r), this.onChange && this.onChange(r);
+    this.dispatchEvent(t), this.onChange && this.onChange(t);
   }
   uncheckOtherRadiosInGroup() {
-    let e = this.getRootNode();
-    for (; e && "host" in e; ) {
-      const r = e.host?.getRootNode();
-      if (r && r !== e)
-        e = r;
-      else
-        break;
-    }
-    (e instanceof Document ? e : document).querySelectorAll(`ag-radio[name="${this.name}"]`).forEach((r) => {
-      r !== this && r instanceof n && (r.checked = !1, r._syncValidity(), r._syncStates());
+    this.getRootNode().querySelectorAll(`ag-radio[name="${this.name}"]`).forEach((a) => {
+      a !== this && a instanceof n && (a.checked = !1, a._syncValidity(), a._syncStates());
     });
   }
   /**
@@ -227,18 +203,18 @@ const o = (n = class extends m(p) {
     });
   }
   render() {
-    const e = `
+    const r = `
       radio-wrapper
       ${this.labelPosition === "start" ? "radio-wrapper--label-start" : ""}
-    `, a = `
+    `, e = `
       radio-indicator
       radio-indicator--${this.size}
       radio-indicator--${this.theme}
-    `, t = `
+    `, a = `
       radio-label
       radio-label--${this.size}
-    `, r = this._getAriaDescribedBy(), i = h`
-      <label class=${e.trim()} part="ag-radio-wrapper">
+    `, t = this._getAriaDescribedBy(), i = h`
+      <label class=${r.trim()} part="ag-radio-wrapper">
         <input
           type="radio"
           id="${this._ids.inputId}"
@@ -251,14 +227,14 @@ const o = (n = class extends m(p) {
           ?required=${this.required}
           aria-required="${this.required ? "true" : "false"}"
           aria-invalid="${this.invalid ? "true" : "false"}"
-          aria-describedby="${r || c}"
+          aria-describedby="${t || c}"
           @click=${this.handleClick}
           @change=${this.handleChange}
           @keydown=${this.handleKeyDown}
           aria-checked=${this.checked ? "true" : "false"}
         />
-        <span class=${a.trim()} part="ag-radio-indicator"></span>
-        <span class=${t.trim()} part="ag-radio-label">
+        <span class=${e.trim()} part="ag-radio-indicator"></span>
+        <span class=${a.trim()} part="ag-radio-label">
           ${this.labelText ? this.labelText : h`<slot></slot>`}
         </span>
       </label>
@@ -273,7 +249,7 @@ const o = (n = class extends m(p) {
       ` : i;
   }
 }, n.styles = [
-  f,
+  v,
   b`
       :host {
         display: inline-block;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agnosticui-core",
-  "version": "2.0.0-alpha.19",
+  "version": "2.0.0-alpha.20",
   "author": "AgnosticUI",
   "license": "Apache-2.0",
   "type": "module",

package/src/components/Radio/core/_Radio.ts

@@ -362,17 +362,13 @@ export class AgRadio extends FaceMixin(LitElement) implements RadioProps {
    */
   private _isGroupChecked(): boolean {
     if (this.checked) return true;
-    let root: Node = this.getRootNode();
-    while (root && 'host' in root) {
-      const parent = (root as ShadowRoot).host?.getRootNode();
-      if (parent && parent !== root) {
-        root = parent;
-      } else {
-        break;
-      }
-    }
-    const doc = root instanceof Document ? root : document;
-    return Array.from(doc.querySelectorAll(`ag-radio[name="${this.name}"]`)).some(
+    // Query from the immediate root node. If the radios live inside a shadow root
+    // (e.g. a Lit host component), getRootNode() returns that shadow root and
+    // querySelectorAll can reach them. If they're in the document's light DOM
+    // (React/Vue), getRootNode() returns the document. Traversing all the way up
+    // to document would bypass shadow roots and miss the siblings.
+    const root = this.getRootNode() as Document | ShadowRoot;
+    return Array.from(root.querySelectorAll(`ag-radio[name="${this.name}"]`)).some(
       (el) => (el as AgRadio).checked
     );
   }
@@ -524,22 +520,8 @@ export class AgRadio extends FaceMixin(LitElement) implements RadioProps {
 
   private getRadiosInGroup(): AgRadio[] {
     if (!this.name) return [];
-
-    // Find the root document (traverse up from shadow roots if needed)
-    let root: Node = this.getRootNode();
-    while (root && 'host' in root) {
-      const parent = (root as ShadowRoot).host?.getRootNode();
-      if (parent && parent !== root) {
-        root = parent;
-      } else {
-        break;
-      }
-    }
-
-    const doc = root instanceof Document ? root : document;
-    const allRadios = doc.querySelectorAll(`ag-radio[name="${this.name}"]`);
-
-    // Filter to only enabled radios and return as array
+    const root = this.getRootNode() as Document | ShadowRoot;
+    const allRadios = root.querySelectorAll(`ag-radio[name="${this.name}"]`);
     return Array.from(allRadios).filter((radio): radio is AgRadio => {
       return radio instanceof AgRadio && !radio.disabled;
     });
@@ -588,19 +570,8 @@ export class AgRadio extends FaceMixin(LitElement) implements RadioProps {
   }
 
   private uncheckOtherRadiosInGroup() {
-    // Find the root document (traverse up from shadow roots if needed)
-    let root: Node = this.getRootNode();
-    while (root && 'host' in root) {
-      const parent = (root as ShadowRoot).host?.getRootNode();
-      if (parent && parent !== root) {
-        root = parent;
-      } else {
-        break;
-      }
-    }
-
-    const doc = root instanceof Document ? root : document;
-    const allRadios = doc.querySelectorAll(`ag-radio[name="${this.name}"]`);
+    const root = this.getRootNode() as Document | ShadowRoot;
+    const allRadios = root.querySelectorAll(`ag-radio[name="${this.name}"]`);
 
     allRadios.forEach((radio) => {
       if (radio !== this && radio instanceof AgRadio) {