dynim-core 1.0.0

package/dist/builder/editor-overlays.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Visual overlays for the editor
+ * Hover highlight, selection box, drag ghost, drop indicator
+ * Uses CSS classes with !important to prevent Dark Reader interference
+ */
+export interface OverlaysConfig {
+    zIndex?: number;
+}
+export interface Overlays {
+    container: HTMLDivElement;
+    mount: () => void;
+    unmount: () => void;
+    showHover: (rect: DOMRect | null) => void;
+    hideHover: () => void;
+    showSelection: (rect: DOMRect | null) => void;
+    hideSelection: () => void;
+    showDragGhost: (sourceRect: DOMRect | null, cursorPos: {
+        x: number;
+        y: number;
+    } | null, grabOffsetX?: number | null, grabOffsetY?: number | null) => void;
+    hideDragGhost: () => void;
+    showDropIndicator: (targetRect: DOMRect | null, position: string | null, parentRect?: DOMRect | null) => void;
+    hideDropIndicator: () => void;
+    showNoDropIndicator: (rect: DOMRect | null) => void;
+    hideNoDropIndicator: () => void;
+    showTooltip: (text: string | null, rect: DOMRect | null) => void;
+    hideTooltip: () => void;
+    hideAll: () => void;
+}
+export declare function createOverlays(config?: OverlaysConfig): Overlays;
+//# sourceMappingURL=editor-overlays.d.ts.map

package/dist/builder/editor-overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-overlays.d.ts","sourceRoot":"","sources":["../../src/builder/editor-overlays.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1J,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9G,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AASD,wBAAgB,cAAc,CAAC,MAAM,GAAE,cAAmB,GAAG,QAAQ,CA4NpE"}

package/dist/builder/editor-overlays.js

