intergalactic 15.43.0-prerelease-fbfdafde → 15.43.0-prerelease-960d7de5-1

package/libs/utils/lib/ref.mjs

@@ -0,0 +1,82 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import { findDOMNode } from 'react-dom';
+export function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+  } else if (ref !== null && ref !== void 0 && ref.hasOwnProperty('current')) {
+    // @ts-ignore
+    ref['current'] = value;
+  }
+}
+export function getRef(ref) {
+  if (!ref) return null;
+  return 'current' in ref ? ref.current : ref;
+}
+export function useCallbackRef(initialValue, callback) {
+  var _React$useState = React.useState(function () {
+      return {
+        // value
+        value: initialValue,
+        // last callback
+        callback: callback,
+        // "memoized" public interface
+        facade: {
+          get current() {
+            return ref.value;
+          },
+          set current(value) {
+            var last = ref.value;
+            if (last !== value) {
+              ref.value = value;
+              ref.callback(value, last);
+            }
+          }
+        }
+      };
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 1),
+    ref = _React$useState2[0];
+  // update callback
+  ref.callback = callback;
+  return ref.facade;
+}
+export function useForkRef() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return React.useCallback(function (refValue) {
+    var uniqueRefs = _toConsumableArray(new Set(refs));
+    uniqueRefs.forEach(function (ref) {
+      return setRef(ref, refValue);
+    });
+  }, refs);
+}
+export function forkRef() {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+  if (refs.every(function (ref) {
+    return ref == null;
+  })) {
+    return null;
+  }
+  return function (refValue) {
+    var uniqueRefs = _toConsumableArray(new Set(refs));
+    uniqueRefs.forEach(function (ref) {
+      return setRef(ref, refValue);
+    });
+  };
+}
+export function getNodeByRef(ref) {
+  if (typeof ref === 'function') {
+    ref = ref();
+  }
+  if (!ref) return null;
+  var node = getRef(ref);
+  if (!node) return null;
+  if (node.nodeType === 1) return node;
+  return findDOMNode(node);
+}
+//# sourceMappingURL=ref.mjs.map

