@genome-spy/core 0.72.0 → 0.74.0

package/dist/src/gl/arrayBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrayBuilder.d.ts","sourceRoot":"","sources":["../../../src/gl/arrayBuilder.js"],"names":[],"mappings":"AAQA;;;;;;;;GAQG;AACH;IAKI;;;OAGG;IACH,kBAFW,MAAM,EAehB;IAZG,aAAgB;IAEhB,mJAAmJ;IACnJ;;kBADkC,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY;2BAAiB,MAAM;sBAAY,MAAM;;MAC7H;IAEhB,kCAAkC;IAClC,SADW,CAAC,MAAW,IAAI,CAAC,EAAE,CACb;IAEjB,qCAAqC;IACrC,cADW,CAAC,CAAS,IAAG,EAAH,GAAG,KAAE,IAAI,CAAC,EAAE,CACX;IAEtB,oBAAoB;IAGxB,kBAOC;IAED;;;;OAIG;IACH,wBAHW,MAAM,YACN,iBAAiB,QAe3B;IAED;;;;;;;OAOG;IACH,6BANW,MAAM,iBACN,MAAM,oBACN,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,OAAO,YAAY,mBACrG,MAAM,EAAE,GACP,CAAS,IAAe,EAAf,MAAM,GAAC,MAAM,EAAE,QAAC,CAoFpC;IAED,gBAEC;IAED;;OAEG;IACH,uBAFW,MAAM,QAIhB;IAuDD;;;OAGG;IACH,qBAFW,MAAM,QAKhB;;CACJ;;;;;;;;;OA9NS,CAAS,IAAM,EAAN,MAAM,KAAE,GAAG;;;;qBACpB,MAAM,EAAE;oBACR,MAAM;;;;sBACN,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,OAAO,YAAY"}
+{"version":3,"file":"arrayBuilder.d.ts","sourceRoot":"","sources":["../../../src/gl/arrayBuilder.js"],"names":[],"mappings":"AAQA;;;;;;;;GAQG;AACH;IAKI;;;OAGG;IACH,kBAFW,MAAM,EAehB;IAZG,aAAgB;IAEhB,mJAAmJ;IACnJ;;kBADkC,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY;2BAAiB,MAAM;sBAAY,MAAM;;MAC7H;IAEhB,kCAAkC;IAClC,SADW,CAAC,MAAW,IAAI,CAAC,EAAE,CACb;IAEjB,qCAAqC;IACrC,cADW,CAAC,CAAS,IAAG,EAAH,GAAG,KAAE,IAAI,CAAC,EAAE,CACX;IAEtB,oBAAoB;IAGxB,kBAOC;IAED;;;;OAIG;IACH,wBAHW,MAAM,YACN,iBAAiB,QAe3B;IAED;;;;;;;OAOG;IACH,6BANW,MAAM,iBACN,MAAM,oBACN,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,OAAO,YAAY,mBACrG,MAAM,EAAE,GACP,CAAS,IAAe,EAAf,MAAM,GAAC,MAAM,EAAE,QAAC,CAmFpC;IAED,gBAEC;IAED;;OAEG;IACH,uBAFW,MAAM,QAIhB;IAqDD;;;OAGG;IACH,qBAFW,MAAM,QAKhB;;CACJ;;;;;;;;;OA3NS,CAAS,IAAM,EAAN,MAAM,KAAE,GAAG;;;;qBACpB,MAAM,EAAE;oBACR,MAAM;;;;sBACN,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,OAAO,YAAY"}

package/dist/src/gl/arrayBuilder.js

