@trebired/frontend 1.9.0 → 1.10.0

package/dist/src/steps/controller.js

@@ -0,0 +1,145 @@
+import { resolveDocumentTarget } from "../../dom/index.js";
+import { createDisclosure } from "../../inputs/advanced/index.js";
+import { renderSharedSteps } from "./dom.js";
+const lastSteps = new WeakMap();
+const actionControls = new Set();
+function resolveEl(target) {
+    if (!target)
+        return null;
+    if (typeof target === "string")
+        return resolveDocumentTarget(target);
+    return target && target.nodeType === 1 ? target : null;
+}
+function resolvePanel(target) {
+    const el = resolveEl(target);
+    if (!el)
+        return null;
+    if (el.matches && el.matches("[data-steps-panel]"))
+        return el;
+    return el.querySelector ? el.querySelector("[data-steps-panel]") : null;
+}
+function paint(panel) {
+    const list = panel.querySelector("[data-steps-list]");
+    if (list)
+        renderSharedSteps(document, list, lastSteps.get(panel) || []);
+}
+function renderStepsPanel(target, entries) {
+    const panel = resolvePanel(target);
+    if (!panel)
+        return;
+    if (Array.isArray(entries))
+        lastSteps.set(panel, entries.slice());
+    paint(panel);
+}
+function push(target, entry) {
+    const panel = resolvePanel(target);
+    if (!panel || !entry)
+        return;
+    const entries = lastSteps.get(panel) || [];
+    entries.push(entry);
+    lastSteps.set(panel, entries);
+    paint(panel);
+}
+function setCopyMessage(target, message) {
+    const panel = resolvePanel(target);
+    const el = panel && panel.querySelector("[data-steps-copy]");
+    if (el && message)
+        el.textContent = String(message);
+}
+function open(target) {
+    const panel = resolvePanel(target);
+    const disclosure = panel && panel.closest("[data-tbf-disclosure]");
+    if (!disclosure)
+        return;
+    const controller = createDisclosure(disclosure);
+    if (controller)
+        controller.open(false);
+}
+function setStepsProgress(target, percentInput) {
+    const panel = resolvePanel(target);
+    const bar = panel && panel.querySelector("[data-progress]");
+    if (!bar)
+        return;
+    const fill = bar.querySelector("[data-progress-fill]");
+    const labelEl = panel.querySelector("[data-progress-label]");
+    const percent = Number(percentInput);
+    if (!Number.isFinite(percent)) {
+        bar.setAttribute("data-progress-indeterminate", "true");
+        bar.style.removeProperty("--progress-percent");
+        if (fill)
+            fill.style.width = "";
+        if (labelEl)
+            labelEl.textContent = "";
+        return;
+    }
+    const clamped = Math.max(0, Math.min(100, percent));
+    const label = Math.round(clamped) + "%";
+    bar.removeAttribute("data-progress-indeterminate");
+    bar.style.setProperty("--progress-percent", clamped + "%");
+    if (fill)
+        fill.style.width = clamped + "%";
+    if (labelEl)
+        labelEl.textContent = label;
+}
+function begin(target) {
+    const panel = resolvePanel(target);
+    if (!panel)
+        return;
+    lastSteps.set(panel, []);
+    const list = panel.querySelector("[data-steps-list]");
+    if (list)
+        list.innerHTML = "";
+    setStepsProgress(panel, 0);
+    open(panel);
+    if (list && typeof list.animate === "function") {
+        list.animate([{ opacity: 0 }, { opacity: 1 }], {
+            duration: 180,
+            easing: "ease",
+        });
+    }
+}
+function collectControls(scope) {
+    if (!scope || scope === true || scope === document) {
+        return Array.from(actionControls).filter((control) => control.isConnected);
+    }
+    if (Array.isArray(scope)) {
+        return scope.filter((control) => control instanceof HTMLElement);
+    }
+    if (scope instanceof Set) {
+        return Array.from(scope).filter((control) => control instanceof HTMLElement);
+    }
+    return scope instanceof HTMLElement ? [scope] : [];
+}
+function registerActionControls(controls) {
+    for (const control of collectControls(controls)) {
+        actionControls.add(control);
+    }
+    return function unregisterActionControls() {
+        for (const control of collectControls(controls)) {
+            actionControls.delete(control);
+        }
+    };
+}
+function setActionsBusy(scope, busy) {
+    const controls = collectControls(scope);
+    for (const control of controls) {
+        if (busy)
+            control.setAttribute("disabled", "true");
+        else
+            control.removeAttribute("disabled");
+    }
+}
+const stepsController = {
+    resolvePanel,
+    renderStepsPanel,
+    push,
+    setCopyMessage,
+    open,
+    progress: setStepsProgress,
+    begin,
+    registerActionControls,
+    setActionsBusy,
+};
+export { resolvePanel, renderStepsPanel, push, setCopyMessage, open, setStepsProgress as progress, begin, registerActionControls, setActionsBusy, };
+export default stepsController;
+//# sourceMappingURL=controller.js.map

