@rcarls/rc-field 0.0.0 → 0.7.0

package/dist/rc-field-T33bxLJH.js

@@ -0,0 +1,375 @@
+import { css as v, LitElement as g, html as m } from "lit";
+import { property as _, state as a } from "lit/decorators.js";
+import { NativeChildController as b, cssText as y } from "@rcarls/rc-common";
+const C = v`:host{color-scheme:inherit;display:inline-block}[hidden]{display:none!important}#field{box-sizing:border-box;min-block-size:var(--rc-field-min-block-size,var(--rc-control-block-size,2.5rem));padding:var(--rc-field-padding,var(--rc-control-padding-block,.5rem) var(--rc-control-padding-inline,.75rem));border:var(--rc-field-border,var(--rc-border,1px solid ButtonBorder));border-radius:var(--rc-field-radius,var(--rc-control-radius,.125rem));background:var(--rc-field-background,var(--rc-field,Field));color:var(--rc-field-color,var(--rc-field-text,FieldText));font-family:var(--rc-font-family,inherit);font-size:var(--rc-font-size,1em);font-weight:var(--rc-font-weight,400);line-height:var(--rc-line-height,normal);align-items:center;gap:0;display:flex}#field.empty{background:0 0;border:0;min-block-size:0;padding:0}#content{flex-direction:column;flex:auto;min-inline-size:0;display:flex}#label{color:var(--rc-field-label-color,var(--rc-field-text,CanvasText));line-height:1.25}#control{align-items:center;gap:0;min-inline-size:0;display:flex}#leading,#trailing,#prefix,#suffix{flex:none;align-items:center;display:inline-flex}#leading:not(.empty-slot){margin-inline-end:var(--rc-field-gap,var(--rc-control-gap,.5rem))}#trailing:not(.empty-slot){margin-inline-start:var(--rc-field-gap,var(--rc-control-gap,.5rem))}#prefix:not(.empty-slot){margin-inline-end:var(--rc-field-control-gap,var(--rc-control-gap,.25rem))}#suffix:not(.empty-slot){margin-inline-start:var(--rc-field-control-gap,var(--rc-control-gap,.25rem))}#leading.empty-slot,#trailing.empty-slot,#prefix.empty-slot,#suffix.empty-slot{display:none}::slotted(input),::slotted(select),::slotted(textarea),::slotted([data-rc-field-control]){box-sizing:border-box;min-inline-size:0;max-inline-size:100%;color:inherit;font:inherit;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;outline:0;flex:auto;padding:0}::slotted(textarea){resize:block;min-block-size:4lh}::slotted([data-rc-field-control]){display:block}#supporting{gap:var(--rc-field-supporting-gap,var(--rc-control-gap,.5rem));padding-block-start:var(--rc-field-supporting-padding-block-start,.25rem);padding-inline:var(--rc-field-supporting-padding-inline,var(--rc-control-padding-inline,.75rem));color:var(--rc-field-supporting-color,var(--rc-field-text,CanvasText));font-size:var(--rc-field-supporting-font-size,.75rem);grid-template-columns:minmax(0,1fr) auto;line-height:1.333;display:grid}#error{color:var(--rc-field-error-color,red)}#counter{white-space:nowrap;grid-area:1/2}:host([data-invalid]) #field{border-color:var(--rc-field-error-color,red)}:host([data-disabled]){opacity:var(--rc-field-disabled-opacity,var(--rc-disabled-opacity,.6))}:host([data-focused]) #field{outline:var(--rc-field-focus-outline,var(--rc-focus-ring,2px solid Highlight));outline-offset:var(--rc-field-focus-outline-offset,var(--rc-focus-ring-offset,0))}@media (forced-colors:active){:host([data-invalid]) #field{border-color:mark}:host([data-focused]) #field{outline-color:highlight}}`;
+var x = Object.defineProperty, o = (u, t, e, s) => {
+  for (var i = void 0, r = u.length - 1, d; r >= 0; r--)
+    (d = u[r]) && (i = d(t, e, i) || i);
+  return i && x(t, e, i), i;
+};
+const S = [
+  ":scope > input",
+  ":scope > textarea",
+  ":scope > select",
+  ":scope > [data-rc-field-control] > input",
+  ":scope > [data-rc-field-control] > textarea",
+  ":scope > [data-rc-field-control] > select",
+  ":scope > fieldset"
+].join(", "), L = y`@layer rc-base{rc-field>fieldset{box-sizing:border-box;align-items:center;gap:0 var(--rc-field-control-gap,var(--rc-control-gap,.25rem));border:0;flex-wrap:wrap;flex:auto;min-inline-size:0;margin:0;padding:0;display:flex}rc-field>fieldset>legend{float:inline-start;box-sizing:border-box;color:var(--rc-field-label-color,var(--rc-field-text,CanvasText));flex:0 0 100%;margin:0;padding:0;line-height:1.25}rc-field>fieldset>:is(input,textarea,select){box-sizing:border-box;min-inline-size:0;max-inline-size:100%;color:inherit;font:inherit;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;outline:0;padding:0}rc-field>fieldset>:is(input,textarea){flex:1 1 0}rc-field>fieldset>:is(select,[data-rc-field-control]){flex:none}}`, E = /* @__PURE__ */ new Set([
+  "date",
+  "datetime-local",
+  "email",
+  "month",
+  "number",
+  "password",
+  "search",
+  "tel",
+  "text",
+  "time",
+  "url",
+  "week"
+]);
+let I = 0;
+function p(u) {
+  return [...u.elements].filter(
+    (t) => t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement
+  );
+}
+var l;
+const n = (l = class extends g {
+  constructor() {
+    super(...arguments), this.counter = !1, this.invalid = !1, this._hasControl = !1, this._hasLabel = !1, this._hasLeading = !1, this._hasTrailing = !1, this._hasPrefix = !1, this._hasSuffix = !1, this._hasHint = !1, this._hasError = !1, this._focused = !1, this._populated = !1, this._disabled = !1, this._readOnly = !1, this._required = !1, this._multiline = !1, this._grouped = !1, this._validationAttempted = !1, this._nativeInvalid = !1, this._validationMessage = "", this._$controlRef = null, this._$controlProviderRef = null, this._$groupRef = null, this._groupObserver = null, this._$formRef = null, this._controlObserver = null, this._compositionObserver = null, this._managedDescriptionIds = /* @__PURE__ */ new Set(), this._managedIds = [], this._managedLabel = null, this._managedControlId = null, this._managedAriaInvalid = /* @__PURE__ */ new Set(), this._controlController = new b(this, {
+      selector: S,
+      observe: { childList: !0, subtree: !0 },
+      onChange: (t, e) => this._setupRoot(t, e),
+      onMissing: () => {
+      }
+    }), this._onControlInput = () => {
+      this._syncState(), !this.controls.some((t) => !t.validity.valid) && (this._nativeInvalid = !1, this._validationMessage = "", this._syncState(), this._syncAssociations());
+    }, this._onControlChange = () => this.sync(), this._onControlFocus = () => {
+      this._focused = !0, this._reflectStates();
+    }, this._onControlBlur = () => {
+      this._focused = !1, this._syncState();
+    }, this._onProviderFocusIn = () => {
+      this._focused = !0, this._reflectStates();
+    }, this._onProviderFocusOut = () => {
+      this._focused = !1, this._syncState();
+    }, this._onGroupFocusIn = () => {
+      this._focused = !0, this._reflectStates();
+    }, this._onGroupFocusOut = (t) => {
+      const e = t.relatedTarget;
+      e instanceof Node && this.group?.contains(e) || (this._focused = !1, this._syncState());
+    }, this._onControlInvalid = (t) => {
+      const e = t.target, s = e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? e.validationMessage : this.control?.validationMessage ?? "";
+      this._validationAttempted = !0, this._nativeInvalid = !0, this._validationMessage = s, this._syncState(), this._syncAssociations();
+    }, this._onCompositionEnd = () => this._syncState(), this._onFormReset = () => {
+      this._validationAttempted = !1, this._nativeInvalid = !1, this._validationMessage = "", this._queueSync();
+    };
+  }
+  static _ensureBaseStyles(t) {
+    if (!(t instanceof Document || t instanceof ShadowRoot) || l._styledRoots.has(t))
+      return;
+    l._styledRoots.add(t);
+    const e = (t instanceof Document ? t : t.ownerDocument).createElement("style");
+    e.setAttribute("data-rc-light-dom-base", "rc-field"), e.textContent = L, t instanceof Document ? t.head.append(e) : t.append(e);
+  }
+  /**
+   * Returns the native control, or `null` when the field is incomplete. In a group, this is the
+   * primary control: the first text-like input or textarea, or else the first control.
+   */
+  get control() {
+    return this._$controlRef?.deref() ?? null;
+  }
+  /** Returns the `<fieldset>` that groups the field's controls, or `null` for a single control. */
+  get group() {
+    return this._$groupRef?.deref() ?? null;
+  }
+  /** Returns every native control the field manages, in source order. */
+  get controls() {
+    const t = this.group;
+    if (t)
+      return p(t);
+    const e = this.control;
+    return e ? [e] : [];
+  }
+  connectedCallback() {
+    super.connectedCallback(), l._ensureBaseStyles(this.getRootNode()), this._compositionObserver ??= new MutationObserver(() => this._queueSync()), this._compositionObserver.observe(this, {
+      childList: !0,
+      attributes: !0,
+      attributeFilter: ["slot"]
+    });
+  }
+  disconnectedCallback() {
+    this._compositionObserver?.disconnect();
+    const t = this.group;
+    t ? this._teardownGroup(t) : this._teardownControl(this.control), super.disconnectedCallback();
+  }
+  willUpdate(t) {
+    (t.has("invalid") || t.has("counter")) && (this._syncState(), this._syncAssociations());
+  }
+  /** Focuses the native control. */
+  focus(t) {
+    (this._$controlProviderRef?.deref() ?? this.control)?.focus(t);
+  }
+  /** Removes focus from the native control. */
+  blur() {
+    (this._$controlProviderRef?.deref() ?? this.control)?.blur();
+  }
+  /** Re-reads native value, validity, attributes, slots, and accessible relationships. */
+  sync() {
+    this._controlController.sync(), this._syncGroupControl(), this._syncSlots(), this._syncForm(), this._syncState(), this._syncAssociations();
+  }
+  _setupRoot(t, e) {
+    e instanceof HTMLFieldSetElement ? this._teardownGroup(e) : e && this._teardownControl(e), t instanceof HTMLFieldSetElement ? this._setupGroup(t) : this._setupControl(t);
+  }
+  _setupGroup(t) {
+    this._$groupRef = new WeakRef(t), this._$controlProviderRef = null, this._grouped = !0, this._focused = t.matches(":focus-within"), this._validationAttempted = !1, this._nativeInvalid = !1, this._validationMessage = "", t.addEventListener("input", this._onControlInput), t.addEventListener("change", this._onControlChange), t.addEventListener("focusin", this._onGroupFocusIn), t.addEventListener("focusout", this._onGroupFocusOut), t.addEventListener("invalid", this._onControlInvalid, !0), t.addEventListener("compositionend", this._onCompositionEnd), this._groupObserver ??= new MutationObserver(() => this._queueSync()), this._groupObserver.observe(t, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["disabled", "maxlength", "placeholder", "readonly", "required", "type"]
+    }), this.sync(), this._warnGroupComposition(t);
+  }
+  _teardownGroup(t) {
+    t.removeEventListener("input", this._onControlInput), t.removeEventListener("change", this._onControlChange), t.removeEventListener("focusin", this._onGroupFocusIn), t.removeEventListener("focusout", this._onGroupFocusOut), t.removeEventListener("invalid", this._onControlInvalid, !0), t.removeEventListener("compositionend", this._onCompositionEnd), this._groupObserver?.disconnect(), this._$groupRef = null, this._grouped = !1, this._$formRef?.deref()?.removeEventListener("reset", this._onFormReset), this._$formRef = null, this._restoreAssociations(t), this._$controlRef = null;
+  }
+  /** Re-resolves a group's primary control after its contents change. */
+  _syncGroupControl() {
+    const t = this.group;
+    if (!t)
+      return;
+    const e = p(t), s = e.find(
+      (i) => i instanceof HTMLTextAreaElement || i instanceof HTMLInputElement && E.has(i.type)
+    ) ?? e[0] ?? null;
+    this._$controlRef = s ? new WeakRef(s) : null, this._hasControl = s !== null;
+  }
+  _setupControl(t) {
+    this._$controlRef = t ? new WeakRef(t) : null;
+    const e = t?.parentElement?.matches("[data-rc-field-control]") ? t.parentElement : null;
+    if (this._$controlProviderRef = e ? new WeakRef(e) : null, this._hasControl = t !== null, this._focused = !1, this._validationAttempted = !1, this._nativeInvalid = !1, this._validationMessage = "", !t) {
+      this._syncSlots(), this._syncState();
+      return;
+    }
+    t.addEventListener("input", this._onControlInput), t.addEventListener("change", this._onControlChange), t.addEventListener("focus", this._onControlFocus), t.addEventListener("blur", this._onControlBlur), t.addEventListener("invalid", this._onControlInvalid), t.addEventListener("compositionend", this._onCompositionEnd), e?.addEventListener("focusin", this._onProviderFocusIn), e?.addEventListener("focusout", this._onProviderFocusOut), this._controlObserver ??= new MutationObserver(() => this._queueSync()), this._controlObserver.observe(t, {
+      attributes: !0,
+      attributeFilter: ["disabled", "maxlength", "placeholder", "readonly", "required", "type"]
+    }), this.sync(), this._warnComposition(t);
+  }
+  _teardownControl(t) {
+    if (!t)
+      return;
+    t.removeEventListener("input", this._onControlInput), t.removeEventListener("change", this._onControlChange), t.removeEventListener("focus", this._onControlFocus), t.removeEventListener("blur", this._onControlBlur), t.removeEventListener("invalid", this._onControlInvalid), t.removeEventListener("compositionend", this._onCompositionEnd);
+    const e = this._$controlProviderRef?.deref();
+    e?.removeEventListener("focusin", this._onProviderFocusIn), e?.removeEventListener("focusout", this._onProviderFocusOut), this._$controlProviderRef = null, this._controlObserver?.disconnect(), this._$formRef?.deref()?.removeEventListener("reset", this._onFormReset), this._$formRef = null, this._restoreAssociations(t);
+  }
+  _syncForm() {
+    const t = this.control?.form ?? null, e = this._$formRef?.deref() ?? null;
+    t !== e && (e?.removeEventListener("reset", this._onFormReset), t?.addEventListener("reset", this._onFormReset), this._$formRef = t ? new WeakRef(t) : null);
+  }
+  _queueSync() {
+    queueMicrotask(() => {
+      this.isConnected && this.sync();
+    });
+  }
+  _syncState() {
+    const t = this.control;
+    this._hasControl = t !== null, this._populated = t instanceof HTMLSelectElement ? t.multiple ? t.selectedOptions.length > 0 : !!t.selectedOptions[0]?.label.trim() : !!t?.value;
+    const e = this.group, s = this.controls;
+    if (this._disabled = e ? e.disabled || s.length > 0 && s.every((i) => i.disabled) : this._effectiveDisabled(t), this._readOnly = t instanceof HTMLSelectElement ? !1 : t?.readOnly ?? !1, this._required = s.some((i) => i.required), this._multiline = !e && t instanceof HTMLTextAreaElement, t && this._validationAttempted) {
+      const i = s.find((r) => !r.validity.valid);
+      this._nativeInvalid = i !== void 0, this._validationMessage = i?.validationMessage ?? "";
+    }
+    this._reflectStates();
+  }
+  /**
+   * A control provider may disable its native control for a reason unrelated to the field's
+   * own enabled/disabled intent (`rc-select`'s picker guard force-disables a `multiple` native
+   * select to defeat a GeckoView label-activation bug, entirely independent of author intent).
+   * Prefer the provider's own `disabled` property, when it exposes one, over the raw control's
+   * — the same precedence `focus()`/`blur()` already give the provider over the control.
+   */
+  _effectiveDisabled(t) {
+    const e = this._$controlProviderRef?.deref();
+    return e && "disabled" in e && typeof e.disabled == "boolean" ? e.disabled : t?.disabled ?? !1;
+  }
+  _reflectStates() {
+    this.toggleAttribute("data-focused", this._focused), this.toggleAttribute("data-populated", this._populated), this.toggleAttribute("data-disabled", this._disabled), this.toggleAttribute("data-readonly", this._readOnly), this.toggleAttribute("data-required", this._required), this.toggleAttribute("data-invalid", this._effectiveInvalid()), this.toggleAttribute("data-multiline", this._multiline), this.toggleAttribute("data-has-label", this._hasLabel), this.toggleAttribute("data-validation-attempted", this._validationAttempted), this.toggleAttribute("data-control-provider", this._$controlProviderRef?.deref() !== void 0), this.toggleAttribute("data-group", this._grouped);
+  }
+  _effectiveInvalid() {
+    return this.invalid || this._validationAttempted && this._nativeInvalid;
+  }
+  _syncSlots() {
+    this._hasLabel = this._hasSlottedContent("label"), this._hasLeading = this._hasSlottedContent("leading"), this._hasTrailing = this._hasSlottedContent("trailing"), this._hasPrefix = this._hasSlottedContent("prefix"), this._hasSuffix = this._hasSlottedContent("suffix"), this._hasHint = this._hasSlottedContent("hint"), this._hasError = this._hasSlottedContent("error");
+  }
+  _hasSlottedContent(t) {
+    return this.querySelector(`:scope > [slot='${t}']`) !== null;
+  }
+  _syncAssociations() {
+    const t = this.control;
+    if (!t)
+      return;
+    const e = this.group, s = e ?? t;
+    this._restoreAssociations(s, !1);
+    const i = this.querySelector(":scope > label[slot='label']");
+    if (i && !i.htmlFor && !e) {
+      const c = this._ensureId(t, "control");
+      i.htmlFor = c, this._managedLabel = { $label: i, htmlFor: c };
+    }
+    const r = [], d = this.querySelector(":scope > [slot='hint']"), f = this.querySelector(":scope > [slot='error']");
+    if (d && !this._effectiveInvalid() && r.push(this._ensureId(d, "hint")), f && this._effectiveInvalid() && r.push(this._ensureId(f, "error")), r.length) {
+      const c = (s.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean), h = [.../* @__PURE__ */ new Set([...c, ...r])];
+      s.setAttribute("aria-describedby", h.join(" ")), this._managedDescriptionIds = new Set(r);
+    }
+    if (this._effectiveInvalid()) {
+      const c = e ? this.controls.filter((h) => this._validationAttempted && !h.validity.valid) : [t];
+      for (const h of c.length ? c : [t])
+        h.hasAttribute("aria-invalid") || (h.setAttribute("aria-invalid", "true"), this._managedAriaInvalid.add(h));
+    }
+  }
+  _restoreAssociations(t, e = !0) {
+    if (this._managedDescriptionIds.size) {
+      const i = (t.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((r) => r && !this._managedDescriptionIds.has(r));
+      i.length ? t.setAttribute("aria-describedby", i.join(" ")) : t.removeAttribute("aria-describedby");
+    }
+    this._managedDescriptionIds.clear();
+    for (const i of this._managedAriaInvalid)
+      i.getAttribute("aria-invalid") === "true" && i.removeAttribute("aria-invalid");
+    this._managedAriaInvalid.clear();
+    const s = this._managedLabel;
+    if (s && s.$label.htmlFor === s.htmlFor && s.$label.removeAttribute("for"), this._managedLabel = null, e) {
+      for (const { $element: i, id: r } of this._managedIds)
+        i.id === r && i.removeAttribute("id");
+      this._managedIds = [], this._managedControlId && t.id === this._managedControlId && t.removeAttribute("id"), this._managedControlId = null;
+    }
+  }
+  _ensureId(t, e) {
+    if (t.id)
+      return t.id;
+    const s = `rc-field-${++I}-${e}`;
+    return t.id = s, t === this.control ? this._managedControlId = s : this._managedIds.push({ $element: t, id: s }), s;
+  }
+  _warnGroupComposition(t) {
+  }
+  _warnComposition(t) {
+  }
+  _handleSurfaceClick(t) {
+    const e = this.control, s = t.composedPath()[0];
+    if (!e || !(s instanceof Element) || s === e)
+      return;
+    const i = this._$controlProviderRef?.deref();
+    if (i && s.closest("label[slot='label']")) {
+      t.preventDefault(), i.focus();
+      return;
+    }
+    s.closest("button, a, input, textarea, select, [contenteditable], [tabindex]") || (i ?? e).focus();
+  }
+  _slotClass(t) {
+    return t ? "" : "empty-slot";
+  }
+  render() {
+    const t = this._effectiveInvalid(), e = this.control, s = e?.value.length ?? 0, i = e instanceof HTMLSelectElement ? -1 : e?.maxLength ?? -1, r = i >= 0 ? `${s} / ${i}` : String(s), d = t && (this._hasError || this._validationMessage), f = this._hasHint || d || this.counter;
+    return m`
+      <div
+        id="field"
+        part="field"
+        class=${this._hasControl ? "" : "empty"}
+        @click=${this._handleSurfaceClick}
+      >
+        <span id="leading" part="leading" class=${this._slotClass(this._hasLeading)}>
+          <slot name="leading" @slotchange=${this._queueSync}></slot>
+        </span>
+        <span id="content" part="content">
+          <span id="label" part="label" class=${this._slotClass(this._hasLabel)}>
+            <slot name="label" @slotchange=${this._queueSync}></slot>
+          </span>
+          <span id="control" part="control">
+            <span id="prefix" part="prefix" class=${this._slotClass(this._hasPrefix)}>
+              <slot name="prefix" @slotchange=${this._queueSync}></slot>
+            </span>
+            <slot @slotchange=${this._queueSync}></slot>
+            <span id="suffix" part="suffix" class=${this._slotClass(this._hasSuffix)}>
+              <slot name="suffix" @slotchange=${this._queueSync}></slot>
+            </span>
+          </span>
+        </span>
+        <span id="trailing" part="trailing" class=${this._slotClass(this._hasTrailing)}>
+          <slot name="trailing" @slotchange=${this._queueSync}></slot>
+        </span>
+      </div>
+      <div id="supporting" part="supporting-text" ?hidden=${!f}>
+        <span id="hint" part="hint" ?hidden=${d}>
+          <slot name="hint" @slotchange=${this._queueSync}></slot>
+        </span>
+        <span id="error" part="error" ?hidden=${!d}>
+          <slot name="error" @slotchange=${this._queueSync}>${this._validationMessage}</slot>
+        </span>
+        <span id="counter" part="counter" ?hidden=${!this.counter}>${r}</span>
+      </div>
+    `;
+  }
+}, l.styles = [C], l._styledRoots = /* @__PURE__ */ new WeakSet(), l);
+o([
+  _({ type: Boolean, reflect: !0 })
+], n.prototype, "counter");
+o([
+  _({ type: Boolean, reflect: !0 })
+], n.prototype, "invalid");
+o([
+  a()
+], n.prototype, "_hasControl");
+o([
+  a()
+], n.prototype, "_hasLabel");
+o([
+  a()
+], n.prototype, "_hasLeading");
+o([
+  a()
+], n.prototype, "_hasTrailing");
+o([
+  a()
+], n.prototype, "_hasPrefix");
+o([
+  a()
+], n.prototype, "_hasSuffix");
+o([
+  a()
+], n.prototype, "_hasHint");
+o([
+  a()
+], n.prototype, "_hasError");
+o([
+  a()
+], n.prototype, "_focused");
+o([
+  a()
+], n.prototype, "_populated");
+o([
+  a()
+], n.prototype, "_disabled");
+o([
+  a()
+], n.prototype, "_readOnly");
+o([
+  a()
+], n.prototype, "_required");
+o([
+  a()
+], n.prototype, "_multiline");
+o([
+  a()
+], n.prototype, "_grouped");
+o([
+  a()
+], n.prototype, "_validationAttempted");
+o([
+  a()
+], n.prototype, "_nativeInvalid");
+o([
+  a()
+], n.prototype, "_validationMessage");
+let F = n;
+export {
+  F as R
+};
+//# sourceMappingURL=rc-field-T33bxLJH.js.map