@@ -91,7 +91,6 @@ export default class ArrayBuilder {
         let updater;
         let i = 0;
 
-        // eslint-disable-next-line new-cap
         const array = new targetArrayType(this.size * numComponents);
 
         this.arrays[attributeName] = {
@@ -178,7 +177,6 @@ export default class ArrayBuilder {
                 .join("\n");
             const pushs = this.pushers.map((_v, i) => `  p${i}();`).join("\n");
 
-            // eslint-disable-next-line no-new-func
             this.pushAll = new Function(
                 "that",
                 `${preps}
@@ -206,7 +204,6 @@ ${pushs}
                 .map((_v, i) => `  u${i}(datum);`)
                 .join("\n");
 
-            // eslint-disable-next-line no-new-func
             this.updateFromDatum = new Function(
                 "that",
                 "datum",

package/dist/src/gl/canvasSizeHelper.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Handles logical/physical canvas size calculations and optional
+ * device-pixel-content-box observation.
+ */
+export default class CanvasSizeHelper {
+    /**
+     * @param {HTMLElement} container
+     * @param {HTMLCanvasElement} canvas
+     * @param {() => {width: number, height: number}} sizeSource
+     * @param {() => void} [onPhysicalSizeChange]
+     */
+    constructor(container: HTMLElement, canvas: HTMLCanvasElement, sizeSource: () => {
+        width: number;
+        height: number;
+    }, onPhysicalSizeChange?: () => void);
+    _container: HTMLElement;
+    _canvas: HTMLCanvasElement;
+    _sizeSource: () => {
+        width: number;
+        height: number;
+    };
+    _onPhysicalSizeChange: () => void;
+    /**
+     * @type {{ width: number, height: number } | undefined}
+     */
+    _logicalCanvasSize: {
+        width: number;
+        height: number;
+    } | undefined;
+    /**
+     * @type {{ width: number, height: number } | undefined}
+     */
+    _devicePixelContentBoxSize: {
+        width: number;
+        height: number;
+    } | undefined;
+    /**
+     * @type {ResizeObserver | undefined}
+     */
+    _devicePixelContentBoxObserver: ResizeObserver | undefined;
+    invalidate(): void;
+    finalize(): void;
+    /**
+     * Returns the canvas size in true display pixels
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getPhysicalCanvasSize(logicalSize?: {
+        width: number;
+        height: number;
+    }): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Returns the ratio between true display pixels and logical pixels.
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getDevicePixelRatio(logicalSize?: {
+        width: number;
+        height: number;
+    }): number;
+    /**
+     * Returns the size of the canvas canvas container size in logical pixels,
+     * without devicePixelRatio correction.
+     */
+    getLogicalCanvasSize(): {
+        width: number;
+        height: number;
+    };
+    _observeDevicePixelContentBox(): void;
+}
+//# sourceMappingURL=canvasSizeHelper.d.ts.map

package/dist/src/gl/canvasSizeHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasSizeHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/canvasSizeHelper.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH;IACI;;;;;OAKG;IACH,uBALW,WAAW,UACX,iBAAiB,cACjB,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,yBACrC,MAAM,IAAI,EAwBpB;IArBG,wBAA2B;IAC3B,2BAAqB;IACrB,mBANa;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAMf;IAC7B,6BANa,IAAI,CAM8C;IAE/D;;OAEG;IACH,oBAFU;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAEpB;IAEnC;;OAEG;IACH,4BAFU;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAEZ;IAE3C;;OAEG;IACH,gCAFU,cAAc,GAAG,SAAS,CAEW;IAKnD,mBAGC;IAED,iBAIC;IAED;;;;OAIG;IACH,oCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;eA1BrB,MAAM;gBAAU,MAAM;MA0C5C;IAED;;;;OAIG;IACH,kCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,UA2B3C;IAED;;;OAGG;IACH;eArFuB,MAAM;gBAAU,MAAM;MA8H5C;IAED,sCAuDC;CACJ"}

package/dist/src/gl/canvasSizeHelper.js

@@ -0,0 +1,203 @@
+/**
+ * Handles logical/physical canvas size calculations and optional
+ * device-pixel-content-box observation.
+ */
+export default class CanvasSizeHelper {
+    /**
+     * @param {HTMLElement} container
+     * @param {HTMLCanvasElement} canvas
+     * @param {() => {width: number, height: number}} sizeSource
+     * @param {() => void} [onPhysicalSizeChange]
+     */
+    constructor(container, canvas, sizeSource, onPhysicalSizeChange) {
+        this._container = container;
+        this._canvas = canvas;
+        this._sizeSource = sizeSource;
+        this._onPhysicalSizeChange = onPhysicalSizeChange ?? (() => {});
+
+        /**
+         * @type {{ width: number, height: number } | undefined}
+         */
+        this._logicalCanvasSize = undefined;
+
+        /**
+         * @type {{ width: number, height: number } | undefined}
+         */
+        this._devicePixelContentBoxSize = undefined;
+
+        /**
+         * @type {ResizeObserver | undefined}
+         */
+        this._devicePixelContentBoxObserver = undefined;
+
+        this._observeDevicePixelContentBox();
+    }
+
+    invalidate() {
+        this._logicalCanvasSize = undefined;
+        this._devicePixelContentBoxSize = undefined;
+    }
+
+    finalize() {
+        if (this._devicePixelContentBoxObserver) {
+            this._devicePixelContentBoxObserver.disconnect();
+        }
+    }
+
+    /**
+     * Returns the canvas size in true display pixels
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getPhysicalCanvasSize(logicalSize) {
+        // devicePixelContentBox gives the actual backing-store pixel size.
+        // Prefer it whenever available to avoid fractional DPR drift.
+        // https://web.dev/articles/device-pixel-content-box
+        if (this._devicePixelContentBoxSize) {
+            return this._devicePixelContentBoxSize;
+        }
+
+        const dpr = window.devicePixelRatio ?? 1;
+        logicalSize = logicalSize || this.getLogicalCanvasSize();
+        return {
+            width: Math.round(logicalSize.width * dpr),
+            height: Math.round(logicalSize.height * dpr),
+        };
+    }
+
+    /**
+     * Returns the ratio between true display pixels and logical pixels.
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getDevicePixelRatio(logicalSize) {
+        logicalSize = logicalSize || this.getLogicalCanvasSize();
+        const physicalSize = this.getPhysicalCanvasSize(logicalSize);
+        const widthRatio =
+            logicalSize.width > 0
+                ? physicalSize.width / logicalSize.width
+                : undefined;
+        const heightRatio =
+            logicalSize.height > 0
+                ? physicalSize.height / logicalSize.height
+                : undefined;
+
+        if (widthRatio !== undefined && heightRatio !== undefined) {
+            // Width and height can differ slightly because backing-store dimensions
+            // are integers. Averaging keeps snapping stable in both directions.
+            return (widthRatio + heightRatio) / 2;
+        } else if (widthRatio !== undefined) {
+            // During transient layout states one logical dimension may be zero.
+            // Use the non-zero dimension instead of falling back to window DPR.
+            return widthRatio;
+        } else if (heightRatio !== undefined) {
+            return heightRatio;
+        } else {
+            return window.devicePixelRatio ?? 1;
+        }
+    }
+
+    /**
+     * Returns the size of the canvas canvas container size in logical pixels,
+     * without devicePixelRatio correction.
+     */
+    getLogicalCanvasSize() {
+        if (this._logicalCanvasSize) {
+            return this._logicalCanvasSize;
+        }
+
+        // TODO: The size should never be smaller than the minimum content size!
+        const contentSize = this._sizeSource();
+
+        const cs = window.getComputedStyle(this._container, null);
+        // clientWidth/clientHeight are integer CSS pixels, which causes subtle
+        // blur at fractional DPR. getBoundingClientRect preserves fractions.
+        const containerRect = this._container.getBoundingClientRect();
+
+        const paddingLeft = parseFloat(cs.paddingLeft);
+        const paddingRight = parseFloat(cs.paddingRight);
+        const paddingTop = parseFloat(cs.paddingTop);
+        const paddingBottom = parseFloat(cs.paddingBottom);
+
+        const borderLeft = parseFloat(cs.borderLeftWidth);
+        const borderRight = parseFloat(cs.borderRightWidth);
+        const borderTop = parseFloat(cs.borderTopWidth);
+        const borderBottom = parseFloat(cs.borderBottomWidth);
+
+        const width =
+            contentSize.width ??
+            containerRect.width -
+                paddingLeft -
+                paddingRight -
+                borderLeft -
+                borderRight;
+
+        const height =
+            contentSize.height ??
+            containerRect.height -
+                paddingTop -
+                paddingBottom -
+                borderTop -
+                borderBottom;
+
+        this._logicalCanvasSize = { width, height };
+        return this._logicalCanvasSize;
+    }
+
+    _observeDevicePixelContentBox() {
+        if (typeof ResizeObserver != "function") {
+            return;
+        }
+
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries.find(
+                (candidate) => candidate.target == this._canvas
+            );
+            if (!entry) {
+                return;
+            }
+
+            const boxSize = entry.devicePixelContentBoxSize;
+            if (!boxSize) {
+                return;
+            }
+
+            const contentBoxSize = Array.isArray(boxSize)
+                ? boxSize[0]
+                : boxSize;
+            if (!contentBoxSize) {
+                return;
+            }
+
+            // ResizeObserver reports device pixels directly, which is exactly what
+            // canvas width/height expect.
+            const nextPhysicalSize = {
+                width: contentBoxSize.inlineSize,
+                height: contentBoxSize.blockSize,
+            };
+
+            if (
+                this._devicePixelContentBoxSize &&
+                this._devicePixelContentBoxSize.width ==
+                    nextPhysicalSize.width &&
+                this._devicePixelContentBoxSize.height ==
+                    nextPhysicalSize.height
+            ) {
+                return;
+            }
+
+            this._devicePixelContentBoxSize = nextPhysicalSize;
+            this._onPhysicalSizeChange();
+        });
+
+        try {
+            // Fails in browsers that do not support device-pixel-content-box.
+            observer.observe(this._canvas, {
+                box: "device-pixel-content-box",
+            });
+            this._devicePixelContentBoxObserver = observer;
+        } catch {
+            observer.disconnect();
+        }
+    }
+}

package/dist/src/gl/colorUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/gl/colorUtils.js"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,kDANW,MAAM,GAAG,OAAO,kBAAkB,EAAE,YAAY,MAChD,sBAAsB,UACtB,MAAM,oBACN,YAAY,YACZ,OAAO,gBAgDjB;AAED;;;;;GAKG;AACH,uDALW,MAAM,EAAE,qBACR,OAAO,kBAAkB,EAAE,gBAAgB,GAAG,OAAO,kBAAkB,EAAE,sBAAsB,MAC/F,sBAAsB,oBACtB,YAAY,gBA6BtB;AAED;;;;;;;;GAQG;AACH,6CALW,MAAM,EAAE,MACR,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBAqBtB;AAED;;;;;;;GAOG;AACH,mDALW,MAAM,EAAE,MACR,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBActB;AAyDD;;GAEG;AACH,uCAFW,MAAM,YAKhB"}
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/gl/colorUtils.js"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,kDANW,MAAM,GAAG,OAAO,kBAAkB,EAAE,YAAY,MAChD,sBAAsB,UACtB,MAAM,oBACN,YAAY,YACZ,OAAO,gBAgDjB;AAED;;;;;GAKG;AACH,uDALW,MAAM,EAAE,qBACR,OAAO,kBAAkB,EAAE,gBAAgB,GAAG,OAAO,kBAAkB,EAAE,sBAAsB,MAC/F,sBAAsB,oBACtB,YAAY,gBA6BtB;AAED;;;;;;;;GAQG;AACH,6CALW,MAAM,EAAE,MACR,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBAqBtB;AAED;;;;;;;GAOG;AACH,mDALW,MAAM,EAAE,MACR,sBAAsB,UACtB,MAAM,oBACN,YAAY,gBActB;AAyDD;;GAEG;AACH,uCAFW,MAAM,YAQhB"}

package/dist/src/gl/colorUtils.js

@@ -206,6 +206,9 @@ function colorArrayToTextureData(scheme, count) {
  * @param {string} color
  */
 export function cssColorToArray(color) {
+    // TODO: Support CSS "transparent" like Vega/Vega-Lite do. Currently
+    // d3-color returns NaN RGB with zero opacity, but GenomeSpy color channels
+    // are RGB-only and cannot carry alpha in this conversion path.
     const rgb = d3color(color).rgb();
     return [rgb.r, rgb.g, rgb.b].map((x) => x / 255);
 }

package/dist/src/gl/dataToVertices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataToVertices.d.ts","sourceRoot":"","sources":["../../../src/gl/dataToVertices.js"],"names":[],"mappings":"AAgBA;;;;;GAKG;AACH;IACI;;;OAGG;IAEH;;;;;;OAMG;IACH,mDALG;QAAsE,QAAQ,EAAtE,MAAM,CAAC,OAAO,oBAAoB,EAAE,OAAO,wCAAU;QACnC,UAAU,GAA5B,MAAM,EAAE;QACQ,WAAW,GAA3B,MAAM;KAEhB,EAiGA;IA/FG,8FAAwB;IAIxB,sGAQK;IAQL,0BAAoC;IAEpC,8BAAoD;IAqEpD,mBAAmB;IAEnB,yFAAyF;IACzF,UADW,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CACkB;IAGrD;;;;OAIG;IACH,mBAFW,GAAG,QAcb;IAED;;OAEG;IACH,oBAFW,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,QAM5B;IAED;;;OAGG;IACH,cAHW,GAAG,QACH,MAAM,EAAE,kCAYlB;IAED;;;;OAIG;IACH,sBAJW,OAAO,qBAAqB,EAAE,IAAI,OAClC,MAAM,OACN,MAAM,QAgEhB;IAED;;;;;OAKG;IACH,mBAFW,OAAO,qBAAqB,EAAE,KAAK,QAI7C;IAhEO;;;MAAyB;IAkEjC;QAEQ,kJAAkJ;gBAAvI,MAAM,CAAC,MAAM,EAAE;YAAC,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;YAAC,aAAa,EAAE,MAAM,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QAE9I,8BAA8B;;QAE9B,8CAA8C;;;MAIrD;CACJ;AAED;IACI;;;;;;OAMG;IACH,gDAJG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACQ,QAAQ,GAAxB,MAAM;KAChB,EA8BA;IAnBG,qBAkBW;CA8BlB;AAED;IACI;;;;;;;;;OASG;IACH,sFAPG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACQ,qBAAqB,GAArC,MAAM;QAEY,YAAY,GAA9B,MAAM,EAAE;QACQ,QAAQ,GAAxB,MAAM;KAChB,EAuBA;IARG,uBAAgC;IAEhC,8BAA8D;IAE9D,6CAA+D;IAC/D,4CAA6D;CA6CpE;AAED;IACI;;;;;;OAMG;IACH,gDAJG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACQ,QAAQ,GAAxB,MAAM;KAChB,EAQA;CACJ;AAED;IACI;;;;;OAKG;IACH,gDAJG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACQ,QAAQ,GAAxB,MAAM;KAChB,EAQA;CAYJ;AAED;IACI;;;;;;;;;OASG;IACH,+EAPG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACkD,WAAW,EAArE,OAAO,2BAA2B,EAAE,aAAa;QACrB,UAAU,EAAtC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;QACH,aAAa,GAA7B,MAAM;QACW,WAAW,GAA5B,OAAO;KAAsB,EA6CvC;IA9BG,4DAA2B;IAC3B,2DAA0B;IAE1B,gCAA4B;IAO5B,qCAAqC;IACrC,cADW,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAMf;IAElB,oDAGC;IACD,qDAGC;IAED,8CAAiE;CAgJxE;;;;;;;;YA7nBS,MAAM;;;;WACN,MAAM;YACN,OAAO,yBAAyB,EAAE,MAAM;;yBAjBzB,mBAAmB"}
+{"version":3,"file":"dataToVertices.d.ts","sourceRoot":"","sources":["../../../src/gl/dataToVertices.js"],"names":[],"mappings":"AAgBA;;;;;GAKG;AACH;IACI;;;OAGG;IAEH;;;;;;OAMG;IACH,mDALG;QAAsE,QAAQ,EAAtE,MAAM,CAAC,OAAO,oBAAoB,EAAE,OAAO,wCAAU;QACnC,UAAU,GAA5B,MAAM,EAAE;QACQ,WAAW,GAA3B,MAAM;KAEhB,EAiGA;IA/FG,8FAAwB;IAIxB,sGAQK;IAQL,0BAAoC;IAEpC,8BAAoD;IAqEpD,mBAAmB;IAEnB,yFAAyF;IACzF,UADW,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CACkB;IAGrD;;;;OAIG;IACH,mBAFW,GAAG,QAcb;IAED;;OAEG;IACH,oBAFW,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,QAM5B;IAED;;;OAGG;IACH,cAHW,GAAG,QACH,MAAM,EAAE,kCAYlB;IAED;;;;OAIG;IACH,sBAJW,OAAO,qBAAqB,EAAE,IAAI,OAClC,MAAM,OACN,MAAM,QAsEhB;IAED;;;;;OAKG;IACH,mBAFW,OAAO,qBAAqB,EAAE,KAAK,QAI7C;IAtEO;;;MAAyB;IAwEjC;QAEQ,kJAAkJ;gBAAvI,MAAM,CAAC,MAAM,EAAE;YAAC,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;YAAC,aAAa,EAAE,MAAM,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QAE9I,8BAA8B;;QAE9B,8CAA8C;;;MAIrD;CACJ;AAED;IACI;;;;;;OAMG;IACH,gDAJG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACQ,QAAQ,GAAxB,MAAM;KAChB,EA8BA;IAnBG,qBAkBW;CA8BlB;AAED;IACI;;;;;;;;;OASG;IACH,sFAPG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACQ,qBAAqB,GAArC,MAAM;QAEY,YAAY,GAA9B,MAAM,EAAE;QACQ,QAAQ,GAAxB,MAAM;KAChB,EAuBA;IARG,uBAAgC;IAEhC,8BAA8D;IAE9D,6CAA+D;IAC/D,4CAA6D;CA4CpE;AAED;IACI;;;;;;OAMG;IACH,gDAJG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACQ,QAAQ,GAAxB,MAAM;KAChB,EAQA;CACJ;AAED;IACI;;;;;OAKG;IACH,gDAJG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACQ,QAAQ,GAAxB,MAAM;KAChB,EAQA;CAYJ;AAED;IACI;;;;;;;;;OASG;IACH,+EAPG;QAAwC,QAAQ,EAAxC,MAAM,CAAC,MAAM,wCAAU;QACN,UAAU,EAA3B,MAAM,EAAE;QACkD,WAAW,EAArE,OAAO,2BAA2B,EAAE,aAAa;QACrB,UAAU,EAAtC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;QACH,aAAa,GAA7B,MAAM;QACW,WAAW,GAA5B,OAAO;KAAsB,EA6CvC;IA9BG,4DAA2B;IAC3B,2DAA0B;IAE1B,gCAA4B;IAO5B,qCAAqC;IACrC,cADW,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAMf;IAElB,oDAGC;IACD,qDAGC;IAED,8CAAiE;CAgJxE;;;;;;;;YAloBS,MAAM;;;;WACN,MAAM;YACN,OAAO,yBAAyB,EAAE,MAAM;;yBAjBzB,mBAAmB"}

package/dist/src/gl/dataToVertices.js

@@ -4,7 +4,7 @@ import { isString } from "vega-util";
 import ArrayBuilder from "./arrayBuilder.js";
 import { SDF_PADDING } from "../fonts/bmFontMetrics.js";
 import { createBinningRangeIndexer } from "../utils/binnedIndex.js";
-import { isValueDef } from "../encoder/encoder.js";
+import { getEncoderDataAccessor, isValueDef } from "../encoder/encoder.js";
 import {
     dedupeEncodingFields,
     getAttributeAndArrayTypes,
@@ -60,7 +60,7 @@ export class GeometryBuilder {
 
         // Create converters and updaters for all variable channels.
         for (const [channel, ce] of Object.entries(this.variableEncoders)) {
-            const accessor = ce.dataAccessor;
+            const accessor = getEncoderDataAccessor(ce);
             if (!accessor) {
                 continue;
             }
@@ -211,8 +211,14 @@ export class GeometryBuilder {
 
         // Only index variable data
         if (xe && !xe.constant && (!x2e || !x2e.constant)) {
-            const xa = xe.dataAccessor.asNumberAccessor();
-            const x2a = x2e ? x2e.dataAccessor.asNumberAccessor() : xa;
+            const xa = getEncoderDataAccessor(xe)?.asNumberAccessor();
+            const x2a = x2e
+                ? getEncoderDataAccessor(x2e)?.asNumberAccessor()
+                : xa;
+            if (!xa || !x2a) {
+                disable();
+                return;
+            }
 
             /** @type {[number, number]} */
             const dataDomain = [xa(data[lo]), x2a(data[hi - 1])];
@@ -370,7 +376,6 @@ export class RuleVertexBuilder extends GeometryBuilder {
         this.variableBuilder.configure();
     }
 
-    /* eslint-disable complexity */
     /**
      *
      * @param {any} key
@@ -581,9 +586,9 @@ export class TextVertexBuilder extends GeometryBuilder {
                 x -= (firstChar.width - firstChar.xadvance) / base / 2; // TODO: Fix, this is a bit off..
             }
 
-            let bottom = -0.5,
-                height = 1,
-                normalWidth = 1;
+            let bottom;
+            let height;
+            let normalWidth;
 
             for (let i = 0; i < str.length; i++) {
                 const c = this.metrics.getCharByCode(str.charCodeAt(i));

package/dist/src/gl/glslScaleGenerator.d.ts

@@ -65,9 +65,9 @@ export function generateScaleGlsl(channel: Channel, scale: any, channelDef: impo
 /**
  *
  * @param {Channel} channel
- * @param {import("../types/encoder.js").Accessor[]} accessors
+ * @param {import("../types/encoder.js").EncodingBranch[]} branches
  */
-export function generateConditionalEncoderGlsl(channel: Channel, accessors: import("../types/encoder.js").Accessor[]): string;
+export function generateConditionalEncoderGlsl(channel: Channel, branches: import("../types/encoder.js").EncodingBranch[]): string;
 /**
  * @param {Channel} channel
  */

package/dist/src/gl/glslScaleGenerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glslScaleGenerator.d.ts","sourceRoot":"","sources":["../../../src/gl/glslScaleGenerator.js"],"names":[],"mappings":"AAsDA;;;;;GAKG;AACH,kDAJW,OAAO,mBACP,MAAM,GACJ,MAAM,CAIlB;AAED;;;;;;;;;;GAUG;AAEH;;;;;;;GAOG;AACH,mDALW,OAAO,mBACP,MAAM,SACN,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO,GAClC,aAAa,CA4CzB;AAED;;;;;;;GAOG;AACH,4DAJW,OAAO,mBACP,MAAM,GACJ,aAAa,CAkCzB;AAED;;;;;;GAMG;AACH,0CANW,OAAO,SACP,GAAG,mBACH,MAAM,+BACN,OAAO,EAAE,GACP,aAAa,CA8BzB;AACD;;;;;GAKG;AACH,qDALW,OAAO,SACP,GAAG,mBACH,MAAM,GACJ,aAAa,CAyBzB;AAED;;;;;GAKG;AAEH,2CALW,OAAO,SACP,GAAG,cACH,OAAO,oBAAoB,EAAE,UAAU;;;;;;EAwQjD;AAED;;;;GAIG;AACH,wDAHW,OAAO,aACP,OAAO,qBAAqB,EAAE,QAAQ,EAAE,UA+BlD;AAmED;;GAEG;AACH,qDAFW,OAAO,6BAQjB;AAuCD;;;;GAIG;AACH,iDAHW,OAAO,qBAAqB,EAAE,SAAS,WACvC,OAAO,oBAAoB,EAAE,OAAO;mBAQjB,MAAM;sBAAoB,sBAAsB,GAAG,sBAAsB,GAAG,uBAAuB;;;;;;EAkBhI;AAED;;;;GAIG;AACH,2CAFW,MAAM,6BAIhB;AAED;;;;GAIG;AACH,sCAFW,MAAM,EAAE,WAIlB;AAMD;;;GAGG;AACH,sCAHW,MAAM,QACN,MAAM,EAAE,YAYlB;AAED;;;GAGG;AACH,2CAHW,MAAM,QACN,MAAM,EAAE,YAUlB;AAYD;;GAEG;AACH,qDAFW,MAAM,EAAE,YAIlB;AAED;;GAEG;AAEH;;;;;GAKG;AACH,+CAFW,OAAO,CAAC,MAAM,CAAC,OAAO,oBAAoB,EAAE,OAAO,EAAE,OAAO,qBAAqB,EAAE,OAAO,CAAC,CAAC,+DA4BtG;AAED;;GAEG;AACH,2CAFW,OAAO,oBAAoB,EAAE,OAAO,GAAG,OAAO,oBAAoB,EAAE,OAAO,EAAE,UAIvF;AAwBD;;;;GAIG;AACH,uCAJW,MAAM,EAAE,cACR,MAAM,EAAE,GACN,MAAM,CAgClB;AAr0BD,+BAAgC,OAAO,CAAC;AACxC,4BAA6B,UAAU,CAAC;AACxC,2BAA4B,QAAQ,CAAC;AACrC,uCAAwC,WAAW,CAAC;AACpD,oCAAqC,QAAQ,CAAC;AAC9C,qCAAsC,YAAY,CAAC;AACnD,mCAAoC,gBAAgB,CAAC;AACrD,2BAA4B,SAAS,CAAC;AACtC,uCAAwC,iBAAiB,CAAC;AAkxBnD,uCAJI,GAAG,WACH,OAAO,GACL,MAAM,EAAE,CAQA;sBAlxBR,OAAO,oBAAoB,EAAE,OAAO;;aA+BvC,OAAO;kBACP,MAAM;0BACN,MAAM;oBACN,MAAM;oBACN,MAAM;kBACN,MAAM;kBACN,MAAM;eACN,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG;;;;;8BAofZ,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE;;;;uBAwLhD,CAAC,MAAM,EAAE,OAAO,CAAC;0BAruBJ,WAAW"}
+{"version":3,"file":"glslScaleGenerator.d.ts","sourceRoot":"","sources":["../../../src/gl/glslScaleGenerator.js"],"names":[],"mappings":"AAsDA;;;;;GAKG;AACH,kDAJW,OAAO,mBACP,MAAM,GACJ,MAAM,CAIlB;AAED;;;;;;;;;;GAUG;AAEH;;;;;;;GAOG;AACH,mDALW,OAAO,mBACP,MAAM,SACN,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO,GAClC,aAAa,CA4CzB;AAED;;;;;;;GAOG;AACH,4DAJW,OAAO,mBACP,MAAM,GACJ,aAAa,CAkCzB;AAED;;;;;;GAMG;AACH,0CANW,OAAO,SACP,GAAG,mBACH,MAAM,+BACN,OAAO,EAAE,GACP,aAAa,CA8BzB;AACD;;;;;GAKG;AACH,qDALW,OAAO,SACP,GAAG,mBACH,MAAM,GACJ,aAAa,CAyBzB;AAED;;;;;GAKG;AACH,2CAJW,OAAO,SACP,GAAG,cACH,OAAO,oBAAoB,EAAE,UAAU;;;;;;EAsQjD;AAED;;;;GAIG;AACH,wDAHW,OAAO,YACP,OAAO,qBAAqB,EAAE,cAAc,EAAE,UA+BxD;AAmED;;GAEG;AACH,qDAFW,OAAO,6BAQjB;AAuCD;;;;GAIG;AACH,iDAHW,OAAO,qBAAqB,EAAE,SAAS,WACvC,OAAO,oBAAoB,EAAE,OAAO;mBAQjB,MAAM;sBAAoB,sBAAsB,GAAG,sBAAsB,GAAG,uBAAuB;;;;;;EAkBhI;AAED;;;;GAIG;AACH,2CAFW,MAAM,6BAIhB;AAED;;;;GAIG;AACH,sCAFW,MAAM,EAAE,WAIlB;AAMD;;;GAGG;AACH,sCAHW,MAAM,QACN,MAAM,EAAE,YAYlB;AAED;;;GAGG;AACH,2CAHW,MAAM,QACN,MAAM,EAAE,YAUlB;AAYD;;GAEG;AACH,qDAFW,MAAM,EAAE,YAIlB;AAED;;GAEG;AAEH;;;;;GAKG;AACH,+CAFW,OAAO,CAAC,MAAM,CAAC,OAAO,oBAAoB,EAAE,OAAO,EAAE,OAAO,qBAAqB,EAAE,OAAO,CAAC,CAAC,+DA4BtG;AAED;;GAEG;AACH,2CAFW,OAAO,oBAAoB,EAAE,OAAO,GAAG,OAAO,oBAAoB,EAAE,OAAO,EAAE,UAIvF;AAwBD;;;;GAIG;AACH,uCAJW,MAAM,EAAE,cACR,MAAM,EAAE,GACN,MAAM,CAgClB;AAn0BD,+BAAgC,OAAO,CAAC;AACxC,4BAA6B,UAAU,CAAC;AACxC,2BAA4B,QAAQ,CAAC;AACrC,uCAAwC,WAAW,CAAC;AACpD,oCAAqC,QAAQ,CAAC;AAC9C,qCAAsC,YAAY,CAAC;AACnD,mCAAoC,gBAAgB,CAAC;AACrD,2BAA4B,SAAS,CAAC;AACtC,uCAAwC,iBAAiB,CAAC;AAgxBnD,uCAJI,GAAG,WACH,OAAO,GACL,MAAM,EAAE,CAQA;sBAhxBR,OAAO,oBAAoB,EAAE,OAAO;;aA+BvC,OAAO;kBACP,MAAM;0BACN,MAAM;oBACN,MAAM;oBACN,MAAM;kBACN,MAAM;kBACN,MAAM;eACN,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG;;;;;8BAkfZ,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE;;;;uBAwLhD,CAAC,MAAM,EAAE,OAAO,CAAC;0BAnuBJ,WAAW"}

package/dist/src/gl/glslScaleGenerator.js

@@ -241,7 +241,6 @@ ${attributeType} ${accessorFunctionName}() {
  * @param {any} scale
  * @param {import("../spec/channel.js").ChannelDef} channelDef
  */
-// eslint-disable-next-line complexity
 export function generateScaleGlsl(channel, scale, channelDef) {
     scale ??= scaleNull();
 
@@ -272,7 +271,6 @@ export function generateScaleGlsl(channel, scale, channelDef) {
      * @param {...any} args
      */
     const makeScaleCall = (name, ...args) =>
-        // eslint-disable-next-line no-useless-call
         makeFunctionCall.apply(null, [name, "value", ...args]);
 
     let functionCall;
@@ -508,9 +506,9 @@ ${scaleBody.map((x) => `    ${x}\n`).join("")}
 /**
  *
  * @param {Channel} channel
- * @param {import("../types/encoder.js").Accessor[]} accessors
+ * @param {import("../types/encoder.js").EncodingBranch[]} branches
  */
-export function generateConditionalEncoderGlsl(channel, accessors) {
+export function generateConditionalEncoderGlsl(channel, branches) {
     const type = getScaledDataTypeForChannel(channel);
 
     /** @type {string[]}  */
@@ -518,10 +516,10 @@ export function generateConditionalEncoderGlsl(channel, accessors) {
     /** @type {string[]}  */
     const statements = [];
 
-    for (let i = 0; i < accessors.length; i++) {
-        const accessor = accessors[i];
+    for (let i = 0; i < branches.length; i++) {
+        const { accessor, predicate } = branches[i];
         const accessorFunctionName = makeAccessorFunctionName(channel, i);
-        const { param, empty } = accessor.predicate;
+        const { param, empty } = predicate;
 
         conditions.push(
             param ? `${SELECTION_CHECKER_PREFIX}${param}(${!!empty})` : null

package/dist/src/gl/webGLHelper.d.ts

@@ -45,11 +45,19 @@ export default class WebGLHelper {
         width: number;
         height: number;
     }, webglContextAttributes?: WebGLContextAttributes);
-    _container: HTMLElement;
-    _sizeSource: () => {
-        width: any;
-        height: any;
-    };
+    /**
+     * @type {CanvasSizeHelper}
+     */
+    _canvasSizeHelper: CanvasSizeHelper;
+    /**
+     * @type {{ logicalWidth: number, logicalHeight: number, physicalWidth: number, physicalHeight: number } | undefined}
+     */
+    _appliedCanvasSize: {
+        logicalWidth: number;
+        logicalHeight: number;
+        physicalWidth: number;
+        physicalHeight: number;
+    } | undefined;
     /** @type {Map<string, WebGLShader>} */
     _shaderCache: Map<string, WebGLShader>;
     /** @type {WeakMap<import("../types/encoder.js").VegaScale, WebGLTexture>} */
@@ -64,10 +72,6 @@ export default class WebGLHelper {
     _pickingAttachmentOptions: import("twgl.js").AttachmentOptions[];
     _pickingBufferInfo: import("twgl.js").FramebufferInfo;
     invalidateSize(): void;
-    _logicalCanvasSize: {
-        width: any;
-        height: any;
-    };
     /**
      * Compiles and caches a shader. The shader source is used as a cache key.
      *
@@ -89,13 +93,22 @@ export default class WebGLHelper {
         width: number;
         height: number;
     };
+    /**
+     * Returns the ratio between true display pixels and logical pixels.
+     *
+     * @param {{ width: number, height: number }} [logicalSize]
+     */
+    getDevicePixelRatio(logicalSize?: {
+        width: number;
+        height: number;
+    }): number;
     /**
      * Returns the size of the canvas canvas container size in logical pixels,
      * without devicePixelRatio correction.
      */
     getLogicalCanvasSize(): {
-        width: any;
-        height: any;
+        width: number;
+        height: number;
     };
     /**
      * Creates textures for color schemes and discrete/discretizing ranges.
@@ -113,4 +126,5 @@ export default class WebGLHelper {
      */
     createSelectionTexture(selection: import("../types/selectionTypes.js").MultiPointSelection, update?: boolean): void;
 }
+import CanvasSizeHelper from "./canvasSizeHelper.js";
 //# sourceMappingURL=webGLHelper.d.ts.map

package/dist/src/gl/webGLHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webGLHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/webGLHelper.js"],"names":[],"mappings":"AA+ZA;;;;GAIG;AACH,kCAJW,sBAAsB,gBACtB,WAAW,kBACX,WAAW;;;;;;EA8CrB;AAED;;;;;GAKG;AACH,0CALW,qBAAqB,WACrB,IAAI,CAAC,OAAO,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAC7C,MAAM,EAAE,GAAG,eAAe,YAC1B,YAAY,gBAYtB;AAED;;;;;;GAMG;AACH,qCALW,sBAAsB,mBACtB,OAAO,SAAS,EAAE,eAAe,KACjC,MAAM,KACN,MAAM,2BAWhB;AAED;;;;;GAKG;AACH,yCAJW,sBAAsB,mBACtB,OAAO,SAAS,EAAE,eAAe,SACjC,MAAM,UA4BhB;AApfD;IACI;;;;;;;OAOG;IACH,uBANW,WAAW,eACX,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,2BAGrC,sBAAsB,EAsFhC;IAnFG,wBAA2B;IAC3B;;;MAKO;IAEP,uCAAuC;IACvC,cADW,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CACN;IAE7B,6EAA6E;IAC7E,eADW,OAAO,CAAC,OAAO,qBAAqB,EAAE,SAAS,EAAE,YAAY,CAAC,CACvC;IAElC;;OAEG;IACH,mBAFU,OAAO,CAAC,OAAO,4BAA4B,EAAE,mBAAmB,EAAE,YAAY,CAAC,CAEnD;IA8CtC,0BAAoB;IACpB,2BAAY;IAGZ,oDAAoD;IACpD,2BADW,OAAO,SAAS,EAAE,iBAAiB,EAAE,CAQ/C;IACD,sDAGC;IAML,uBAGC;IAFG;;;MAAmC;IAIvC;;;;;OAKG;IACH,oBAHW,MAAM,QACN,MAAM,GAAG,MAAM,EAAE,eA2B3B;IAED,iBAcC;IAED,iBAEC;IAED;;;;OAIG;IACH,oCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;;;MAS3C;IAED;;;OAGG;IACH;;;MAuBC;IAED;;;;;;;;;OASG;IACH,+BAHW,OAAO,8BAA8B,EAAE,OAAO,WAC9C,OAAO,QA2GjB;IAED;;OAEG;IACH,kCAFW,OAAO,4BAA4B,EAAE,mBAAmB,0BAiClE;CACJ"}
+{"version":3,"file":"webGLHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/webGLHelper.js"],"names":[],"mappings":"AAybA;;;;GAIG;AACH,kCAJW,sBAAsB,gBACtB,WAAW,kBACX,WAAW;;;;;;EA8CrB;AAED;;;;;GAKG;AACH,0CALW,qBAAqB,WACrB,IAAI,CAAC,OAAO,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAC7C,MAAM,EAAE,GAAG,eAAe,YAC1B,YAAY,gBAYtB;AAED;;;;;;GAMG;AACH,qCALW,sBAAsB,mBACtB,OAAO,SAAS,EAAE,eAAe,KACjC,MAAM,KACN,MAAM,2BAWhB;AAED;;;;;GAKG;AACH,yCAJW,sBAAsB,mBACtB,OAAO,SAAS,EAAE,eAAe,SACjC,MAAM,UA4BhB;AA7gBD;IACI;;;;;;;OAOG;IACH,uBANW,WAAW,eACX,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,2BAGrC,sBAAsB,EAsGhC;IA5FG;;OAEG;IACH,mBAFU,gBAAgB,CAEQ;IAElC;;OAEG;IACH,oBAFU;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAEjF;IAEnC,uCAAuC;IACvC,cADW,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CACN;IAE7B,6EAA6E;IAC7E,eADW,OAAO,CAAC,OAAO,qBAAqB,EAAE,SAAS,EAAE,YAAY,CAAC,CACvC;IAElC;;OAEG;IACH,mBAFU,OAAO,CAAC,OAAO,4BAA4B,EAAE,mBAAmB,EAAE,YAAY,CAAC,CAEnD;IA8CtC,0BAAoB;IACpB,2BAAY;IAGZ,oDAAoD;IACpD,2BADW,OAAO,SAAS,EAAE,iBAAiB,EAAE,CAQ/C;IACD,sDAGC;IAaL,uBAGC;IAED;;;;;OAKG;IACH,oBAHW,MAAM,QACN,MAAM,GAAG,MAAM,EAAE,eA2B3B;IAED,iBAgCC;IAED,iBAGC;IAED;;;;OAIG;IACH,oCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;;;MAI3C;IAED;;;;OAIG;IACH,kCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,UAI3C;IAED;;;OAGG;IACH;;;MAEC;IAED;;;;;;;;;OASG;IACH,+BAHW,OAAO,8BAA8B,EAAE,OAAO,WAC9C,OAAO,QA2GjB;IAED;;OAEG;IACH,kCAFW,OAAO,4BAA4B,EAAE,mBAAmB,0BAwClE;CACJ;6BAvX4B,uBAAuB"}