package/libs/utils/lib/ref.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.mjs","names":["React","findDOMNode","setRef","ref","value","hasOwnProperty","getRef","current","useCallbackRef","initialValue","callback","_React$useState","useState","facade","last","_React$useState2","_slicedToArray","useForkRef","_len","arguments","length","refs","Array","_key","useCallback","refValue","uniqueRefs","_toConsumableArray","Set","forEach","forkRef","_len2","_key2","every","getNodeByRef","node","nodeType"],"sources":["../src/ref.ts"],"sourcesContent":["import React, { MutableRefObject, Ref, RefObject } from 'react';\nimport { findDOMNode } from 'react-dom';\n\nexport function setRef<T>(ref: Ref<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref?.hasOwnProperty('current')) {\n    // @ts-ignore\n    ref['current'] = value;\n  }\n}\n\nexport function getRef(ref: RefObject<Element> | Element): Element | null {\n  if (!ref) return null;\n  return 'current' in ref ? ref.current : ref;\n}\n\nexport function useCallbackRef<T>(\n  initialValue: T | null,\n  callback: (newValue: T | null, lastValue: T | null) => void,\n): MutableRefObject<T | null> {\n  const [ref] = React.useState(() => ({\n    // value\n    value: initialValue,\n    // last callback\n    callback,\n    // \"memoized\" public interface\n    facade: {\n      get current() {\n        return ref.value;\n      },\n      set current(value) {\n        const last = ref.value;\n        if (last !== value) {\n          ref.value = value;\n          ref.callback(value, last);\n        }\n      },\n    },\n  }));\n  // update callback\n  ref.callback = callback;\n\n  return ref.facade;\n}\n\nexport function useForkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  return React.useCallback((refValue: any) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  }, refs);\n}\n\nexport function forkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  if (refs.every((ref) => ref == null)) {\n    return null;\n  }\n  return (refValue) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  };\n}\n\nexport type NodeByRef = RefObject<Element> | Element | (() => RefObject<Element> | Element);\n\nexport function getNodeByRef(ref: NodeByRef): Element | null {\n  if (typeof ref === 'function') {\n    ref = ref();\n  }\n  if (!ref) return null;\n\n  const node = getRef(ref);\n  if (!node) return null;\n  if (node.nodeType === 1) return node;\n\n  return findDOMNode(node) as Element;\n}\n"],"mappings":"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"}

package/libs/utils/lib/setRef.d.ts

@@ -0,0 +1,2 @@
+import { setRef } from './ref';
+export default setRef;

package/libs/utils/lib/setRef.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ref = require("./ref");
+var _default = _ref.setRef;
+exports["default"] = _default;
+//# sourceMappingURL=setRef.js.map

package/libs/utils/lib/setRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setRef.js","names":["_ref","require","_default","setRef","exports"],"sources":["../src/setRef.ts"],"sourcesContent":["import { setRef } from './ref';\n\nexport default setRef;\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAA+B,IAAAC,QAAA,GAEhBC,WAAM;AAAAC,OAAA,cAAAF,QAAA"}

package/libs/utils/lib/setRef.mjs

@@ -0,0 +1,3 @@
+import { setRef } from "./ref.mjs";
+export default setRef;
+//# sourceMappingURL=setRef.mjs.map

package/libs/utils/lib/setRef.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"setRef.mjs","names":["setRef"],"sources":["../src/setRef.ts"],"sourcesContent":["import { setRef } from './ref';\n\nexport default setRef;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,WAAO;AAE9B,eAAeA,MAAM"}

package/libs/utils/lib/syncScroll.d.ts

@@ -0,0 +1 @@
+export default function syncScroll(): (name: string) => (ref: any) => void;

package/libs/utils/lib/syncScroll.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = syncScroll;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _canUseDOM = _interopRequireDefault(require("./canUseDOM"));
+function syncScroll() {
+  var refs = new Map();
+  function handlerScroll(event) {
+    var scrolledNode = event.currentTarget;
+    if (!(0, _canUseDOM["default"])()) return;
+    window.requestAnimationFrame(function () {
+      refs.forEach(function (node) {
+        if (scrolledNode !== node) {
+          node.removeEventListener('scroll', handlerScroll);
+          syncScrollPosition(scrolledNode, node);
+          window.requestAnimationFrame(function () {
+            node.addEventListener('scroll', handlerScroll);
+          });
+        }
+      });
+    });
+  }
+  function syncScrollPosition(scrolledNode, node) {
+    var scrollTop = scrolledNode.scrollTop,
+      scrollHeight = scrolledNode.scrollHeight,
+      clientHeight = scrolledNode.clientHeight,
+      scrollLeft = scrolledNode.scrollLeft,
+      scrollWidth = scrolledNode.scrollWidth,
+      clientWidth = scrolledNode.clientWidth;
+    var scrollTopOffset = scrollHeight - clientHeight;
+    var scrollLeftOffset = scrollWidth - clientWidth;
+    var nodeHeight = node.scrollHeight - clientHeight;
+    var nodeWidth = node.scrollWidth - clientWidth;
+    if (scrollTopOffset > 0) {
+      node.scrollTop = nodeHeight * scrollTop / scrollTopOffset;
+    }
+    if (scrollLeftOffset > 0) {
+      node.scrollLeft = nodeWidth * scrollLeft / scrollLeftOffset;
+    }
+  }
+  return function (name) {
+    refs.set(name, null);
+    return function (ref) {
+      var _refs$get;
+      (_refs$get = refs.get(name)) === null || _refs$get === void 0 ? void 0 : _refs$get.removeEventListener('scroll', handlerScroll);
+      refs.set(name, ref);
+      if (ref) {
+        ref.addEventListener('scroll', handlerScroll);
+        var scrolledNode = (0, _toConsumableArray2["default"])(refs.values())[0];
+        if (scrolledNode) {
+          syncScrollPosition(scrolledNode, ref);
+        }
+      }
+    };
+  };
+}
+//# sourceMappingURL=syncScroll.js.map

package/libs/utils/lib/syncScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncScroll.js","names":["_canUseDOM","_interopRequireDefault","require","syncScroll","refs","Map","handlerScroll","event","scrolledNode","currentTarget","canUseDOM","window","requestAnimationFrame","forEach","node","removeEventListener","syncScrollPosition","addEventListener","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","clientWidth","scrollTopOffset","scrollLeftOffset","nodeHeight","nodeWidth","name","set","ref","_refs$get","get","_toConsumableArray2","values"],"sources":["../src/syncScroll.ts"],"sourcesContent":["import canUseDOM from './canUseDOM';\n\nexport default function syncScroll() {\n  const refs = new Map();\n\n  function handlerScroll(event: any) {\n    const scrolledNode = event.currentTarget;\n    if (!canUseDOM()) return;\n    window.requestAnimationFrame(() => {\n      refs.forEach((node) => {\n        if (scrolledNode !== node) {\n          node.removeEventListener('scroll', handlerScroll);\n          syncScrollPosition(scrolledNode, node);\n          window.requestAnimationFrame(() => {\n            node.addEventListener('scroll', handlerScroll);\n          });\n        }\n      });\n    });\n  }\n\n  function syncScrollPosition(scrolledNode: HTMLElement, node: HTMLElement) {\n    const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } =\n      scrolledNode;\n\n    const scrollTopOffset = scrollHeight - clientHeight;\n    const scrollLeftOffset = scrollWidth - clientWidth;\n\n    const nodeHeight = node.scrollHeight - clientHeight;\n    const nodeWidth = node.scrollWidth - clientWidth;\n\n    if (scrollTopOffset > 0) {\n      node.scrollTop = (nodeHeight * scrollTop) / scrollTopOffset;\n    }\n    if (scrollLeftOffset > 0) {\n      node.scrollLeft = (nodeWidth * scrollLeft) / scrollLeftOffset;\n    }\n  }\n\n  return (name: string) => {\n    refs.set(name, null);\n    return (ref: any) => {\n      refs.get(name)?.removeEventListener('scroll', handlerScroll);\n      refs.set(name, ref);\n      if (ref) {\n        ref.addEventListener('scroll', handlerScroll);\n        const scrolledNode = [...refs.values()][0];\n        if (scrolledNode) {\n          syncScrollPosition(scrolledNode, ref);\n        }\n      }\n    };\n  };\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEe,SAASC,UAAUA,CAAA,EAAG;EACnC,IAAMC,IAAI,GAAG,IAAIC,GAAG,EAAE;EAEtB,SAASC,aAAaA,CAACC,KAAU,EAAE;IACjC,IAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa;IACxC,IAAI,CAAC,IAAAC,qBAAS,GAAE,EAAE;IAClBC,MAAM,CAACC,qBAAqB,CAAC,YAAM;MACjCR,IAAI,CAACS,OAAO,CAAC,UAACC,IAAI,EAAK;QACrB,IAAIN,YAAY,KAAKM,IAAI,EAAE;UACzBA,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAET,aAAa,CAAC;UACjDU,kBAAkB,CAACR,YAAY,EAAEM,IAAI,CAAC;UACtCH,MAAM,CAACC,qBAAqB,CAAC,YAAM;YACjCE,IAAI,CAACG,gBAAgB,CAAC,QAAQ,EAAEX,aAAa,CAAC;UAChD,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEA,SAASU,kBAAkBA,CAACR,YAAyB,EAAEM,IAAiB,EAAE;IACxE,IAAQI,SAAS,GACfV,YAAY,CADNU,SAAS;MAAEC,YAAY,GAC7BX,YAAY,CADKW,YAAY;MAAEC,YAAY,GAC3CZ,YAAY,CADmBY,YAAY;MAAEC,UAAU,GACvDb,YAAY,CADiCa,UAAU;MAAEC,WAAW,GACpEd,YAAY,CAD6Cc,WAAW;MAAEC,WAAW,GACjFf,YAAY,CAD0De,WAAW;IAGnF,IAAMC,eAAe,GAAGL,YAAY,GAAGC,YAAY;IACnD,IAAMK,gBAAgB,GAAGH,WAAW,GAAGC,WAAW;IAElD,IAAMG,UAAU,GAAGZ,IAAI,CAACK,YAAY,GAAGC,YAAY;IACnD,IAAMO,SAAS,GAAGb,IAAI,CAACQ,WAAW,GAAGC,WAAW;IAEhD,IAAIC,eAAe,GAAG,CAAC,EAAE;MACvBV,IAAI,CAACI,SAAS,GAAIQ,UAAU,GAAGR,SAAS,GAAIM,eAAe;IAC7D;IACA,IAAIC,gBAAgB,GAAG,CAAC,EAAE;MACxBX,IAAI,CAACO,UAAU,GAAIM,SAAS,GAAGN,UAAU,GAAII,gBAAgB;IAC/D;EACF;EAEA,OAAO,UAACG,IAAY,EAAK;IACvBxB,IAAI,CAACyB,GAAG,CAACD,IAAI,EAAE,IAAI,CAAC;IACpB,OAAO,UAACE,GAAQ,EAAK;MAAA,IAAAC,SAAA;MACnB,CAAAA,SAAA,GAAA3B,IAAI,CAAC4B,GAAG,CAACJ,IAAI,CAAC,cAAAG,SAAA,uBAAdA,SAAA,CAAgBhB,mBAAmB,CAAC,QAAQ,EAAET,aAAa,CAAC;MAC5DF,IAAI,CAACyB,GAAG,CAACD,IAAI,EAAEE,GAAG,CAAC;MACnB,IAAIA,GAAG,EAAE;QACPA,GAAG,CAACb,gBAAgB,CAAC,QAAQ,EAAEX,aAAa,CAAC;QAC7C,IAAME,YAAY,GAAG,IAAAyB,mBAAA,aAAI7B,IAAI,CAAC8B,MAAM,EAAE,EAAE,CAAC,CAAC;QAC1C,IAAI1B,YAAY,EAAE;UAChBQ,kBAAkB,CAACR,YAAY,EAAEsB,GAAG,CAAC;QACvC;MACF;IACF,CAAC;EACH,CAAC;AACH"}

package/libs/utils/lib/syncScroll.mjs

@@ -0,0 +1,54 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import canUseDOM from "./canUseDOM.mjs";
+export default function syncScroll() {
+  var refs = new Map();
+  function handlerScroll(event) {
+    var scrolledNode = event.currentTarget;
+    if (!canUseDOM()) return;
+    window.requestAnimationFrame(function () {
+      refs.forEach(function (node) {
+        if (scrolledNode !== node) {
+          node.removeEventListener('scroll', handlerScroll);
+          syncScrollPosition(scrolledNode, node);
+          window.requestAnimationFrame(function () {
+            node.addEventListener('scroll', handlerScroll);
+          });
+        }
+      });
+    });
+  }
+  function syncScrollPosition(scrolledNode, node) {
+    var scrollTop = scrolledNode.scrollTop,
+      scrollHeight = scrolledNode.scrollHeight,
+      clientHeight = scrolledNode.clientHeight,
+      scrollLeft = scrolledNode.scrollLeft,
+      scrollWidth = scrolledNode.scrollWidth,
+      clientWidth = scrolledNode.clientWidth;
+    var scrollTopOffset = scrollHeight - clientHeight;
+    var scrollLeftOffset = scrollWidth - clientWidth;
+    var nodeHeight = node.scrollHeight - clientHeight;
+    var nodeWidth = node.scrollWidth - clientWidth;
+    if (scrollTopOffset > 0) {
+      node.scrollTop = nodeHeight * scrollTop / scrollTopOffset;
+    }
+    if (scrollLeftOffset > 0) {
+      node.scrollLeft = nodeWidth * scrollLeft / scrollLeftOffset;
+    }
+  }
+  return function (name) {
+    refs.set(name, null);
+    return function (ref) {
+      var _refs$get;
+      (_refs$get = refs.get(name)) === null || _refs$get === void 0 ? void 0 : _refs$get.removeEventListener('scroll', handlerScroll);
+      refs.set(name, ref);
+      if (ref) {
+        ref.addEventListener('scroll', handlerScroll);
+        var scrolledNode = _toConsumableArray(refs.values())[0];
+        if (scrolledNode) {
+          syncScrollPosition(scrolledNode, ref);
+        }
+      }
+    };
+  };
+}
+//# sourceMappingURL=syncScroll.mjs.map

package/libs/utils/lib/syncScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncScroll.mjs","names":["canUseDOM","syncScroll","refs","Map","handlerScroll","event","scrolledNode","currentTarget","window","requestAnimationFrame","forEach","node","removeEventListener","syncScrollPosition","addEventListener","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","clientWidth","scrollTopOffset","scrollLeftOffset","nodeHeight","nodeWidth","name","set","ref","_refs$get","get","_toConsumableArray","values"],"sources":["../src/syncScroll.ts"],"sourcesContent":["import canUseDOM from './canUseDOM';\n\nexport default function syncScroll() {\n  const refs = new Map();\n\n  function handlerScroll(event: any) {\n    const scrolledNode = event.currentTarget;\n    if (!canUseDOM()) return;\n    window.requestAnimationFrame(() => {\n      refs.forEach((node) => {\n        if (scrolledNode !== node) {\n          node.removeEventListener('scroll', handlerScroll);\n          syncScrollPosition(scrolledNode, node);\n          window.requestAnimationFrame(() => {\n            node.addEventListener('scroll', handlerScroll);\n          });\n        }\n      });\n    });\n  }\n\n  function syncScrollPosition(scrolledNode: HTMLElement, node: HTMLElement) {\n    const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } =\n      scrolledNode;\n\n    const scrollTopOffset = scrollHeight - clientHeight;\n    const scrollLeftOffset = scrollWidth - clientWidth;\n\n    const nodeHeight = node.scrollHeight - clientHeight;\n    const nodeWidth = node.scrollWidth - clientWidth;\n\n    if (scrollTopOffset > 0) {\n      node.scrollTop = (nodeHeight * scrollTop) / scrollTopOffset;\n    }\n    if (scrollLeftOffset > 0) {\n      node.scrollLeft = (nodeWidth * scrollLeft) / scrollLeftOffset;\n    }\n  }\n\n  return (name: string) => {\n    refs.set(name, null);\n    return (ref: any) => {\n      refs.get(name)?.removeEventListener('scroll', handlerScroll);\n      refs.set(name, ref);\n      if (ref) {\n        ref.addEventListener('scroll', handlerScroll);\n        const scrolledNode = [...refs.values()][0];\n        if (scrolledNode) {\n          syncScrollPosition(scrolledNode, ref);\n        }\n      }\n    };\n  };\n}\n"],"mappings":";AAAA,OAAOA,SAAS,MAAM,iBAAa;AAEnC,eAAe,SAASC,UAAUA,CAAA,EAAG;EACnC,IAAMC,IAAI,GAAG,IAAIC,GAAG,EAAE;EAEtB,SAASC,aAAaA,CAACC,KAAU,EAAE;IACjC,IAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa;IACxC,IAAI,CAACP,SAAS,EAAE,EAAE;IAClBQ,MAAM,CAACC,qBAAqB,CAAC,YAAM;MACjCP,IAAI,CAACQ,OAAO,CAAC,UAACC,IAAI,EAAK;QACrB,IAAIL,YAAY,KAAKK,IAAI,EAAE;UACzBA,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAER,aAAa,CAAC;UACjDS,kBAAkB,CAACP,YAAY,EAAEK,IAAI,CAAC;UACtCH,MAAM,CAACC,qBAAqB,CAAC,YAAM;YACjCE,IAAI,CAACG,gBAAgB,CAAC,QAAQ,EAAEV,aAAa,CAAC;UAChD,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEA,SAASS,kBAAkBA,CAACP,YAAyB,EAAEK,IAAiB,EAAE;IACxE,IAAQI,SAAS,GACfT,YAAY,CADNS,SAAS;MAAEC,YAAY,GAC7BV,YAAY,CADKU,YAAY;MAAEC,YAAY,GAC3CX,YAAY,CADmBW,YAAY;MAAEC,UAAU,GACvDZ,YAAY,CADiCY,UAAU;MAAEC,WAAW,GACpEb,YAAY,CAD6Ca,WAAW;MAAEC,WAAW,GACjFd,YAAY,CAD0Dc,WAAW;IAGnF,IAAMC,eAAe,GAAGL,YAAY,GAAGC,YAAY;IACnD,IAAMK,gBAAgB,GAAGH,WAAW,GAAGC,WAAW;IAElD,IAAMG,UAAU,GAAGZ,IAAI,CAACK,YAAY,GAAGC,YAAY;IACnD,IAAMO,SAAS,GAAGb,IAAI,CAACQ,WAAW,GAAGC,WAAW;IAEhD,IAAIC,eAAe,GAAG,CAAC,EAAE;MACvBV,IAAI,CAACI,SAAS,GAAIQ,UAAU,GAAGR,SAAS,GAAIM,eAAe;IAC7D;IACA,IAAIC,gBAAgB,GAAG,CAAC,EAAE;MACxBX,IAAI,CAACO,UAAU,GAAIM,SAAS,GAAGN,UAAU,GAAII,gBAAgB;IAC/D;EACF;EAEA,OAAO,UAACG,IAAY,EAAK;IACvBvB,IAAI,CAACwB,GAAG,CAACD,IAAI,EAAE,IAAI,CAAC;IACpB,OAAO,UAACE,GAAQ,EAAK;MAAA,IAAAC,SAAA;MACnB,CAAAA,SAAA,GAAA1B,IAAI,CAAC2B,GAAG,CAACJ,IAAI,CAAC,cAAAG,SAAA,uBAAdA,SAAA,CAAgBhB,mBAAmB,CAAC,QAAQ,EAAER,aAAa,CAAC;MAC5DF,IAAI,CAACwB,GAAG,CAACD,IAAI,EAAEE,GAAG,CAAC;MACnB,IAAIA,GAAG,EAAE;QACPA,GAAG,CAACb,gBAAgB,CAAC,QAAQ,EAAEV,aAAa,CAAC;QAC7C,IAAME,YAAY,GAAGwB,kBAAA,CAAI5B,IAAI,CAAC6B,MAAM,EAAE,EAAE,CAAC,CAAC;QAC1C,IAAIzB,YAAY,EAAE;UAChBO,kBAAkB,CAACP,YAAY,EAAEqB,GAAG,CAAC;QACvC;MACF;IACF,CAAC;EACH,CAAC;AACH"}