tyrell-components 1.0.0-RC10

package/lib/components/radio.js

@@ -0,0 +1,437 @@
+/**
+ * TyRadio + TyRadioGroup Web Components
+ *
+ * Exclusive selection within a group. ty-radio-group manages the selection
+ * value and form integration; ty-radio is the individual choice element.
+ *
+ * Composition (ty-multiselect-style):
+ *   <ty-radio-group name="plan" value="pro" label="Plan">
+ *     <ty-radio value="free">Free</ty-radio>
+ *     <ty-radio value="pro">Pro</ty-radio>
+ *     <ty-radio value="team">Team</ty-radio>
+ *   </ty-radio-group>
+ *
+ * Keyboard:
+ * - Tab focuses the group's currently-selected (or first) radio
+ * - Arrow keys move focus AND selection within the group (per W3C ARIA)
+ * - Space/Enter selects the focused radio
+ */
+import { TyComponent } from "../base/ty-component.js";
+import { ensureStyles } from "../utils/styles.js";
+import { radioStyles } from "../styles/radio.js";
+const REQUIRED_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6v12"/><path d="M17.196 9 6.804 15"/><path d="m6.804 9 10.392 6"/></svg>`;
+export class TyRadio extends TyComponent {
+    constructor() {
+        super();
+        this._listenersSetup = false;
+        this._clickHandler = null;
+        this._focusHandler = null;
+        this._blurHandler = null;
+        const shadow = this.shadowRoot;
+        ensureStyles(shadow, { css: radioStyles, id: "ty-radio" });
+    }
+    onConnect() { }
+    onDisconnect() {
+        this.removeEventListeners();
+    }
+    onPropertiesChanged(_changes) { }
+    buildClassList() {
+        const classes = [this.size, this.flavor];
+        if (this.disabled)
+            classes.push("disabled");
+        return classes.join(" ");
+    }
+    handleClick(e) {
+        if (this.disabled)
+            return;
+        e.stopPropagation();
+        // Notify the group — group will set checked attribute on this and clear others
+        this.dispatchEvent(new CustomEvent("ty-radio-select", {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    removeEventListeners() {
+        if (!this._listenersSetup)
+            return;
+        const el = this.shadowRoot?.querySelector(".radio-container");
+        if (!el)
+            return;
+        if (this._clickHandler) {
+            el.removeEventListener("click", this._clickHandler);
+            this._clickHandler = null;
+        }
+        if (this._focusHandler) {
+            el.removeEventListener("focus", this._focusHandler);
+            this._focusHandler = null;
+        }
+        if (this._blurHandler) {
+            el.removeEventListener("blur", this._blurHandler);
+            this._blurHandler = null;
+        }
+        this._listenersSetup = false;
+    }
+    setupEventListeners() {
+        if (this._listenersSetup)
+            return;
+        const el = this.shadowRoot.querySelector(".radio-container");
+        if (!el)
+            return;
+        this._clickHandler = (e) => this.handleClick(e);
+        this._focusHandler = () => el.classList.add("focused");
+        this._blurHandler = () => el.classList.remove("focused");
+        el.addEventListener("click", this._clickHandler);
+        el.addEventListener("focus", this._focusHandler);
+        el.addEventListener("blur", this._blurHandler);
+        this._listenersSetup = true;
+    }
+    render() {
+        const shadow = this.shadowRoot;
+        let radioEl = shadow.querySelector(".radio-container");
+        const classes = this.buildClassList();
+        if (!radioEl) {
+            radioEl = document.createElement("div");
+            radioEl.className = "radio-container " + classes;
+            radioEl.tabIndex = this.disabled ? -1 : 0;
+            radioEl.setAttribute("role", "radio");
+            radioEl.setAttribute("aria-checked", String(this.checked));
+            radioEl.setAttribute("aria-disabled", String(this.disabled));
+            const circle = document.createElement("div");
+            circle.className = "radio-circle";
+            radioEl.appendChild(circle);
+            shadow.appendChild(radioEl);
+            this.setupEventListeners();
+        }
+        else {
+            radioEl.className = "radio-container " + classes;
+            radioEl.tabIndex = this.disabled ? -1 : 0;
+            radioEl.setAttribute("aria-checked", String(this.checked));
+            radioEl.setAttribute("aria-disabled", String(this.disabled));
+        }
+    }
+    // Property accessors
+    get value() { return this.getProperty("value"); }
+    set value(v) { this.setProperty("value", v); }
+    get checked() { return this.getProperty("checked"); }
+    set checked(v) { this.setProperty("checked", v); }
+    get disabled() { return this.getProperty("disabled"); }
+    set disabled(v) { this.setProperty("disabled", v); }
+    get size() { return this.getProperty("size"); }
+    set size(v) { this.setProperty("size", v); }
+    get flavor() { return this.getProperty("flavor"); }
+    set flavor(v) { this.setProperty("flavor", v); }
+}
+TyRadio.properties = {
+    value: { type: "string", default: "" },
+    checked: {
+        type: "boolean",
+        visual: true,
+        default: false,
+    },
+    disabled: {
+        type: "boolean",
+        visual: true,
+        default: false,
+    },
+    size: {
+        type: "string",
+        visual: true,
+        default: "md",
+    },
+    flavor: {
+        type: "string",
+        visual: true,
+        default: "primary",
+    },
+};
+if (!customElements.get("ty-radio")) {
+    customElements.define("ty-radio", TyRadio);
+}
+export class TyRadioGroup extends TyComponent {
+    constructor() {
+        super();
+        this._listenersSetup = false;
+        this._selectHandler = null;
+        this._keydownHandler = null;
+        const shadow = this.shadowRoot;
+        ensureStyles(shadow, { css: radioStyles, id: "ty-radio-group" });
+    }
+    onConnect() {
+        // Sync radio children with current value once light DOM is ready
+        queueMicrotask(() => this.syncChildren());
+    }
+    onDisconnect() {
+        this.removeEventListeners();
+    }
+    onPropertiesChanged(changes) {
+        if (changes.some((c) => c.name === "value" || c.name === "size" || c.name === "flavor" || c.name === "disabled")) {
+            this.syncChildren();
+        }
+    }
+    getFormValue() {
+        return this.value || null;
+    }
+    /**
+     * Find ty-radio descendants in this group's light DOM. Searches deeply
+     * because consumers may wrap each radio in a `<label>` for click delegation.
+     */
+    getRadios() {
+        return Array.from(this.querySelectorAll("ty-radio"));
+    }
+    /**
+     * Push group state down to each radio child.
+     */
+    syncChildren() {
+        const radios = this.getRadios();
+        for (const radio of radios) {
+            radio.checked = radio.value === this.value;
+            // Inherit size/flavor/disabled from group unless radio set its own
+            if (this.disabled)
+                radio.disabled = true;
+            radio.size = this.size;
+            radio.flavor = this.flavor;
+        }
+    }
+    /**
+     * Handle a child's select request — update value, sync, emit change.
+     */
+    handleRadioSelect(e) {
+        if (this.disabled)
+            return;
+        const detail = e.detail;
+        const newValue = detail?.value;
+        if (typeof newValue !== "string" || newValue === this.value)
+            return;
+        this.value = newValue;
+        this.syncChildren();
+        setTimeout(() => {
+            const eventDetail = {
+                value: newValue,
+                formValue: newValue,
+                originalEvent: e,
+            };
+            this.dispatchEvent(new CustomEvent("input", { detail: eventDetail, bubbles: true, composed: true }));
+            this.dispatchEvent(new CustomEvent("change", { detail: eventDetail, bubbles: true, composed: true }));
+        }, 0);
+    }
+    /**
+     * Arrow-key navigation within group (W3C radio practice: arrow keys move
+     * focus and selection together).
+     */
+    handleKeydown(e) {
+        if (this.disabled)
+            return;
+        const radios = this.getRadios().filter((r) => !r.disabled);
+        if (radios.length === 0)
+            return;
+        const active = document.activeElement;
+        const current = radios.find((r) => r === active || r.contains(active));
+        let nextIndex = -1;
+        if (["ArrowDown", "ArrowRight"].includes(e.key)) {
+            e.preventDefault();
+            nextIndex = current ? (radios.indexOf(current) + 1) % radios.length : 0;
+        }
+        else if (["ArrowUp", "ArrowLeft"].includes(e.key)) {
+            e.preventDefault();
+            nextIndex = current
+                ? (radios.indexOf(current) - 1 + radios.length) % radios.length
+                : radios.length - 1;
+        }
+        else if (["Space", " ", "Enter"].includes(e.key)) {
+            if (current) {
+                e.preventDefault();
+                this.value = current.value;
+                this.syncChildren();
+                const eventDetail = {
+                    value: current.value,
+                    formValue: current.value,
+                    originalEvent: e,
+                };
+                setTimeout(() => {
+                    this.dispatchEvent(new CustomEvent("change", { detail: eventDetail, bubbles: true, composed: true }));
+                }, 0);
+            }
+            return;
+        }
+        else {
+            return;
+        }
+        const next = radios[nextIndex];
+        if (next) {
+            next.focus();
+            // Per W3C: arrow keys also change selection
+            this.value = next.value;
+            this.syncChildren();
+            const eventDetail = {
+                value: next.value,
+                formValue: next.value,
+                originalEvent: e,
+            };
+            setTimeout(() => {
+                this.dispatchEvent(new CustomEvent("change", { detail: eventDetail, bubbles: true, composed: true }));
+            }, 0);
+        }
+    }
+    removeEventListeners() {
+        if (!this._listenersSetup)
+            return;
+        if (this._selectHandler) {
+            this.removeEventListener("ty-radio-select", this._selectHandler);
+            this._selectHandler = null;
+        }
+        if (this._keydownHandler) {
+            this.removeEventListener("keydown", this._keydownHandler);
+            this._keydownHandler = null;
+        }
+        this._listenersSetup = false;
+    }
+    setupEventListeners() {
+        if (this._listenersSetup)
+            return;
+        this._selectHandler = (e) => this.handleRadioSelect(e);
+        this._keydownHandler = (e) => this.handleKeydown(e);
+        this.addEventListener("ty-radio-select", this._selectHandler);
+        this.addEventListener("keydown", this._keydownHandler);
+        this._listenersSetup = true;
+    }
+    render() {
+        const shadow = this.shadowRoot;
+        let container = shadow.querySelector(".radio-group-container");
+        if (!container) {
+            container = document.createElement("div");
+            container.className = "radio-group-container";
+            container.setAttribute("role", "radiogroup");
+            container.setAttribute("aria-disabled", String(this.disabled));
+            // Label
+            if (this.label) {
+                const labelEl = document.createElement("div");
+                labelEl.className = "radio-group-label";
+                labelEl.textContent = this.label;
+                if (this.required) {
+                    const req = document.createElement("span");
+                    req.className = "required-icon";
+                    req.innerHTML = REQUIRED_ICON_SVG;
+                    labelEl.appendChild(req);
+                }
+                container.appendChild(labelEl);
+            }
+            // List wrapper that hosts the slot
+            const list = document.createElement("div");
+            list.className = "radio-group-list " + this.orientation;
+            const slot = document.createElement("slot");
+            list.appendChild(slot);
+            container.appendChild(list);
+            if (this.error) {
+                const errorEl = document.createElement("div");
+                errorEl.className = "radio-group-error";
+                errorEl.textContent = this.error;
+                container.appendChild(errorEl);
+            }
+            shadow.appendChild(container);
+            this.setupEventListeners();
+        }
+        else {
+            // Update label
+            let labelEl = container.querySelector(".radio-group-label");
+            if (this.label) {
+                if (!labelEl) {
+                    labelEl = document.createElement("div");
+                    labelEl.className = "radio-group-label";
+                    container.insertBefore(labelEl, container.firstChild);
+                }
+                labelEl.textContent = this.label;
+                if (this.required && !labelEl.querySelector(".required-icon")) {
+                    const req = document.createElement("span");
+                    req.className = "required-icon";
+                    req.innerHTML = REQUIRED_ICON_SVG;
+                    labelEl.appendChild(req);
+                }
+                else if (!this.required) {
+                    labelEl.querySelector(".required-icon")?.remove();
+                }
+            }
+            else if (labelEl) {
+                labelEl.remove();
+            }
+            // Update orientation
+            const list = container.querySelector(".radio-group-list");
+            if (list)
+                list.className = "radio-group-list " + this.orientation;
+            // Update error
+            let errorEl = container.querySelector(".radio-group-error");
+            if (this.error) {
+                if (!errorEl) {
+                    errorEl = document.createElement("div");
+                    errorEl.className = "radio-group-error";
+                    container.appendChild(errorEl);
+                }
+                errorEl.textContent = this.error;
+            }
+            else if (errorEl) {
+                errorEl.remove();
+            }
+            container.setAttribute("aria-disabled", String(this.disabled));
+        }
+        // Always sync child radios after render
+        this.syncChildren();
+    }
+    // Property accessors
+    get value() { return this.getProperty("value"); }
+    set value(v) { this.setProperty("value", v); }
+    get name() { return this.getProperty("name"); }
+    set name(v) { this.setProperty("name", v); }
+    get label() { return this.getProperty("label"); }
+    set label(v) { this.setProperty("label", v); }
+    get disabled() { return this.getProperty("disabled"); }
+    set disabled(v) { this.setProperty("disabled", v); }
+    get required() { return this.getProperty("required"); }
+    set required(v) { this.setProperty("required", v); }
+    get error() { return this.getProperty("error"); }
+    set error(v) { this.setProperty("error", v); }
+    get orientation() {
+        return this.getProperty("orientation");
+    }
+    set orientation(v) {
+        this.setProperty("orientation", v);
+    }
+    get size() { return this.getProperty("size"); }
+    set size(v) { this.setProperty("size", v); }
+    get flavor() { return this.getProperty("flavor"); }
+    set flavor(v) { this.setProperty("flavor", v); }
+    get form() { return this._internals.form; }
+}
+TyRadioGroup.formAssociated = true;
+TyRadioGroup.properties = {
+    value: {
+        type: "string",
+        visual: true,
+        formValue: true,
+        emitChange: true,
+        default: "",
+    },
+    name: { type: "string", default: "" },
+    label: { type: "string", visual: true, default: "" },
+    disabled: { type: "boolean", visual: true, default: false },
+    required: { type: "boolean", visual: true, default: false },
+    error: { type: "string", visual: true, default: "" },
+    orientation: {
+        type: "string",
+        visual: true,
+        default: "vertical",
+    },
+    size: {
+        type: "string",
+        visual: true,
+        default: "md",
+    },
+    flavor: {
+        type: "string",
+        visual: true,
+        default: "primary",
+    },
+};
+if (!customElements.get("ty-radio-group")) {
+    customElements.define("ty-radio-group", TyRadioGroup);
+}
+//# sourceMappingURL=radio.js.map

package/lib/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../src/components/radio.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,iBAAiB,GAAG,qPAAqP,CAAC;AAkBhR,MAAM,OAAO,OACX,SAAQ,WAAuB;IAgC/B;QACE,KAAK,EAAE,CAAC;QANF,oBAAe,GAAY,KAAK,CAAC;QACjC,kBAAa,GAAgC,IAAI,CAAC;QAClD,kBAAa,GAAwB,IAAI,CAAC;QAC1C,iBAAY,GAAwB,IAAI,CAAC;QAI/C,MAAM,MAAM,GAAG,IAAI,CAAC,UAAW,CAAC;QAChC,YAAY,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IAC7D,CAAC;IAES,SAAS,KAAW,CAAC;IACrB,YAAY;QACpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IACS,mBAAmB,CAAC,QAA0B,IAAU,CAAC;IAE3D,cAAc;QACpB,MAAM,OAAO,GAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5C,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC;IAEO,WAAW,CAAC,CAAQ;QAC1B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,+EAA+E;QAC/E,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;YACjC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAClC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC9D,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACpD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACpD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAClD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/B,CAAC;IAEO,mBAAmB;QACzB,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO;QACjC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC9D,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACvD,IAAI,CAAC,aAAa,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAEzD,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACjD,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACjD,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC9B,CAAC;IAES,MAAM;QACd,MAAM,MAAM,GAAG,IAAI,CAAC,UAAW,CAAC;QAChC,IAAI,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAgB,CAAC;QACtE,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxC,OAAO,CAAC,SAAS,GAAG,kBAAkB,GAAG,OAAO,CAAC;YACjD,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3D,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YAE7D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC7C,MAAM,CAAC,SAAS,GAAG,cAAc,CAAC;YAClC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE5B,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC5B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,SAAS,GAAG,kBAAkB,GAAG,OAAO,CAAC;YACjD,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3D,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC;IAED,qBAAqB;IACrB,IAAI,KAAK,KAAa,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACzD,IAAI,KAAK,CAAC,CAAS,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAI,OAAO,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAI,OAAO,CAAC,CAAU,IAAI,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3D,IAAI,QAAQ,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAChE,IAAI,QAAQ,CAAC,CAAU,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7D,IAAI,IAAI,KAAW,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAS,CAAC,CAAC,CAAC;IAC7D,IAAI,IAAI,CAAC,CAAO,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAElD,IAAI,MAAM,KAAa,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAW,CAAC,CAAC,CAAC;IACrE,IAAI,MAAM,CAAC,CAAS,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;;AAvIvC,kBAAU,GAAG;IAC5B,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/C,OAAO,EAAE;QACP,IAAI,EAAE,SAAkB;QACxB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,KAAK;KACf;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,SAAkB;QACxB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,KAAK;KACf;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;KACd;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,SAAS;KACnB;CACF,AAtB0B,CAsBzB;AAoHJ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACpC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7C,CAAC;AAuBD,MAAM,OAAO,YACX,SAAQ,WAA4B;IAuCpC;QACE,KAAK,EAAE,CAAC;QALF,oBAAe,GAAY,KAAK,CAAC;QACjC,mBAAc,GAAgC,IAAI,CAAC;QACnD,oBAAe,GAAgC,IAAI,CAAC;QAI1D,MAAM,MAAM,GAAG,IAAI,CAAC,UAAW,CAAC;QAChC,YAAY,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACnE,CAAC;IAES,SAAS;QACjB,iEAAiE;QACjE,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IAC5C,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAES,mBAAmB,CAAC,OAAyB;QACrD,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,EAAE,CAAC;YACjH,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACK,SAAS;QACf,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAc,CAAC;IACpE,CAAC;IAED;;OAEG;IACK,YAAY;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YAC3C,mEAAmE;YACnE,IAAI,IAAI,CAAC,QAAQ;gBAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACzC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACvB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC7B,CAAC;IACH,CAAC;IAED;;OAEG;IACK,iBAAiB,CAAC,CAAQ;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,MAAM,GAAI,CAAiB,CAAC,MAAM,CAAC;QACzC,MAAM,QAAQ,GAAG,MAAM,EAAE,KAAK,CAAC;QAC/B,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,KAAK;YAAE,OAAO;QAEpE,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QACtB,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,WAAW,GAAG;gBAClB,KAAK,EAAE,QAAQ;gBACf,SAAS,EAAE,QAAQ;gBACnB,aAAa,EAAE,CAAC;aACjB,CAAC;YACF,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACjF,CAAC;YACF,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAClF,CAAC;QACJ,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAED;;;OAGG;IACK,aAAa,CAAC,CAAgB;QACpC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAEhC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;QACtC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QACvE,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC;QAEnB,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAChD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1E,CAAC;aAAM,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,SAAS,GAAG,OAAO;gBACjB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM;gBAC/D,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACxB,CAAC;aAAM,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACnD,IAAI,OAAO,EAAE,CAAC;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;gBAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,MAAM,WAAW,GAAG;oBAClB,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,SAAS,EAAE,OAAO,CAAC,KAAK;oBACxB,aAAa,EAAE,CAAC;iBACjB,CAAC;gBACF,UAAU,CAAC,GAAG,EAAE;oBACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBACxG,CAAC,EAAE,CAAC,CAAC,CAAC;YACR,CAAC;YACD,OAAO;QACT,CAAC;aAAM,CAAC;YACN,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC/B,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,4CAA4C;YAC5C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,MAAM,WAAW,GAAG;gBAClB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,KAAK;gBACrB,aAAa,EAAE,CAAC;aACjB,CAAC;YACF,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACxG,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;IACH,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAClC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACjE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAC1D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC9B,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/B,CAAC;IAEO,mBAAmB;QACzB,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO;QACjC,IAAI,CAAC,cAAc,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,eAAe,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAkB,CAAC,CAAC;QAC5E,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACvD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC9B,CAAC;IAES,MAAM;QACd,MAAM,MAAM,GAAG,IAAI,CAAC,UAAW,CAAC;QAChC,IAAI,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,wBAAwB,CAAgB,CAAC;QAE9E,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,SAAS,CAAC,SAAS,GAAG,uBAAuB,CAAC;YAC9C,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;YAC7C,SAAS,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YAE/D,QAAQ;YACR,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC9C,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC;gBACxC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;gBACjC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;oBAC3C,GAAG,CAAC,SAAS,GAAG,eAAe,CAAC;oBAChC,GAAG,CAAC,SAAS,GAAG,iBAAiB,CAAC;oBAClC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;gBAC3B,CAAC;gBACD,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;YAED,mCAAmC;YACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3C,IAAI,CAAC,SAAS,GAAG,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC;YACxD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACvB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAE5B,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC9C,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC;gBACxC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;gBACjC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;YAED,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,eAAe;YACf,IAAI,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAC;YAC3E,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACxC,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC;oBACxC,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;gBACxD,CAAC;gBACD,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;gBACjC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBAC9D,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;oBAC3C,GAAG,CAAC,SAAS,GAAG,eAAe,CAAC;oBAChC,GAAG,CAAC,SAAS,GAAG,iBAAiB,CAAC;oBAClC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;gBAC3B,CAAC;qBAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAC1B,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;gBACpD,CAAC;YACH,CAAC;iBAAM,IAAI,OAAO,EAAE,CAAC;gBACnB,OAAO,CAAC,MAAM,EAAE,CAAC;YACnB,CAAC;YAED,qBAAqB;YACrB,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,mBAAmB,CAAgB,CAAC;YACzE,IAAI,IAAI;gBAAE,IAAI,CAAC,SAAS,GAAG,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC;YAElE,eAAe;YACf,IAAI,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAC;YAC3E,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACxC,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC;oBACxC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBACjC,CAAC;gBACD,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;YACnC,CAAC;iBAAM,IAAI,OAAO,EAAE,CAAC;gBACnB,OAAO,CAAC,MAAM,EAAE,CAAC;YACnB,CAAC;YAED,SAAS,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QACjE,CAAC;QAED,wCAAwC;QACxC,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,qBAAqB;IACrB,IAAI,KAAK,KAAa,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACzD,IAAI,KAAK,CAAC,CAAS,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAI,IAAI,KAAa,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACvD,IAAI,IAAI,CAAC,CAAS,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,IAAI,KAAK,KAAa,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACzD,IAAI,KAAK,CAAC,CAAS,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAI,QAAQ,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAChE,IAAI,QAAQ,CAAC,CAAU,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7D,IAAI,QAAQ,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAChE,IAAI,QAAQ,CAAC,CAAU,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7D,IAAI,KAAK,KAAa,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACzD,IAAI,KAAK,CAAC,CAAS,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAA8B,CAAC;IACtE,CAAC;IACD,IAAI,WAAW,CAAC,CAA4B;QAC1C,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,IAAI,KAAW,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAS,CAAC,CAAC,CAAC;IAC7D,IAAI,IAAI,CAAC,CAAO,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAElD,IAAI,MAAM,KAAa,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAW,CAAC,CAAC,CAAC;IACrE,IAAI,MAAM,CAAC,CAAS,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAExD,IAAI,IAAI,KAA6B,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;;AAnT5D,2BAAc,GAAG,IAAI,AAAP,CAAQ;AAEZ,uBAAU,GAAG;IAC5B,KAAK,EAAE;QACL,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,EAAE;KACZ;IACD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9C,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7D,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;IACpE,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;IACpE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7D,WAAW,EAAE;QACX,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,UAAU;KACpB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;KACd;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,SAAS;KACnB;CACF,AA5B0B,CA4BzB;AAwRJ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AACxD,CAAC"}

package/lib/components/resize-observer.d.ts

@@ -0,0 +1,48 @@
+/**
+ * TyResizeObserver Web Component
+ *
+ * Self-observing resize component that tracks its own dimensions
+ * and stores them in a global registry accessible by element ID.
+ *
+ * @example
+ * ```html
+ * <ty-resize-observer id="parent-container">
+ *   <div class="child">
+ *     <!-- Child can query parent size via getSize('parent-container') -->
+ *   </div>
+ * </ty-resize-observer>
+ * ```
+ *
+ * @example With debouncing
+ * ```html
+ * <ty-resize-observer id="container" debounce="100">
+ *   <!-- Only updates after 100ms of no resize activity -->
+ * </ty-resize-observer>
+ * ```
+ */
+export declare class TyResizeObserver extends HTMLElement {
+    private _resizeObserver;
+    private _debounceTimer;
+    static get observedAttributes(): string[];
+    /**
+     * Debounce in milliseconds (default: 0 = no debounce)
+     */
+    get debounce(): number;
+    set debounce(value: number);
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Setup ResizeObserver to watch this element
+     */
+    private setupObserver;
+    /**
+     * Handle resize events - update registry and notify callbacks
+     */
+    private handleResize;
+    /**
+     * Cleanup observer and remove from registry
+     */
+    private cleanup;
+}
+//# sourceMappingURL=resize-observer.d.ts.map

package/lib/components/resize-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer.d.ts","sourceRoot":"","sources":["../../src/components/resize-observer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAMH,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,cAAc,CAAsB;IAE5C,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAEzB;;IAaD,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5B;;OAEG;IACH,OAAO,CAAC,aAAa;IAkBrB;;OAEG;IACH,OAAO,CAAC,YAAY;IASpB;;OAEG;IACH,OAAO,CAAC,OAAO;CAkBhB"}

package/lib/components/resize-observer.js

@@ -0,0 +1,108 @@
+/**
+ * TyResizeObserver Web Component
+ *
+ * Self-observing resize component that tracks its own dimensions
+ * and stores them in a global registry accessible by element ID.
+ *
+ * @example
+ * ```html
+ * <ty-resize-observer id="parent-container">
+ *   <div class="child">
+ *     <!-- Child can query parent size via getSize('parent-container') -->
+ *   </div>
+ * </ty-resize-observer>
+ * ```
+ *
+ * @example With debouncing
+ * ```html
+ * <ty-resize-observer id="container" debounce="100">
+ *   <!-- Only updates after 100ms of no resize activity -->
+ * </ty-resize-observer>
+ * ```
+ */
+import { ensureStyles } from '../utils/styles.js';
+import { resizeObserverStyles } from '../styles/resize-observer.js';
+import { updateSize, removeSize } from '../utils/resize-observer.js';
+export class TyResizeObserver extends HTMLElement {
+    static get observedAttributes() {
+        return ['id', 'debounce'];
+    }
+    /**
+     * Debounce in milliseconds (default: 0 = no debounce)
+     */
+    get debounce() {
+        return parseInt(this.getAttribute('debounce') || '0');
+    }
+    set debounce(value) {
+        this.setAttribute('debounce', String(value));
+    }
+    constructor() {
+        super();
+        this._resizeObserver = null;
+        this._debounceTimer = null;
+        // Setup shadow DOM with styles
+        const shadow = this.attachShadow({ mode: 'open' });
+        ensureStyles(shadow, { css: resizeObserverStyles, id: 'ty-resize-observer' });
+        // Simple slot for content
+        shadow.innerHTML = '<slot></slot>';
+    }
+    connectedCallback() {
+        this.setupObserver();
+    }
+    disconnectedCallback() {
+        this.cleanup();
+    }
+    /**
+     * Setup ResizeObserver to watch this element
+     */
+    setupObserver() {
+        this._resizeObserver = new ResizeObserver((entries) => {
+            if (this.debounce > 0) {
+                // Debounced handling
+                if (this._debounceTimer)
+                    clearTimeout(this._debounceTimer);
+                this._debounceTimer = window.setTimeout(() => {
+                    this.handleResize(entries);
+                }, this.debounce);
+            }
+            else {
+                // Immediate handling
+                this.handleResize(entries);
+            }
+        });
+        // Observe the custom element itself (not shadow root)
+        this._resizeObserver.observe(this);
+    }
+    /**
+     * Handle resize events - update registry and notify callbacks
+     */
+    handleResize(entries) {
+        const { width, height } = entries[0].contentRect;
+        // Only update if element has an ID
+        if (this.id) {
+            updateSize(this.id, width, height);
+        }
+    }
+    /**
+     * Cleanup observer and remove from registry
+     */
+    cleanup() {
+        // Disconnect observer
+        if (this._resizeObserver) {
+            this._resizeObserver.disconnect();
+            this._resizeObserver = null;
+        }
+        // Clear pending debounce timer
+        if (this._debounceTimer) {
+            clearTimeout(this._debounceTimer);
+            this._debounceTimer = null;
+        }
+        // Remove from registry
+        if (this.id) {
+            removeSize(this.id);
+        }
+    }
+}
+// Register custom element
+customElements.define('ty-resize-observer', TyResizeObserver);
+//# sourceMappingURL=resize-observer.js.map

package/lib/components/resize-observer.js.map

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