@base44/vite-plugin 0.2.25 → 0.2.27

package/dist/capabilities/inline-edit/controller.d.ts

@@ -0,0 +1,3 @@
+import type { InlineEditHost, InlineEditController } from "./types.js";
+export declare function createInlineEditController(host: InlineEditHost): InlineEditController;
+//# sourceMappingURL=controller.d.ts.map

package/dist/capabilities/inline-edit/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/capabilities/inline-edit/controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAUvE,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,cAAc,GACnB,oBAAoB,CAwOtB"}

package/dist/capabilities/inline-edit/controller.js

@@ -0,0 +1,194 @@
+import { injectFocusOutlineCSS, removeFocusOutlineCSS, selectText, shouldEnterInlineEditingMode, } from "./dom-utils.js";
+const DEBOUNCE_MS = 500;
+export function createInlineEditController(host) {
+    let currentEditingElement = null;
+    let debouncedSendTimeout = null;
+    let enabled = false;
+    const listenerAbortControllers = new WeakMap();
+    // --- Private helpers ---
+    const repositionOverlays = () => {
+        const selectedId = host.getSelectedElementId();
+        if (!selectedId)
+            return;
+        const elements = host.findElementsById(selectedId);
+        const overlays = host.getSelectedOverlays();
+        overlays.forEach((overlay, i) => {
+            if (i < elements.length && elements[i]) {
+                host.positionOverlay(overlay, elements[i]);
+            }
+        });
+    };
+    const reportEdit = (element) => {
+        const originalContent = element.dataset.originalTextContent;
+        const newContent = element.textContent;
+        const svgElement = element;
+        const rect = element.getBoundingClientRect();
+        window.parent.postMessage({
+            type: "inline-edit",
+            elementInfo: {
+                tagName: element.tagName,
+                classes: svgElement.className?.baseVal ||
+                    element.className ||
+                    "",
+                visualSelectorId: host.getSelectedElementId(),
+                content: newContent,
+                dataSourceLocation: element.dataset.sourceLocation,
+                isDynamicContent: element.dataset.dynamicContent === "true",
+                linenumber: element.dataset.linenumber,
+                filename: element.dataset.filename,
+                position: {
+                    top: rect.top,
+                    left: rect.left,
+                    right: rect.right,
+                    bottom: rect.bottom,
+                    width: rect.width,
+                    height: rect.height,
+                    centerX: rect.left + rect.width / 2,
+                    centerY: rect.top + rect.height / 2,
+                },
+            },
+            originalContent,
+            newContent,
+        }, "*");
+        element.dataset.originalTextContent = newContent || "";
+    };
+    const debouncedReport = (element) => {
+        if (debouncedSendTimeout)
+            clearTimeout(debouncedSendTimeout);
+        debouncedSendTimeout = setTimeout(() => reportEdit(element), DEBOUNCE_MS);
+    };
+    const onTextInput = (element) => {
+        repositionOverlays();
+        debouncedReport(element);
+    };
+    const handleInputEvent = function () {
+        onTextInput(this);
+    };
+    const makeEditable = (element) => {
+        injectFocusOutlineCSS();
+        element.dataset.originalTextContent = element.textContent || "";
+        element.dataset.originalCursor = element.style.cursor;
+        element.contentEditable = "true";
+        const abortController = new AbortController();
+        listenerAbortControllers.set(element, abortController);
+        element.addEventListener("input", handleInputEvent, {
+            signal: abortController.signal,
+        });
+        element.style.cursor = "text";
+        selectText(element);
+        setTimeout(() => {
+            if (element.isConnected) {
+                element.focus();
+            }
+        }, 0);
+    };
+    const makeNonEditable = (element) => {
+        const abortController = listenerAbortControllers.get(element);
+        if (abortController) {
+            abortController.abort();
+            listenerAbortControllers.delete(element);
+        }
+        if (!element.isConnected)
+            return;
+        removeFocusOutlineCSS();
+        element.contentEditable = "false";
+        delete element.dataset.originalTextContent;
+        if (element.dataset.originalCursor !== undefined) {
+            element.style.cursor = element.dataset.originalCursor;
+            delete element.dataset.originalCursor;
+        }
+    };
+    // --- Public API ---
+    return {
+        get enabled() {
+            return enabled;
+        },
+        set enabled(value) {
+            enabled = value;
+        },
+        isEditing() {
+            return currentEditingElement !== null;
+        },
+        getCurrentElement() {
+            return currentEditingElement;
+        },
+        canEdit(element) {
+            return shouldEnterInlineEditingMode(element);
+        },
+        startEditing(element) {
+            currentEditingElement = element;
+            host.getSelectedOverlays().forEach((o) => {
+                o.style.display = "none";
+            });
+            makeEditable(element);
+            window.parent.postMessage({
+                type: "content-editing-started",
+                visualSelectorId: host.getSelectedElementId(),
+            }, "*");
+        },
+        stopEditing() {
+            if (!currentEditingElement)
+                return;
+            if (debouncedSendTimeout) {
+                clearTimeout(debouncedSendTimeout);
+                debouncedSendTimeout = null;
+            }
+            const element = currentEditingElement;
+            makeNonEditable(element);
+            host.getSelectedOverlays().forEach((o) => {
+                o.style.display = "";
+            });
+            repositionOverlays();
+            window.parent.postMessage({
+                type: "content-editing-ended",
+                visualSelectorId: host.getSelectedElementId(),
+            }, "*");
+            currentEditingElement = null;
+        },
+        markElementsSelected(elements) {
+            elements.forEach((el) => {
+                if (el instanceof HTMLElement) {
+                    el.dataset.selected = "true";
+                }
+            });
+        },
+        clearSelectedMarks(elementId) {
+            if (!elementId)
+                return;
+            host.findElementsById(elementId).forEach((el) => {
+                if (el instanceof HTMLElement) {
+                    delete el.dataset.selected;
+                }
+            });
+        },
+        handleToggleMessage(data) {
+            if (!enabled)
+                return;
+            const elements = host.findElementsById(data.dataSourceLocation);
+            if (elements.length === 0 || !(elements[0] instanceof HTMLElement))
+                return;
+            const element = elements[0];
+            if (data.inlineEditingMode) {
+                if (!shouldEnterInlineEditingMode(element))
+                    return;
+                // Select the element first if not already selected
+                if (host.getSelectedElementId() !== data.dataSourceLocation) {
+                    this.stopEditing();
+                    host.clearSelection();
+                    this.markElementsSelected(elements);
+                    host.createSelectionOverlays(elements, data.dataSourceLocation);
+                }
+                this.startEditing(element);
+            }
+            else {
+                if (currentEditingElement === element) {
+                    this.stopEditing();
+                }
+            }
+        },
+        cleanup() {
+            this.stopEditing();
+        },
+    };
+}
+//# sourceMappingURL=controller.js.map