package/dist/rc-field-T33bxLJH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-field-T33bxLJH.js","sources":["../src/rc-field.styles.ts","../src/rc-field.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const fieldStyles = css`\n  :host {\n    display: inline-block;\n    color-scheme: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  #field {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    min-block-size: var(--rc-field-min-block-size, var(--rc-control-block-size, 2.5rem));\n    gap: 0;\n    padding: var(\n      --rc-field-padding,\n      var(--rc-control-padding-block, 0.5rem) var(--rc-control-padding-inline, 0.75rem)\n    );\n    border: var(--rc-field-border, var(--rc-border, 1px solid ButtonBorder));\n    border-radius: var(--rc-field-radius, var(--rc-control-radius, 0.125rem));\n    background: var(--rc-field-background, var(--rc-field, Field));\n    color: var(--rc-field-color, var(--rc-field-text, FieldText));\n    font-family: var(--rc-font-family, inherit);\n    font-size: var(--rc-font-size, 1em);\n    font-weight: var(--rc-font-weight, 400);\n    line-height: var(--rc-line-height, normal);\n  }\n\n  #field.empty {\n    min-block-size: 0;\n    padding: 0;\n    border: 0;\n    background: none;\n  }\n\n  #content {\n    display: flex;\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    flex-direction: column;\n  }\n\n  #label {\n    color: var(--rc-field-label-color, var(--rc-field-text, CanvasText));\n    line-height: 1.25;\n  }\n\n  #control {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: 0;\n  }\n\n  #leading,\n  #trailing,\n  #prefix,\n  #suffix {\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n  }\n\n  #leading:not(.empty-slot) {\n    margin-inline-end: var(--rc-field-gap, var(--rc-control-gap, 0.5rem));\n  }\n\n  #trailing:not(.empty-slot) {\n    margin-inline-start: var(--rc-field-gap, var(--rc-control-gap, 0.5rem));\n  }\n\n  #prefix:not(.empty-slot) {\n    margin-inline-end: var(--rc-field-control-gap, var(--rc-control-gap, 0.25rem));\n  }\n\n  #suffix:not(.empty-slot) {\n    margin-inline-start: var(--rc-field-control-gap, var(--rc-control-gap, 0.25rem));\n  }\n\n  /*\n   * Must repeat the #leading/#trailing/#prefix/#suffix id selectors: a class alone\n   * (0,1,0) can never beat their own display:inline-flex rule above, an id selector\n   * (1,0,0) — an empty slot region reflowed as an invisible box but kept its\n   * inline-flex layout box (and any margin set for the non-empty case), silently\n   * eating into the control's available width.\n   */\n  #leading.empty-slot,\n  #trailing.empty-slot,\n  #prefix.empty-slot,\n  #suffix.empty-slot {\n    display: none;\n  }\n\n  ::slotted(input),\n  ::slotted(select),\n  ::slotted(textarea),\n  ::slotted([data-rc-field-control]) {\n    box-sizing: border-box;\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    box-shadow: none;\n    /*\n     * Chromium's own tap-highlight flash on touch is not an outline and\n     * isn't covered by outline: 0 above; Firefox has no equivalent\n     * behavior, which is why an unstyled control only flashes on Chrome.\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  ::slotted(textarea) {\n    min-block-size: 4lh;\n    resize: block;\n  }\n\n  ::slotted([data-rc-field-control]) {\n    display: block;\n  }\n\n  #supporting {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: var(--rc-field-supporting-gap, var(--rc-control-gap, 0.5rem));\n    padding-block-start: var(--rc-field-supporting-padding-block-start, 0.25rem);\n    padding-inline: var(\n      --rc-field-supporting-padding-inline,\n      var(--rc-control-padding-inline, 0.75rem)\n    );\n    color: var(--rc-field-supporting-color, var(--rc-field-text, CanvasText));\n    font-size: var(--rc-field-supporting-font-size, 0.75rem);\n    line-height: 1.333;\n  }\n\n  #error {\n    /*\n     * Falls back to the validation red a user agent uses for an invalid\n     * control, not to a system color. Mark is the background of highlighted\n     * text, which renders as pure yellow and is unreadable as a foreground.\n     */\n    color: var(--rc-field-error-color, red);\n  }\n\n  #counter {\n    grid-column: 2;\n    grid-row: 1;\n    white-space: nowrap;\n  }\n\n  :host([data-invalid]) #field {\n    border-color: var(--rc-field-error-color, red);\n  }\n\n  :host([data-disabled]) {\n    opacity: var(--rc-field-disabled-opacity, var(--rc-disabled-opacity, 0.6));\n  }\n\n  :host([data-focused]) #field {\n    outline: var(--rc-field-focus-outline, var(--rc-focus-ring, 2px solid Highlight));\n    outline-offset: var(--rc-field-focus-outline-offset, var(--rc-focus-ring-offset, 0));\n  }\n\n  @media (forced-colors: active) {\n    :host([data-invalid]) #field {\n      border-color: Mark;\n    }\n\n    :host([data-focused]) #field {\n      outline-color: Highlight;\n    }\n  }\n`;\n\nexport default fieldStyles;\n","import { LitElement, html, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nimport {\n  cssText,\n  getDirectChildren,\n  NativeChildController,\n  warnMissingDirectChild,\n} from '@rcarls/rc-common';\n\nimport fieldStyles from './rc-field.styles.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-field': RCField;\n  }\n}\n\nexport type RCFieldControl = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n\nconst CONTROL_SELECTOR = [\n  ':scope > input',\n  ':scope > textarea',\n  ':scope > select',\n  ':scope > [data-rc-field-control] > input',\n  ':scope > [data-rc-field-control] > textarea',\n  ':scope > [data-rc-field-control] > select',\n  ':scope > fieldset',\n].join(', ');\n\n/**\n * Structural light-DOM CSS for group mode. `::slotted()` reaches only the fieldset, so its\n * legend and controls are laid out from the containing document or shadow root, in `rc-base`\n * below every theme layer.\n */\nconst LIGHT_DOM_CSS = cssText`\n@layer rc-base {\n  rc-field > fieldset {\n    box-sizing: border-box;\n    display: flex;\n    flex: 1 1 auto;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0 var(--rc-field-control-gap, var(--rc-control-gap, 0.25rem));\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  /* A floated legend is not the fieldset's rendered legend, so it lays out as a flex item\n     on its own row, where the field label sits. */\n  rc-field > fieldset > legend {\n    float: inline-start;\n    flex: 0 0 100%;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    color: var(--rc-field-label-color, var(--rc-field-text, CanvasText));\n    line-height: 1.25;\n  }\n\n  rc-field > fieldset > :is(input, textarea, select) {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    box-shadow: none;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  /* Text-like controls grow; selects and enhanced controls attach as leading or trailing\n     addons in source order. */\n  rc-field > fieldset > :is(input, textarea) {\n    flex: 1 1 0;\n  }\n\n  rc-field > fieldset > :is(select, [data-rc-field-control]) {\n    flex: none;\n  }\n}\n`;\n\nconst TEXT_INPUT_TYPES = new Set([\n  'date',\n  'datetime-local',\n  'email',\n  'month',\n  'number',\n  'password',\n  'search',\n  'tel',\n  'text',\n  'time',\n  'url',\n  'week',\n]);\n\nlet fieldId = 0;\n\n/** The native controls a fieldset groups, including those owned by enhancing providers. */\nfunction groupControls($group: HTMLFieldSetElement): RCFieldControl[] {\n  return [...$group.elements].filter(\n    ($element): $element is RCFieldControl =>\n      $element instanceof HTMLInputElement ||\n      $element instanceof HTMLTextAreaElement ||\n      $element instanceof HTMLSelectElement,\n  );\n}\n\n/**\n * Accessible field wrapper for a native input, textarea, or select with labels and supporting\n * text.\n *\n * The native control remains connected in light DOM and owns its value, form association,\n * autofill, constraint validation, and native events. `rc-field` derives visual state from that\n * control and wires a slotted label, hint, and error without replacing author-provided ARIA\n * references. Programmatic native value writes are visible after calling `sync()`.\n *\n * Derived host attributes expose `data-focused`, `data-populated`, `data-disabled`,\n * `data-readonly`, `data-required`, `data-invalid`, `data-multiline`, `data-has-label`, and\n * `data-validation-attempted` for themes.\n *\n * A direct `<fieldset>` child groups several native controls into one field, such as an amount\n * and its unit. Its `<legend>` names the group and shows as the field label, and each control\n * keeps its own accessible name. The first text-like input or textarea is the primary control,\n * and the others attach before or after it in source order. Supporting text describes the\n * fieldset.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-field rc-field docs}\n * @see {@link https://m3.material.io/components/text-fields/overview Material Design 3 text fields}\n *\n * @slot - Required native `<input>`, `<textarea>`, or `<select>` control. An enhancing direct\n *   child marked `data-rc-field-control` may own the native control as its direct child. A\n *   `<fieldset>` with a `<legend>` instead groups several controls into one field.\n * @slot label - Visible label; use a native `<label>` unless an ancestor label wraps the field\n * @slot leading - Leading icon or control outside the editable content\n * @slot trailing - Trailing icon or control outside the editable content\n * @slot prefix - Text or content immediately before the native control\n * @slot suffix - Text or content immediately after the native control\n * @slot hint - Supporting guidance associated with the native control\n * @slot error - Error text shown and associated after validation is attempted\n *\n * @attr counter - Shows the current native value length and `maxlength`, when present\n * @attr invalid - Forces invalid presentation and supplies native `aria-invalid` when absent\n * @attr [data-focused] - Present while the native control has focus\n * @attr [data-populated] - Present while the native control has a value, or a single select's\n *   selected option has visible label text\n * @attr [data-disabled] - Mirrors the native control's disabled state\n * @attr [data-readonly] - Mirrors the native control's readonly state\n * @attr [data-required] - Mirrors the native control's required state\n * @attr [data-invalid] - Present while an attempted or forced validation state is invalid\n * @attr [data-multiline] - Present when the native control is a textarea\n * @attr [data-has-label] - Present when the field has content in its label slot\n * @attr [data-validation-attempted] - Present after the native control dispatches `invalid`\n * @attr [data-control-provider] - Present when an enhancing direct child owns the native control\n * @attr [data-group] - Present when a `<fieldset>` groups several controls into the field\n *\n * @cssprop [--rc-field-min-block-size=var(--rc-control-block-size, 2.5rem)] - Minimum field surface block size\n * @cssprop [--rc-field-gap=var(--rc-control-gap, 0.5rem)] - Gap between leading, content, and trailing regions\n * @cssprop [--rc-field-padding=var(--rc-control-padding-block, 0.5rem) var(--rc-control-padding-inline, 0.75rem)] - Field surface padding\n * @cssprop [--rc-field-border=var(--rc-border, 1px solid ButtonBorder)] - Field surface border\n * @cssprop [--rc-field-radius=var(--rc-control-radius, 0.125rem)] - Field surface corner radius\n * @cssprop [--rc-field-background=var(--rc-field, Field)] - Field surface background\n * @cssprop [--rc-field-color=var(--rc-field-text, FieldText)] - Input and affix text color\n * @cssprop [--rc-field-label-color=var(--rc-field-text, CanvasText)] - Label color\n * @cssprop [--rc-field-control-gap=var(--rc-control-gap, 0.25rem)] - Gap between control and prefix or suffix\n * @cssprop [--rc-field-supporting-gap=var(--rc-control-gap, 0.5rem)] - Gap between supporting text and counter\n * @cssprop [--rc-field-supporting-padding-block-start=0.25rem] - Supporting text top padding\n * @cssprop [--rc-field-supporting-padding-inline=var(--rc-control-padding-inline, 0.75rem)] - Supporting text inline padding\n * @cssprop [--rc-field-supporting-color=var(--rc-field-text, CanvasText)] - Hint and counter color\n * @cssprop [--rc-field-supporting-font-size=0.75rem] - Hint, error, and counter font size\n * @cssprop [--rc-field-error-color=Mark] - Invalid outline, label, and error color\n * @cssprop [--rc-field-disabled-opacity=var(--rc-disabled-opacity, 0.6)] - Disabled field opacity\n * @cssprop [--rc-field-focus-outline=var(--rc-focus-ring, 2px solid Highlight)] - Focus outline\n * @cssprop [--rc-field-focus-outline-offset=var(--rc-focus-ring-offset, 0)] - Focus outline offset\n *\n * @csspart field - Field surface\n * @csspart content - Label and editable content column\n * @csspart label - Label container\n * @csspart control - Native control, prefix, and suffix row\n * @csspart leading - Leading content container\n * @csspart trailing - Trailing content container\n * @csspart prefix - Prefix content container\n * @csspart suffix - Suffix content container\n * @csspart supporting-text - Supporting text row\n * @csspart hint - Hint container\n * @csspart error - Error container\n * @csspart counter - Character counter\n */\nexport class RCField extends LitElement {\n  static styles = [fieldStyles];\n\n  private static readonly _styledRoots = new WeakSet<Document | ShadowRoot>();\n\n  private static _ensureBaseStyles(root: Node): void {\n    if (\n      !(root instanceof Document || root instanceof ShadowRoot) ||\n      RCField._styledRoots.has(root)\n    ) {\n      return;\n    }\n\n    RCField._styledRoots.add(root);\n\n    const $style = (root instanceof Document ? root : root.ownerDocument).createElement('style');\n\n    $style.setAttribute('data-rc-light-dom-base', 'rc-field');\n    $style.textContent = LIGHT_DOM_CSS;\n\n    if (root instanceof Document) {\n      root.head.append($style);\n    } else {\n      root.append($style);\n    }\n  }\n\n  /** Shows the current native value length and `maxlength`, when present. */\n  @property({ type: Boolean, reflect: true })\n  counter = false;\n\n  /** Forces invalid presentation and supplies native `aria-invalid` when absent. */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  @state()\n  private _hasControl = false;\n\n  @state()\n  private _hasLabel = false;\n\n  @state()\n  private _hasLeading = false;\n\n  @state()\n  private _hasTrailing = false;\n\n  @state()\n  private _hasPrefix = false;\n\n  @state()\n  private _hasSuffix = false;\n\n  @state()\n  private _hasHint = false;\n\n  @state()\n  private _hasError = false;\n\n  @state()\n  private _focused = false;\n\n  @state()\n  private _populated = false;\n\n  @state()\n  private _disabled = false;\n\n  @state()\n  private _readOnly = false;\n\n  @state()\n  private _required = false;\n\n  @state()\n  private _multiline = false;\n\n  @state()\n  private _grouped = false;\n\n  @state()\n  private _validationAttempted = false;\n\n  @state()\n  private _nativeInvalid = false;\n\n  @state()\n  private _validationMessage = '';\n\n  private _$controlRef: WeakRef<RCFieldControl> | null = null;\n\n  private _$controlProviderRef: WeakRef<HTMLElement> | null = null;\n\n  private _$groupRef: WeakRef<HTMLFieldSetElement> | null = null;\n\n  private _groupObserver: MutationObserver | null = null;\n\n  private _$formRef: WeakRef<HTMLFormElement> | null = null;\n\n  private _controlObserver: MutationObserver | null = null;\n\n  private _compositionObserver: MutationObserver | null = null;\n\n  private _managedDescriptionIds = new Set<string>();\n\n  private _managedIds: Array<{ $element: HTMLElement; id: string }> = [];\n\n  private _managedLabel: { $label: HTMLLabelElement; htmlFor: string } | null = null;\n\n  private _managedControlId: string | null = null;\n\n  private _managedAriaInvalid = new Set<RCFieldControl>();\n\n  private readonly _controlController = new NativeChildController<\n    RCFieldControl | HTMLFieldSetElement\n  >(this, {\n    selector: CONTROL_SELECTOR,\n    observe: { childList: true, subtree: true },\n    onChange: ($root, $previousRoot) => this._setupRoot($root, $previousRoot),\n    onMissing: () => {\n      if (import.meta.env.DEV) {\n        warnMissingDirectChild(this, {\n          selector: CONTROL_SELECTOR,\n          childDescription:\n            'native <input> or <textarea>, optionally inside a data-rc-field-control provider, ' +\n            'or a <fieldset> grouping several controls',\n        });\n      }\n    },\n  });\n\n  /**\n   * Returns the native control, or `null` when the field is incomplete. In a group, this is the\n   * primary control: the first text-like input or textarea, or else the first control.\n   */\n  get control(): RCFieldControl | null {\n    return this._$controlRef?.deref() ?? null;\n  }\n\n  /** Returns the `<fieldset>` that groups the field's controls, or `null` for a single control. */\n  get group(): HTMLFieldSetElement | null {\n    return this._$groupRef?.deref() ?? null;\n  }\n\n  /** Returns every native control the field manages, in source order. */\n  get controls(): RCFieldControl[] {\n    const $group = this.group;\n\n    if ($group) {\n      return groupControls($group);\n    }\n\n    const $control = this.control;\n\n    return $control ? [$control] : [];\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    RCField._ensureBaseStyles(this.getRootNode());\n\n    this._compositionObserver ??= new MutationObserver(() => this._queueSync());\n\n    this._compositionObserver.observe(this, {\n      childList: true,\n      attributes: true,\n      attributeFilter: ['slot'],\n    });\n  }\n\n  override disconnectedCallback(): void {\n    this._compositionObserver?.disconnect();\n\n    const $group = this.group;\n\n    if ($group) {\n      this._teardownGroup($group);\n    } else {\n      this._teardownControl(this.control);\n    }\n\n    super.disconnectedCallback();\n  }\n\n  protected override willUpdate(changed: PropertyValues<this>): void {\n    if (changed.has('invalid') || changed.has('counter')) {\n      this._syncState();\n      this._syncAssociations();\n    }\n  }\n\n  /** Focuses the native control. */\n  override focus(options?: FocusOptions): void {\n    (this._$controlProviderRef?.deref() ?? this.control)?.focus(options);\n  }\n\n  /** Removes focus from the native control. */\n  override blur(): void {\n    (this._$controlProviderRef?.deref() ?? this.control)?.blur();\n  }\n\n  /** Re-reads native value, validity, attributes, slots, and accessible relationships. */\n  public sync(): void {\n    this._controlController.sync();\n    this._syncGroupControl();\n    this._syncSlots();\n    this._syncForm();\n    this._syncState();\n    this._syncAssociations();\n  }\n\n  private _setupRoot(\n    $root: RCFieldControl | HTMLFieldSetElement | null,\n    $previousRoot: RCFieldControl | HTMLFieldSetElement | null,\n  ): void {\n    if ($previousRoot instanceof HTMLFieldSetElement) {\n      this._teardownGroup($previousRoot);\n    } else if ($previousRoot) {\n      this._teardownControl($previousRoot);\n    }\n\n    if ($root instanceof HTMLFieldSetElement) {\n      this._setupGroup($root);\n    } else {\n      this._setupControl($root);\n    }\n  }\n\n  private _setupGroup($group: HTMLFieldSetElement): void {\n    this._$groupRef = new WeakRef($group);\n    this._$controlProviderRef = null;\n    this._grouped = true;\n    this._focused = $group.matches(':focus-within');\n    this._validationAttempted = false;\n    this._nativeInvalid = false;\n    this._validationMessage = '';\n\n    $group.addEventListener('input', this._onControlInput);\n    $group.addEventListener('change', this._onControlChange);\n    $group.addEventListener('focusin', this._onGroupFocusIn);\n    $group.addEventListener('focusout', this._onGroupFocusOut);\n    $group.addEventListener('invalid', this._onControlInvalid, true);\n    $group.addEventListener('compositionend', this._onCompositionEnd);\n\n    this._groupObserver ??= new MutationObserver(() => this._queueSync());\n\n    this._groupObserver.observe($group, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['disabled', 'maxlength', 'placeholder', 'readonly', 'required', 'type'],\n    });\n\n    this.sync();\n    this._warnGroupComposition($group);\n  }\n\n  private _teardownGroup($group: HTMLFieldSetElement): void {\n    $group.removeEventListener('input', this._onControlInput);\n    $group.removeEventListener('change', this._onControlChange);\n    $group.removeEventListener('focusin', this._onGroupFocusIn);\n    $group.removeEventListener('focusout', this._onGroupFocusOut);\n    $group.removeEventListener('invalid', this._onControlInvalid, true);\n    $group.removeEventListener('compositionend', this._onCompositionEnd);\n    this._groupObserver?.disconnect();\n    this._$groupRef = null;\n    this._grouped = false;\n    this._$formRef?.deref()?.removeEventListener('reset', this._onFormReset);\n    this._$formRef = null;\n    this._restoreAssociations($group);\n    this._$controlRef = null;\n  }\n\n  /** Re-resolves a group's primary control after its contents change. */\n  private _syncGroupControl(): void {\n    const $group = this.group;\n\n    if (!$group) {\n      return;\n    }\n\n    const $controls = groupControls($group);\n    const $primary =\n      $controls.find(\n        ($control) =>\n          $control instanceof HTMLTextAreaElement ||\n          ($control instanceof HTMLInputElement && TEXT_INPUT_TYPES.has($control.type)),\n      ) ??\n      $controls[0] ??\n      null;\n\n    this._$controlRef = $primary ? new WeakRef($primary) : null;\n    this._hasControl = $primary !== null;\n  }\n\n  private _setupControl($control: RCFieldControl | null): void {\n    this._$controlRef = $control ? new WeakRef($control) : null;\n\n    const $provider = $control?.parentElement?.matches('[data-rc-field-control]')\n      ? $control.parentElement\n      : null;\n\n    this._$controlProviderRef = $provider ? new WeakRef($provider) : null;\n    this._hasControl = $control !== null;\n    this._focused = false;\n    this._validationAttempted = false;\n    this._nativeInvalid = false;\n    this._validationMessage = '';\n\n    if (!$control) {\n      this._syncSlots();\n      this._syncState();\n\n      return;\n    }\n\n    $control.addEventListener('input', this._onControlInput);\n    $control.addEventListener('change', this._onControlChange);\n    $control.addEventListener('focus', this._onControlFocus);\n    $control.addEventListener('blur', this._onControlBlur);\n    $control.addEventListener('invalid', this._onControlInvalid);\n    $control.addEventListener('compositionend', this._onCompositionEnd);\n\n    $provider?.addEventListener('focusin', this._onProviderFocusIn);\n    $provider?.addEventListener('focusout', this._onProviderFocusOut);\n\n    this._controlObserver ??= new MutationObserver(() => this._queueSync());\n\n    this._controlObserver.observe($control, {\n      attributes: true,\n      attributeFilter: ['disabled', 'maxlength', 'placeholder', 'readonly', 'required', 'type'],\n    });\n\n    this.sync();\n    this._warnComposition($control);\n  }\n\n  private _teardownControl($control: RCFieldControl | null): void {\n    if (!$control) {\n      return;\n    }\n\n    $control.removeEventListener('input', this._onControlInput);\n    $control.removeEventListener('change', this._onControlChange);\n    $control.removeEventListener('focus', this._onControlFocus);\n    $control.removeEventListener('blur', this._onControlBlur);\n    $control.removeEventListener('invalid', this._onControlInvalid);\n    $control.removeEventListener('compositionend', this._onCompositionEnd);\n\n    const $provider = this._$controlProviderRef?.deref();\n\n    $provider?.removeEventListener('focusin', this._onProviderFocusIn);\n    $provider?.removeEventListener('focusout', this._onProviderFocusOut);\n    this._$controlProviderRef = null;\n    this._controlObserver?.disconnect();\n    this._$formRef?.deref()?.removeEventListener('reset', this._onFormReset);\n    this._$formRef = null;\n    this._restoreAssociations($control);\n  }\n\n  private _syncForm(): void {\n    const $form = this.control?.form ?? null;\n    const $previousForm = this._$formRef?.deref() ?? null;\n\n    if ($form === $previousForm) {\n      return;\n    }\n\n    $previousForm?.removeEventListener('reset', this._onFormReset);\n    $form?.addEventListener('reset', this._onFormReset);\n    this._$formRef = $form ? new WeakRef($form) : null;\n  }\n\n  private _queueSync(): void {\n    queueMicrotask(() => {\n      if (this.isConnected) {\n        this.sync();\n      }\n    });\n  }\n\n  private readonly _onControlInput = (): void => {\n    this._syncState();\n\n    if (this.controls.some(($control) => !$control.validity.valid)) {\n      return;\n    }\n\n    this._nativeInvalid = false;\n    this._validationMessage = '';\n    this._syncState();\n    this._syncAssociations();\n  };\n\n  private readonly _onControlChange = (): void => this.sync();\n\n  private readonly _onControlFocus = (): void => {\n    this._focused = true;\n    this._reflectStates();\n  };\n\n  private readonly _onControlBlur = (): void => {\n    this._focused = false;\n    this._syncState();\n  };\n\n  private readonly _onProviderFocusIn = (): void => {\n    this._focused = true;\n    this._reflectStates();\n  };\n\n  private readonly _onProviderFocusOut = (): void => {\n    this._focused = false;\n    this._syncState();\n  };\n\n  private readonly _onGroupFocusIn = (): void => {\n    this._focused = true;\n    this._reflectStates();\n  };\n\n  /** Moving focus between the group's own controls keeps the field focused. */\n  private readonly _onGroupFocusOut = (event: FocusEvent): void => {\n    const $next = event.relatedTarget;\n\n    if ($next instanceof Node && this.group?.contains($next)) {\n      return;\n    }\n\n    this._focused = false;\n    this._syncState();\n  };\n\n  private readonly _onControlInvalid = (event: Event): void => {\n    const $target = event.target;\n\n    const message =\n      $target instanceof HTMLInputElement ||\n      $target instanceof HTMLTextAreaElement ||\n      $target instanceof HTMLSelectElement\n        ? $target.validationMessage\n        : (this.control?.validationMessage ?? '');\n\n    this._validationAttempted = true;\n    this._nativeInvalid = true;\n    this._validationMessage = message;\n    this._syncState();\n    this._syncAssociations();\n  };\n\n  private readonly _onCompositionEnd = (): void => this._syncState();\n\n  private readonly _onFormReset = (): void => {\n    this._validationAttempted = false;\n    this._nativeInvalid = false;\n    this._validationMessage = '';\n    this._queueSync();\n  };\n\n  private _syncState(): void {\n    const $control = this.control;\n\n    this._hasControl = $control !== null;\n\n    this._populated =\n      $control instanceof HTMLSelectElement\n        ? $control.multiple\n          ? $control.selectedOptions.length > 0\n          : Boolean($control.selectedOptions[0]?.label.trim())\n        : Boolean($control?.value);\n\n    const $group = this.group;\n    const $controls = this.controls;\n\n    this._disabled = $group\n      ? $group.disabled || ($controls.length > 0 && $controls.every(($item) => $item.disabled))\n      : this._effectiveDisabled($control);\n\n    this._readOnly = $control instanceof HTMLSelectElement ? false : ($control?.readOnly ?? false);\n    this._required = $controls.some(($item) => $item.required);\n    this._multiline = !$group && $control instanceof HTMLTextAreaElement;\n\n    if ($control && this._validationAttempted) {\n      const $invalid = $controls.find(($item) => !$item.validity.valid);\n\n      this._nativeInvalid = $invalid !== undefined;\n      this._validationMessage = $invalid?.validationMessage ?? '';\n    }\n\n    this._reflectStates();\n  }\n\n  /**\n   * A control provider may disable its native control for a reason unrelated to the field's\n   * own enabled/disabled intent (`rc-select`'s picker guard force-disables a `multiple` native\n   * select to defeat a GeckoView label-activation bug, entirely independent of author intent).\n   * Prefer the provider's own `disabled` property, when it exposes one, over the raw control's\n   * — the same precedence `focus()`/`blur()` already give the provider over the control.\n   */\n  private _effectiveDisabled($control: RCFieldControl | null): boolean {\n    const $provider = this._$controlProviderRef?.deref();\n\n    if ($provider && 'disabled' in $provider && typeof $provider.disabled === 'boolean') {\n      return $provider.disabled;\n    }\n\n    return $control?.disabled ?? false;\n  }\n\n  private _reflectStates(): void {\n    this.toggleAttribute('data-focused', this._focused);\n    this.toggleAttribute('data-populated', this._populated);\n    this.toggleAttribute('data-disabled', this._disabled);\n    this.toggleAttribute('data-readonly', this._readOnly);\n    this.toggleAttribute('data-required', this._required);\n    this.toggleAttribute('data-invalid', this._effectiveInvalid());\n    this.toggleAttribute('data-multiline', this._multiline);\n    this.toggleAttribute('data-has-label', this._hasLabel);\n    this.toggleAttribute('data-validation-attempted', this._validationAttempted);\n    this.toggleAttribute('data-control-provider', this._$controlProviderRef?.deref() !== undefined);\n    this.toggleAttribute('data-group', this._grouped);\n  }\n\n  private _effectiveInvalid(): boolean {\n    return this.invalid || (this._validationAttempted && this._nativeInvalid);\n  }\n\n  private _syncSlots(): void {\n    this._hasLabel = this._hasSlottedContent('label');\n    this._hasLeading = this._hasSlottedContent('leading');\n    this._hasTrailing = this._hasSlottedContent('trailing');\n    this._hasPrefix = this._hasSlottedContent('prefix');\n    this._hasSuffix = this._hasSlottedContent('suffix');\n    this._hasHint = this._hasSlottedContent('hint');\n    this._hasError = this._hasSlottedContent('error');\n  }\n\n  private _hasSlottedContent(slotName: string): boolean {\n    return this.querySelector(`:scope > [slot='${slotName}']`) !== null;\n  }\n\n  private _syncAssociations(): void {\n    const $control = this.control;\n\n    if (!$control) {\n      return;\n    }\n\n    const $group = this.group;\n    // A group's description belongs to the fieldset, announced on entering the group.\n    const $described: HTMLElement = $group ?? $control;\n\n    this._restoreAssociations($described, false);\n\n    const $label = this.querySelector<HTMLLabelElement>(\":scope > label[slot='label']\");\n\n    if ($label && !$label.htmlFor && !$group) {\n      const controlId = this._ensureId($control, 'control');\n\n      $label.htmlFor = controlId;\n      this._managedLabel = { $label, htmlFor: controlId };\n    }\n\n    const descriptionIds: string[] = [];\n    const $hint = this.querySelector<HTMLElement>(\":scope > [slot='hint']\");\n    const $error = this.querySelector<HTMLElement>(\":scope > [slot='error']\");\n\n    if ($hint && !this._effectiveInvalid()) {\n      descriptionIds.push(this._ensureId($hint, 'hint'));\n    }\n\n    if ($error && this._effectiveInvalid()) {\n      descriptionIds.push(this._ensureId($error, 'error'));\n    }\n\n    if (descriptionIds.length) {\n      const authorIds = ($described.getAttribute('aria-describedby') ?? '')\n        .split(/\\s+/)\n        .filter(Boolean);\n      const ids = [...new Set([...authorIds, ...descriptionIds])];\n\n      $described.setAttribute('aria-describedby', ids.join(' '));\n      this._managedDescriptionIds = new Set(descriptionIds);\n    }\n\n    if (this._effectiveInvalid()) {\n      // A forced `invalid` marks the primary control; native failures mark each failing one.\n      const $invalid = $group\n        ? this.controls.filter(($item) => this._validationAttempted && !$item.validity.valid)\n        : [$control];\n\n      for (const $item of $invalid.length ? $invalid : [$control]) {\n        if (!$item.hasAttribute('aria-invalid')) {\n          $item.setAttribute('aria-invalid', 'true');\n          this._managedAriaInvalid.add($item);\n        }\n      }\n    }\n  }\n\n  private _restoreAssociations($described: HTMLElement, restoreIds = true): void {\n    if (this._managedDescriptionIds.size) {\n      const ids = ($described.getAttribute('aria-describedby') ?? '')\n        .split(/\\s+/)\n        .filter((id) => id && !this._managedDescriptionIds.has(id));\n\n      if (ids.length) {\n        $described.setAttribute('aria-describedby', ids.join(' '));\n      } else {\n        $described.removeAttribute('aria-describedby');\n      }\n    }\n\n    this._managedDescriptionIds.clear();\n\n    for (const $item of this._managedAriaInvalid) {\n      if ($item.getAttribute('aria-invalid') === 'true') {\n        $item.removeAttribute('aria-invalid');\n      }\n    }\n\n    this._managedAriaInvalid.clear();\n\n    const managedLabel = this._managedLabel;\n\n    if (managedLabel && managedLabel.$label.htmlFor === managedLabel.htmlFor) {\n      managedLabel.$label.removeAttribute('for');\n    }\n\n    this._managedLabel = null;\n\n    if (restoreIds) {\n      for (const { $element, id } of this._managedIds) {\n        if ($element.id === id) {\n          $element.removeAttribute('id');\n        }\n      }\n\n      this._managedIds = [];\n\n      if (this._managedControlId && $described.id === this._managedControlId) {\n        $described.removeAttribute('id');\n      }\n\n      this._managedControlId = null;\n    }\n  }\n\n  private _ensureId($element: HTMLElement, purpose: string): string {\n    if ($element.id) {\n      return $element.id;\n    }\n\n    const id = `rc-field-${++fieldId}-${purpose}`;\n\n    $element.id = id;\n\n    if ($element === this.control) {\n      this._managedControlId = id;\n    } else {\n      this._managedIds.push({ $element, id });\n    }\n\n    return id;\n  }\n\n  private _warnGroupComposition($group: HTMLFieldSetElement): void {\n    if (!import.meta.env.DEV) {\n      return;\n    }\n\n    if (!$group.querySelector(':scope > legend')) {\n      console.warn(\n        '[rc-field] A grouped field needs a <legend> as the first child of its <fieldset> to name the group.',\n        $group,\n      );\n    }\n\n    if (this.querySelector(\":scope > [slot='label']\")) {\n      console.warn(\n        '[rc-field] A grouped field is labeled by its <legend>; remove the slotted label.',\n        this,\n      );\n    }\n\n    for (const $control of groupControls($group)) {\n      if (\n        !$control.labels?.length &&\n        !$control.getAttribute('aria-label') &&\n        !$control.getAttribute('aria-labelledby')\n      ) {\n        console.warn(\n          '[rc-field] Each grouped control needs its own accessible name, such as aria-label.',\n          $control,\n        );\n      }\n    }\n  }\n\n  private _warnComposition($control: RCFieldControl): void {\n    if (!import.meta.env.DEV) {\n      return;\n    }\n\n    const $controls = getDirectChildren<RCFieldControl>(this, CONTROL_SELECTOR);\n\n    if ($controls.length > 1) {\n      console.warn(\n        '[rc-field] Multiple native controls found. Place exactly one input or textarea inside <rc-field>.',\n        this,\n      );\n    }\n\n    if ($control instanceof HTMLInputElement && !TEXT_INPUT_TYPES.has($control.type)) {\n      console.warn(\n        `[rc-field] Input type \"${$control.type}\" is not a text-field control. Use a text-like input or textarea.`,\n        $control,\n      );\n    }\n\n    if (\n      !$control.labels?.length &&\n      !$control.getAttribute('aria-label') &&\n      !$control.getAttribute('aria-labelledby')\n    ) {\n      console.warn(\n        '[rc-field] Native control has no accessible name. Add a slotted label, an ancestor label, aria-label, or aria-labelledby.',\n        $control,\n      );\n    }\n  }\n\n  private _handleSurfaceClick(event: MouseEvent): void {\n    const $control = this.control;\n    const $origin = event.composedPath()[0];\n\n    if (!$control || !($origin instanceof Element) || $origin === $control) {\n      return;\n    }\n\n    const $provider = this._$controlProviderRef?.deref();\n\n    if ($provider && $origin.closest(\"label[slot='label']\")) {\n      event.preventDefault();\n      $provider.focus();\n\n      return;\n    }\n\n    if ($origin.closest('button, a, input, textarea, select, [contenteditable], [tabindex]')) {\n      return;\n    }\n\n    ($provider ?? $control).focus();\n  }\n\n  private _slotClass(hasContent: boolean): string {\n    return hasContent ? '' : 'empty-slot';\n  }\n\n  protected override render() {\n    const invalid = this._effectiveInvalid();\n    const $control = this.control;\n    const length = $control?.value.length ?? 0;\n    const maxLength = $control instanceof HTMLSelectElement ? -1 : ($control?.maxLength ?? -1);\n    const counterText = maxLength >= 0 ? `${length} / ${maxLength}` : String(length);\n    const hasError = invalid && (this._hasError || this._validationMessage);\n    const hasSupporting = this._hasHint || hasError || this.counter;\n\n    return html`\n      <div\n        id=\"field\"\n        part=\"field\"\n        class=${this._hasControl ? '' : 'empty'}\n        @click=${this._handleSurfaceClick}\n      >\n        <span id=\"leading\" part=\"leading\" class=${this._slotClass(this._hasLeading)}>\n          <slot name=\"leading\" @slotchange=${this._queueSync}></slot>\n        </span>\n        <span id=\"content\" part=\"content\">\n          <span id=\"label\" part=\"label\" class=${this._slotClass(this._hasLabel)}>\n            <slot name=\"label\" @slotchange=${this._queueSync}></slot>\n          </span>\n          <span id=\"control\" part=\"control\">\n            <span id=\"prefix\" part=\"prefix\" class=${this._slotClass(this._hasPrefix)}>\n              <slot name=\"prefix\" @slotchange=${this._queueSync}></slot>\n            </span>\n            <slot @slotchange=${this._queueSync}></slot>\n            <span id=\"suffix\" part=\"suffix\" class=${this._slotClass(this._hasSuffix)}>\n              <slot name=\"suffix\" @slotchange=${this._queueSync}></slot>\n            </span>\n          </span>\n        </span>\n        <span id=\"trailing\" part=\"trailing\" class=${this._slotClass(this._hasTrailing)}>\n          <slot name=\"trailing\" @slotchange=${this._queueSync}></slot>\n        </span>\n      </div>\n      <div id=\"supporting\" part=\"supporting-text\" ?hidden=${!hasSupporting}>\n        <span id=\"hint\" part=\"hint\" ?hidden=${hasError}>\n          <slot name=\"hint\" @slotchange=${this._queueSync}></slot>\n        </span>\n        <span id=\"error\" part=\"error\" ?hidden=${!hasError}>\n          <slot name=\"error\" @slotchange=${this._queueSync}>${this._validationMessage}</slot>\n        </span>\n        <span id=\"counter\" part=\"counter\" ?hidden=${!this.counter}>${counterText}</span>\n      </div>\n    `;\n  }\n}\n"],"names":["fieldStyles","css","CONTROL_SELECTOR","LIGHT_DOM_CSS","cssText","TEXT_INPUT_TYPES","fieldId","groupControls","$group","$element","_RCField","_a","LitElement","NativeChildController","$root","$previousRoot","$control","event","$next","$target","message","root","$style","changed","options","$controls","$primary","$provider","$form","$previousForm","$item","$invalid","slotName","$described","$label","controlId","descriptionIds","$hint","$error","authorIds","ids","restoreIds","id","managedLabel","purpose","$origin","hasContent","invalid","length","maxLength","counterText","hasError","hasSupporting","html","__decorateClass","property","state","RCField"],"mappings":"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"}

package/dist/rc-field-define.js

@@ -0,0 +1,6 @@
+import { R as e } from "./rc-field-T33bxLJH.js";
+customElements.get("rc-field") || customElements.define("rc-field", e);
+export {
+  e as RCField
+};
+//# sourceMappingURL=rc-field-define.js.map

package/dist/rc-field-define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-field-define.js","sources":["../src/define.ts"],"sourcesContent":["import { RCField } from './index.js';\n\ncustomElements.get('rc-field') || customElements.define('rc-field', RCField);\n\nexport * from './index.js';\n"],"names":["RCField"],"mappings":";AAEA,eAAe,IAAI,UAAU,KAAK,eAAe,OAAO,YAAYA,CAAO;"}

package/dist/rc-field.js

@@ -0,0 +1,5 @@
+import { R as r } from "./rc-field-T33bxLJH.js";
+export {
+  r as RCField
+};
+//# sourceMappingURL=rc-field.js.map

package/dist/rc-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/types/packages/rc-field/src/define.d.ts

@@ -0,0 +1 @@
+export * from './index.js';

package/dist/types/packages/rc-field/src/index.d.ts

@@ -0,0 +1 @@
+export * from './rc-field.js';