@lichess-org/chessground 9.2.3

package/dist/state.d.ts

@@ -0,0 +1,100 @@
+import { AnimCurrent } from './anim.js';
+import { DragCurrent } from './drag.js';
+import { Drawable } from './draw.js';
+import * as cg from './types.js';
+export interface HeadlessState {
+    pieces: cg.Pieces;
+    orientation: cg.Color;
+    turnColor: cg.Color;
+    check?: cg.Key;
+    lastMove?: cg.Key[];
+    selected?: cg.Key;
+    coordinates: boolean;
+    coordinatesOnSquares: boolean;
+    ranksPosition: cg.RanksPosition;
+    autoCastle: boolean;
+    viewOnly: boolean;
+    disableContextMenu: boolean;
+    addPieceZIndex: boolean;
+    addDimensionsCssVarsTo?: HTMLElement;
+    blockTouchScroll: boolean;
+    pieceKey: boolean;
+    trustAllEvents?: boolean;
+    highlight: {
+        lastMove: boolean;
+        check: boolean;
+        custom?: cg.SquareClasses;
+    };
+    animation: {
+        enabled: boolean;
+        duration: number;
+        current?: AnimCurrent;
+    };
+    movable: {
+        free: boolean;
+        color?: cg.Color | 'both';
+        dests?: cg.Dests;
+        showDests: boolean;
+        events: {
+            after?: (orig: cg.Key, dest: cg.Key, metadata: cg.MoveMetadata) => void;
+            afterNewPiece?: (role: cg.Role, key: cg.Key, metadata: cg.MoveMetadata) => void;
+        };
+        rookCastle: boolean;
+    };
+    premovable: {
+        enabled: boolean;
+        showDests: boolean;
+        castle: boolean;
+        dests?: cg.Key[];
+        customDests?: cg.Dests;
+        current?: cg.KeyPair;
+        events: {
+            set?: (orig: cg.Key, dest: cg.Key, metadata?: cg.SetPremoveMetadata) => void;
+            unset?: () => void;
+        };
+    };
+    predroppable: {
+        enabled: boolean;
+        current?: {
+            role: cg.Role;
+            key: cg.Key;
+        };
+        events: {
+            set?: (role: cg.Role, key: cg.Key) => void;
+            unset?: () => void;
+        };
+    };
+    draggable: {
+        enabled: boolean;
+        distance: number;
+        autoDistance: boolean;
+        showGhost: boolean;
+        deleteOnDropOff: boolean;
+        current?: DragCurrent;
+    };
+    dropmode: {
+        active: boolean;
+        piece?: cg.Piece;
+    };
+    selectable: {
+        enabled: boolean;
+    };
+    stats: {
+        dragged: boolean;
+        ctrlKey?: boolean;
+    };
+    events: {
+        change?: () => void;
+        move?: (orig: cg.Key, dest: cg.Key, capturedPiece?: cg.Piece) => void;
+        dropNewPiece?: (piece: cg.Piece, key: cg.Key) => void;
+        select?: (key: cg.Key) => void;
+        insert?: (elements: cg.Elements) => void;
+    };
+    drawable: Drawable;
+    exploding?: cg.Exploding;
+    hold: cg.Timer;
+}
+export interface State extends HeadlessState {
+    dom: cg.Dom;
+}
+export declare function defaults(): HeadlessState;

package/dist/state.js

