@golemui/gui-lit 1.1.1-rc.3 → 1.2.1-rc.0

package/popup.controller-B33OvX_y.js

@@ -1,86 +0,0 @@
-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-B2G-XyGx.js

@@ -1,235 +0,0 @@
-import { InputWidgetAdapter as m, formContext as y, inputContext as $ } from "@golemui/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 b } from "lit/decorators.js";
-import { G as C, b as D, c as _ } from "./templates-Df7abEkB.js";
-import { u as F, i as q } from "./one-of-anKkm7mD.js";
-import { consume as O, provide as w } from "@lit/context";
-import "rxjs";
-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 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}"]`),
-      getState: () => ({
-        uid: this.uid,
-        templateData: {
-          hint: this.hint,
-          errors: this.errors,
-          touched: this.touched,
-          // Radiogroup inputs can't be readonly
-          readonly: !1,
-          disabled: !1,
-          required: this.required
-        }
-      })
-    });
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-field");
-  }
-  render() {
-    super.render();
-    const e = {
-      uid: this.uid,
-      label: this.label,
-      errors: this.errors,
-      touched: this.touched,
-      required: this.required,
-      disabled: this.disabled,
-      readonly: this.readOnly,
-      value: this.value,
-      hint: this.hint,
-      options: this.options,
-      labelField: this.labelField,
-      valueField: this.valueField,
-      direction: this.direction
-    };
-    this.options = F(this.options, {
-      labelField: this.labelField,
-      valueField: this.valueField
-    });
-    const i = this.value;
-    this.hasMatchingValue = this.options?.length ? this.options.find(({ value: a }) => a === i) !== void 0 : !1;
-    const d = this.optionsLoading ? u`<span>Loading...</span>` : u`
-          ${f(
-      this.options || [],
-      (a) => a?.value,
-      (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}_${t}`}
-                  data-cy=${`${this.uid}_radiogroup_${t}`}
-                  name=${this.uid}
-                  value=${a.value}
-                  ?checked=${l}
-                  ?required=${e.required}
-                  ?disabled=${e.disabled || e.readonly}
-                  @change=${this.valueChanged}
-                  @blur=${this.onBlur}
-                />
-                ${a.label}
-              </label>`;
-      }
-    )}
-        `;
-    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=${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, e)}
-    `;
-  }
-  valueChanged(e) {
-    if (e.stopPropagation(), !this.readOnly) {
-      const i = e.target;
-      this.dispatchEvent(
-        new CustomEvent("change", {
-          detail: { value: q(i.value, this.options) },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-  }
-  onBlur() {
-    this.dispatchEvent(
-      new CustomEvent("blur", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-};
-o([
-  s({ type: String })
-], r.prototype, "uid", 2);
-o([
-  s({ type: String })
-], r.prototype, "label", 2);
-o([
-  s({ type: String, attribute: "locale-id" })
-], r.prototype, "localeId", 2);
-o([
-  s({ type: Array })
-], r.prototype, "errors", 2);
-o([
-  s({ type: Boolean })
-], r.prototype, "touched", 2);
-o([
-  s({ type: Boolean })
-], r.prototype, "required", 2);
-o([
-  s({ type: Boolean })
-], r.prototype, "disabled", 2);
-o([
-  s({ type: Boolean, attribute: "readonly" })
-], r.prototype, "readOnly", 2);
-o([
-  s({ type: String })
-], r.prototype, "value", 2);
-o([
-  s({ type: String })
-], r.prototype, "hint", 2);
-o([
-  s({ type: Array })
-], r.prototype, "options", 2);
-o([
-  s({ type: String })
-], r.prototype, "labelField", 2);
-o([
-  s({ type: String })
-], r.prototype, "valueField", 2);
-o([
-  s({ type: String })
-], r.prototype, "direction", 2);
-r = o([
-  b("gui-radiogroup")
-], r);
-typeof customElements < "u" && !customElements.get("gui-radiogroup") && customElements.define("gui-radiogroup", r);
-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 h = class extends g {
-  constructor() {
-    super(...arguments), this.adapter = new m(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  updated(e) {
-    super.updated(e);
-    const i = this.adapter.templateData.size;
-    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-radiogroup", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  render() {
-    return super.render(), u`
-      <gui-radiogroup
-        .uid=${this.widget.uid}
-        .label=${this.adapter.templateData.label}
-        .errors=${this.adapter.templateData.errors}
-        ?touched=${this.adapter.templateData.touched}
-        ?required=${this.adapter.templateData.validator?.required}
-        ?disabled=${this.adapter.templateData.disabled}
-        ?readonly=${this.adapter.templateData.readonly}
-        .value=${this.adapter.templateData.value}
-        .hint=${this.adapter.templateData.hint}
-        .options=${this.adapter.templateData.options}
-        .labelField=${this.adapter.templateData.labelField}
-        .valueField=${this.adapter.templateData.valueField}
-        .direction=${this.adapter.templateData.direction}
-        @change=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
-      ></gui-radiogroup>
-    `;
-  }
-  valueChanged(e) {
-    const i = e.detail.value;
-    this.adapter.valueChanged(i);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
-  }
-};
-c([
-  O({ context: y }),
-  s({ attribute: !1 })
-], h.prototype, "formContext", 2);
-c([
-  w({ context: $ })
-], h.prototype, "adapter", 2);
-h = c([
-  b("gui-radiogroup-input")
-], h);
-export {
-  h as RadiogroupElement
-};