package/dist/capabilities/inline-edit/controller.js.map

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

package/dist/capabilities/inline-edit/dom-utils.d.ts

@@ -0,0 +1,6 @@
+export declare const injectFocusOutlineCSS: () => void;
+export declare const removeFocusOutlineCSS: () => void;
+export declare const selectText: (element: HTMLElement) => void;
+export declare const isEditableTextElement: (element: Element) => boolean;
+export declare const shouldEnterInlineEditingMode: (element: Element) => boolean;
+//# sourceMappingURL=dom-utils.d.ts.map

package/dist/capabilities/inline-edit/dom-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-utils.d.ts","sourceRoot":"","sources":["../../../src/capabilities/inline-edit/dom-utils.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,qBAAqB,YAWjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,YAEjC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,SAAS,WAAW,SAM9C,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,SAAS,OAAO,KAAG,OAQxD,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,SAAS,OAAO,KAAG,OAK/D,CAAC"}

package/dist/capabilities/inline-edit/dom-utils.js

@@ -0,0 +1,49 @@
+const FOCUS_STYLE_ID = "visual-edit-focus-styles";
+const EDITABLE_TAGS = [
+    "div", "p", "h1", "h2", "h3", "h4", "h5", "h6",
+    "span", "li", "td", "a", "button", "label",
+];
+export const injectFocusOutlineCSS = () => {
+    if (document.getElementById(FOCUS_STYLE_ID))
+        return;
+    const style = document.createElement("style");
+    style.id = FOCUS_STYLE_ID;
+    style.textContent = `
+    [data-selected="true"][contenteditable="true"]:focus {
+      outline: none !important;
+    }
+  `;
+    document.head.appendChild(style);
+};
+export const removeFocusOutlineCSS = () => {
+    document.getElementById(FOCUS_STYLE_ID)?.remove();
+};
+export const selectText = (element) => {
+    const range = document.createRange();
+    range.selectNodeContents(element);
+    const selection = window.getSelection();
+    selection?.removeAllRanges();
+    selection?.addRange(range);
+};
+export const isEditableTextElement = (element) => {
+    if (!(element instanceof HTMLElement))
+        return false;
+    if (!EDITABLE_TAGS.includes(element.tagName.toLowerCase()))
+        return false;
+    if (!element.textContent?.trim())
+        return false;
+    if (element.querySelector("img, video, canvas, svg"))
+        return false;
+    if (element.children?.length > 0)
+        return false;
+    if (element.dataset.dynamicContent === "true")
+        return false;
+    return true;
+};
+export const shouldEnterInlineEditingMode = (element) => {
+    if (!(element instanceof HTMLElement) || element.dataset.selected !== "true") {
+        return false;
+    }
+    return isEditableTextElement(element);
+};
+//# sourceMappingURL=dom-utils.js.map