@@ -0,0 +1,92 @@
+import * as fen from './fen.js';
+import { timer } from './util.js';
+export function defaults() {
+    return {
+        pieces: fen.read(fen.initial),
+        orientation: 'white',
+        turnColor: 'white',
+        coordinates: true,
+        coordinatesOnSquares: false,
+        ranksPosition: 'right',
+        autoCastle: true,
+        viewOnly: false,
+        disableContextMenu: false,
+        addPieceZIndex: false,
+        blockTouchScroll: false,
+        pieceKey: false,
+        trustAllEvents: false,
+        highlight: {
+            lastMove: true,
+            check: true,
+        },
+        animation: {
+            enabled: true,
+            duration: 200,
+        },
+        movable: {
+            free: true,
+            color: 'both',
+            showDests: true,
+            events: {},
+            rookCastle: true,
+        },
+        premovable: {
+            enabled: true,
+            showDests: true,
+            castle: true,
+            events: {},
+        },
+        predroppable: {
+            enabled: false,
+            events: {},
+        },
+        draggable: {
+            enabled: true,
+            distance: 3,
+            autoDistance: true,
+            showGhost: true,
+            deleteOnDropOff: false,
+        },
+        dropmode: {
+            active: false,
+        },
+        selectable: {
+            enabled: true,
+        },
+        stats: {
+            // on touchscreen, default to "tap-tap" moves
+            // instead of drag
+            dragged: !('ontouchstart' in window),
+        },
+        events: {},
+        drawable: {
+            enabled: true, // can draw
+            visible: true, // can view
+            defaultSnapToValidMove: true,
+            eraseOnClick: true,
+            shapes: [],
+            autoShapes: [],
+            brushes: {
+                green: { key: 'g', color: '#15781B', opacity: 1, lineWidth: 10 },
+                red: { key: 'r', color: '#882020', opacity: 1, lineWidth: 10 },
+                blue: { key: 'b', color: '#003088', opacity: 1, lineWidth: 10 },
+                yellow: { key: 'y', color: '#e68f00', opacity: 1, lineWidth: 10 },
+                paleBlue: { key: 'pb', color: '#003088', opacity: 0.4, lineWidth: 15 },
+                paleGreen: { key: 'pg', color: '#15781B', opacity: 0.4, lineWidth: 15 },
+                paleRed: { key: 'pr', color: '#882020', opacity: 0.4, lineWidth: 15 },
+                paleGrey: {
+                    key: 'pgr',
+                    color: '#4a4a4a',
+                    opacity: 0.35,
+                    lineWidth: 15,
+                },
+                purple: { key: 'purple', color: '#68217a', opacity: 0.65, lineWidth: 10 },
+                pink: { key: 'pink', color: '#ee2080', opacity: 0.5, lineWidth: 10 },
+                white: { key: 'white', color: 'white', opacity: 1, lineWidth: 10 },
+            },
+            prevSvgHash: '',
+        },
+        hold: timer(),
+    };
+}
+//# sourceMappingURL=state.js.map

package/dist/state.js.map

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

package/dist/svg.d.ts

@@ -0,0 +1,8 @@
+import { State } from './state.js';
+export { createElement, setAttributes };
+export declare function createDefs(): Element;
+export declare function renderSvg(state: State, shapesEl: SVGElement, customsEl: SVGElement): void;
+declare function createElement(tagName: string): SVGElement;
+declare function setAttributes(el: SVGElement, attrs: {
+    [key: string]: any;
+}): SVGElement;

package/dist/svg.js