@@ -0,0 +1,202 @@
+/**
+ * Visual overlays for the editor
+ * Hover highlight, selection box, drag ghost, drop indicator
+ * Uses CSS classes with !important to prevent Dark Reader interference
+ */
+function createOverlayElement(className) {
+    const el = document.createElement('div');
+    el.className = className;
+    el.style.display = 'none';
+    return el;
+}
+export function createOverlays(config = {}) {
+    const { zIndex = 10000 } = config;
+    const container = document.createElement('div');
+    container.id = '__editor-overlays__';
+    container.style.cssText = `
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: ${zIndex};
+  `;
+    const hoverOverlay = createOverlayElement('editor-hover-overlay');
+    const selectionOverlay = createOverlayElement('editor-selection-overlay');
+    const dragGhost = createOverlayElement('editor-drag-ghost');
+    const dropLine = createOverlayElement('editor-drop-line');
+    const dropTarget = createOverlayElement('editor-drop-target');
+    const parentHighlight = createOverlayElement('editor-parent-highlight');
+    const tooltip = createOverlayElement('editor-tooltip');
+    const noDropIndicator = createOverlayElement('editor-no-drop-indicator');
+    container.appendChild(hoverOverlay);
+    container.appendChild(selectionOverlay);
+    container.appendChild(dragGhost);
+    container.appendChild(dropTarget);
+    container.appendChild(parentHighlight);
+    container.appendChild(dropLine);
+    container.appendChild(tooltip);
+    container.appendChild(noDropIndicator);
+    function mount() {
+        document.body.appendChild(container);
+    }
+    function unmount() {
+        container.remove();
+    }
+    function showHover(rect) {
+        if (!rect) {
+            hideHover();
+            return;
+        }
+        hoverOverlay.style.left = `${rect.x}px`;
+        hoverOverlay.style.top = `${rect.y}px`;
+        hoverOverlay.style.width = `${rect.width}px`;
+        hoverOverlay.style.height = `${rect.height}px`;
+        hoverOverlay.style.display = 'block';
+        hoverOverlay.classList.add('active');
+    }
+    function hideHover() {
+        hoverOverlay.classList.remove('active');
+        hoverOverlay.style.display = 'none';
+    }
+    function showSelection(rect) {
+        if (!rect) {
+            hideSelection();
+            return;
+        }
+        selectionOverlay.style.left = `${rect.x}px`;
+        selectionOverlay.style.top = `${rect.y}px`;
+        selectionOverlay.style.width = `${rect.width}px`;
+        selectionOverlay.style.height = `${rect.height}px`;
+        selectionOverlay.style.display = 'block';
+        selectionOverlay.classList.add('active');
+    }
+    function hideSelection() {
+        selectionOverlay.classList.remove('active');
+        selectionOverlay.style.display = 'none';
+    }
+    function showDragGhost(sourceRect, cursorPos, grabOffsetX = null, grabOffsetY = null) {
+        if (!sourceRect || !cursorPos) {
+            hideDragGhost();
+            return;
+        }
+        const ghostX = grabOffsetX !== null ? cursorPos.x - grabOffsetX : cursorPos.x - sourceRect.width / 2;
+        const ghostY = grabOffsetY !== null ? cursorPos.y - grabOffsetY : cursorPos.y - sourceRect.height / 2;
+        dragGhost.style.left = `${ghostX}px`;
+        dragGhost.style.top = `${ghostY}px`;
+        dragGhost.style.width = `${sourceRect.width}px`;
+        dragGhost.style.height = `${sourceRect.height}px`;
+        dragGhost.style.display = 'block';
+        dragGhost.classList.add('active');
+    }
+    function hideDragGhost() {
+        dragGhost.classList.remove('active');
+        dragGhost.style.display = 'none';
+    }
+    function showDropIndicator(targetRect, position, _parentRect) {
+        if (!targetRect || !position) {
+            hideDropIndicator();
+            return;
+        }
+        dropTarget.style.left = `${targetRect.x}px`;
+        dropTarget.style.top = `${targetRect.y}px`;
+        dropTarget.style.width = `${targetRect.width}px`;
+        dropTarget.style.height = `${targetRect.height}px`;
+        dropTarget.style.display = 'block';
+        dropTarget.classList.add('active');
+        parentHighlight.classList.remove('active');
+        parentHighlight.style.display = 'none';
+        const lineThickness = 4;
+        if (position === 'top') {
+            dropLine.style.left = `${targetRect.x}px`;
+            dropLine.style.top = `${targetRect.y - lineThickness / 2}px`;
+            dropLine.style.width = `${targetRect.width}px`;
+            dropLine.style.height = `${lineThickness}px`;
+        }
+        else if (position === 'bottom') {
+            dropLine.style.left = `${targetRect.x}px`;
+            dropLine.style.top = `${targetRect.y + targetRect.height - lineThickness / 2}px`;
+            dropLine.style.width = `${targetRect.width}px`;
+            dropLine.style.height = `${lineThickness}px`;
+        }
+        else if (position === 'left') {
+            dropLine.style.left = `${targetRect.x - lineThickness / 2}px`;
+            dropLine.style.top = `${targetRect.y}px`;
+            dropLine.style.width = `${lineThickness}px`;
+            dropLine.style.height = `${targetRect.height}px`;
+        }
+        else if (position === 'right') {
+            dropLine.style.left = `${targetRect.x + targetRect.width - lineThickness / 2}px`;
+            dropLine.style.top = `${targetRect.y}px`;
+            dropLine.style.width = `${lineThickness}px`;
+            dropLine.style.height = `${targetRect.height}px`;
+        }
+        dropLine.style.display = 'block';
+        dropLine.classList.add('active');
+    }
+    function hideDropIndicator() {
+        dropTarget.classList.remove('active');
+        dropTarget.style.display = 'none';
+        dropLine.classList.remove('active');
+        dropLine.style.display = 'none';
+        parentHighlight.classList.remove('active');
+        parentHighlight.style.display = 'none';
+    }
+    function showNoDropIndicator(rect) {
+        if (!rect) {
+            hideNoDropIndicator();
+            return;
+        }
+        noDropIndicator.style.left = `${rect.x}px`;
+        noDropIndicator.style.top = `${rect.y}px`;
+        noDropIndicator.style.width = `${rect.width}px`;
+        noDropIndicator.style.height = `${rect.height}px`;
+        noDropIndicator.style.display = 'block';
+        noDropIndicator.classList.add('active');
+    }
+    function hideNoDropIndicator() {
+        noDropIndicator.classList.remove('active');
+        noDropIndicator.style.display = 'none';
+    }
+    function showTooltip(text, rect) {
+        if (!text || !rect) {
+            hideTooltip();
+            return;
+        }
+        const tooltipX = rect.x;
+        const tooltipY = rect.y - 28;
+        tooltip.textContent = text;
+        tooltip.style.left = `${tooltipX}px`;
+        tooltip.style.top = `${Math.max(4, tooltipY)}px`;
+        tooltip.style.display = 'block';
+        tooltip.classList.add('active');
+    }
+    function hideTooltip() {
+        tooltip.classList.remove('active');
+        tooltip.style.display = 'none';
+    }
+    function hideAll() {
+        hideHover();
+        hideSelection();
+        hideDragGhost();
+        hideDropIndicator();
+        hideNoDropIndicator();
+        hideTooltip();
+    }
+    return {
+        container,
+        mount,
+        unmount,
+        showHover,
+        hideHover,
+        showSelection,
+        hideSelection,
+        showDragGhost,
+        hideDragGhost,
+        showDropIndicator,
+        hideDropIndicator,
+        showNoDropIndicator,
+        hideNoDropIndicator,
+        showTooltip,
+        hideTooltip,
+        hideAll
+    };
+}