package/dist/src/steps/controller.js.map

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

package/dist/src/steps/dom.d.ts

@@ -0,0 +1,21 @@
+type SharedStepCardInput = {
+    actionLabel?: string;
+    groupKey?: string;
+    groupLabel?: string;
+    key?: string;
+    level?: string;
+    message: string;
+    recordedAtLabel?: string;
+};
+type SharedStepGroup = {
+    actionLabel?: string;
+    key: string;
+    label: string;
+    steps: SharedStepCardInput[];
+};
+declare function groupSharedSteps(stepsInput: unknown): SharedStepGroup[];
+declare function createSharedStepCard(doc: Document, input: SharedStepCardInput): HTMLDivElement;
+declare function renderSharedSteps(doc: Document, container: HTMLElement, stepsInput: unknown): void;
+export type { SharedStepCardInput };
+export { createSharedStepCard, groupSharedSteps, renderSharedSteps };
+//# sourceMappingURL=dom.d.ts.map

package/dist/src/steps/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/steps/dom.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAqDF,iBAAS,gBAAgB,CAAC,UAAU,EAAE,OAAO,qBAoC5C;AAED,iBAAS,oBAAoB,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,kBAoCtE;AA0CD,iBAAS,iBAAiB,CACxB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,WAAW,EACtB,UAAU,EAAE,OAAO,QAkCpB;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/src/steps/dom.js