@@ -0,0 +1,348 @@
+import { key2pos } from './util.js';
+const hilites = {
+    hilitePrimary: { key: 'hilitePrimary', color: '#3291ff', opacity: 1, lineWidth: 1 },
+    hiliteWhite: { key: 'hiliteWhite', color: '#ffffff', opacity: 1, lineWidth: 1 },
+};
+export { createElement, setAttributes };
+export function createDefs() {
+    const defs = createElement('defs');
+    const filter = setAttributes(createElement('filter'), { id: 'cg-filter-blur' });
+    filter.appendChild(setAttributes(createElement('feGaussianBlur'), { stdDeviation: '0.019' }));
+    defs.appendChild(filter);
+    return defs;
+}
+export function renderSvg(state, shapesEl, customsEl) {
+    var _a;
+    const d = state.drawable, curD = d.current, cur = curD && curD.mouseSq ? curD : undefined, dests = new Map(), bounds = state.dom.bounds(), nonPieceAutoShapes = d.autoShapes.filter(autoShape => !autoShape.piece);
+    for (const s of d.shapes.concat(nonPieceAutoShapes).concat(cur ? [cur] : [])) {
+        if (!s.dest)
+            continue;
+        const sources = (_a = dests.get(s.dest)) !== null && _a !== void 0 ? _a : new Set(), from = pos2user(orient(key2pos(s.orig), state.orientation), bounds), to = pos2user(orient(key2pos(s.dest), state.orientation), bounds);
+        sources.add(moveAngle(from, to));
+        dests.set(s.dest, sources);
+    }
+    const shapes = d.shapes.concat(nonPieceAutoShapes).map((s) => {
+        return {
+            shape: s,
+            current: false,
+            hash: shapeHash(s, isShort(s.dest, dests), false, bounds),
+        };
+    });
+    if (cur)
+        shapes.push({
+            shape: cur,
+            current: true,
+            hash: shapeHash(cur, isShort(cur.dest, dests), true, bounds),
+        });
+    const fullHash = shapes.map(sc => sc.hash).join(';');
+    if (fullHash === state.drawable.prevSvgHash)
+        return;
+    state.drawable.prevSvgHash = fullHash;
+    /*
+      -- DOM hierarchy --
+      <svg class="cg-shapes">      (<= svg)
+        <defs>
+          ...(for brushes)...
+        </defs>
+        <g>
+          ...(for arrows and circles)...
+        </g>
+      </svg>
+      <svg class="cg-custom-svgs"> (<= customSvg)
+        <g>
+          ...(for custom svgs)...
+        </g>
+      </svg>
+    */
+    const defsEl = shapesEl.querySelector('defs');
+    syncDefs(d, shapes, defsEl);
+    syncShapes(shapes, shapesEl.querySelector('g'), customsEl.querySelector('g'), s => renderShape(state, s, d.brushes, dests, bounds));
+}
+// append only. Don't try to update/remove.
+function syncDefs(d, shapes, defsEl) {
+    var _a;
+    const brushes = new Map();
+    let brush;
+    for (const s of shapes.filter(s => s.shape.dest && s.shape.brush)) {
+        brush = makeCustomBrush(d.brushes[s.shape.brush], s.shape.modifiers);
+        if ((_a = s.shape.modifiers) === null || _a === void 0 ? void 0 : _a.hilite)
+            brushes.set(hilite(brush).key, hilite(brush));
+        brushes.set(brush.key, brush);
+    }
+    const keysInDom = new Set();
+    let el = defsEl.firstElementChild;
+    while (el) {
+        keysInDom.add(el.getAttribute('cgKey'));
+        el = el.nextElementSibling;
+    }
+    for (const [key, brush] of brushes.entries()) {
+        if (!keysInDom.has(key))
+            defsEl.appendChild(renderMarker(brush));
+    }
+}
+function syncShapes(syncables, shapes, customs, renderShape) {
+    const hashesInDom = new Map();
+    for (const sc of syncables)
+        hashesInDom.set(sc.hash, false);
+    for (const root of [shapes, customs]) {
+        const toRemove = [];
+        let el = root.firstElementChild, elHash;
+        while (el) {
+            elHash = el.getAttribute('cgHash');
+            if (hashesInDom.has(elHash))
+                hashesInDom.set(elHash, true);
+            else
+                toRemove.push(el);
+            el = el.nextElementSibling;
+        }
+        for (const el of toRemove)
+            root.removeChild(el);
+    }
+    // insert shapes that are not yet in dom
+    for (const sc of syncables.filter(s => !hashesInDom.get(s.hash))) {
+        for (const svg of renderShape(sc)) {
+            if (svg.isCustom)
+                customs.appendChild(svg.el);
+            else
+                shapes.appendChild(svg.el);
+        }
+    }
+}
+function shapeHash({ orig, dest, brush, piece, modifiers, customSvg, label }, shorten, current, bounds) {
+    var _a, _b;
+    // a shape and an overlay svg share a lifetime and have the same cgHash attribute
+    return [
+        bounds.width,
+        bounds.height,
+        current,
+        orig,
+        dest,
+        brush,
+        shorten && '-',
+        piece && pieceHash(piece),
+        modifiers && modifiersHash(modifiers),
+        customSvg && `custom-${textHash(customSvg.html)},${(_b = (_a = customSvg.center) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 'o'}`,
+        label && `label-${textHash(label.text)}`,
+    ]
+        .filter(x => x)
+        .join(',');
+}
+function pieceHash(piece) {
+    return [piece.color, piece.role, piece.scale].filter(x => x).join(',');
+}
+function modifiersHash(m) {
+    return [m.lineWidth, m.hilite && '*'].filter(x => x).join(',');
+}
+function textHash(s) {
+    // Rolling hash with base 31 (cf. https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript)
+    let h = 0;
+    for (let i = 0; i < s.length; i++) {
+        h = ((h << 5) - h + s.charCodeAt(i)) >>> 0;
+    }
+    return h.toString();
+}
+function renderShape(state, { shape, current, hash }, brushes, dests, bounds) {
+    var _a, _b;
+    const from = pos2user(orient(key2pos(shape.orig), state.orientation), bounds), to = shape.dest ? pos2user(orient(key2pos(shape.dest), state.orientation), bounds) : from, brush = shape.brush && makeCustomBrush(brushes[shape.brush], shape.modifiers), slots = dests.get(shape.dest), svgs = [];
+    if (brush) {
+        const el = setAttributes(createElement('g'), { cgHash: hash });
+        svgs.push({ el });
+        if (from[0] !== to[0] || from[1] !== to[1])
+            el.appendChild(renderArrow(shape, brush, from, to, current, isShort(shape.dest, dests)));
+        else
+            el.appendChild(renderCircle(brushes[shape.brush], from, current, bounds));
+    }
+    if (shape.label) {
+        const label = shape.label;
+        (_a = label.fill) !== null && _a !== void 0 ? _a : (label.fill = shape.brush && brushes[shape.brush].color);
+        const corner = shape.brush ? undefined : 'tr';
+        svgs.push({ el: renderLabel(label, hash, from, to, slots, corner), isCustom: true });
+    }
+    if (shape.customSvg) {
+        const on = (_b = shape.customSvg.center) !== null && _b !== void 0 ? _b : 'orig';
+        const [x, y] = on === 'label' ? labelCoords(from, to, slots).map(c => c - 0.5) : on === 'dest' ? to : from;
+        const el = setAttributes(createElement('g'), { transform: `translate(${x},${y})`, cgHash: hash });
+        el.innerHTML = `<svg width="1" height="1" viewBox="0 0 100 100">${shape.customSvg.html}</svg>`;
+        svgs.push({ el, isCustom: true });
+    }
+    return svgs;
+}
+function renderCircle(brush, at, current, bounds) {
+    const widths = circleWidth(), radius = (bounds.width + bounds.height) / (4 * Math.max(bounds.width, bounds.height));
+    return setAttributes(createElement('circle'), {
+        stroke: brush.color,
+        'stroke-width': widths[current ? 0 : 1],
+        fill: 'none',
+        opacity: opacity(brush, current),
+        cx: at[0],
+        cy: at[1],
+        r: radius - widths[1] / 2,
+    });
+}
+function hilite(brush) {
+    return ['#ffffff', '#fff', 'white'].includes(brush.color)
+        ? hilites['hilitePrimary']
+        : hilites['hiliteWhite'];
+}
+function renderArrow(s, brush, from, to, current, shorten) {
+    var _a;
+    function renderLine(isHilite) {
+        var _a;
+        const m = arrowMargin(shorten && !current), dx = to[0] - from[0], dy = to[1] - from[1], angle = Math.atan2(dy, dx), xo = Math.cos(angle) * m, yo = Math.sin(angle) * m;
+        return setAttributes(createElement('line'), {
+            stroke: isHilite ? hilite(brush).color : brush.color,
+            'stroke-width': lineWidth(brush, current) + (isHilite ? 0.04 : 0),
+            'stroke-linecap': 'round',
+            'marker-end': `url(#arrowhead-${isHilite ? hilite(brush).key : brush.key})`,
+            opacity: ((_a = s.modifiers) === null || _a === void 0 ? void 0 : _a.hilite) ? 1 : opacity(brush, current),
+            x1: from[0],
+            y1: from[1],
+            x2: to[0] - xo,
+            y2: to[1] - yo,
+        });
+    }
+    if (!((_a = s.modifiers) === null || _a === void 0 ? void 0 : _a.hilite))
+        return renderLine(false);
+    const g = createElement('g');
+    const blurred = setAttributes(createElement('g'), { filter: 'url(#cg-filter-blur)' });
+    blurred.appendChild(filterBox(from, to));
+    blurred.appendChild(renderLine(true));
+    g.appendChild(blurred);
+    g.appendChild(renderLine(false));
+    return g;
+}
+function renderMarker(brush) {
+    const marker = setAttributes(createElement('marker'), {
+        id: 'arrowhead-' + brush.key,
+        orient: 'auto',
+        overflow: 'visible',
+        markerWidth: 4,
+        markerHeight: 4,
+        refX: brush.key.startsWith('hilite') ? 1.86 : 2.05,
+        refY: 2,
+    });
+    marker.appendChild(setAttributes(createElement('path'), {
+        d: 'M0,0 V4 L3,2 Z',
+        fill: brush.color,
+    }));
+    marker.setAttribute('cgKey', brush.key);
+    return marker;
+}
+function renderLabel(label, hash, from, to, slots, corner) {
+    var _a;
+    const labelSize = 0.4, fontSize = labelSize * 0.75 ** label.text.length, at = labelCoords(from, to, slots), cornerOff = corner === 'tr' ? 0.4 : 0, g = setAttributes(createElement('g'), {
+        transform: `translate(${at[0] + cornerOff},${at[1] - cornerOff})`,
+        cgHash: hash,
+    });
+    g.appendChild(setAttributes(createElement('circle'), {
+        r: labelSize / 2,
+        'fill-opacity': corner ? 1.0 : 0.8,
+        'stroke-opacity': corner ? 1.0 : 0.7,
+        'stroke-width': 0.03,
+        fill: (_a = label.fill) !== null && _a !== void 0 ? _a : '#666',
+        stroke: 'white',
+    }));
+    const labelEl = setAttributes(createElement('text'), {
+        'font-size': fontSize,
+        'font-family': 'Noto Sans',
+        'text-anchor': 'middle',
+        fill: 'white',
+        y: 0.13 * 0.75 ** label.text.length,
+    });
+    labelEl.innerHTML = label.text;
+    g.appendChild(labelEl);
+    return g;
+}
+function orient(pos, color) {
+    return color === 'white' ? pos : [7 - pos[0], 7 - pos[1]];
+}
+function isShort(dest, dests) {
+    return true === (dest && dests.has(dest) && dests.get(dest).size > 1);
+}
+function createElement(tagName) {
+    return document.createElementNS('http://www.w3.org/2000/svg', tagName);
+}
+function setAttributes(el, attrs) {
+    for (const key in attrs) {
+        if (Object.prototype.hasOwnProperty.call(attrs, key))
+            el.setAttribute(key, attrs[key]);
+    }
+    return el;
+}
+function makeCustomBrush(base, modifiers) {
+    return !modifiers
+        ? base
+        : {
+            color: base.color,
+            opacity: Math.round(base.opacity * 10) / 10,
+            lineWidth: Math.round(modifiers.lineWidth || base.lineWidth),
+            key: [base.key, modifiers.lineWidth].filter(x => x).join(''),
+        };
+}
+function circleWidth() {
+    return [3 / 64, 4 / 64];
+}
+function lineWidth(brush, current) {
+    return ((brush.lineWidth || 10) * (current ? 0.85 : 1)) / 64;
+}
+function opacity(brush, current) {
+    return (brush.opacity || 1) * (current ? 0.9 : 1);
+}
+function arrowMargin(shorten) {
+    return (shorten ? 20 : 10) / 64;
+}
+function pos2user(pos, bounds) {
+    const xScale = Math.min(1, bounds.width / bounds.height);
+    const yScale = Math.min(1, bounds.height / bounds.width);
+    return [(pos[0] - 3.5) * xScale, (3.5 - pos[1]) * yScale];
+}
+function filterBox(from, to) {
+    // lines/arrows are considered to be one dimensional for the purposes of SVG filters,
+    // so we add a transparent bounding box to ensure they apply to the 2nd dimension
+    const box = {
+        from: [Math.floor(Math.min(from[0], to[0])), Math.floor(Math.min(from[1], to[1]))],
+        to: [Math.ceil(Math.max(from[0], to[0])), Math.ceil(Math.max(from[1], to[1]))],
+    };
+    return setAttributes(createElement('rect'), {
+        x: box.from[0],
+        y: box.from[1],
+        width: box.to[0] - box.from[0],
+        height: box.to[1] - box.from[1],
+        fill: 'none',
+        stroke: 'none',
+    });
+}
+function moveAngle(from, to, asSlot = true) {
+    const angle = Math.atan2(to[1] - from[1], to[0] - from[0]) + Math.PI;
+    return asSlot ? (Math.round((angle * 8) / Math.PI) + 16) % 16 : angle;
+}
+function dist(from, to) {
+    return Math.sqrt([from[0] - to[0], from[1] - to[1]].reduce((acc, x) => acc + x * x, 0));
+}
+/*
+ try to place label at the junction of the destination shaft and arrowhead. if there's more than
+ 1 arrow pointing to a square, the arrow shortens by 10 / 64 units so the label must move as well.
+ 
+ if the angle between two incoming arrows is pi / 8, such as when an adjacent knight and bishop
+ attack the same square, the knight's label is slid further down the shaft by an amount equal to
+ our label size to avoid collision
+*/
+function labelCoords(from, to, slots) {
+    let mag = dist(from, to);
+    //if (mag === 0) return [from[0], from[1]];
+    const angle = moveAngle(from, to, false);
+    if (slots) {
+        mag -= 33 / 64; // reduce by arrowhead length
+        if (slots.size > 1) {
+            mag -= 10 / 64; // reduce by shortening factor
+            const slot = moveAngle(from, to);
+            if (slots.has((slot + 1) % 16) || slots.has((slot + 15) % 16)) {
+                if (slot & 1)
+                    mag -= 0.4;
+                // and by label size for the knight if another arrow is within pi / 8.
+            }
+        }
+    }
+    return [from[0] - Math.cos(angle) * mag, from[1] - Math.sin(angle) * mag].map(c => c + 0.5);
+}
+//# sourceMappingURL=svg.js.map