package/dist/builder/editor-state.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Editor state management - Selection, hover, and drag state
+ * Uses event emitters for framework-agnostic reactivity (matching state.js pattern)
+ */
+export interface DropIndicator {
+    rect: DOMRect;
+    position: string;
+    parentRect?: DOMRect | null;
+}
+export interface EditorStateData {
+    selectedIds: string[];
+    primarySelectedId: string | null;
+    selectionRect: DOMRect | null;
+    selectedElement: HTMLElement | null;
+    hoveredId: string | null;
+    hoverRect: DOMRect | null;
+    hoveredElement: HTMLElement | null;
+    drillDepth: number;
+    isMultiSelectActive: boolean;
+    isDragging: boolean;
+    dragSourceElement: HTMLElement | null;
+    dragSourceRect: DOMRect | null;
+    dragGhostPos: {
+        x: number;
+        y: number;
+    } | null;
+    dropIndicator: DropIndicator | null;
+}
+export type EditorStateListener = (state: EditorStateData, prevState?: EditorStateData) => void;
+export interface EditorState {
+    getState: () => EditorStateData;
+    setState: (updates: Partial<EditorStateData>) => void;
+    subscribe: (listener: EditorStateListener) => () => void;
+    setSelectedIds: (ids: string[]) => void;
+    addToSelection: (id: string) => void;
+    clearSelection: () => void;
+    setSelection: (element: HTMLElement | null, rect: DOMRect | null) => void;
+    setHover: (id: string | null, element: HTMLElement | null, rect: DOMRect | null) => void;
+    clearHover: () => void;
+    incrementDrillDepth: () => void;
+    resetDrillDepth: () => void;
+    startDrag: (element: HTMLElement, rect: DOMRect) => void;
+    updateDrag: (ghostPos: {
+        x: number;
+        y: number;
+    } | null, dropIndicator: DropIndicator | null) => void;
+    endDrag: () => void;
+}
+export declare function createEditorState(initialState?: Partial<EditorStateData>): EditorState;
+//# sourceMappingURL=editor-state.d.ts.map

package/dist/builder/editor-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-state.d.ts","sourceRoot":"","sources":["../../src/builder/editor-state.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC9C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;CACrC;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;AAEhG,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,eAAe,CAAC;IAChC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACtD,SAAS,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,MAAM,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1E,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACzF,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,EAAE,aAAa,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACrG,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,YAAY,GAAE,OAAO,CAAC,eAAe,CAAM,GAAG,WAAW,CA+I1F"}

package/dist/builder/editor-state.js