@@ -0,0 +1,187 @@
+function normalizeSharedSteps(stepsInput) {
+    return Array.isArray(stepsInput)
+        ? stepsInput
+            .map((entry) => ({
+            actionLabel: onlyString(entry && entry.actionLabel),
+            groupKey: onlyString(entry && entry.groupKey),
+            groupLabel: onlyString(entry && entry.groupLabel),
+            key: onlyString(entry && entry.key),
+            level: onlyString(entry && entry.level),
+            message: onlyString(entry && entry.message),
+            recordedAtLabel: onlyString(entry && entry.recordedAtLabel),
+        }))
+            .filter((entry) => entry.message)
+        : [];
+}
+function stepTone(level) {
+    const normalized = onlyString(level).toLowerCase();
+    if (normalized === "fail" || normalized === "error") {
+        return {
+            className: "red",
+            label: "fail",
+        };
+    }
+    if (normalized === "success" || normalized === "ok") {
+        return {
+            className: "green",
+            label: "success",
+        };
+    }
+    if (normalized === "warn" || normalized === "warning") {
+        return {
+            className: "yellow",
+            label: "warning",
+        };
+    }
+    return {
+        className: "blue",
+        label: "event",
+    };
+}
+function normalizedGroupKey(input, index) {
+    const explicitKey = onlyString(input && input.groupKey);
+    if (explicitKey)
+        return explicitKey;
+    const explicitLabel = onlyString(input && input.groupLabel);
+    if (explicitLabel)
+        return `group:${explicitLabel.toLowerCase()}`;
+    return `group:${index}`;
+}
+function groupSharedSteps(stepsInput) {
+    const steps = normalizeSharedSteps(stepsInput);
+    const hasGrouping = steps.some((entry) => entry.groupKey || entry.groupLabel);
+    if (!hasGrouping)
+        return [];
+    const groups = [];
+    const byKey = new Map();
+    steps
+        .slice()
+        .reverse()
+        .forEach((entry, index) => {
+        const groupKey = normalizedGroupKey(entry, index);
+        const groupLabel = onlyString(entry.groupLabel) || stepsLabel();
+        const actionLabel = onlyString(entry.actionLabel);
+        let group = byKey.get(groupKey);
+        if (!group) {
+            group = {
+                actionLabel,
+                key: groupKey,
+                label: groupLabel,
+                steps: [],
+            };
+            byKey.set(groupKey, group);
+            groups.push(group);
+        }
+        else if (!group.label && groupLabel) {
+            group.label = groupLabel;
+        }
+        else if (!group.actionLabel && actionLabel) {
+            group.actionLabel = actionLabel;
+        }
+        group.steps.push(entry);
+    });
+    return groups;
+}
+function createSharedStepCard(doc, input) {
+    const message = onlyString(input && input.message);
+    if (!message)
+        return null;
+    const row = doc.createElement("div");
+    row.className = "card-row column gap-xs min-height-fit";
+    const header = doc.createElement("div");
+    header.className = "inline-row gap-xs";
+    header.style.alignItems = "flex-start";
+    const tone = stepTone(input && input.level);
+    const badge = doc.createElement("span");
+    badge.className = `pill no-shrink ${tone.className}`.trim();
+    badge.textContent = tone.label;
+    const messageEl = doc.createElement("span");
+    messageEl.className = "text-sm text-break display-block";
+    messageEl.textContent = message;
+    messageEl.style.flex = "1 1 auto";
+    messageEl.style.lineHeight = "1.4";
+    const recordedAtLabel = onlyString(input && input.recordedAtLabel);
+    header.appendChild(badge);
+    header.appendChild(messageEl);
+    row.appendChild(header);
+    if (recordedAtLabel) {
+        const timeEl = doc.createElement("span");
+        timeEl.className = "text-muted text-xs text-break display-block";
+        timeEl.textContent = recordedAtLabel;
+        timeEl.style.lineHeight = "1.35";
+        row.appendChild(timeEl);
+    }
+    return row;
+}
+function createSharedStepGroup(doc, group) {
+    const wrapper = doc.createElement("section");
+    wrapper.className = "column gap-xs";
+    wrapper.setAttribute("data-steps-group", group.key);
+    const separator = doc.createElement("hr");
+    separator.setAttribute("aria-hidden", "true");
+    wrapper.appendChild(separator);
+    const header = doc.createElement("div");
+    header.className = "column gap-2xs";
+    const title = doc.createElement("h5");
+    title.textContent = group.label;
+    header.appendChild(title);
+    const actionLabel = onlyString(group.actionLabel);
+    if (actionLabel) {
+        const actionEl = doc.createElement("span");
+        actionEl.className = "text-xs text-muted";
+        actionEl.textContent =
+            actionLabel.charAt(0).toUpperCase() + actionLabel.slice(1);
+        header.appendChild(actionEl);
+    }
+    wrapper.appendChild(header);
+    const list = doc.createElement("div");
+    list.className = "column gap-xs";
+    list.setAttribute("data-steps-group-list", group.key);
+    group.steps.forEach((entry) => {
+        const card = createSharedStepCard(doc, entry);
+        if (card)
+            list.appendChild(card);
+    });
+    wrapper.appendChild(list);
+    return wrapper;
+}
+function renderSharedSteps(doc, container, stepsInput) {
+    container.innerHTML = "";
+    const steps = normalizeSharedSteps(stepsInput);
+    const groupedEntries = steps.filter((entry) => entry.groupKey || entry.groupLabel);
+    const ungroupedEntries = steps.filter((entry) => !entry.groupKey && !entry.groupLabel);
+    const grouped = groupSharedSteps(groupedEntries);
+    if (grouped.length > 0) {
+        ungroupedEntries
+            .slice()
+            .reverse()
+            .forEach((entry) => {
+            const card = createSharedStepCard(doc, entry);
+            if (card)
+                container.appendChild(card);
+        });
+        grouped.forEach((group) => {
+            const section = createSharedStepGroup(doc, group);
+            if (section)
+                container.appendChild(section);
+        });
+        return;
+    }
+    steps
+        .slice()
+        .reverse()
+        .forEach((entry) => {
+        const card = createSharedStepCard(doc, entry);
+        if (card)
+            container.appendChild(card);
+    });
+}
+export { createSharedStepCard, groupSharedSteps, renderSharedSteps };
+function onlyString(value, fallback = "") {
+    const text = String(value ?? "").trim();
+    return text || fallback;
+}
+function stepsLabel() {
+    return "Steps";
+}
+//# sourceMappingURL=dom.js.map