package/dist/svg.js.map

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

package/dist/sync.d.ts

@@ -0,0 +1,8 @@
+import { DrawShape } from './draw';
+export interface SyncableShape {
+    shape: DrawShape;
+    current: boolean;
+    hash: Hash;
+}
+export type Hash = string;
+export declare function syncShapes(shapes: SyncableShape[], root: HTMLElement | SVGElement, renderShape: (shape: SyncableShape) => HTMLElement | SVGElement): void;

package/dist/sync.js

@@ -0,0 +1,27 @@
+// append and remove only. No updates.
+export function syncShapes(shapes, root, renderShape) {
+    const hashesInDom = new Map(), // by hash
+    toRemove = [];
+    for (const sc of shapes)
+        hashesInDom.set(sc.hash, false);
+    let el = root.firstElementChild, elHash;
+    while (el) {
+        elHash = el.getAttribute('cgHash');
+        // found a shape element that's here to stay
+        if (hashesInDom.has(elHash))
+            hashesInDom.set(elHash, true);
+        // or remove it
+        else
+            toRemove.push(el);
+        el = el.nextElementSibling;
+    }
+    // remove old shapes
+    for (const el of toRemove)
+        root.removeChild(el);
+    // insert shapes that are not yet in dom
+    for (const sc of shapes) {
+        if (!hashesInDom.get(sc.hash))
+            root.appendChild(renderShape(sc));
+    }
+}
+//# sourceMappingURL=sync.js.map

package/dist/sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync.js","sourceRoot":"","sources":["../src/sync.ts"],"names":[],"mappings":"AAUA,sCAAsC;AACtC,MAAM,UAAU,UAAU,CACxB,MAAuB,EACvB,IAA8B,EAC9B,WAA+D;IAE/D,MAAM,WAAW,GAAG,IAAI,GAAG,EAAE,EAAE,UAAU;IACvC,QAAQ,GAAiB,EAAE,CAAC;IAC9B,KAAK,MAAM,EAAE,IAAI,MAAM;QAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACzD,IAAI,EAAE,GAA2B,IAAI,CAAC,iBAA+B,EACnE,MAAmB,CAAC;IACtB,OAAO,EAAE,EAAE,CAAC;QACV,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAS,CAAC;QAC3C,4CAA4C;QAC5C,IAAI,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC;YAAE,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC3D,eAAe;;YACV,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvB,EAAE,GAAG,EAAE,CAAC,kBAA4C,CAAC;IACvD,CAAC;IACD,oBAAoB;IACpB,KAAK,MAAM,EAAE,IAAI,QAAQ;QAAE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChD,wCAAwC;IACxC,KAAK,MAAM,EAAE,IAAI,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;YAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC;AACH,CAAC"}