package/dist/capabilities/inline-edit/dom-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-utils.js","sourceRoot":"","sources":["../../../src/capabilities/inline-edit/dom-utils.ts"],"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG,0BAA0B,CAAC;AAElD,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,IAAI,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC;QAAE,OAAO;IAEpD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,cAAc,CAAC;IAC1B,KAAK,CAAC,WAAW,GAAG;;;;GAInB,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAoB,EAAE,EAAE;IACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IACxC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,OAAgB,EAAW,EAAE;IACjE,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC;QAAE,OAAO,KAAK,CAAC;IACpD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAAE,OAAO,KAAK,CAAC;IACzE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE;QAAE,OAAO,KAAK,CAAC;IAC/C,IAAI,OAAO,CAAC,aAAa,CAAC,yBAAyB,CAAC;QAAE,OAAO,KAAK,CAAC;IACnE,IAAI,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC;IAC/C,IAAI,OAAO,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM;QAAE,OAAO,KAAK,CAAC;IAC5D,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,OAAgB,EAAW,EAAE;IACxE,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;QAC7E,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAAC;AACxC,CAAC,CAAC"}

package/dist/capabilities/inline-edit/index.d.ts

@@ -0,0 +1,3 @@
+export { createInlineEditController } from "./controller.js";
+export type { InlineEditController, InlineEditHost } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/capabilities/inline-edit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/capabilities/inline-edit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/capabilities/inline-edit/index.js

@@ -0,0 +1,2 @@
+export { createInlineEditController } from "./controller.js";
+//# sourceMappingURL=index.js.map

package/dist/capabilities/inline-edit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/capabilities/inline-edit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/capabilities/inline-edit/types.d.ts