package/dist/src/steps/dom.js.map

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

package/dist/src/steps/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./controller.js";
+export * from "./dom.js";
+export { default as shared_steps_panel } from "./panel.js";
+export type { SharedStepsPanelProps } from "./panel.js";
+export { default } from "./controller.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/steps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/steps/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/steps/index.js

@@ -0,0 +1,5 @@
+export * from "./controller.js";
+export * from "./dom.js";
+export { default as shared_steps_panel } from "./panel.js";
+export { default } from "./controller.js";
+//# sourceMappingURL=index.js.map

package/dist/src/steps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/steps/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/steps/panel.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+type SharedStepsPanelProps = {
+    beforeList?: ReactNode;
+    className?: string;
+    dataAttrs?: Record<string, string>;
+    emptyCopy?: string;
+    hidden?: boolean;
+    lang?: string;
+    listClassName?: string;
+    progressBarAttr?: string;
+    title?: string;
+    type?: "steps" | "disclosure";
+};
+declare function shared_steps_panel(props: SharedStepsPanelProps): import("react").JSX.Element;
+export type { SharedStepsPanelProps };
+export default shared_steps_panel;
+//# sourceMappingURL=panel.d.ts.map

package/dist/src/steps/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/steps/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CAC/B,CAAC;AA2BF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,+BAoCvD;AAED,YAAY,EAAE,qBAAqB,EAAE,CAAC;AACtC,eAAe,kBAAkB,CAAC"}

package/dist/src/steps/panel.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { default as disclosure } from "../../inputs/advanced/disclosure/index.js";
+import { bar as loader_bar } from "../../primitives/components/controls.js";
+import { joinClassNames } from "../../primitives/components/shared.js";
+function stepsPanelModel(props) {
+    const isDisclosure = props.type === "disclosure";
+    const title = stepsLabel(props.lang);
+    return {
+        attrs: props.dataAttrs && typeof props.dataAttrs === "object"
+            ? props.dataAttrs
+            : {},
+        beforeList: isDisclosure
+            ? loader_bar({
+                label: "",
+                meta: "",
+                percent: 0,
+                wrapperAttributes: String(props.progressBarAttr || "").trim(),
+            })
+            : props.beforeList,
+        emptyCopy: String(props.emptyCopy || "").trim() || noStepsLabel(props.lang),
+        isDisclosure,
+        title: isDisclosure
+            ? title
+            : String(props.title || "").trim() || title,
+    };
+}
+function shared_steps_panel(props) {
+    const model = stepsPanelModel(props);
+    return disclosure({
+        content: (_jsxs("section", { className: joinClassNames("column", "gap-sm", props.className), "data-steps-panel": "", "data-steps-type": model.isDisclosure ? "disclosure" : "steps", "data-steps-default-copy": model.emptyCopy, "data-steps-default-title": model.title, ...model.attrs, children: [_jsx("p", { className: "text-muted", "data-steps-copy": "", children: model.emptyCopy }), model.beforeList, _jsx("div", { className: joinClassNames("column", "gap-xs", "max-height-xl", "scroll", "scroll-min", props.listClassName), "data-steps-list": "" })] })),
+        hidden: props.hidden === true,
+        label: _jsx("h4", { "data-steps-title": "", children: model.title }),
+        panelClassName: "column gap-sm",
+        panelId: `${model.title.toLowerCase().replace(/[^a-z0-9]+/g, "-") || "steps"}_panel`,
+        rootClassName: "column gap-sm",
+        triggerClassName: "text-left",
+    });
+}
+export default shared_steps_panel;
+function stepsLabel(_lang) {
+    return "Steps";
+}
+function noStepsLabel(_lang) {
+    return "No steps yet.";
+}
+//# sourceMappingURL=panel.js.map

