@golemui/gui-lit 1.1.0 → 1.1.1-rc.1

package/{pill-ranges-DCqDmpkk.js → pill-ranges-DpvWwP-3.js}

@@ -1,20 +1,20 @@
-import { p as o } from "./date-Bj9mI3GU.js";
-function i(t) {
+import { p as o } from "./date-DBuYpvcO.js";
+function s(t) {
   return `${t.start}-${t.end ?? t.start}`;
 }
 function f(t, n) {
   return !t || !Array.isArray(t) ? [] : [...t].sort((r, e) => n(r.start, e.start));
 }
 function u(t, n) {
-  return t.find((r) => i(r) === n);
+  return t.find((r) => s(r) === n);
 }
 function c(t, n) {
   const r = t ?? [], e = u(r, n);
   if (!e) return null;
-  const a = r.filter(
-    (s) => !(s.start === e.start && (s.end ?? null) === (e.end ?? null))
+  const i = r.filter(
+    (a) => !(a.start === e.start && (a.end ?? null) === (e.end ?? null))
   );
-  return { removed: e, next: a };
+  return { removed: e, next: i };
 }
 function d(t, n) {
   const r = o(t);
@@ -28,13 +28,13 @@ function m(t, n) {
   const r = n(t.start), e = t.end ? n(t.end) : r;
   return `${r} - ${e}`;
 }
-function y(t, n, r) {
-  return t.map((e) => {
-    const a = n(e);
+function y(t, n) {
+  return t.map((r) => {
+    const e = n(r);
     return {
-      key: i(e),
-      label: a,
-      ariaLabel: `${r} ${a}`
+      key: s(r),
+      label: e,
+      ariaLabel: e
     };
   });
 }

package/{pills-Be1UrLgq.js → pills-BDMO2NiR.js}

@@ -1,16 +1,16 @@
-import { LitElement as m, nothing as p, html as d } from "lit";
+import { LitElement as m, nothing as d, html as a } from "lit";
 import { property as l, state as u, customElement as w } from "lit/decorators.js";
 import { classMap as c } from "lit/directives/class-map.js";
 import { repeat as b } from "lit/directives/repeat.js";
 import { c as v } from "./tabs-DzSCq_98.js";
-var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, o = (e, t, i, s) => {
-  for (var n = s > 1 ? void 0 : s ? _(t, i) : t, a = e.length - 1, h; a >= 0; a--)
-    (h = e[a]) && (n = (s ? h(t, i, n) : h(n)) || n);
-  return s && n && y(t, i, n), n;
+var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, o = (e, t, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? _(t, i) : t, p = e.length - 1, h; p >= 0; p--)
+    (h = e[p]) && (n = (r ? h(t, i, n) : h(n)) || n);
+  return r && n && y(t, i, n), n;
 };
-let r = class extends m {
+let s = class extends m {
   constructor() {
-    super(...arguments), this.items = [], this.clickable = !1, this.removable = !0, this.bubble = !0, this.tabbable = !0, this.disabled = !1, this.readOnly = !1, this.removeAriaLabel = "Remove", this._isStartVisible = !0, this._isEndVisible = !0, this._showDropdown = !1, this._pendingFocusIndex = null, this.handlePillFocus = (e) => {
+    super(...arguments), this.uid = void 0, this.items = [], this.clickable = !1, this.removable = !0, this.bubble = !0, this.tabbable = !0, this.disabled = !1, this.readOnly = !1, this.removeAriaLabel = "Remove", this.toolbarAriaLabel = "Selected items", this._isStartVisible = !0, this._isEndVisible = !0, this._showDropdown = !1, this._pendingFocusIndex = null, this.handlePillFocus = (e) => {
       e.target.scrollIntoView({
         behavior: "smooth",
         block: "nearest",
@@ -19,8 +19,8 @@ let r = class extends m {
     }, this.toggleDropdown = () => {
       this._showDropdown ? this.closeDropdown() : this.openDropdown();
     }, this.handleOutsideInteraction = (e) => {
-      const t = this.querySelector(".gui-pills__compact"), i = this.querySelector(".gui-pills__dropdown"), s = e.composedPath()[0];
-      !t?.contains(s) && !i?.contains(s) && this.closeDropdown();
+      const t = this.querySelector(".gui-pills__compact"), i = this.querySelector(".gui-pills__dropdown"), r = e.composedPath()[0];
+      !t?.contains(r) && !i?.contains(r) && this.closeDropdown();
     };
   }
   createRenderRoot() {
@@ -35,8 +35,8 @@ let r = class extends m {
         this._showDropdown && this.closeDropdown();
         return;
       }
-      const s = Math.max(0, Math.min(t, i - 1));
-      this.focusPillAt(s);
+      const r = Math.max(0, Math.min(t, i - 1));
+      this.focusPillAt(r);
     }
   }
   disconnectedCallback() {
@@ -44,13 +44,13 @@ let r = class extends m {
   }
   render() {
     const e = this.items.length;
-    return e === 0 ? p : d`
-      ${this.renderStrip()} ${this.bubble ? this.renderCompact(e) : p}
-      ${this.bubble && this._showDropdown ? this.renderDropdown() : p}
+    return e === 0 ? d : a`
+      ${this.renderStrip()} ${this.bubble ? this.renderCompact(e) : d}
+      ${this.bubble && this._showDropdown ? this.renderDropdown() : d}
     `;
   }
   renderStrip() {
-    return d`
+    return a`
       <div
         class=${c({
       "gui-pills__strip-wrapper": !0,
@@ -58,7 +58,12 @@ let r = class extends m {
       "gui-pills--end-shadow": !this._isEndVisible
     })}
       >
-        <div class="gui-pills__strip" role="list" tabindex="-1">
+        <div
+          class="gui-pills__strip"
+          role="toolbar"
+          aria-label=${this.toolbarAriaLabel}
+          tabindex="-1"
+        >
           <span class="gui-sentinel gui-sentinel__start"></span>
           ${b(
       this.items,
@@ -70,14 +75,19 @@ let r = class extends m {
       </div>
     `;
   }
+  get dropdownId() {
+    return this.uid ? `${this.uid}_pills_dropdown` : void 0;
+  }
   renderCompact(e) {
-    return d`
+    return a`
       <div class="gui-pills__compact">
         <button
           type="button"
           class="gui-pills__count"
           aria-label=${this.compactAriaLabel ?? `${e} items`}
+          aria-haspopup="true"
           aria-expanded=${this._showDropdown}
+          aria-controls=${this.dropdownId ?? d}
           ?disabled=${this.disabled || this.readOnly}
           @click=${(t) => {
       t.stopPropagation(), this.toggleDropdown();
@@ -89,8 +99,14 @@ let r = class extends m {
     `;
   }
   renderDropdown() {
-    return d`
-      <div class="gui-pills__dropdown" role="list">
+    return a`
+      <div
+        id=${this.dropdownId ?? d}
+        class="gui-pills__dropdown"
+        role="toolbar"
+        aria-orientation="vertical"
+        aria-label=${this.toolbarAriaLabel}
+      >
         ${b(
       this.items,
       (e) => `dd-${e.key}`,
@@ -100,36 +116,35 @@ let r = class extends m {
     `;
   }
   renderPill(e, t, i) {
-    const s = e.ariaLabel ?? `${this.removeAriaLabel}: ${e.label}`, n = this.clickable && !this.disabled && !this.readOnly;
-    return d`
-      <div
+    const r = this.clickable && !this.disabled && !this.readOnly;
+    return a`
+      <button
+        type="button"
         class=${c({
       "gui-pills__pill": !0,
-      "gui-pills__pill--clickable": n
+      "gui-pills__pill--clickable": r
     })}
-        role="listitem"
         data-key=${e.key}
         data-index=${t}
         data-in-dropdown=${i}
         tabindex=${this.tabbable && !this.disabled && !this.readOnly ? 0 : -1}
-        aria-label=${s}
-        @click=${(a) => this.onPillClick(a, e)}
+        ?disabled=${this.disabled || this.readOnly}
+        aria-label=${e.ariaLabel ?? e.label}
+        aria-description=${this.removable && !this.disabled && !this.readOnly ? this.removeAriaLabel : d}
+        @click=${(n) => this.onPillClick(n, e)}
         @focus=${this.handlePillFocus}
-        @keydown=${(a) => this.onPillKeydown(a, e, t)}
+        @keydown=${(n) => this.onPillKeydown(n, e, t)}
       >
         <span class="gui-pills__pill-text">${e.label}</span>
-        ${this.removable ? this.renderRemoveButton(e) : p}
-      </div>
+        ${this.removable ? this.renderRemoveButton(e) : d}
+      </button>
     `;
   }
   renderRemoveButton(e) {
-    return d`
-      <button
-        type="button"
+    return a`
+      <span
         class="gui-pills__pill-remove"
-        tabindex="-1"
         aria-hidden="true"
-        ?disabled=${this.disabled || this.readOnly}
         @mousedown=${(t) => {
       t.stopPropagation(), t.preventDefault();
     }}
@@ -137,10 +152,11 @@ let r = class extends m {
       t.stopPropagation(), this.emitRemove(e.key, this.items.indexOf(e));
     }}
       >
-        ${this.removeIcon ? d`<span
+        ${this.removeIcon ? a`<span
               class=${`gui-widget-icon ${this.removeIcon}`}
               data-icon=${this.removeIcon}
-            ></span>` : d`<svg
+              aria-hidden="true"
+            ></span>` : a`<svg
               xmlns="http://www.w3.org/2000/svg"
               width="16"
               height="16"
@@ -152,7 +168,7 @@ let r = class extends m {
                 d="M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"
               ></path>
             </svg>`}
-      </button>
+      </span>
     `;
   }
   onPillClick(e, t) {
@@ -183,12 +199,12 @@ let r = class extends m {
       );
       return;
     }
-    const s = this._showDropdown, n = s ? "ArrowUp" : "ArrowLeft", a = s ? "ArrowDown" : "ArrowRight";
+    const r = this._showDropdown, n = r ? "ArrowUp" : "ArrowLeft", p = r ? "ArrowDown" : "ArrowRight";
     if (e.key === n) {
       i > 0 ? (e.preventDefault(), this.focusPillAt(i - 1)) : this.emitKeydown(t.key, e);
       return;
     }
-    if (e.key === a) {
+    if (e.key === p) {
       i < this.items.length - 1 ? (e.preventDefault(), this.focusPillAt(i + 1)) : this.emitKeydown(t.key, e);
       return;
     }
@@ -200,7 +216,7 @@ let r = class extends m {
       e.preventDefault(), this.focusPillAt(this.items.length - 1);
       return;
     }
-    if (e.key === "Escape" && s) {
+    if (e.key === "Escape" && r) {
       e.preventDefault(), e.stopPropagation(), this.closeDropdown();
       return;
     }
@@ -235,8 +251,8 @@ let r = class extends m {
     requestAnimationFrame(() => {
       const t = this._showDropdown ? ".gui-pills__dropdown .gui-pills__pill" : ".gui-pills__strip .gui-pills__pill", i = this.querySelectorAll(t);
       if (i.length === 0) return;
-      const s = Math.max(0, Math.min(e, i.length - 1));
-      i[s].focus();
+      const r = Math.max(0, Math.min(e, i.length - 1));
+      i[r].focus();
     });
   }
   /** Open the dropdown and focus its first pill. No-op if `bubble` is false. */
@@ -281,46 +297,52 @@ let r = class extends m {
     this.startObserver?.disconnect(), this.endObserver?.disconnect(), this.startObserver = void 0, this.endObserver = void 0;
   }
 };
+o([
+  l({ type: String })
+], s.prototype, "uid", 2);
 o([
   l({ type: Array })
-], r.prototype, "items", 2);
+], s.prototype, "items", 2);
 o([
   l({ type: Boolean })
-], r.prototype, "clickable", 2);
+], s.prototype, "clickable", 2);
 o([
   l({ type: Boolean })
-], r.prototype, "removable", 2);
+], s.prototype, "removable", 2);
 o([
   l({ type: Boolean })
-], r.prototype, "bubble", 2);
+], s.prototype, "bubble", 2);
 o([
   l({ type: Boolean })
-], r.prototype, "tabbable", 2);
+], s.prototype, "tabbable", 2);
 o([
   l({ type: Boolean })
-], r.prototype, "disabled", 2);
+], s.prototype, "disabled", 2);
 o([
   l({ type: Boolean, attribute: "readonly" })
-], r.prototype, "readOnly", 2);
+], s.prototype, "readOnly", 2);
 o([
   l({ type: String, attribute: "remove-aria-label" })
-], r.prototype, "removeAriaLabel", 2);
+], s.prototype, "removeAriaLabel", 2);
 o([
   l({ type: String, attribute: "remove-icon" })
-], r.prototype, "removeIcon", 2);
+], s.prototype, "removeIcon", 2);
 o([
   l({ type: String, attribute: "compact-aria-label" })
-], r.prototype, "compactAriaLabel", 2);
+], s.prototype, "compactAriaLabel", 2);
+o([
+  l({ type: String, attribute: "toolbar-aria-label" })
+], s.prototype, "toolbarAriaLabel", 2);
 o([
   u()
-], r.prototype, "_isStartVisible", 2);
+], s.prototype, "_isStartVisible", 2);
 o([
   u()
-], r.prototype, "_isEndVisible", 2);
+], s.prototype, "_isEndVisible", 2);
 o([
   u()
-], r.prototype, "_showDropdown", 2);
-r = o([
+], s.prototype, "_showDropdown", 2);
+s = o([
   w("gui-pills")
-], r);
-typeof customElements < "u" && !customElements.get("gui-pills") && customElements.define("gui-pills", r);
+], s);
+typeof customElements < "u" && !customElements.get("gui-pills") && customElements.define("gui-pills", s);

package/popup.controller-B33OvX_y.js

@@ -0,0 +1,86 @@
+import "lit";
+import { G as n } from "./focus-leave.controller-2gV0pQd5.js";
+class c {
+  constructor(e, i) {
+    this._open = !1, this._restoringFocus = !1, this._suppressNextFocusOut = !1, this._pointerDownInside = !1, this._pointerDownTarget = null, this.show = () => {
+      this.options.isDisabled() || this._restoringFocus || (this.options.beforeOpen?.(this), this.setOpen(!0));
+    }, this.close = () => {
+      this.setOpen(!1);
+    }, this.openAndFocus = () => {
+      this.show(), !(!this._open || !this.options.focusPopupSelector) && Promise.resolve(this.host.updateComplete).then(() => {
+        this.host.querySelector(this.options.focusPopupSelector)?.focus();
+      });
+    }, this.toggle = () => {
+      this.options.isDisabled() || (this.options.keyToggleMode === "toggle" ? this.setOpen(!this._open) : this._open ? this.close() : this.show());
+    }, this.onAnchorClick = (t) => {
+      if (this.options.isDisabled()) return;
+      const s = this._pointerDownTarget ?? t.target, o = this.options.clickIntent(s);
+      if (o !== "ignore") {
+        if (o === "open") {
+          this.show();
+          return;
+        }
+        this.toggle();
+      }
+    }, this.onAnchorKeyDown = (t) => this.options.isDisabled() ? !1 : t.key === "Escape" && this._open ? (t.preventDefault(), t.stopPropagation(), this.restoreFocusToInput(), this.close(), !0) : !1, this.onDocumentClick = (t) => {
+      if (!this._open) return;
+      !t.composedPath().includes(this.host) && !this._pointerDownInside && this.close();
+    }, this.onDocumentPointerDown = (t) => {
+      const s = t.composedPath();
+      this._pointerDownInside = s.includes(this.host), this._pointerDownTarget = s[0] ?? null;
+    }, this.onDocumentKeyDown = (t) => {
+      t.key !== "Tab" && t.key !== "Escape" || (this._pointerDownInside = !1, this._pointerDownTarget = null);
+    }, this.closeOnFocusLeave = () => {
+      this._pointerDownInside || this.close();
+    }, this.onHostFocusOut = (t) => {
+      if (this._suppressNextFocusOut) {
+        this._suppressNextFocusOut = !1;
+        return;
+      }
+      if (!this._open) return;
+      const s = t.relatedTarget;
+      this._pointerDownInside && (!s || s.contains(this.host)) || this.focusLeave.handleFocusOut(t);
+    }, this.host = e, this.options = i, this.focusLeave = new n(e, {
+      onLeave: () => {
+        this.close();
+      }
+    }), e.addController(this);
+  }
+  get open() {
+    return this._open;
+  }
+  /**
+   * Swallows exactly the next focusout pass — even one that arrives while
+   * the popup is closed — then re-arms normal behavior. Used around
+   * operations that transiently move focus (pills dropdown coordination).
+   */
+  suppressNextFocusOut() {
+    this._suppressNextFocusOut = !0;
+  }
+  setOpen(e) {
+    this._open !== e && (this._open = e, this.host.requestUpdate(), this.options.onOpenChanged?.(e));
+  }
+  /**
+   * Focuses the `focusRestoreSelector` element, arming the restoring-focus
+   * flag (reset via setTimeout(0)) so the resulting focus event does not
+   * re-open the popup through show().
+   */
+  restoreFocusToInput() {
+    const e = this.host.querySelector(this.options.focusRestoreSelector);
+    e && (this._restoringFocus = !0, e.focus(), setTimeout(() => {
+      this._restoringFocus = !1;
+    }));
+  }
+  hostUpdated() {
+    this._open && this.options.isDisabled() && this.close();
+  }
+  hostConnected() {
+    document.addEventListener("click", this.onDocumentClick), document.addEventListener("pointerdown", this.onDocumentPointerDown, !0), document.addEventListener("keydown", this.onDocumentKeyDown, !0), this.host.addEventListener("focusout", this.onHostFocusOut);
+  }
+  hostDisconnected() {
+    document.removeEventListener("click", this.onDocumentClick), document.removeEventListener("pointerdown", this.onDocumentPointerDown, !0), document.removeEventListener("keydown", this.onDocumentKeyDown, !0), this.host.removeEventListener("focusout", this.onHostFocusOut);
+  }
+}
+export {
+  c as G
+};

package/{radiogroup.element-CeQn623u.js → radiogroup.element-KWzBx8mx.js}

@@ -1,17 +1,17 @@
 import { InputWidgetAdapter as m, formContext as y, inputContext as $ } from "@golemui/lit";
-import { LitElement as b, html as p, nothing as c } from "lit";
+import { LitElement as g, html as u, nothing as p } from "lit";
 import { repeat as f } from "lit-html/directives/repeat.js";
-import { property as s, customElement as g } from "lit/decorators.js";
-import { G as C, b as D, c as _ } from "./templates-Dk1jxLwS.js";
-import { u as F, i as O } from "./one-of-C0ur6b_n.js";
-import { consume as w, provide as E } from "@lit/context";
+import { property as s, customElement as b } from "lit/decorators.js";
+import { G as C, b as D, c as _ } from "./templates-Dmr34nwp.js";
+import { u as F, i as q } from "./one-of-C0ur6b_n.js";
+import { consume as O, provide as w } from "@lit/context";
 import "rxjs";
-var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (t, i, d, a) => {
-  for (var e = a > 1 ? void 0 : a ? q(i, d) : i, l = t.length - 1, n; l >= 0; l--)
-    (n = t[l]) && (e = (a ? n(i, d, e) : n(e)) || e);
-  return a && e && S(i, d, e), e;
+var E = Object.defineProperty, S = Object.getOwnPropertyDescriptor, o = (e, i, d, a) => {
+  for (var t = a > 1 ? void 0 : a ? S(i, d) : i, l = e.length - 1, n; l >= 0; l--)
+    (n = e[l]) && (t = (a ? n(i, d, t) : n(t)) || t);
+  return a && t && E(i, d, t), t;
 };
-let r = class extends b {
+let r = class extends g {
   constructor() {
     super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.options = [], this.labelField = void 0, this.valueField = void 0, this.direction = "column", this.optionsLoading = !1, this.hasMatchingValue = !1, this.ariaController = new C(this, {
       getTargets: () => this.querySelectorAll(`input[name="${this.uid}"]`),
@@ -23,7 +23,8 @@ let r = class extends b {
           touched: this.touched,
           // Radiogroup inputs can't be readonly
           readonly: !1,
-          disabled: !1
+          disabled: !1,
+          required: this.required
         }
       })
     });
@@ -36,7 +37,7 @@ let r = class extends b {
   }
   render() {
     super.render();
-    const t = {
+    const e = {
       uid: this.uid,
       label: this.label,
       errors: this.errors,
@@ -57,23 +58,23 @@ let r = class extends b {
     });
     const i = this.value;
     this.hasMatchingValue = this.options?.length ? this.options.find(({ value: a }) => a === i) !== void 0 : !1;
-    const d = this.optionsLoading ? p`<span>Loading...</span>` : p`
+    const d = this.optionsLoading ? u`<span>Loading...</span>` : u`
           ${f(
       this.options || [],
       (a) => a?.value,
-      (a, e) => {
-        const l = this.hasMatchingValue && a.value === t.value, n = !this.hasMatchingValue && e === 0, v = l || n;
-        return p`<label for=${`${this.uid}_${e}`}>
+      (a, t) => {
+        const l = this.hasMatchingValue && a.value === e.value, n = !this.hasMatchingValue && t === 0, v = l || n;
+        return u`<label for=${`${this.uid}_${t}`}>
                 <input
                   type="radio"
                   tabindex=${v ? "0" : "-1"}
-                  id=${`${this.uid}_${e}`}
-                  data-cy=${`${this.uid}_radiogroup_${e}`}
+                  id=${`${this.uid}_${t}`}
+                  data-cy=${`${this.uid}_radiogroup_${t}`}
                   name=${this.uid}
                   value=${a.value}
                   ?checked=${l}
-                  ?required=${t.required}
-                  ?disabled=${t.disabled || t.readonly}
+                  ?required=${e.required}
+                  ?disabled=${e.disabled || e.readonly}
                   @change=${this.valueChanged}
                   @blur=${this.onBlur}
                 />
@@ -82,28 +83,31 @@ let r = class extends b {
       }
     )}
         `;
-    return p`
-      ${D(this.uid, t, !1, void 0, !1)}
+    return u`
+      ${D(this.uid, e, !1, void 0, !1)}
 
       <div
         class="gui-widget${this.direction === "row" ? " gui-widget--horizontal" : ""}"
         role="radiogroup"
         id=${this.uid}
-        aria-labelledby=${t.label ? `${this.uid}_label` : c}
-        aria-describedby=${t.hint ? `${this.uid}_hint` : c}
+        aria-labelledby=${e.label ? `${this.uid}_label` : p}
+        aria-describedby=${e.hint ? `${this.uid}_hint` : p}
+        aria-required=${this.required ? "true" : p}
+        aria-invalid=${this.touched && this.errors?.length ? "true" : p}
+        aria-errormessage=${this.touched && this.errors?.length ? `${this.uid}_errors` : p}
       >
         ${d}
       </div>
 
-      ${_(this.uid, t)}
+      ${_(this.uid, e)}
     `;
   }
-  valueChanged(t) {
-    if (t.stopPropagation(), !this.readOnly) {
-      const i = t.target;
+  valueChanged(e) {
+    if (e.stopPropagation(), !this.readOnly) {
+      const i = e.target;
       this.dispatchEvent(
         new CustomEvent("change", {
-          detail: { value: O(i.value, this.options) },
+          detail: { value: q(i.value, this.options) },
           bubbles: !0,
           composed: !0
         })
@@ -162,23 +166,23 @@ o([
   s({ type: String })
 ], r.prototype, "direction", 2);
 r = o([
-  g("gui-radiogroup")
+  b("gui-radiogroup")
 ], r);
 typeof customElements < "u" && !customElements.get("gui-radiogroup") && customElements.define("gui-radiogroup", r);
-var x = Object.defineProperty, P = Object.getOwnPropertyDescriptor, h = (t, i, d, a) => {
-  for (var e = a > 1 ? void 0 : a ? P(i, d) : i, l = t.length - 1, n; l >= 0; l--)
-    (n = t[l]) && (e = (a ? n(i, d, e) : n(e)) || e);
-  return a && e && x(i, d, e), e;
+var x = Object.defineProperty, P = Object.getOwnPropertyDescriptor, c = (e, i, d, a) => {
+  for (var t = a > 1 ? void 0 : a ? P(i, d) : i, l = e.length - 1, n; l >= 0; l--)
+    (n = e[l]) && (t = (a ? n(i, d, t) : n(t)) || t);
+  return a && t && x(i, d, t), t;
 };
-let u = class extends b {
+let h = class extends g {
   constructor() {
     super(...arguments), this.adapter = new m(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(t) {
-    super.updated(t);
+  updated(e) {
+    super.updated(e);
     const i = this.adapter.templateData.size;
     i ? this.style.flex = String(i) : this.style.removeProperty("flex");
   }
@@ -188,7 +192,7 @@ let u = class extends b {
     );
   }
   render() {
-    return super.render(), p`
+    return super.render(), u`
       <gui-radiogroup
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -208,24 +212,24 @@ let u = class extends b {
       ></gui-radiogroup>
     `;
   }
-  valueChanged(t) {
-    const i = t.detail.value;
+  valueChanged(e) {
+    const i = e.detail.value;
     this.adapter.valueChanged(i);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
 };
-h([
-  w({ context: y }),
+c([
+  O({ context: y }),
   s({ attribute: !1 })
-], u.prototype, "formContext", 2);
-h([
-  E({ context: $ })
-], u.prototype, "adapter", 2);
-u = h([
-  g("gui-radiogroup-input")
-], u);
+], h.prototype, "formContext", 2);
+c([
+  w({ context: $ })
+], h.prototype, "adapter", 2);
+h = c([
+  b("gui-radiogroup-input")
+], h);
 export {
-  u as RadiogroupElement
+  h as RadiogroupElement
 };