@xtyle/core 0.5.0

package/dist/elements/icon.js

@@ -0,0 +1,110 @@
+import { XtyleElement, define } from "./base.js";
+import { iconHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/icon/source.generated.js";
+import { resolveIconMark, composeIconThemed, iconClass } from "../icon-builder.js";
+import { readLiveRegister } from "./live-register.js";
+import { ICON_NAMES } from "../icons.js";
+import { SERIES_TOKENS } from "../series.js";
+const FUNCTIONAL_GLYPHS = new Set(ICON_NAMES);
+export class XtyleIcon extends XtyleElement {
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "icon", {
+        applyIntent: () => { },
+        afterApply: () => this.paintComposition(),
+    });
+    get styleMode() {
+        return "auto";
+    }
+    static get observedAttributes() {
+        return ["name", "size", "tone", "colors", "label", "spin"];
+    }
+    get name() {
+        return this.getAttribute("name") ?? "";
+    }
+    set name(value) {
+        this.setAttribute("name", value);
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    get tone() {
+        return this.getAttribute("tone");
+    }
+    set tone(value) {
+        if (value)
+            this.setAttribute("tone", value);
+        else
+            this.removeAttribute("tone");
+    }
+    /** The series scheme a generated mark's `c3+` color slots draw from. */
+    get colors() {
+        return this.getAttribute("colors") ?? "accents";
+    }
+    set colors(value) {
+        this.setAttribute("colors", value);
+    }
+    get label() {
+        return this.getAttribute("label");
+    }
+    set label(value) {
+        if (value)
+            this.setAttribute("label", value);
+        else
+            this.removeAttribute("label");
+    }
+    get spin() {
+        return this.hasAttribute("spin");
+    }
+    set spin(value) {
+        this.toggleAttribute("spin", value);
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get bindings() {
+        return { name: this.name, size: this.size, tone: this.tone, label: this.label, spin: this.spin };
+    }
+    /** Reads the series anchor tokens off the live cascade, so a generated mark's colors track the theme.
+     * Re-resolves once if a scoped theme lands after mount, matching the chart elements' behavior. */
+    seriesRegister() {
+        return readLiveRegister(this, SERIES_TOKENS, () => {
+            if (this.root.firstChild)
+                this.render();
+        });
+    }
+    /** A functional glyph wins the name (the fragment already rendered it); any other name is offered
+     * to the registered mark generators, so the composed SVG replaces the fragment's placeholder. */
+    paintComposition() {
+        const name = this.name;
+        if (!name || FUNCTIONAL_GLYPHS.has(name))
+            return;
+        const parsed = resolveIconMark(name);
+        const region = this.root.querySelector("[data-icon]");
+        if (!parsed || !region)
+            return;
+        region.innerHTML = composeIconThemed(parsed.composition, { register: this.seriesRegister(), scheme: this.colors });
+        const svg = region.querySelector("svg");
+        if (!svg)
+            return;
+        svg.setAttribute("class", iconClass({ size: this.size, tone: this.tone, spin: this.spin }));
+        svg.setAttribute("part", "icon");
+        if (this.label) {
+            svg.setAttribute("role", "img");
+            svg.setAttribute("aria-label", this.label);
+        }
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(iconHostCss);
+        this.fragment.update(this.bindings);
+    }
+}
+define("xtyle-icon", XtyleIcon);
+//# sourceMappingURL=icon.js.map

package/dist/elements/icon.js.map

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

package/dist/elements/image.d.ts

@@ -0,0 +1,37 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { ImageFit, ImageRadius, ImageLoading } from "../markup/image.js";
+export declare class XtyleImage extends XtyleElement {
+    private fragment;
+    private wiredImg;
+    private wiredFrame;
+    private lightboxTrigger;
+    private lightboxEl;
+    protected get styleMode(): StyleMode;
+    static get observedAttributes(): string[];
+    get src(): string | null;
+    set src(value: string | null);
+    get alt(): string;
+    set alt(value: string);
+    get ratio(): string | null;
+    set ratio(value: string | null);
+    get fit(): ImageFit;
+    set fit(value: ImageFit);
+    get radius(): ImageRadius;
+    set radius(value: ImageRadius);
+    get loading(): ImageLoading;
+    set loading(value: ImageLoading);
+    get lightbox(): boolean;
+    set lightbox(value: boolean);
+    get caption(): string | null;
+    set caption(value: string | null);
+    attributeChangedCallback(): void;
+    private get bindings();
+    protected template(): string;
+    protected render(): void;
+    private wire;
+    private markLoaded;
+    private markError;
+    private openLightbox;
+    private ensureLightbox;
+}
+//# sourceMappingURL=image.d.ts.map

package/dist/elements/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/elements/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEjE,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAK9E,qBAAa,UAAW,SAAQ,YAAY;IAC3C,OAAO,CAAC,QAAQ,CAGb;IAEH,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,UAAU,CAAkC;IAEpD,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,GAAG,IAAI,MAAM,GAAG,IAAI,CAEvB;IACD,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAG3B;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAEpB;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAG7B;IAED,IAAI,GAAG,IAAI,QAAQ,CAElB;IACD,IAAI,GAAG,CAAC,KAAK,EAAE,QAAQ,EAEtB;IAED,IAAI,MAAM,IAAI,WAAW,CAExB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,WAAW,EAE5B;IAED,IAAI,OAAO,IAAI,YAAY,CAE1B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,YAAY,EAE9B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAG/B;IAED,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAUnB;IAED,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;IAMjC,OAAO,CAAC,IAAI;IA+CZ,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;CAyBtB"}

package/dist/elements/image.js

@@ -0,0 +1,190 @@
+import { XtyleElement, define } from "./base.js";
+import { imageHostCss, escapeAttr } from "../markup/index.js";
+import { renderIcon } from "../icons.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/image/source.generated.js";
+export class XtyleImage extends XtyleElement {
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "image", {
+        applyIntent: () => { },
+        afterApply: () => this.wire(),
+    });
+    wiredImg = null;
+    wiredFrame = null;
+    lightboxTrigger = null;
+    lightboxEl = null;
+    get styleMode() {
+        return "auto";
+    }
+    static get observedAttributes() {
+        return ["src", "alt", "ratio", "fit", "radius", "loading", "lightbox", "caption"];
+    }
+    get src() {
+        return this.getAttribute("src");
+    }
+    set src(value) {
+        if (value)
+            this.setAttribute("src", value);
+        else
+            this.removeAttribute("src");
+    }
+    get alt() {
+        return this.getAttribute("alt") ?? "";
+    }
+    set alt(value) {
+        this.setAttribute("alt", value);
+    }
+    get ratio() {
+        return this.getAttribute("ratio");
+    }
+    set ratio(value) {
+        if (value)
+            this.setAttribute("ratio", value);
+        else
+            this.removeAttribute("ratio");
+    }
+    get fit() {
+        return this.getAttribute("fit") ?? "cover";
+    }
+    set fit(value) {
+        this.setAttribute("fit", value);
+    }
+    get radius() {
+        return this.getAttribute("radius") ?? "md";
+    }
+    set radius(value) {
+        this.setAttribute("radius", value);
+    }
+    get loading() {
+        return this.getAttribute("loading") === "eager" ? "eager" : "lazy";
+    }
+    set loading(value) {
+        this.setAttribute("loading", value);
+    }
+    get lightbox() {
+        return this.hasAttribute("lightbox");
+    }
+    set lightbox(value) {
+        this.toggleAttribute("lightbox", value);
+    }
+    get caption() {
+        return this.getAttribute("caption");
+    }
+    set caption(value) {
+        if (value)
+            this.setAttribute("caption", value);
+        else
+            this.removeAttribute("caption");
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get bindings() {
+        return {
+            src: this.src,
+            alt: this.alt,
+            ratio: this.ratio,
+            fit: this.fit,
+            radius: this.radius,
+            loading: this.loading,
+            caption: this.caption,
+        };
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(imageHostCss);
+        this.fragment.update(this.bindings);
+    }
+    wire() {
+        const frame = this.root.querySelector(".xtyle-image__frame");
+        if (!frame)
+            return;
+        const img = this.root.querySelector(".xtyle-image__img");
+        if (img && this.wiredImg !== img) {
+            this.wiredImg = img;
+            if (img.complete && img.naturalWidth > 0) {
+                this.markLoaded(frame);
+            }
+            else {
+                frame.setAttribute("data-loading", "");
+                img.addEventListener("load", () => this.markLoaded(frame), { once: true });
+                img.addEventListener("error", () => this.markError(frame), { once: true });
+            }
+        }
+        if (this.lightbox) {
+            frame.setAttribute("role", "button");
+            frame.setAttribute("tabindex", "0");
+            frame.setAttribute("aria-label", this.alt ? `View image: ${this.alt}` : "View image");
+            if (this.wiredFrame !== frame) {
+                this.wiredFrame = frame;
+                this.lightboxTrigger?.abort();
+                this.lightboxTrigger = new AbortController();
+                const { signal } = this.lightboxTrigger;
+                frame.addEventListener("click", () => this.openLightbox(), { signal });
+                frame.addEventListener("keydown", (event) => {
+                    if (event.key === "Enter" || event.key === " ") {
+                        event.preventDefault();
+                        this.openLightbox();
+                    }
+                }, { signal });
+            }
+        }
+        else {
+            this.lightboxTrigger?.abort();
+            this.lightboxTrigger = null;
+            this.wiredFrame = null;
+            frame.removeAttribute("role");
+            frame.removeAttribute("tabindex");
+            frame.removeAttribute("aria-label");
+        }
+    }
+    markLoaded(frame) {
+        frame.removeAttribute("data-loading");
+        frame.setAttribute("data-loaded", "");
+    }
+    markError(frame) {
+        frame.removeAttribute("data-loading");
+        frame.setAttribute("data-error", "");
+        if (!frame.querySelector(".xtyle-image__error")) {
+            const mark = document.createElement("span");
+            mark.className = "xtyle-image__error";
+            mark.setAttribute("aria-hidden", "true");
+            mark.innerHTML = renderIcon("warning", { size: "lg" });
+            frame.appendChild(mark);
+        }
+    }
+    openLightbox() {
+        this.ensureLightbox().showModal();
+    }
+    ensureLightbox() {
+        if (this.lightboxEl && this.lightboxEl.isConnected) {
+            const full = this.lightboxEl.querySelector(".xtyle-image__full");
+            if (full) {
+                full.setAttribute("src", this.src ?? "");
+                full.setAttribute("alt", this.alt);
+            }
+            return this.lightboxEl;
+        }
+        const src = escapeAttr(this.src ?? "");
+        const alt = escapeAttr(this.alt);
+        const dialog = document.createElement("dialog");
+        dialog.className = "xtyle-image__lightbox";
+        dialog.setAttribute("part", "lightbox");
+        dialog.innerHTML =
+            `<button type="button" class="xtyle-image__close" part="close" aria-label="Close">${renderIcon("close")}</button>` +
+                `<img class="xtyle-image__full" part="full" src="${src}" alt="${alt}" />`;
+        dialog.querySelector(".xtyle-image__close")?.addEventListener("click", () => dialog.close());
+        dialog.addEventListener("click", (event) => {
+            if (event.target === dialog)
+                dialog.close();
+        });
+        this.root.appendChild(dialog);
+        this.lightboxEl = dialog;
+        return dialog;
+    }
+}
+define("xtyle-image", XtyleImage);
+//# sourceMappingURL=image.js.map

package/dist/elements/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../src/elements/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAElF,MAAM,OAAO,UAAW,SAAQ,YAAY;IACnC,QAAQ,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE;QAClF,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;QACrB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;KAC7B,CAAC,CAAC;IAEK,QAAQ,GAA4B,IAAI,CAAC;IACzC,UAAU,GAAuB,IAAI,CAAC;IACtC,eAAe,GAA2B,IAAI,CAAC;IAC/C,UAAU,GAA6B,IAAI,CAAC;IAEpD,IAAuB,SAAS;QAC/B,OAAO,MAAM,CAAC;IACf,CAAC;IAED,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IACnF,CAAC;IAED,IAAI,GAAG;QACN,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IACD,IAAI,GAAG,CAAC,KAAoB;QAC3B,IAAI,KAAK;YAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;;YACtC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,IAAI,GAAG;QACN,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACvC,CAAC;IACD,IAAI,GAAG,CAAC,KAAa;QACpB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IACD,IAAI,KAAK,CAAC,KAAoB;QAC7B,IAAI,KAAK;YAAE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;;YACxC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,GAAG;QACN,OAAQ,IAAI,CAAC,YAAY,CAAC,KAAK,CAAc,IAAI,OAAO,CAAC;IAC1D,CAAC;IACD,IAAI,GAAG,CAAC,KAAe;QACtB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,MAAM;QACT,OAAQ,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAiB,IAAI,IAAI,CAAC;IAC7D,CAAC;IACD,IAAI,MAAM,CAAC,KAAkB;QAC5B,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACpE,CAAC;IACD,IAAI,OAAO,CAAC,KAAmB;QAC9B,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IACD,IAAI,QAAQ,CAAC,KAAc;QAC1B,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IACD,IAAI,OAAO,CAAC,KAAoB;QAC/B,IAAI,KAAK;YAAE,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;;YAC1C,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC;IAED,wBAAwB;QACvB,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACzC,CAAC;IAED,IAAY,QAAQ;QACnB,OAAO;YACN,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;SACrB,CAAC;IACH,CAAC;IAES,QAAQ;QACjB,OAAO,EAAE,CAAC;IACX,CAAC;IAEkB,MAAM;QACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAEO,IAAI;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAc,qBAAqB,CAAC,CAAC;QAC1E,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAmB,mBAAmB,CAAC,CAAC;QAC3E,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,KAAK,GAAG,EAAE,CAAC;YAClC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACpB,IAAI,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC;gBAC1C,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACP,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;gBACvC,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC3E,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5E,CAAC;QACF,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACrC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;YACpC,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;YACtF,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;gBAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC;gBAC9B,IAAI,CAAC,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;gBAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;gBACxC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;gBACvE,KAAK,CAAC,gBAAgB,CACrB,SAAS,EACT,CAAC,KAAK,EAAE,EAAE;oBACT,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wBAChD,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,IAAI,CAAC,YAAY,EAAE,CAAC;oBACrB,CAAC;gBACF,CAAC,EACD,EAAE,MAAM,EAAE,CACV,CAAC;YACH,CAAC;QACF,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC9B,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YAClC,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACF,CAAC;IAEO,UAAU,CAAC,KAAkB;QACpC,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACtC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IACvC,CAAC;IAEO,SAAS,CAAC,KAAkB;QACnC,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACtC,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAAE,CAAC;YACjD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,SAAS,GAAG,oBAAoB,CAAC;YACtC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YACzC,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YACvD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACF,CAAC;IAEO,YAAY;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC,SAAS,EAAE,CAAC;IACnC,CAAC;IAEO,cAAc;QACrB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;YACpD,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAmB,oBAAoB,CAAC,CAAC;YACnF,IAAI,IAAI,EAAE,CAAC;gBACV,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;gBACzC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;YACpC,CAAC;YACD,OAAO,IAAI,CAAC,UAAU,CAAC;QACxB,CAAC;QACD,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,SAAS,GAAG,uBAAuB,CAAC;QAC3C,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACxC,MAAM,CAAC,SAAS;YACf,oFAAoF,UAAU,CAAC,OAAO,CAAC,WAAW;gBAClH,mDAAmD,GAAG,UAAU,GAAG,MAAM,CAAC;QAC3E,MAAM,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAC7F,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAC1C,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM;gBAAE,MAAM,CAAC,KAAK,EAAE,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC9B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,OAAO,MAAM,CAAC;IACf,CAAC;CACD;AAED,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

package/dist/elements/index.d.ts

@@ -0,0 +1,134 @@
+export { XtyleElement, define } from "./base.js";
+export { wireHostControls, declaredHostControls, type HostControlBehavior, type HostControlDecl, } from "./host-controls.js";
+export { placeOverlay, type OverlayPlacement, type OverlayAlign, type OverlayRect, type OverlaySize, type PlaceOverlayInput, type PlaceOverlayResult, } from "./overlay-position.js";
+export { resolveDrop, DOCK_REGIONS, DOCK_EDGES, type DockRegion, type DockRect, type DockTarget, type ResolveDropInput, type DropResolution, } from "./dock-layout.js";
+export { dockPanel, removePanel, activatePanel, toggleCollapsed, setLeafMode, singleZone, allLeaves, allPanels, leafOf, parseLayout, layoutRects, floatPanel, updateFloating, dockFloating, removeFloating, allLayoutPanels, parseDockLayout, type DockNode, type DockLeaf, type DockSplit, type DockPanelInput, type LeafRect, type FloatingPanel, type DockLayout, type FloatRect, } from "./dock-model.js";
+export { XtyleButton } from "./button.js";
+export { XtyleField } from "./field.js";
+export { XtyleCard } from "./card.js";
+export { XtyleBadge } from "./badge.js";
+export { XtyleSwitch } from "./switch.js";
+export { XtyleAlert } from "./alert.js";
+export { XtyleLink } from "./link.js";
+export { XtyleAppShell } from "./app-shell.js";
+export { XtyleToolbar } from "./toolbar.js";
+export { XtyleDock } from "./dock.js";
+export { XtyleDockZone } from "./dock-zone.js";
+export { XtylePanel } from "./panel.js";
+export { XtyleStatusbar } from "./statusbar.js";
+export { XtyleCheckbox, XtyleCheckboxGroup } from "./checkbox.js";
+export { XtyleRadio, XtyleRadioGroup } from "./radio.js";
+export { XtyleSelect } from "./select.js";
+export { XtyleTextarea } from "./textarea.js";
+export { XtyleFormGroup } from "./form-group.js";
+export { XtyleHeading } from "./heading.js";
+export { XtyleText } from "./text.js";
+export { XtyleSeparator } from "./separator.js";
+export { XtyleStack } from "./stack.js";
+export { XtyleCluster } from "./cluster.js";
+export { XtyleGrid } from "./grid.js";
+export { XtyleSpinner } from "./spinner.js";
+export { XtyleAvatar } from "./avatar.js";
+export { XtyleAvatarGroup } from "./avatar-group.js";
+export { XtyleTooltip } from "./tooltip.js";
+export { XtyleTabs } from "./tabs.js";
+export { XtyleBreadcrumb } from "./breadcrumb.js";
+export { XtyleSkeleton } from "./skeleton.js";
+export { XtyleDialog } from "./dialog.js";
+export { XtyleToast, XtyleToastRegion } from "./toast.js";
+export { XtyleTable } from "./table.js";
+export { XtyleProgress } from "./progress.js";
+export { XtyleSlider } from "./slider.js";
+export { XtyleColorPicker } from "./color-picker.js";
+export { XtyleNumberInput } from "./number-input.js";
+export { XtyleSegmented } from "./segmented.js";
+export { XtyleAccordion } from "./accordion.js";
+export { XtyleTree } from "./tree.js";
+export { XtyleSplitter } from "./splitter.js";
+export type { TreeNode } from "./tree.js";
+export { XtyleStat } from "./stat.js";
+export { XtyleSection } from "./section.js";
+export { XtyleEyebrow } from "./eyebrow.js";
+export { XtyleCardLink } from "./card-link.js";
+export { XtyleToc } from "./toc.js";
+export type { TocItem } from "./toc.js";
+export { XtyleKbd } from "./kbd.js";
+export { XtyleIcon } from "./icon.js";
+export { XtyleImage } from "./image.js";
+export { XtyleCarousel } from "./carousel.js";
+export { XtyleParallax } from "./parallax.js";
+export { XtyleHero } from "./hero.js";
+export { XtyleBar } from "./bar.js";
+export type { BarSeries, BarScheme } from "./bar.js";
+export { XtyleSparkline } from "./sparkline.js";
+export type { SparklineVariant, SparklineTone } from "./sparkline.js";
+export { XtyleHeatmap } from "./heatmap.js";
+export type { HeatmapScheme } from "./heatmap.js";
+export { XtylePie } from "./pie.js";
+export type { PieDatum, PieScheme, PieVariant } from "./pie.js";
+export { XtyleSwatch } from "./swatch.js";
+export { XtyleMenu } from "./menu.js";
+export type { MenuItem, MenuAction } from "./menu.js";
+export { XtyleCode } from "./code.js";
+export { XtylePagination } from "./pagination.js";
+import "./button.js";
+import "./field.js";
+import "./card.js";
+import "./badge.js";
+import "./switch.js";
+import "./alert.js";
+import "./link.js";
+import "./app-shell.js";
+import "./toolbar.js";
+import "./dock.js";
+import "./dock-zone.js";
+import "./panel.js";
+import "./statusbar.js";
+import "./checkbox.js";
+import "./radio.js";
+import "./select.js";
+import "./textarea.js";
+import "./form-group.js";
+import "./heading.js";
+import "./text.js";
+import "./separator.js";
+import "./stack.js";
+import "./cluster.js";
+import "./grid.js";
+import "./spinner.js";
+import "./avatar.js";
+import "./avatar-group.js";
+import "./tooltip.js";
+import "./tabs.js";
+import "./breadcrumb.js";
+import "./skeleton.js";
+import "./dialog.js";
+import "./toast.js";
+import "./table.js";
+import "./progress.js";
+import "./slider.js";
+import "./color-picker.js";
+import "./number-input.js";
+import "./segmented.js";
+import "./accordion.js";
+import "./tree.js";
+import "./stat.js";
+import "./section.js";
+import "./eyebrow.js";
+import "./card-link.js";
+import "./toc.js";
+import "./kbd.js";
+import "./icon.js";
+import "./image.js";
+import "./carousel.js";
+import "./parallax.js";
+import "./hero.js";
+import "./bar.js";
+import "./sparkline.js";
+import "./heatmap.js";
+import "./pie.js";
+import "./swatch.js";
+import "./menu.js";
+import "./code.js";
+import "./pagination.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

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

package/dist/elements/index.js

@@ -0,0 +1,127 @@
+export { XtyleElement, define } from "./base.js";
+export { wireHostControls, declaredHostControls, } from "./host-controls.js";
+export { placeOverlay, } from "./overlay-position.js";
+export { resolveDrop, DOCK_REGIONS, DOCK_EDGES, } from "./dock-layout.js";
+export { dockPanel, removePanel, activatePanel, toggleCollapsed, setLeafMode, singleZone, allLeaves, allPanels, leafOf, parseLayout, layoutRects, floatPanel, updateFloating, dockFloating, removeFloating, allLayoutPanels, parseDockLayout, } from "./dock-model.js";
+export { XtyleButton } from "./button.js";
+export { XtyleField } from "./field.js";
+export { XtyleCard } from "./card.js";
+export { XtyleBadge } from "./badge.js";
+export { XtyleSwitch } from "./switch.js";
+export { XtyleAlert } from "./alert.js";
+export { XtyleLink } from "./link.js";
+export { XtyleAppShell } from "./app-shell.js";
+export { XtyleToolbar } from "./toolbar.js";
+export { XtyleDock } from "./dock.js";
+export { XtyleDockZone } from "./dock-zone.js";
+export { XtylePanel } from "./panel.js";
+export { XtyleStatusbar } from "./statusbar.js";
+export { XtyleCheckbox, XtyleCheckboxGroup } from "./checkbox.js";
+export { XtyleRadio, XtyleRadioGroup } from "./radio.js";
+export { XtyleSelect } from "./select.js";
+export { XtyleTextarea } from "./textarea.js";
+export { XtyleFormGroup } from "./form-group.js";
+export { XtyleHeading } from "./heading.js";
+export { XtyleText } from "./text.js";
+export { XtyleSeparator } from "./separator.js";
+export { XtyleStack } from "./stack.js";
+export { XtyleCluster } from "./cluster.js";
+export { XtyleGrid } from "./grid.js";
+export { XtyleSpinner } from "./spinner.js";
+export { XtyleAvatar } from "./avatar.js";
+export { XtyleAvatarGroup } from "./avatar-group.js";
+export { XtyleTooltip } from "./tooltip.js";
+export { XtyleTabs } from "./tabs.js";
+export { XtyleBreadcrumb } from "./breadcrumb.js";
+export { XtyleSkeleton } from "./skeleton.js";
+export { XtyleDialog } from "./dialog.js";
+export { XtyleToast, XtyleToastRegion } from "./toast.js";
+export { XtyleTable } from "./table.js";
+export { XtyleProgress } from "./progress.js";
+export { XtyleSlider } from "./slider.js";
+export { XtyleColorPicker } from "./color-picker.js";
+export { XtyleNumberInput } from "./number-input.js";
+export { XtyleSegmented } from "./segmented.js";
+export { XtyleAccordion } from "./accordion.js";
+export { XtyleTree } from "./tree.js";
+export { XtyleSplitter } from "./splitter.js";
+export { XtyleStat } from "./stat.js";
+export { XtyleSection } from "./section.js";
+export { XtyleEyebrow } from "./eyebrow.js";
+export { XtyleCardLink } from "./card-link.js";
+export { XtyleToc } from "./toc.js";
+export { XtyleKbd } from "./kbd.js";
+export { XtyleIcon } from "./icon.js";
+export { XtyleImage } from "./image.js";
+export { XtyleCarousel } from "./carousel.js";
+export { XtyleParallax } from "./parallax.js";
+export { XtyleHero } from "./hero.js";
+export { XtyleBar } from "./bar.js";
+export { XtyleSparkline } from "./sparkline.js";
+export { XtyleHeatmap } from "./heatmap.js";
+export { XtylePie } from "./pie.js";
+export { XtyleSwatch } from "./swatch.js";
+export { XtyleMenu } from "./menu.js";
+export { XtyleCode } from "./code.js";
+export { XtylePagination } from "./pagination.js";
+import "./button.js";
+import "./field.js";
+import "./card.js";
+import "./badge.js";
+import "./switch.js";
+import "./alert.js";
+import "./link.js";
+import "./app-shell.js";
+import "./toolbar.js";
+import "./dock.js";
+import "./dock-zone.js";
+import "./panel.js";
+import "./statusbar.js";
+import "./checkbox.js";
+import "./radio.js";
+import "./select.js";
+import "./textarea.js";
+import "./form-group.js";
+import "./heading.js";
+import "./text.js";
+import "./separator.js";
+import "./stack.js";
+import "./cluster.js";
+import "./grid.js";
+import "./spinner.js";
+import "./avatar.js";
+import "./avatar-group.js";
+import "./tooltip.js";
+import "./tabs.js";
+import "./breadcrumb.js";
+import "./skeleton.js";
+import "./dialog.js";
+import "./toast.js";
+import "./table.js";
+import "./progress.js";
+import "./slider.js";
+import "./color-picker.js";
+import "./number-input.js";
+import "./segmented.js";
+import "./accordion.js";
+import "./tree.js";
+import "./stat.js";
+import "./section.js";
+import "./eyebrow.js";
+import "./card-link.js";
+import "./toc.js";
+import "./kbd.js";
+import "./icon.js";
+import "./image.js";
+import "./carousel.js";
+import "./parallax.js";
+import "./hero.js";
+import "./bar.js";
+import "./sparkline.js";
+import "./heatmap.js";
+import "./pie.js";
+import "./swatch.js";
+import "./menu.js";
+import "./code.js";
+import "./pagination.js";
+//# sourceMappingURL=index.js.map

package/dist/elements/index.js.map

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