package/dist/src/steps/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../src/steps/panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAe/C,SAAS,eAAe,CAAC,KAA4B;IACnD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC;IACjD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO;QACL,KAAK,EACL,KAAK,CAAC,SAAS,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YACtD,CAAC,CAAC,KAAK,CAAC,SAAS;YACjB,CAAC,CAAC,EAAE;QACJ,UAAU,EAAE,YAAY;YACxB,CAAC,CAAC,UAAU,CAAC;gBACT,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,EAAE;gBACR,OAAO,EAAE,CAAC;gBACV,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;aAChE,CAAC;YACF,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,SAAS,EACT,MAAM,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;QAChE,YAAY;QACZ,KAAK,EAAE,YAAY;YACnB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK;KAC5C,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAA4B;IACtD,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO,UAAU,CAAC;QACd,OAAO,EAAE,CACP,mBACA,SAAS,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,sBAC7C,EAAE,qBACF,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,6BACnC,KAAK,CAAC,SAAS,8BACd,KAAK,CAAC,KAAK,KACjC,KAAK,CAAC,KAAK,aAEf,YAAG,SAAS,EAAC,YAAY,qBAAiB,EAAE,YAC3C,KAAK,CAAC,SAAS,GACZ,EACH,KAAK,CAAC,UAAU,EACjB,cACA,SAAS,EAAE,cAAc,CACrB,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,KAAK,CAAC,aAAa,CACtB,qBACe,EAAE,GAChB,IACQ,CACX;QACD,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,IAAI;QAC7B,KAAK,EAAE,iCAAqB,EAAE,YAAE,KAAK,CAAC,KAAK,GAAM;QACjD,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,OAAO,QAAQ;QACpF,aAAa,EAAE,eAAe;QAC9B,gBAAgB,EAAE,WAAW;KAChC,CAAC,CAAC;AACL,CAAC;AAGD,eAAe,kBAAkB,CAAC;AAElC,SAAS,UAAU,CAAC,KAAyB;IAC3C,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,YAAY,CAAC,KAAyB;IAC7C,OAAO,eAAe,CAAC;AACzB,CAAC"}

package/dist/src/wizard/animation.d.ts

@@ -0,0 +1,3 @@
+declare function animateWizardStep(root: HTMLElement, steps: HTMLElement[], fromIndex: number, toIndex: number, onDone: () => void): void;
+export { animateWizardStep };
+//# sourceMappingURL=animation.d.ts.map

package/dist/src/wizard/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../src/wizard/animation.ts"],"names":[],"mappings":"AAyBA,iBAAS,iBAAiB,CACxB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,WAAW,EAAE,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,IAAI,QA8BnB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/src/wizard/animation.js