@@ -0,0 +1,132 @@
+/**
+ * Editor state management - Selection, hover, and drag state
+ * Uses event emitters for framework-agnostic reactivity (matching state.js pattern)
+ */
+export function createEditorState(initialState = {}) {
+    let state = {
+        selectedIds: [],
+        primarySelectedId: null,
+        selectionRect: null,
+        selectedElement: null,
+        hoveredId: null,
+        hoverRect: null,
+        hoveredElement: null,
+        drillDepth: 0,
+        isMultiSelectActive: false,
+        isDragging: false,
+        dragSourceElement: null,
+        dragSourceRect: null,
+        dragGhostPos: null,
+        dropIndicator: null,
+        ...initialState
+    };
+    const listeners = new Set();
+    function getState() {
+        return { ...state };
+    }
+    function setState(updates) {
+        const prevState = state;
+        state = { ...state, ...updates };
+        listeners.forEach(listener => listener(state, prevState));
+    }
+    function subscribe(listener) {
+        listeners.add(listener);
+        return () => listeners.delete(listener);
+    }
+    function setSelectedIds(ids) {
+        setState({
+            selectedIds: ids,
+            primarySelectedId: ids[0] ?? null,
+            drillDepth: 0,
+            isMultiSelectActive: ids.length > 1
+        });
+    }
+    function addToSelection(id) {
+        if (state.selectedIds.includes(id)) {
+            return;
+        }
+        setState({
+            selectedIds: [...state.selectedIds, id],
+            isMultiSelectActive: true
+        });
+    }
+    function clearSelection() {
+        setState({
+            selectedIds: [],
+            primarySelectedId: null,
+            selectionRect: null,
+            selectedElement: null,
+            isMultiSelectActive: false
+        });
+    }
+    function setSelection(element, rect) {
+        setState({
+            selectedElement: element,
+            selectionRect: rect
+        });
+    }
+    function setHover(id, element, rect) {
+        setState({
+            hoveredId: id,
+            hoveredElement: element,
+            hoverRect: rect
+        });
+    }
+    function clearHover() {
+        setState({
+            hoveredId: null,
+            hoveredElement: null,
+            hoverRect: null
+        });
+    }
+    function incrementDrillDepth() {
+        setState({
+            drillDepth: state.drillDepth + 1
+        });
+    }
+    function resetDrillDepth() {
+        setState({
+            drillDepth: 0
+        });
+    }
+    function startDrag(element, rect) {
+        setState({
+            isDragging: true,
+            dragSourceElement: element,
+            dragSourceRect: rect,
+            selectedElement: null,
+            selectionRect: null
+        });
+    }
+    function updateDrag(ghostPos, dropIndicator) {
+        setState({
+            dragGhostPos: ghostPos,
+            dropIndicator: dropIndicator
+        });
+    }
+    function endDrag() {
+        setState({
+            isDragging: false,
+            dragSourceElement: null,
+            dragSourceRect: null,
+            dragGhostPos: null,
+            dropIndicator: null
+        });
+    }
+    return {
+        getState,
+        setState,
+        subscribe,
+        setSelectedIds,
+        addToSelection,
+        clearSelection,
+        setSelection,
+        setHover,
+        clearHover,
+        incrementDrillDepth,
+        resetDrillDepth,
+        startDrag,
+        updateDrag,
+        endDrag
+    };
+}

package/dist/builder/element-utils.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Element utilities - Stable IDs and element identification
+ */
+export declare const STABLE_ID_ATTR = "data-sdesign-id";
+export declare const VISIBILITY_ATTR = "vis";
+export interface ElementIdentifier {
+    tagName: string;
+    classes: string[];
+    nthOfType: number;
+    attributeHints: Record<string, string>;
+    id?: string;
+    textContentPreview?: string;
+    parentIdentifier?: ElementIdentifier;
+}
+export interface PlacementTarget {
+    parent: ElementIdentifier;
+    parentStableId: string;
+    position: 'prepend' | 'append' | 'after';
+    referenceElement?: ElementIdentifier;
+    referenceStableId?: string;
+}
+export interface SerializedRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export declare function getVisibilityBoundary(element: HTMLElement): HTMLElement | null;
+export declare function canDropInZone(sourceElement: HTMLElement, targetElement: HTMLElement): boolean;
+export declare function getStableId(element: HTMLElement): string;
+export declare function findByStableId(id: string, root?: HTMLElement): HTMLElement | null;
+export declare function getDomPath(element: HTMLElement, root: HTMLElement): number[];
+export declare function getElementAtPath(path: number[], root: HTMLElement): HTMLElement | null;
+export declare function getRelevantStyles(el: HTMLElement): Record<string, string>;
+export declare function serializeRect(rect: DOMRect): SerializedRect;
+export declare function buildElementIdentifier(element: HTMLElement, maxDepth?: number): ElementIdentifier;
+export declare function buildPlacementTarget(element: HTMLElement): PlacementTarget | null;
+export declare function getVisibleContent(): string[];
+//# sourceMappingURL=element-utils.d.ts.map

package/dist/builder/element-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-utils.d.ts","sourceRoot":"","sources":["../../src/builder/element-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,cAAc,oBAAoB,CAAC;AAChD,eAAO,MAAM,eAAe,QAAQ,CAAC;AAErC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAa9E;AAED,wBAAgB,aAAa,CAAC,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,GAAG,OAAO,CAa7F;AAWD,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CASxD;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,GAAE,WAA2B,GAAG,WAAW,GAAG,IAAI,CAEhG;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,EAAE,CAY5E;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAStF;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAqBzE;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,cAAc,CAW3D;AAiDD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,SAAI,GAAG,iBAAiB,CAwB5F;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CA+BjF;AAID,wBAAgB,iBAAiB,IAAI,MAAM,EAAE,CA0C5C"}