@@ -0,0 +1,25 @@
+export interface InlineEditHost {
+    findElementsById(id: string | null): Element[];
+    getSelectedElementId(): string | null;
+    getSelectedOverlays(): HTMLDivElement[];
+    positionOverlay(overlay: HTMLDivElement, element: Element, isSelected?: boolean): void;
+    clearSelection(): void;
+    createSelectionOverlays(elements: Element[], elementId: string): void;
+}
+export interface ToggleInlineEditData {
+    dataSourceLocation: string;
+    inlineEditingMode: boolean;
+}
+export interface InlineEditController {
+    enabled: boolean;
+    isEditing(): boolean;
+    getCurrentElement(): HTMLElement | null;
+    canEdit(element: Element): boolean;
+    startEditing(element: HTMLElement): void;
+    stopEditing(): void;
+    markElementsSelected(elements: Element[]): void;
+    clearSelectedMarks(elementId: string | null): void;
+    handleToggleMessage(data: ToggleInlineEditData): void;
+    cleanup(): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/capabilities/inline-edit/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/capabilities/inline-edit/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,CAAC;IAC/C,oBAAoB,IAAI,MAAM,GAAG,IAAI,CAAC;IACtC,mBAAmB,IAAI,cAAc,EAAE,CAAC;IACxC,eAAe,CACb,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,EAChB,UAAU,CAAC,EAAE,OAAO,GACnB,IAAI,CAAC;IACR,cAAc,IAAI,IAAI,CAAC;IACvB,uBAAuB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,oBAAoB;IACnC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,IAAI,OAAO,CAAC;IACrB,iBAAiB,IAAI,WAAW,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACzC,WAAW,IAAI,IAAI,CAAC;IACpB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAChD,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACnD,mBAAmB,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACtD,OAAO,IAAI,IAAI,CAAC;CACjB"}

package/dist/capabilities/inline-edit/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/capabilities/inline-edit/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/capabilities/inline-edit/types.ts"],"names":[],"mappings":""}

package/dist/injections/layer-dropdown/consts.d.ts

@@ -0,0 +1,19 @@
+/** Style constants for the layer dropdown UI */
+export declare const DROPDOWN_CONTAINER_STYLES: Record<string, string>;
+export declare const DROPDOWN_ITEM_BASE_STYLES: Record<string, string>;
+export declare const DROPDOWN_ITEM_ACTIVE_COLOR = "#526cff";
+export declare const DROPDOWN_ITEM_ACTIVE_BG = "#DBEAFE";
+export declare const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = "600";
+export declare const DROPDOWN_ITEM_HOVER_BG = "#f1f5f9";
+export declare const DEPTH_INDENT_PX = 10;
+/** Chevron shown when dropdown is collapsed (click to expand) */
+export declare const CHEVRON_COLLAPSED = " \u25BE";
+/** Chevron shown when dropdown is expanded (click to collapse) */
+export declare const CHEVRON_EXPANDED = " \u25B4";
+export declare const BASE_PADDING_PX = 12;
+export declare const LAYER_DROPDOWN_ATTR = "data-layer-dropdown";
+/** Max instrumented ancestors to show above the selected element */
+export declare const MAX_PARENT_DEPTH = 2;
+/** Max instrumented depth levels to show below the selected element */
+export declare const MAX_CHILD_DEPTH = 2;
+//# sourceMappingURL=consts.d.ts.map

package/dist/injections/layer-dropdown/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/consts.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAEhD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ5D,CAAC;AAEF,eAAO,MAAM,0BAA0B,YAAY,CAAC;AACpD,eAAO,MAAM,uBAAuB,YAAY,CAAC;AACjD,eAAO,MAAM,gCAAgC,QAAQ,CAAC;AAEtD,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAEhD,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,iEAAiE;AACjE,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAC3C,kEAAkE;AAClE,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,uEAAuE;AACvE,eAAO,MAAM,eAAe,IAAI,CAAC"}

package/dist/injections/layer-dropdown/consts.js

@@ -0,0 +1,40 @@
+/** Style constants for the layer dropdown UI */
+export const DROPDOWN_CONTAINER_STYLES = {
+    position: "absolute",
+    backgroundColor: "#ffffff",
+    border: "1px solid #e2e8f0",
+    borderRadius: "6px",
+    boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+    fontSize: "12px",
+    minWidth: "120px",
+    maxHeight: "200px",
+    overflowY: "auto",
+    zIndex: "10001",
+    padding: "4px 0",
+    pointerEvents: "auto",
+};
+export const DROPDOWN_ITEM_BASE_STYLES = {
+    padding: "4px 12px",
+    cursor: "pointer",
+    color: "#334155",
+    backgroundColor: "transparent",
+    whiteSpace: "nowrap",
+    lineHeight: "1.5",
+    fontWeight: "400",
+};
+export const DROPDOWN_ITEM_ACTIVE_COLOR = "#526cff";
+export const DROPDOWN_ITEM_ACTIVE_BG = "#DBEAFE";
+export const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = "600";
+export const DROPDOWN_ITEM_HOVER_BG = "#f1f5f9";
+export const DEPTH_INDENT_PX = 10;
+/** Chevron shown when dropdown is collapsed (click to expand) */
+export const CHEVRON_COLLAPSED = " \u25BE";
+/** Chevron shown when dropdown is expanded (click to collapse) */
+export const CHEVRON_EXPANDED = " \u25B4";
+export const BASE_PADDING_PX = 12;
+export const LAYER_DROPDOWN_ATTR = "data-layer-dropdown";
+/** Max instrumented ancestors to show above the selected element */
+export const MAX_PARENT_DEPTH = 2;
+/** Max instrumented depth levels to show below the selected element */
+export const MAX_CHILD_DEPTH = 2;
+//# sourceMappingURL=consts.js.map

package/dist/injections/layer-dropdown/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/consts.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAEhD,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,SAAS;IAC1B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,gCAAgC;IAC3C,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,OAAO;IAChB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC;AACpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,iEAAiE;AACjE,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC;AAC3C,kEAAkE;AAClE,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAEzD,oEAAoE;AACpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,uEAAuE;AACvE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC"}

package/dist/injections/layer-dropdown/controller.d.ts

@@ -0,0 +1,4 @@
+/** Controller that encapsulates layer-dropdown integration logic */
+import type { LayerControllerConfig, LayerController } from "./types.js";
+export declare function createLayerController(config: LayerControllerConfig): LayerController;
+//# sourceMappingURL=controller.d.ts.map

package/dist/injections/layer-dropdown/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/controller.ts"],"names":[],"mappings":"AAAA,oEAAoE;AAUpE,OAAO,KAAK,EAAa,qBAAqB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpF,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,GAAG,eAAe,CAgGpF"}

package/dist/injections/layer-dropdown/controller.js

@@ -0,0 +1,88 @@
+/** Controller that encapsulates layer-dropdown integration logic */
+import { getElementSelectorId } from "../utils.js";
+import { buildLayerChain } from "./utils.js";
+import { enhanceLabelWithChevron, showDropdown, closeDropdown, isDropdownOpen, } from "./dropdown-ui.js";
+export function createLayerController(config) {
+    let layerPreviewOverlay = null;
+    let escapeHandler = null;
+    let dropdownSourceLayer = null;
+    const clearLayerPreview = () => {
+        if (layerPreviewOverlay && layerPreviewOverlay.parentNode) {
+            layerPreviewOverlay.remove();
+        }
+        layerPreviewOverlay = null;
+    };
+    const showLayerPreview = (layer) => {
+        clearLayerPreview();
+        if (getElementSelectorId(layer.element) === config.getSelectedElementId())
+            return;
+        layerPreviewOverlay = config.createPreviewOverlay(layer.element);
+    };
+    const selectLayer = (layer) => {
+        clearLayerPreview();
+        closeDropdown();
+        if (escapeHandler) {
+            document.removeEventListener("keydown", escapeHandler, true);
+            escapeHandler = null;
+        }
+        dropdownSourceLayer = null;
+        const firstOverlay = config.selectElement(layer.element);
+        attachToOverlay(firstOverlay, layer.element);
+    };
+    const restoreSelection = () => {
+        if (escapeHandler) {
+            document.removeEventListener("keydown", escapeHandler, true);
+            escapeHandler = null;
+        }
+        if (dropdownSourceLayer) {
+            selectLayer(dropdownSourceLayer);
+            dropdownSourceLayer = null;
+        }
+    };
+    const handleLabelClick = (e, label, element, layers, currentId) => {
+        e.stopPropagation();
+        e.preventDefault();
+        if (isDropdownOpen()) {
+            closeDropdown();
+            restoreSelection();
+        }
+        else {
+            dropdownSourceLayer = {
+                element,
+                tagName: element.tagName.toLowerCase(),
+                selectorId: currentId,
+            };
+            config.onDeselect();
+            escapeHandler = (ev) => {
+                if (ev.key === "Escape") {
+                    ev.stopPropagation();
+                    closeDropdown();
+                    restoreSelection();
+                }
+            };
+            document.addEventListener("keydown", escapeHandler, true);
+            showDropdown(label, layers, element, { onSelect: selectLayer, onHover: showLayerPreview, onHoverEnd: clearLayerPreview });
+        }
+    };
+    const attachToOverlay = (overlay, element) => {
+        if (!overlay)
+            return;
+        const label = overlay.querySelector("div");
+        if (!label)
+            return;
+        const layers = buildLayerChain(element);
+        if (layers.length <= 1)
+            return;
+        const currentId = getElementSelectorId(element);
+        enhanceLabelWithChevron(label);
+        label.addEventListener("click", (e) => {
+            handleLabelClick(e, label, element, layers, currentId);
+        });
+    };
+    const cleanup = () => {
+        clearLayerPreview();
+        closeDropdown();
+    };
+    return { attachToOverlay, cleanup };
+}
+//# sourceMappingURL=controller.js.map

package/dist/injections/layer-dropdown/controller.js.map

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

package/dist/injections/layer-dropdown/dropdown-ui.d.ts

@@ -0,0 +1,13 @@
+/** Dropdown UI component for layer navigation */
+import type { LayerInfo, DropdownCallbacks } from "./types.js";
+/** Create the dropdown DOM element with layer items */
+export declare function createDropdownElement(layers: LayerInfo[], currentElement: Element | null, callbacks: DropdownCallbacks): HTMLDivElement;
+/** Add chevron indicator and pointer-events to the label */
+export declare function enhanceLabelWithChevron(label: HTMLDivElement): void;
+/** Show the dropdown below the label element */
+export declare function showDropdown(label: HTMLDivElement, layers: LayerInfo[], currentElement: Element | null, callbacks: DropdownCallbacks): void;
+/** Close the active dropdown and clean up listeners */
+export declare function closeDropdown(): void;
+/** Check if a dropdown is currently visible */
+export declare function isDropdownOpen(): boolean;
+//# sourceMappingURL=dropdown-ui.d.ts.map

package/dist/injections/layer-dropdown/dropdown-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-ui.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/dropdown-ui.ts"],"names":[],"mappings":"AAAA,iDAAiD;AAgBjD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AA+C/D,uDAAuD;AACvD,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,SAAS,EAAE,EACnB,cAAc,EAAE,OAAO,GAAG,IAAI,EAC9B,SAAS,EAAE,iBAAiB,GAC3B,cAAc,CAWhB;AAED,4DAA4D;AAC5D,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAUnE;AAkED,gDAAgD;AAChD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,SAAS,EAAE,EACnB,cAAc,EAAE,OAAO,GAAG,IAAI,EAC9B,SAAS,EAAE,iBAAiB,GAC3B,IAAI,CAgCN;AAED,uDAAuD;AACvD,wBAAgB,aAAa,IAAI,IAAI,CAyBpC;AAED,+CAA+C;AAC/C,wBAAgB,cAAc,IAAI,OAAO,CAExC"}