@@ -0,0 +1,46 @@
+import { setStepState, showWizardStep } from "./step_state.js";
+const WIZARD_ANIMATION_MS = 240;
+const wizardAnimationTokens = new WeakMap();
+function prefersReducedWizardMotion() {
+    try {
+        return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    catch {
+        return false;
+    }
+}
+function finishWizardAnimation(root, token, steps, index, onDone) {
+    if (wizardAnimationTokens.get(root) !== token)
+        return;
+    showWizardStep(steps, index);
+    onDone();
+}
+function animateWizardStep(root, steps, fromIndex, toIndex, onDone) {
+    if (fromIndex === toIndex || prefersReducedWizardMotion()) {
+        showWizardStep(steps, toIndex);
+        onDone();
+        return;
+    }
+    const token = (wizardAnimationTokens.get(root) || 0) + 1;
+    wizardAnimationTokens.set(root, token);
+    const fromStep = steps[fromIndex];
+    const toStep = steps[toIndex];
+    steps.forEach((step, index) => {
+        if (index !== fromIndex && index !== toIndex)
+            setStepState(step, "", true);
+    });
+    setStepState(fromStep, "active", false);
+    setStepState(toStep, "enter", false);
+    toStep.getBoundingClientRect();
+    window.requestAnimationFrame(() => {
+        if (wizardAnimationTokens.get(root) !== token)
+            return;
+        setStepState(fromStep, "exit", false);
+        setStepState(toStep, "active", false);
+    });
+    window.setTimeout(() => {
+        finishWizardAnimation(root, token, steps, toIndex, onDone);
+    }, WIZARD_ANIMATION_MS + 80);
+}
+export { animateWizardStep };
+//# sourceMappingURL=animation.js.map

package/dist/src/wizard/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../src/wizard/animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE/D,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAChC,MAAM,qBAAqB,GAAG,IAAI,OAAO,EAAuB,CAAC;AAEjE,SAAS,0BAA0B;IACjC,IAAI,CAAC;QACH,OAAO,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;IACvE,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,SAAS,qBAAqB,CAC5B,IAAiB,EACjB,KAAa,EACb,KAAoB,EACpB,KAAa,EACb,MAAkB;IAElB,IAAI,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK;QAAE,OAAO;IACtD,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7B,MAAM,EAAE,CAAC;AACX,CAAC;AAED,SAAS,iBAAiB,CACxB,IAAiB,EACjB,KAAoB,EACpB,SAAiB,EACjB,OAAe,EACf,MAAkB;IAElB,IAAI,SAAS,KAAK,OAAO,IAAI,0BAA0B,EAAE,EAAE,CAAC;QAC1D,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC/B,MAAM,EAAE,CAAC;QACT,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACzD,qBAAqB,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IAE9B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC1B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO;YAAE,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACxC,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAE/B,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;QAC9B,IAAI,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK;YAAE,OAAO;QACtD,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QACtC,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;QACnB,qBAAqB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC7D,CAAC,EAAE,mBAAmB,GAAG,EAAE,CAAC,CAAC;AACjC,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/src/wizard/client.d.ts

@@ -0,0 +1,6 @@
+import { type BindRoot } from "../../dom/index.d.ts";
+declare function wizardSteps(root: HTMLElement): HTMLElement[];
+declare function bindWizardRoot(root: HTMLElement): void;
+declare function bindWizard(scope?: BindRoot): void;
+export { bindWizard, bindWizardRoot, wizardSteps };
+//# sourceMappingURL=client.d.ts.map

package/dist/src/wizard/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/wizard/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOxD,iBAAS,WAAW,CAAC,IAAI,EAAE,WAAW,iBAMrC;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,WAAW,QA0CxC;AAED,iBAAS,UAAU,CAAC,KAAK,GAAE,QAAmB,QAE7C;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/wizard/client.js

@@ -0,0 +1,40 @@
+import { queryAll } from "../../dom/index.js";
+import { wizardNavControls } from "./nav.js";
+import { initializeWizardStep } from "./sizing.js";
+import { createWizardNavigator } from "./navigator.js";
+const boundWizardRoots = new WeakSet();
+function wizardSteps(root) {
+    return Array.from(root.children).filter((child) => child instanceof HTMLElement &&
+        child.tagName.toLowerCase() === "wizard-step");
+}
+function bindWizardRoot(root) {
+    if (boundWizardRoots.has(root))
+        return;
+    boundWizardRoots.add(root);
+    const id = root.id;
+    if (!id)
+        return;
+    const steps = wizardSteps(root);
+    if (!steps.length)
+        return;
+    const prevButtons = wizardNavControls(root, "wizard-previous-button");
+    const nextButtons = wizardNavControls(root, "wizard-next-button");
+    const finalOnlyEls = wizardNavControls(root, "wizard-final-action");
+    const lastIndex = steps.length - 1;
+    const currentIndex = initializeWizardStep(root, steps, prevButtons, nextButtons, finalOnlyEls, lastIndex);
+    const navigator = createWizardNavigator(root, steps, prevButtons, nextButtons, finalOnlyEls, lastIndex, currentIndex);
+    prevButtons.forEach((button) => {
+        button.addEventListener("click", navigator.goToPrevious);
+    });
+    nextButtons.forEach((button) => {
+        button.addEventListener("click", navigator.goToNext);
+    });
+    root.addEventListener("input", navigator.recomputeValidity);
+    root.addEventListener("change", navigator.recomputeValidity);
+    root.addEventListener("backend-status:checked", navigator.recomputeValidity);
+}
+function bindWizard(scope = document) {
+    queryAll(scope, "wizard-root").forEach(bindWizardRoot);
+}
+export { bindWizard, bindWizardRoot, wizardSteps };
+//# sourceMappingURL=client.js.map

package/dist/src/wizard/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../src/wizard/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,gBAAgB,GAAG,IAAI,OAAO,EAAe,CAAC;AAEpD,SAAS,WAAW,CAAC,IAAiB;IACpC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACrC,CAAC,KAAK,EAAwB,EAAE,CAChC,KAAK,YAAY,WAAW;QAC1B,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,aAAa,CAChD,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,IAAiB;IACvC,IAAI,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE,OAAO;IACvC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAE3B,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,OAAO;IAEhB,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO;IAE1B,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC;IACtE,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnC,MAAM,YAAY,GAAG,oBAAoB,CACvC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,CACV,CAAC;IACF,MAAM,SAAS,GAAG,qBAAqB,CACrC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,YAAY,CACb,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QAC3B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IACH,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QAC3B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC5D,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC7D,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAC/E,CAAC;AAED,SAAS,UAAU,CAAC,QAAkB,QAAQ;IAC5C,QAAQ,CAAc,KAAK,EAAE,aAAa,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;AACtE,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/wizard/index.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from "react";
+type wizard_step = {
+    actions?: ReactNode;
+    id: string;
+    content: ReactNode;
+};
+type wizard_props = {
+    className?: string;
+    id: string;
+    steps: wizard_step[];
+};
+declare function wizard(props: wizard_props): import("react").ReactElement<{
+    className: string;
+    id: string;
+}, string | import("react").JSXElementConstructor<any>>;
+type wizard_nav_button_props = {
+    className?: string;
+    label: string;
+};
+declare function wizard_previous_button(props: wizard_nav_button_props): import("react").ReactElement<{
+    style: {
+        display: string;
+    };
+}, string | import("react").JSXElementConstructor<any>>;
+declare function wizard_next_button(props: wizard_nav_button_props): import("react").ReactElement<{
+    style: {
+        display: string;
+    };
+}, string | import("react").JSXElementConstructor<any>>;
+declare function wizard_final_action(children: ReactNode): import("react").ReactElement<{
+    hidden: boolean;
+}, string | import("react").JSXElementConstructor<any>>;
+export type { wizard_nav_button_props, wizard_props, wizard_step };
+export { wizard_final_action, wizard_next_button, wizard_previous_button };
+export { bindWizard, bindWizardRoot, wizardSteps } from "./client.js";
+export default wizard;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/wizard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAOF,iBAAS,MAAM,CAAC,KAAK,EAAE,YAAY;;;wDAwBlC;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,uBAAuB;;;;wDAa7D;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB;;;;wDASzD;AAED,iBAAS,mBAAmB,CAAC,QAAQ,EAAE,SAAS;;wDAE/C;AAED,YAAY,EAAE,uBAAuB,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACtE,eAAe,MAAM,CAAC"}