@xyo-network/react-map 2.35.6 → 2.35.8

package/dist/cjs/Components/MapBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapBox.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBox.tsx"],"names":[],"mappings":";AACA,OAAO,8BAA8B,CAAA;AAErC,OAAO,EAAO,aAAa,EAAE,MAAM,WAAW,CAAA;AAM9C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiDxC,CAAA"}
+{"version":3,"file":"MapBox.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBox.tsx"],"names":[],"mappings":";AACA,OAAO,8BAA8B,CAAA;AAErC,OAAO,EAAO,aAAa,EAAE,MAAM,WAAW,CAAA;AAO9C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwDxC,CAAA"}

package/dist/cjs/Components/MapBox.js

@@ -8,13 +8,17 @@ require("mapbox-gl/dist/mapbox-gl.css");
 const mapbox_gl_1 = require("mapbox-gl");
 const react_1 = require("react");
 const Contexts_1 = require("../Contexts");
+const hooks_1 = require("../hooks");
 const lib_1 = require("../lib");
 const MapBox = (_a) => {
     var { accessToken, darkMode = false, zoom = 2, options } = _a, props = tslib_1.__rest(_a, ["accessToken", "darkMode", "zoom", "options"]);
     const [map, setMap] = (0, react_1.useState)();
     const mapContainerRef = (0, react_1.useRef)(null);
-    const { setMapBoxInstance } = (0, Contexts_1.useMapBoxInstance)();
+    const mapCanvasRef = (0, react_1.useRef)(null);
+    const { setMapBoxInstance, map: mapInstance } = (0, Contexts_1.useMapBoxInstance)();
     const { mapSettings } = (0, Contexts_1.useMapSettings)();
+    const activeResize = mapSettings === null || mapSettings === void 0 ? void 0 : mapSettings.dynamicMapResize.value;
+    (0, hooks_1.useDynamicMapResize)(mapContainerRef, mapCanvasRef, mapInstance, activeResize);
     (0, react_1.useEffect)(() => {
         var _a;
         if (((_a = mapSettings === null || mapSettings === void 0 ? void 0 : mapSettings.preferDark) === null || _a === void 0 ? void 0 : _a.value) === true) {
@@ -30,6 +34,8 @@ const MapBox = (_a) => {
         // Allow external components to control the map
         setMapBoxInstance === null || setMapBoxInstance === void 0 ? void 0 : setMapBoxInstance(map);
         setMap(map);
+        // save the map canvas ref to help with resizing
+        mapCanvasRef.current = document.querySelector('.mapboxgl-canvas');
         console.log('Created Map');
         return () => {
             console.log('Removing Map');

package/dist/cjs/Components/MapBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapBox.js","sourceRoot":"","sources":["../../../src/Components/MapBox.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAsD;AACtD,wCAAqC;AAErC,yCAA8C;AAC9C,iCAAmD;AAEnD,0CAA+D;AAC/D,gCAAoC;AAS7B,MAAM,MAAM,GAA0B,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA5D,8CAA8D,CAAF;IACxG,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,GAAO,CAAA;IACrC,MAAM,eAAe,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAC3D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAE,KAAK,MAAK,IAAI,EAAE;YAC3C,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,mBAAmB,iBAAW,CAAC,IAAI,EAAE,CAAC,CAAA;SACrD;aAAM;YACL,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,mBAAmB,QAAQ,CAAC,CAAC,CAAC,iBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAW,CAAC,KAAK,EAAE,CAAC,CAAA;SACpF;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,MAAM,GAAG,GAAG,IAAI,eAAG,iBACjB,WAAW,EACX,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,SAAS,EAAE,MAAA,eAAe,CAAC,OAAO,mCAAI,EAAE,EACxC,KAAK,EAAE,mBAAmB,iBAAW,CAAC,KAAK,EAAE,EAC7C,IAAI,IACD,OAAO,EACV,CAAA;QAEF,+CAA+C;QAC/C,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAG,CAAC,CAAA;QACxB,MAAM,CAAC,GAAG,CAAC,CAAA;QAEX,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;QAE1B,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;YAC3B,GAAG,CAAC,MAAM,EAAE,CAAA;QACd,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5E,OAAO,CACL,gCACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC,EAC3C,KAAK,kBACH,MAAM,EAAE,CAAC,EACT,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,IACH,KAAK,IAEV,CACH,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,MAAM,UAiDlB"}
+{"version":3,"file":"MapBox.js","sourceRoot":"","sources":["../../../src/Components/MapBox.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Settings/DefaultMapSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultMapSettings.d.ts","sourceRoot":"","sources":["../../../src/Settings/DefaultMapSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAO,MAAM,kBAAkB,EAAE,MAAM,UAwCrC,CAAA"}
+{"version":3,"file":"DefaultMapSettings.d.ts","sourceRoot":"","sources":["../../../src/Settings/DefaultMapSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAO,MAAM,kBAAkB,EAAE,MAAM,UA8CrC,CAAA"}

package/dist/cjs/Settings/DefaultMapSettings.js

@@ -15,6 +15,12 @@ const DefaultMapSettings = () => ({
         label: 'Debug Logging',
         value: false,
     },
+    dynamicMapResize: {
+        devMode: false,
+        field: 'dynamicMapResize',
+        label: 'Auto Map Resize',
+        value: true,
+    },
     enableControls: {
         devMode: true,
         field: 'enableControls',

package/dist/cjs/Settings/DefaultMapSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultMapSettings.js","sourceRoot":"","sources":["../../../src/Settings/DefaultMapSettings.ts"],"names":[],"mappings":";;;AAEO,MAAM,kBAAkB,GAAqB,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,KAAK;KACb;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,KAAK;KACb;IACD,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,KAAK;KACb;IACD,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,KAAK;KACb;IACD,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,KAAK;KACb;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAA;AAxCW,QAAA,kBAAkB,sBAwC7B"}
+{"version":3,"file":"DefaultMapSettings.js","sourceRoot":"","sources":["../../../src/Settings/DefaultMapSettings.ts"],"names":[],"mappings":";;;AAEO,MAAM,kBAAkB,GAAqB,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,KAAK;KACb;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,KAAK;KACb;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,IAAI;KACZ;IACD,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,KAAK;KACb;IACD,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,KAAK;KACb;IACD,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,KAAK;KACb;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAA;AA9CW,QAAA,kBAAkB,sBA8C7B"}

package/dist/cjs/Settings/MapSetting.d.ts

@@ -6,6 +6,7 @@ export declare type MapSetting = {
         label: string;
         hidden?: boolean;
         devMode?: boolean;
+        dynamicMapResize?: boolean;
     };
 };
 //# sourceMappingURL=MapSetting.d.ts.map

package/dist/cjs/Settings/MapSetting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapSetting.d.ts","sourceRoot":"","sources":["../../../src/Settings/MapSetting.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG,YAAY,GAAG,aAAa,GAAG,cAAc,GAAG,gBAAgB,GAAG,cAAc,GAAG,YAAY,CAAA;AAE/H,oBAAY,UAAU,GAAG;KACtB,KAAK,IAAI,gBAAgB,GAAG,MAAM,GAAG;QACpC,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB;CACF,CAAA"}
+{"version":3,"file":"MapSetting.d.ts","sourceRoot":"","sources":["../../../src/Settings/MapSetting.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG,YAAY,GAAG,aAAa,GAAG,cAAc,GAAG,gBAAgB,GAAG,cAAc,GAAG,YAAY,CAAA;AAE/H,oBAAY,UAAU,GAAG;KACtB,KAAK,IAAI,gBAAgB,GAAG,MAAM,GAAG;QACpC,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAC3B;CACF,CAAA"}

package/dist/cjs/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export * from './useDynamicMapResize';
 export * from './useDynamicPositioning';
 export * from './useFetchPayloads';
 export * from './useFindHashes';

package/dist/cjs/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA"}

package/dist/cjs/hooks/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useDynamicMapResize"), exports);
 tslib_1.__exportStar(require("./useDynamicPositioning"), exports);
 tslib_1.__exportStar(require("./useFetchPayloads"), exports);
 tslib_1.__exportStar(require("./useFindHashes"), exports);

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,kEAAuC;AACvC,6DAAkC;AAClC,0DAA+B;AAC/B,6DAAkC;AAClC,yEAA8C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,gEAAqC;AACrC,kEAAuC;AACvC,6DAAkC;AAClC,0DAA+B;AAC/B,6DAAkC;AAClC,yEAA8C"}

package/dist/cjs/hooks/useDynamicMapResize.d.ts

@@ -0,0 +1,7 @@
+import { Map } from 'mapbox-gl';
+import { MutableRefObject } from 'react';
+/**
+ * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2
+ */
+export declare const useDynamicMapResize: (mapContainerRef: MutableRefObject<HTMLDivElement | null>, mapCanvasRef: MutableRefObject<HTMLCanvasElement | null>, mapInstance?: Map, active?: boolean) => void;
+//# sourceMappingURL=useDynamicMapResize.d.ts.map

package/dist/cjs/hooks/useDynamicMapResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicMapResize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDynamicMapResize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAgC,MAAM,OAAO,CAAA;AAEtE;;GAEG;AACH,eAAO,MAAM,mBAAmB,oBACb,iBAAiB,cAAc,GAAG,IAAI,CAAC,gBAC1C,iBAAiB,iBAAiB,GAAG,IAAI,CAAC,gBAC1C,GAAG,2BAmClB,CAAA"}

package/dist/cjs/hooks/useDynamicMapResize.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDynamicMapResize = void 0;
+const react_1 = require("react");
+/**
+ * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2
+ */
+const useDynamicMapResize = (mapContainerRef, mapCanvasRef, mapInstance, active = true) => {
+    const [dependenciesReady, setDependenciesReady] = (0, react_1.useState)(false);
+    const resizer = (0, react_1.useMemo)(() => new ResizeObserver(() => {
+        var _a;
+        const width = (_a = mapContainerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
+        if (width && mapCanvasRef.current) {
+            mapCanvasRef.current.style.width = `${width}px`;
+            // setTimeout allows for the smoothest animation (vs requestAnimationFrame, debouce, etc)
+            // likely because it lets mapbox resize once when the event loop is ready?
+            setTimeout(() => mapInstance === null || mapInstance === void 0 ? void 0 : mapInstance.resize());
+        }
+    }), [mapCanvasRef, mapContainerRef, mapInstance]);
+    (0, react_1.useEffect)(() => {
+        const dependenciesReady = !!(active && mapInstance && (mapContainerRef === null || mapContainerRef === void 0 ? void 0 : mapContainerRef.current) && mapCanvasRef.current);
+        setDependenciesReady(dependenciesReady);
+    }, [active, mapCanvasRef, mapContainerRef, mapInstance]);
+    (0, react_1.useEffect)(() => {
+        if (dependenciesReady) {
+            if (mapContainerRef.current) {
+                resizer.observe(mapContainerRef.current);
+            }
+            return () => {
+                resizer.disconnect();
+            };
+        }
+    }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer]);
+};
+exports.useDynamicMapResize = useDynamicMapResize;
+//# sourceMappingURL=useDynamicMapResize.js.map

package/dist/cjs/hooks/useDynamicMapResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicMapResize.js","sourceRoot":"","sources":["../../../src/hooks/useDynamicMapResize.tsx"],"names":[],"mappings":";;;AACA,iCAAsE;AAEtE;;GAEG;AACI,MAAM,mBAAmB,GAAG,CACjC,eAAwD,EACxD,YAAwD,EACxD,WAAiB,EACjB,MAAM,GAAG,IAAI,EACb,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,IAAI,cAAc,CAAC,GAAG,EAAE;;QACtB,MAAM,KAAK,GAAG,MAAA,eAAe,CAAC,OAAO,0CAAE,qBAAqB,GAAG,KAAK,CAAA;QACpE,IAAI,KAAK,IAAI,YAAY,CAAC,OAAO,EAAE;YACjC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAA;YAC/C,yFAAyF;YACzF,0EAA0E;YAC1E,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,EAAE,CAAC,CAAA;SACxC;IACH,CAAC,CAAC,EACJ,CAAC,YAAY,EAAE,eAAe,EAAE,WAAW,CAAC,CAC7C,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,WAAW,KAAI,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,CAAA,IAAI,YAAY,CAAC,OAAO,CAAC,CAAA;QACvG,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;IACzC,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC,CAAA;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,IAAI,eAAe,CAAC,OAAO,EAAE;gBAC3B,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;aACzC;YAED,OAAO,GAAG,EAAE;gBACV,OAAO,CAAC,UAAU,EAAE,CAAA;YACtB,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;AACtF,CAAC,CAAA;AAtCY,QAAA,mBAAmB,uBAsC/B"}