@xtyle/core 0.5.0

package/dist/elements/field.js

@@ -0,0 +1,298 @@
+import { XtyleElement, define } from "./base.js";
+import { fieldHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/field/source.generated.js";
+import { normalizeFieldOptions } from "./field-options.js";
+import { NATIVE_INPUT_ATTRS, forwardNativeInputAttrs } from "./native-input-attrs.js";
+let fieldCounter = 0;
+export { normalizeFieldOptions };
+export class XtyleField extends XtyleElement {
+    get styleMode() {
+        return "auto";
+    }
+    static formAssociated = true;
+    internals = null;
+    fieldNumber = ++fieldCounter;
+    inputId = `xtyle-field-${this.fieldNumber}`;
+    descriptionId = `xtyle-field-desc-${this.fieldNumber}`;
+    errorId = `xtyle-field-error-${this.fieldNumber}`;
+    listId = `xtyle-field-list-${this.fieldNumber}`;
+    optionsProp = null;
+    lastShape = "";
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "field", {
+        applyIntent: (intent, event) => this.applyIntent(intent, event),
+        afterApply: () => {
+            this.syncDatalist();
+            this.forwardNativeAttrs();
+        },
+    });
+    constructor() {
+        super();
+        if ("attachInternals" in this) {
+            try {
+                this.internals = this.attachInternals();
+            }
+            catch {
+                this.internals = null;
+            }
+        }
+    }
+    static get observedAttributes() {
+        return [
+            "label",
+            "name",
+            "placeholder",
+            "value",
+            "type",
+            "size",
+            "disabled",
+            "readonly",
+            "invalid",
+            "required",
+            "clearable",
+            "description",
+            "error",
+            "options",
+            "mono",
+            ...NATIVE_INPUT_ATTRS,
+        ];
+    }
+    /** Type-ahead suggestions. Set the JS property with `string[]` or `{ value, label }[]`, or pass the
+     * `options` attribute as a JSON array (the declarative / SSR-hydration path). Field renders them into
+     * a `<datalist>` it owns *inside the input's own tree* (shadow or light), since a native datalist in
+     * the page's light DOM can never associate with an input that lives in a shadow root. */
+    get options() {
+        return this.optionsProp ?? normalizeFieldOptions(this.getAttribute("options"));
+    }
+    set options(value) {
+        this.optionsProp = value == null ? null : normalizeFieldOptions(value);
+        if (this.root.firstChild)
+            this.syncDatalist();
+    }
+    get value() {
+        return this.input?.value ?? this.getAttribute("value") ?? "";
+    }
+    set value(value) {
+        this.reflectStringLive("value", value, () => this.input);
+    }
+    get name() {
+        return this.getAttribute("name");
+    }
+    set name(value) {
+        this.reflectString("name", value);
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    get disabled() {
+        return this.hasAttribute("disabled");
+    }
+    set disabled(value) {
+        this.reflectBoolean("disabled", value);
+    }
+    get readonly() {
+        return this.hasAttribute("readonly");
+    }
+    set readonly(value) {
+        this.reflectBoolean("readonly", value);
+    }
+    get invalid() {
+        return this.hasAttribute("invalid");
+    }
+    set invalid(value) {
+        this.reflectBoolean("invalid", value);
+    }
+    get required() {
+        return this.hasAttribute("required");
+    }
+    set required(value) {
+        this.reflectBoolean("required", value);
+    }
+    get clearable() {
+        return this.hasAttribute("clearable");
+    }
+    set clearable(value) {
+        this.reflectBoolean("clearable", value);
+    }
+    get input() {
+        return this.root.querySelector("input");
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get bindings() {
+        return {
+            label: this.getAttribute("label"),
+            name: this.name,
+            placeholder: this.getAttribute("placeholder"),
+            value: this.getAttribute("value"),
+            type: this.getAttribute("type"),
+            size: this.size,
+            disabled: this.disabled,
+            readonly: this.readonly,
+            invalid: this.invalid,
+            required: this.required,
+            clearable: this.clearable,
+            mono: this.mono,
+            description: this.getAttribute("description"),
+            error: this.getAttribute("error"),
+            ariaLabel: this.getAttribute("aria-label"),
+            inputId: this.inputId,
+            descriptionId: this.descriptionId,
+            errorId: this.errorId,
+        };
+    }
+    get mono() {
+        return this.hasAttribute("mono");
+    }
+    set mono(value) {
+        this.reflectBoolean("mono", value);
+    }
+    /** Structural state the `update` ops can't patch incrementally — chiefly attribute *removal*,
+     * which the op buffer can't express (`disabled`/`readonly`/`required`/`name`, the fallback
+     * `aria-label` toggle, the input `type`). A change here rebuilds; a typed `value`, a class
+     * toggle, or an action-visibility flip stays a cheap patch and keeps input focus. */
+    shapeSignature() {
+        return [
+            this.disabled,
+            this.readonly,
+            this.required,
+            this.getAttribute("name") != null,
+            this.getAttribute("label") != null && this.getAttribute("label") !== "",
+            this.getAttribute("placeholder") ?? "",
+            this.getAttribute("type") ?? "text",
+            this.getAttribute("aria-label") != null,
+            (this.getAttribute("description") ?? "").length > 0,
+            this.invalid && (this.getAttribute("error") ?? "").length > 0,
+        ].join("|");
+    }
+    /** Whether the `value` attribute has diverged from what the live input displays. `applyOps` has
+     * no op that assigns the input's `.value` property, so a programmatic value change (or
+     * `formResetCallback`) reaches the input only by re-rendering it through a remount. While the
+     * user types, `applyIntent` keeps the attribute in step with `input.value`, so they match and
+     * no remount fires — mirroring the original's `input.value !== value` guard so live typing is
+     * never clobbered. */
+    valueIsStale() {
+        const valueAttr = this.getAttribute("value");
+        const input = this.input;
+        return valueAttr != null && input != null && input.value !== valueAttr;
+    }
+    syncFormValue() {
+        if (!this.internals)
+            return;
+        this.internals.setFormValue(this.value);
+        const input = this.input;
+        if (this.invalid) {
+            this.internals.setValidity({ customError: true }, this.getAttribute("error") ?? "Invalid value", input ?? undefined);
+        }
+        else if (this.required && this.value.length === 0) {
+            this.internals.setValidity({ valueMissing: true }, "Please fill out this field.", input ?? undefined);
+        }
+        else {
+            this.internals.setValidity({});
+        }
+    }
+    warnIfUnnamed() {
+        const hasLabel = (this.getAttribute("label") ?? "").length > 0;
+        const hasAria = !!this.getAttribute("aria-label") || (this.getAttribute("placeholder") ?? "").length > 0;
+        if (!hasLabel && !hasAria) {
+            console.warn("xtyle-field: the input has no accessible name. Provide a `label`, an `aria-label`, or at least a `placeholder`.");
+        }
+    }
+    /** Build (or tear down) the `<datalist>` next to the input and wire the input's `list` to it. The
+     * datalist sits in the input's own root so the association resolves; a remount wipes it with the rest
+     * of the scaffold, so this re-runs every render. Options are written through the DOM (not markup) so
+     * a value never needs escaping. */
+    syncDatalist() {
+        const input = this.input;
+        if (!input)
+            return;
+        const options = this.options;
+        const root = input.getRootNode();
+        let list = root.querySelector(`#${CSS.escape(this.listId)}`);
+        if (options.length === 0) {
+            list?.remove();
+            input.removeAttribute("list");
+            return;
+        }
+        if (!list) {
+            list = document.createElement("datalist");
+            list.id = this.listId;
+            input.after(list);
+        }
+        list.replaceChildren(...options.map((option) => {
+            const el = document.createElement("option");
+            el.value = option.value;
+            if (option.label && option.label !== option.value)
+                el.label = option.label;
+            return el;
+        }));
+        input.setAttribute("list", this.listId);
+    }
+    syncActions() {
+        const reveal = this.root.querySelector('[data-action="reveal"]');
+        if (reveal) {
+            const shown = this.input?.type === "text";
+            reveal.setAttribute("aria-pressed", String(shown));
+            reveal.setAttribute("aria-label", shown ? "Hide value" : "Show value");
+        }
+    }
+    applyIntent(intent, event) {
+        if (intent.toggleReveal) {
+            const input = this.input;
+            if (input)
+                input.type = input.type === "password" ? "text" : "password";
+            this.syncActions();
+            return;
+        }
+        if (intent.clearValue) {
+            const input = this.input;
+            if (input)
+                input.value = "";
+            this.setAttribute("value", "");
+            if (intent.focusInput)
+                input?.focus();
+        }
+        else if (intent.inputValue !== undefined) {
+            this.setAttribute("value", intent.inputValue);
+        }
+        if (intent.emit) {
+            this.dispatchEvent(new Event(intent.emit.type, { bubbles: true, composed: true }));
+            this.syncFormValue();
+        }
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(fieldHostCss);
+        const signature = this.shapeSignature();
+        const structuralChange = !!this.lastShape && signature !== this.lastShape;
+        if (structuralChange || this.valueIsStale())
+            this.fragment.remount();
+        this.lastShape = signature;
+        this.fragment.update(this.bindings);
+        this.syncDatalist();
+        this.forwardNativeAttrs();
+        this.warnIfUnnamed();
+        this.syncFormValue();
+    }
+    forwardNativeAttrs() {
+        const input = this.input;
+        if (input)
+            forwardNativeInputAttrs(this, input);
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    formResetCallback() {
+        this.value = this.getAttribute("value") ?? "";
+    }
+}
+define("xtyle-field", XtyleField);
+//# sourceMappingURL=field.js.map

package/dist/elements/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/elements/field.ts"],"names":[],"mappings":"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"}

package/dist/elements/form-group.d.ts

@@ -0,0 +1,49 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { Size } from "../index.js";
+export declare class XtyleFormGroup extends XtyleElement {
+    private groupNumber;
+    private labelId;
+    private controlId;
+    private descriptionId;
+    private errorId;
+    private fragment;
+    private contentObserver;
+    protected get styleMode(): StyleMode;
+    static get observedAttributes(): string[];
+    get label(): string;
+    set label(value: string | null | undefined);
+    get description(): string;
+    set description(value: string | null | undefined);
+    get error(): string;
+    set error(value: string | null | undefined);
+    get size(): Size;
+    set size(value: Size);
+    get invalid(): boolean;
+    set invalid(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+    attributeChangedCallback(): void;
+    private get controlTarget();
+    private get bindings();
+    /** A signature of the state ops can't express incrementally — the label's `for` attribute,
+     * which `setAttr` can add but not remove. When it flips, the structure is rebuilt rather than
+     * patched. */
+    private shapeSignature;
+    private get describedBy();
+    /** The consumer's control, now a light-DOM descendant rather than slotted-across-a-boundary.
+     * It lives in the scaffold's `[data-slot]` region once mounted, or as a direct child before
+     * the first render relocates it (the client-created path). */
+    private get assignedControl();
+    private isControlLike;
+    /** Whether ARIA naming/validity attributes may be applied directly — true for native form
+     * controls or any element that declares a role; false for a bare custom element, where those
+     * attributes are prohibited and must be handled by the control itself. */
+    private isNameable;
+    private wireControl;
+    private warnIfUnlabelled;
+    protected template(): string;
+    private bindRegion;
+    protected render(): void;
+    disconnectedCallback(): void;
+}
+//# sourceMappingURL=form-group.d.ts.map

package/dist/elements/form-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-group.d.ts","sourceRoot":"","sources":["../../src/elements/form-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAOxC,qBAAa,cAAe,SAAQ,YAAY;IAC/C,OAAO,CAAC,WAAW,CAAsB;IACzC,OAAO,CAAC,OAAO,CAAgD;IAC/D,OAAO,CAAC,SAAS,CAAkD;IACnE,OAAO,CAAC,aAAa,CAA+C;IACpE,OAAO,CAAC,OAAO,CAAgD;IAC/D,OAAO,CAAC,QAAQ,CAGb;IACH,OAAO,CAAC,eAAe,CAAiC;IAExD,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAEzC;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAE/C;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAEzC;IAED,IAAI,IAAI,IAAI,IAAI,CAEf;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAEnB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,QAAQ,GAcnB;IAED;;kBAEc;IACd,OAAO,CAAC,cAAc;IAItB,OAAO,KAAK,WAAW,GAKtB;IAED;;kEAE8D;IAC9D,OAAO,KAAK,eAAe,GAS1B;IAED,OAAO,CAAC,aAAa;IAMrB;;8EAE0E;IAC1E,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,gBAAgB;IAQxB,SAAS,CAAC,QAAQ,IAAI,MAAM;IAS5B,OAAO,CAAC,UAAU,CAShB;cAEiB,MAAM,IAAI,IAAI;IASjC,oBAAoB,IAAI,IAAI;CAI5B"}

package/dist/elements/form-group.js

@@ -0,0 +1,195 @@
+import { XtyleElement, define } from "./base.js";
+import { formGroupHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/form-group/source.generated.js";
+let formGroupCounter = 0;
+export class XtyleFormGroup extends XtyleElement {
+    groupNumber = ++formGroupCounter;
+    labelId = `xtyle-form-group-label-${this.groupNumber}`;
+    controlId = `xtyle-form-group-control-${this.groupNumber}`;
+    descriptionId = `xtyle-form-group-desc-${this.groupNumber}`;
+    errorId = `xtyle-form-group-error-${this.groupNumber}`;
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "form-group", {
+        applyIntent: () => { },
+        afterApply: () => this.bindRegion(),
+    });
+    contentObserver = null;
+    get styleMode() {
+        return "auto";
+    }
+    static get observedAttributes() {
+        return ["label", "description", "error", "size", "invalid", "required", "for"];
+    }
+    get label() {
+        return this.getAttribute("label") ?? "";
+    }
+    set label(value) {
+        this.reflectString("label", value);
+    }
+    get description() {
+        return this.getAttribute("description") ?? "";
+    }
+    set description(value) {
+        this.reflectString("description", value);
+    }
+    get error() {
+        return this.getAttribute("error") ?? "";
+    }
+    set error(value) {
+        this.reflectString("error", value);
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    get invalid() {
+        return this.hasAttribute("invalid");
+    }
+    set invalid(value) {
+        this.reflectBoolean("invalid", value);
+    }
+    get required() {
+        return this.hasAttribute("required");
+    }
+    set required(value) {
+        this.reflectBoolean("required", value);
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get controlTarget() {
+        return this.getAttribute("for") ?? this.controlId;
+    }
+    get bindings() {
+        return {
+            label: this.label,
+            description: this.description,
+            error: this.error,
+            size: this.size,
+            invalid: this.invalid,
+            required: this.required,
+            hasFor: this.getAttribute("for") !== null,
+            controlTarget: this.controlTarget,
+            labelId: this.labelId,
+            descriptionId: this.descriptionId,
+            errorId: this.errorId,
+        };
+    }
+    /** A signature of the state ops can't express incrementally — the label's `for` attribute,
+     * which `setAttr` can add but not remove. When it flips, the structure is rebuilt rather than
+     * patched. */
+    shapeSignature() {
+        return `${this.getAttribute("for") !== null}`;
+    }
+    get describedBy() {
+        const ids = [];
+        if (this.description.length > 0)
+            ids.push(this.descriptionId);
+        if (this.invalid && this.error.length > 0)
+            ids.push(this.errorId);
+        return ids.join(" ");
+    }
+    /** The consumer's control, now a light-DOM descendant rather than slotted-across-a-boundary.
+     * It lives in the scaffold's `[data-slot]` region once mounted, or as a direct child before
+     * the first render relocates it (the client-created path). */
+    get assignedControl() {
+        const region = this.querySelector("[data-slot]");
+        const scope = region ?? this;
+        const elements = region ? region.children : this.children;
+        for (const el of elements) {
+            if (el instanceof HTMLElement && this.isControlLike(el))
+                return el;
+        }
+        const first = scope.firstElementChild;
+        return first instanceof HTMLElement ? first : null;
+    }
+    isControlLike(el) {
+        const tag = el.tagName.toLowerCase();
+        if (["input", "select", "textarea", "button"].includes(tag))
+            return true;
+        return tag.startsWith("xtyle-") || el.hasAttribute("role");
+    }
+    /** Whether ARIA naming/validity attributes may be applied directly — true for native form
+     * controls or any element that declares a role; false for a bare custom element, where those
+     * attributes are prohibited and must be handled by the control itself. */
+    isNameable(el) {
+        const tag = el.tagName.toLowerCase();
+        return ["input", "select", "textarea", "button", "meter", "progress", "output"].includes(tag) || el.hasAttribute("role");
+    }
+    wireControl() {
+        const control = this.assignedControl;
+        if (!control)
+            return;
+        if (this.getAttribute("for") === null && !control.id) {
+            control.id = this.controlId;
+        }
+        // `aria-describedby` is a global attribute, valid on any element.
+        const describedBy = this.describedBy;
+        if (describedBy.length > 0)
+            control.setAttribute("aria-describedby", describedBy);
+        else
+            control.removeAttribute("aria-describedby");
+        // `aria-invalid` / `aria-required` are prohibited on a roleless element, so only apply
+        // them to a native form control (or one that declares a role). A custom element is
+        // expected to carry its own validity semantics.
+        if (this.isNameable(control)) {
+            if (this.invalid)
+                control.setAttribute("aria-invalid", "true");
+            else
+                control.removeAttribute("aria-invalid");
+            if (this.required)
+                control.setAttribute("aria-required", "true");
+            else
+                control.removeAttribute("aria-required");
+        }
+        // In light DOM the label and control share a tree, so native `<label for>` resolves —
+        // it names labelable controls and gives click-to-focus for free, no `aria-label` mirror
+        // and no manual click handler. (A roleless custom element isn't labelable by `for`; it
+        // names itself, as before.) When the consumer set `for` on the host, the fill already
+        // emitted that `for` and we leave it be.
+        const label = this.root.querySelector(`#${CSS.escape(this.labelId)}`);
+        if (label && this.getAttribute("for") === null && control.id) {
+            label.setAttribute("for", control.id);
+        }
+    }
+    warnIfUnlabelled() {
+        if (this.label.length === 0) {
+            console.warn("xtyle-form-group: no `label` was provided. The slotted control may lack an accessible name; provide a `label` or label the control directly.");
+        }
+    }
+    template() {
+        return "";
+    }
+    // Light DOM has no `slotchange`, so watch the region for a swapped-in control instead.
+    // `wireControl` only sets attributes (never children), so observing `childList` can't loop.
+    // Runs from both `render` and `afterApply`: the `[data-slot]` region is built by the async
+    // fragment fill, so the first shadow-DOM instance has no region when `render` runs and the
+    // observer would never arm without the `afterApply` pass. Idempotent (the observer arms once).
+    bindRegion = () => {
+        this.wireControl();
+        if (!this.contentObserver) {
+            const region = this.querySelector("[data-slot]");
+            if (region) {
+                this.contentObserver = new MutationObserver(() => this.wireControl());
+                this.contentObserver.observe(region, { childList: true });
+            }
+        }
+    };
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(formGroupHostCss);
+        this.fragment.reshapeIfChanged(this.shapeSignature());
+        this.fragment.update(this.bindings);
+        this.bindRegion();
+        this.warnIfUnlabelled();
+    }
+    disconnectedCallback() {
+        this.contentObserver?.disconnect();
+        this.contentObserver = null;
+    }
+}
+define("xtyle-form-group", XtyleFormGroup);
+//# sourceMappingURL=form-group.js.map

package/dist/elements/form-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-group.js","sourceRoot":"","sources":["../../src/elements/form-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAEvF,IAAI,gBAAgB,GAAG,CAAC,CAAC;AAEzB,MAAM,OAAO,cAAe,SAAQ,YAAY;IACvC,WAAW,GAAG,EAAE,gBAAgB,CAAC;IACjC,OAAO,GAAG,0BAA0B,IAAI,CAAC,WAAW,EAAE,CAAC;IACvD,SAAS,GAAG,4BAA4B,IAAI,CAAC,WAAW,EAAE,CAAC;IAC3D,aAAa,GAAG,yBAAyB,IAAI,CAAC,WAAW,EAAE,CAAC;IAC5D,OAAO,GAAG,0BAA0B,IAAI,CAAC,WAAW,EAAE,CAAC;IACvD,QAAQ,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE;QACvF,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;QACrB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;KACnC,CAAC,CAAC;IACK,eAAe,GAA4B,IAAI,CAAC;IAExD,IAAuB,SAAS;QAC/B,OAAO,MAAM,CAAC;IACf,CAAC;IAED,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;IAChF,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACzC,CAAC;IACD,IAAI,KAAK,CAAC,KAAgC;QACzC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IACD,IAAI,WAAW,CAAC,KAAgC;QAC/C,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACzC,CAAC;IACD,IAAI,KAAK,CAAC,KAAgC;QACzC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,IAAI;QACP,OAAQ,IAAI,CAAC,YAAY,CAAC,MAAM,CAAU,IAAI,IAAI,CAAC;IACpD,CAAC;IACD,IAAI,IAAI,CAAC,KAAW;QACnB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IACD,IAAI,OAAO,CAAC,KAAc;QACzB,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IACD,IAAI,QAAQ,CAAC,KAAc;QAC1B,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,wBAAwB;QACvB,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACzC,CAAC;IAED,IAAY,aAAa;QACxB,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC;IACnD,CAAC;IAED,IAAY,QAAQ;QACnB,OAAO;YACN,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,IAAI;YACzC,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO;SACrB,CAAC;IACH,CAAC;IAED;;kBAEc;IACN,cAAc;QACrB,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAC/C,CAAC;IAED,IAAY,WAAW;QACtB,MAAM,GAAG,GAAa,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9D,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClE,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;IAED;;kEAE8D;IAC9D,IAAY,eAAe;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,KAAK,GAAG,MAAM,IAAI,IAAI,CAAC;QAC7B,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC1D,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;YAC3B,IAAI,EAAE,YAAY,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;gBAAE,OAAO,EAAE,CAAC;QACpE,CAAC;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;QACtC,OAAO,KAAK,YAAY,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACpD,CAAC;IAEO,aAAa,CAAC,EAAe;QACpC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACrC,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,OAAO,IAAI,CAAC;QACzE,OAAO,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC;IAED;;8EAE0E;IAClE,UAAU,CAAC,EAAe;QACjC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACrC,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1H,CAAC;IAEO,WAAW;QAClB,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;QACrC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;YACtD,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC7B,CAAC;QAED,kEAAkE;QAClE,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;;YAC7E,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAEjD,uFAAuF;QACvF,mFAAmF;QACnF,gDAAgD;QAChD,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,OAAO;gBAAE,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;;gBAC1D,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;YAE7C,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;;gBAC5D,OAAO,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QAC/C,CAAC;QAED,sFAAsF;QACtF,wFAAwF;QACxF,uFAAuF;QACvF,sFAAsF;QACtF,yCAAyC;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAc,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACnF,IAAI,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;YAC9D,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QACvC,CAAC;IACF,CAAC;IAEO,gBAAgB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7B,OAAO,CAAC,IAAI,CACX,8IAA8I,CAC9I,CAAC;QACH,CAAC;IACF,CAAC;IAES,QAAQ;QACjB,OAAO,EAAE,CAAC;IACX,CAAC;IAED,uFAAuF;IACvF,4FAA4F;IAC5F,2FAA2F;IAC3F,2FAA2F;IAC3F,+FAA+F;IACvF,UAAU,GAAG,GAAS,EAAE;QAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;YACjD,IAAI,MAAM,EAAE,CAAC;gBACZ,IAAI,CAAC,eAAe,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;gBACtE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3D,CAAC;QACF,CAAC;IACF,CAAC,CAAC;IAEiB,MAAM;QACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QACtD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpC,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACzB,CAAC;IAED,oBAAoB;QACnB,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,CAAC;CACD;AAED,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC"}