@salt-ds/lab 1.0.0-alpha.87 → 1.0.0-alpha.89

package/dist-es/tabs-next/hooks/useCollection.js

@@ -1,14 +1,22 @@
-import { useState, useRef, useCallback } from 'react';
+import { useRef, useState, useCallback, useEffect } from 'react';
 
 function sortBasedOnDOMPosition(items) {
   const indexedItems = items.map((item, index) => [index, item]);
   let orderChanged = false;
   indexedItems.sort(([itemAIndex, itemA], [itemBIndex, itemB]) => {
+    if (itemA.order != null && itemA.order >= 0 && itemB.order != null && itemB.order >= 0 && itemA.order !== itemB.order) {
+      if (itemA.order < itemB.order && itemAIndex > itemBIndex || itemA.order > itemB.order && itemAIndex < itemBIndex) {
+        orderChanged = true;
+      }
+      return itemA.order - itemB.order;
+    }
     const itemAElement = itemA.element;
     const itemBElement = itemB.element;
     if (itemAElement === itemBElement) return 0;
     if (!itemAElement || !itemBElement) return 0;
-    if (itemAElement.compareDocumentPosition(itemBElement) & Node.DOCUMENT_POSITION_FOLLOWING) {
+    const pos = itemAElement.compareDocumentPosition(itemBElement);
+    if (pos & Node.DOCUMENT_POSITION_DISCONNECTED) return 0;
+    if (pos & Node.DOCUMENT_POSITION_FOLLOWING) {
       if (itemAIndex > itemBIndex) {
         orderChanged = true;
       }
@@ -24,64 +32,162 @@ function sortBasedOnDOMPosition(items) {
   }
   return items;
 }
-function useCollection({ wrap }) {
-  const [items, setItems] = useState([]);
+function useCollection({ wrap, targetWindow }) {
   const itemsRef = useRef([]);
   const itemMap = useRef(/* @__PURE__ */ new Map());
-  const registerItem = useCallback((item) => {
-    setItems((old) => {
-      const newItems = old.slice();
-      const index = newItems.findIndex(({ id }) => id === item.id);
-      if (index !== -1) {
-        const newItem = { ...newItems[index], ...item };
-        newItems[index] = newItem;
-        itemMap.current.set(item.id, newItem);
-      } else {
-        newItems.push(item);
-        itemMap.current.set(item.id, item);
+  const removedItems = useRef(/* @__PURE__ */ new Map());
+  const [removalVersion, setRemovalVersion] = useState(0);
+  const getOrderedItems = useCallback(() => {
+    return sortBasedOnDOMPosition(Array.from(itemMap.current.values()));
+  }, []);
+  const getNavigableItems = useCallback(() => {
+    return getOrderedItems().filter((item) => {
+      if (item.location === "hidden") {
+        return false;
       }
-      const value = sortBasedOnDOMPosition(newItems);
-      itemsRef.current = value;
-      return value;
+      return !!item.element;
     });
-    return () => {
-      setItems((old) => {
+  }, [getOrderedItems]);
+  const sortItems = useCallback(() => {
+    itemsRef.current = getOrderedItems();
+  }, [getOrderedItems]);
+  const getRemovedItems = useCallback(() => {
+    const items = new Map(removedItems.current);
+    removedItems.current.clear();
+    return items;
+  }, []);
+  const rafId = useRef(null);
+  const scheduleSort = useCallback(() => {
+    if (!(targetWindow == null ? void 0 : targetWindow.requestAnimationFrame)) {
+      sortItems();
+      return;
+    }
+    if (rafId.current != null) {
+      targetWindow.cancelAnimationFrame(rafId.current);
+    }
+    rafId.current = targetWindow.requestAnimationFrame(() => {
+      rafId.current = null;
+      sortItems();
+    });
+  }, [sortItems, targetWindow]);
+  const registerItem = useCallback(
+    (item) => {
+      itemMap.current.set(item.id, item);
+      removedItems.current.delete(item.id);
+      scheduleSort();
+      return () => {
+        const currentItems = getOrderedItems();
+        const currentItem = itemMap.current.get(item.id) ?? item;
+        const staleIndex = currentItems.findIndex(({ id }) => id === item.id);
+        removedItems.current.set(item.id, {
+          ...currentItem,
+          staleIndex
+        });
+        itemsRef.current = currentItems.filter(({ id }) => id !== item.id);
         itemMap.current.delete(item.id);
-        return old.filter(({ id }) => id !== item.id);
+        setRemovalVersion((currentVersion) => currentVersion + 1);
+      };
+    },
+    [getOrderedItems, scheduleSort]
+  );
+  const updateItem = useCallback(
+    (id, updates) => {
+      const currentItem = itemMap.current.get(id);
+      if (!currentItem) {
+        return;
+      }
+      let changed = false;
+      const nextItem = { ...currentItem };
+      for (const [key, nextValue] of Object.entries(updates)) {
+        const typedKey = key;
+        if (nextItem[typedKey] !== nextValue) {
+          changed = true;
+          nextItem[typedKey] = nextValue;
+        }
+      }
+      if (!changed) {
+        return;
+      }
+      itemMap.current.set(id, nextItem);
+      itemsRef.current = itemsRef.current.map((item) => {
+        if (item.id !== id) {
+          return item;
+        }
+        return nextItem;
       });
-      return itemsRef;
+      scheduleSort();
+    },
+    [scheduleSort]
+  );
+  useEffect(() => {
+    return () => {
+      if (rafId.current != null && targetWindow) {
+        targetWindow.cancelAnimationFrame(rafId.current);
+      }
     };
-  }, []);
+  }, [targetWindow]);
   return {
     registerItem,
-    item: (id) => {
+    item: useCallback((id) => {
       if (!id) return null;
       let item = itemMap.current.get(id);
       if (!item) {
-        item = items.find((item2) => item2.id === id);
+        item = itemsRef.current.find((item2) => item2.id === id);
         if (item) {
           itemMap.current.set(item.id, item);
         }
       }
       return item ?? null;
-    },
-    getNext: (current) => {
-      const index = items.findIndex(({ id }) => id === current);
-      const newIndex = (index + 1) % items.length ;
-      return items[newIndex] ?? null;
-    },
-    getPrevious: (current) => {
-      const index = items.findIndex(({ id }) => id === current);
-      const newIndex = (index - 1 + items.length) % items.length ;
-      return items[newIndex] ?? null;
-    },
-    getFirst: () => {
-      return items[0] ?? null;
-    },
-    getLast: () => {
+    }, []),
+    getNext: useCallback(
+      (current) => {
+        const items = getNavigableItems();
+        if (items.length === 0) return null;
+        const index = items.findIndex(({ id }) => id === current);
+        if (index === -1) {
+          return items[0] ;
+        }
+        const newIndex = (index + 1) % items.length ;
+        return items[newIndex] ?? null;
+      },
+      [getNavigableItems, wrap]
+    ),
+    getPrevious: useCallback(
+      (current) => {
+        const items = getNavigableItems();
+        if (items.length === 0) return null;
+        const index = items.findIndex(({ id }) => id === current);
+        if (index === -1) {
+          return items[items.length - 1] ;
+        }
+        const newIndex = (index - 1 + items.length) % items.length ;
+        return items[newIndex] ?? null;
+      },
+      [getNavigableItems, wrap]
+    ),
+    getFirst: useCallback(() => {
+      return getNavigableItems()[0] ?? null;
+    }, [getNavigableItems]),
+    getLast: useCallback(() => {
+      const items = getNavigableItems();
       return items[items.length - 1] ?? null;
-    },
-    items
+    }, [getNavigableItems]),
+    getIndex: useCallback(
+      (current) => {
+        return getNavigableItems().findIndex(({ id }) => id === current);
+      },
+      [getNavigableItems]
+    ),
+    itemAt: useCallback(
+      (index) => {
+        return getNavigableItems()[index] ?? null;
+      },
+      [getNavigableItems]
+    ),
+    updateItem,
+    getRemovedItems,
+    removalVersion,
+    sortItems
   };
 }
 

package/dist-es/tabs-next/hooks/useCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCollection.js","sources":["../src/tabs-next/hooks/useCollection.ts"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\n\nexport interface Item {\n  id: string;\n  element?: HTMLElement | null;\n  value: string;\n}\n\nfunction sortBasedOnDOMPosition(items: Item[]): Item[] {\n  const indexedItems = items.map((item, index) => [index, item] as const);\n  let orderChanged = false;\n  indexedItems.sort(([itemAIndex, itemA], [itemBIndex, itemB]) => {\n    const itemAElement = itemA.element;\n    const itemBElement = itemB.element;\n    if (itemAElement === itemBElement) return 0;\n    if (!itemAElement || !itemBElement) return 0;\n\n    if (\n      itemAElement.compareDocumentPosition(itemBElement) &\n      Node.DOCUMENT_POSITION_FOLLOWING\n    ) {\n      if (itemAIndex > itemBIndex) {\n        orderChanged = true;\n      }\n      return -1;\n    }\n\n    if (itemAIndex < itemBIndex) {\n      orderChanged = true;\n    }\n    return 1;\n  });\n\n  if (orderChanged) {\n    return indexedItems.map(([_, item]) => item);\n  }\n  return items;\n}\n\ninterface UseCollectionProps {\n  wrap: boolean;\n}\n\nexport function useCollection({ wrap }: UseCollectionProps) {\n  const [items, setItems] = useState<Item[]>([]);\n  const itemsRef = useRef<Item[]>([]);\n  const itemMap = useRef<Map<string, Item>>(new Map());\n\n  const registerItem = useCallback((item: Item) => {\n    setItems((old) => {\n      const newItems = old.slice();\n      const index = newItems.findIndex(({ id }) => id === item.id);\n      if (index !== -1) {\n        const newItem = { ...newItems[index], ...item };\n        newItems[index] = newItem;\n        itemMap.current.set(item.id, newItem);\n      } else {\n        newItems.push(item);\n        itemMap.current.set(item.id, item);\n      }\n      const value = sortBasedOnDOMPosition(newItems);\n      itemsRef.current = value;\n      return value;\n    });\n\n    return () => {\n      setItems((old) => {\n        itemMap.current.delete(item.id);\n        return old.filter(({ id }) => id !== item.id);\n      });\n      return itemsRef;\n    };\n  }, []);\n\n  return {\n    registerItem,\n    item: (id?: string | null): Item | null => {\n      if (!id) return null;\n      let item = itemMap.current.get(id);\n      if (!item) {\n        item = items.find((item) => item.id === id);\n        if (item) {\n          itemMap.current.set(item.id, item);\n        }\n      }\n      return item ?? null;\n    },\n    getNext: (current: string): Item | null => {\n      const index = items.findIndex(({ id }) => id === current);\n\n      const newIndex = wrap\n        ? (index + 1) % items.length\n        : Math.min(index + 1, items.length - 1);\n\n      return items[newIndex] ?? null;\n    },\n    getPrevious: (current: string): Item | null => {\n      const index = items.findIndex(({ id }) => id === current);\n\n      const newIndex = wrap\n        ? (index - 1 + items.length) % items.length\n        : Math.max(index - 1, 0);\n\n      return items[newIndex] ?? null;\n    },\n    getFirst: (): Item | null => {\n      return items[0] ?? null;\n    },\n    getLast: (): Item | null => {\n      return items[items.length - 1] ?? null;\n    },\n    items,\n  };\n}\n"],"names":["item"],"mappings":"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"}
+{"version":3,"file":"useCollection.js","sources":["../src/tabs-next/hooks/useCollection.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface Item {\n  id: string;\n  element?: HTMLElement | null;\n  value: string;\n  location?: \"hidden\" | \"main\" | \"overflow\";\n  order?: number;\n  stale?: boolean;\n}\n\ninterface StaleItem extends Item {\n  staleIndex?: number;\n}\n\nfunction sortBasedOnDOMPosition(items: Item[]): Item[] {\n  const indexedItems = items.map((item, index) => [index, item] as const);\n  let orderChanged = false;\n  indexedItems.sort(([itemAIndex, itemA], [itemBIndex, itemB]) => {\n    if (\n      itemA.order != null &&\n      itemA.order >= 0 &&\n      itemB.order != null &&\n      itemB.order >= 0 &&\n      itemA.order !== itemB.order\n    ) {\n      if (\n        (itemA.order < itemB.order && itemAIndex > itemBIndex) ||\n        (itemA.order > itemB.order && itemAIndex < itemBIndex)\n      ) {\n        orderChanged = true;\n      }\n      return itemA.order - itemB.order;\n    }\n\n    const itemAElement = itemA.element;\n    const itemBElement = itemB.element;\n    if (itemAElement === itemBElement) return 0;\n    if (!itemAElement || !itemBElement) return 0;\n\n    const pos = itemAElement.compareDocumentPosition(itemBElement);\n    if (pos & Node.DOCUMENT_POSITION_DISCONNECTED) return 0;\n\n    if (pos & Node.DOCUMENT_POSITION_FOLLOWING) {\n      if (itemAIndex > itemBIndex) {\n        orderChanged = true;\n      }\n      return -1;\n    }\n\n    if (itemAIndex < itemBIndex) {\n      orderChanged = true;\n    }\n    return 1;\n  });\n\n  if (orderChanged) {\n    return indexedItems.map(([_, item]) => item);\n  }\n  return items;\n}\n\ninterface UseCollectionProps {\n  targetWindow: Window | null | undefined;\n  wrap: boolean;\n}\n\nexport function useCollection({ wrap, targetWindow }: UseCollectionProps) {\n  const itemsRef = useRef<Item[]>([]);\n  const itemMap = useRef<Map<string, Item>>(new Map());\n  const removedItems = useRef<Map<string, StaleItem>>(new Map());\n  const [removalVersion, setRemovalVersion] = useState(0);\n\n  const getOrderedItems = useCallback(() => {\n    return sortBasedOnDOMPosition(Array.from(itemMap.current.values()));\n  }, []);\n\n  const getNavigableItems = useCallback(() => {\n    return getOrderedItems().filter((item) => {\n      if (item.location === \"hidden\") {\n        return false;\n      }\n\n      return !!item.element;\n    });\n  }, [getOrderedItems]);\n\n  const sortItems = useCallback(() => {\n    itemsRef.current = getOrderedItems();\n  }, [getOrderedItems]);\n\n  const getRemovedItems = useCallback(() => {\n    const items = new Map(removedItems.current);\n    removedItems.current.clear();\n\n    return items;\n  }, []);\n\n  const rafId = useRef<number | null>(null);\n\n  const scheduleSort = useCallback(() => {\n    if (!targetWindow?.requestAnimationFrame) {\n      sortItems();\n      return;\n    }\n\n    if (rafId.current != null) {\n      targetWindow.cancelAnimationFrame(rafId.current);\n    }\n\n    rafId.current = targetWindow.requestAnimationFrame(() => {\n      rafId.current = null;\n      sortItems();\n    });\n  }, [sortItems, targetWindow]);\n\n  const registerItem = useCallback(\n    (item: Item) => {\n      itemMap.current.set(item.id, item);\n      removedItems.current.delete(item.id);\n      scheduleSort();\n\n      return () => {\n        const currentItems = getOrderedItems();\n        const currentItem = itemMap.current.get(item.id) ?? item;\n        const staleIndex = currentItems.findIndex(({ id }) => id === item.id);\n\n        removedItems.current.set(item.id, {\n          ...currentItem,\n          staleIndex,\n        });\n\n        itemsRef.current = currentItems.filter(({ id }) => id !== item.id);\n        itemMap.current.delete(item.id);\n        setRemovalVersion((currentVersion) => currentVersion + 1);\n      };\n    },\n    [getOrderedItems, scheduleSort],\n  );\n\n  const updateItem = useCallback(\n    (id: string, updates: Partial<Omit<Item, \"id\" | \"value\">>) => {\n      const currentItem = itemMap.current.get(id);\n      if (!currentItem) {\n        return;\n      }\n\n      let changed = false;\n      const nextItem = { ...currentItem };\n\n      for (const [key, nextValue] of Object.entries(updates)) {\n        const typedKey = key as keyof Omit<Item, \"id\" | \"value\">;\n        if (nextItem[typedKey] !== nextValue) {\n          changed = true;\n          nextItem[typedKey] = nextValue as never;\n        }\n      }\n\n      if (!changed) {\n        return;\n      }\n\n      itemMap.current.set(id, nextItem);\n      itemsRef.current = itemsRef.current.map((item) => {\n        if (item.id !== id) {\n          return item;\n        }\n\n        return nextItem;\n      });\n      scheduleSort();\n    },\n    [scheduleSort],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (rafId.current != null && targetWindow) {\n        targetWindow.cancelAnimationFrame(rafId.current);\n      }\n    };\n  }, [targetWindow]);\n\n  return {\n    registerItem,\n    item: useCallback((id?: string | null): Item | null => {\n      if (!id) return null;\n      let item = itemMap.current.get(id);\n      if (!item) {\n        item = itemsRef.current.find((item) => item.id === id);\n        if (item) {\n          itemMap.current.set(item.id, item);\n        }\n      }\n      return item ?? null;\n    }, []),\n    getNext: useCallback(\n      (current: string): Item | null => {\n        const items = getNavigableItems();\n        if (items.length === 0) return null;\n\n        const index = items.findIndex(({ id }) => id === current);\n\n        if (index === -1) {\n          return wrap ? items[0] : null;\n        }\n\n        const newIndex = wrap\n          ? (index + 1) % items.length\n          : Math.min(index + 1, items.length - 1);\n\n        return items[newIndex] ?? null;\n      },\n      [getNavigableItems, wrap],\n    ),\n    getPrevious: useCallback(\n      (current: string): Item | null => {\n        const items = getNavigableItems();\n        if (items.length === 0) return null;\n\n        const index = items.findIndex(({ id }) => id === current);\n\n        if (index === -1) {\n          return wrap ? items[items.length - 1] : null;\n        }\n\n        const newIndex = wrap\n          ? (index - 1 + items.length) % items.length\n          : Math.max(index - 1, 0);\n\n        return items[newIndex] ?? null;\n      },\n      [getNavigableItems, wrap],\n    ),\n    getFirst: useCallback((): Item | null => {\n      return getNavigableItems()[0] ?? null;\n    }, [getNavigableItems]),\n    getLast: useCallback((): Item | null => {\n      const items = getNavigableItems();\n      return items[items.length - 1] ?? null;\n    }, [getNavigableItems]),\n    getIndex: useCallback(\n      (current: string): number => {\n        return getNavigableItems().findIndex(({ id }) => id === current);\n      },\n      [getNavigableItems],\n    ),\n    itemAt: useCallback(\n      (index: number): Item | null => {\n        return getNavigableItems()[index] ?? null;\n      },\n      [getNavigableItems],\n    ),\n    updateItem,\n    getRemovedItems,\n    removalVersion,\n    sortItems,\n  };\n}\n"],"names":["item"],"mappings":"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"}

package/dist-es/tabs-next/hooks/useFocusWithRetry.js

@@ -0,0 +1,62 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+function useFocusWithRetry({
+  maxAttempts = 120,
+  targetWindow
+}) {
+  const focusRafRef = useRef(null);
+  const cancelScheduledFocus = useCallback(() => {
+    if (focusRafRef.current != null && targetWindow) {
+      targetWindow.cancelAnimationFrame(focusRafRef.current);
+      focusRafRef.current = null;
+    }
+  }, [targetWindow]);
+  const focusElementWithRetry = useCallback(
+    (getElement) => {
+      var _a;
+      const doc = targetWindow == null ? void 0 : targetWindow.document;
+      if (!doc) {
+        (_a = getElement()) == null ? void 0 : _a.focus({ preventScroll: true });
+        return;
+      }
+      cancelScheduledFocus();
+      let attempts = 0;
+      const focusElement = () => {
+        const element = getElement();
+        if (!(element == null ? void 0 : element.isConnected)) {
+          if (attempts >= maxAttempts || !(targetWindow == null ? void 0 : targetWindow.requestAnimationFrame)) {
+            return;
+          }
+          attempts += 1;
+          focusRafRef.current = targetWindow.requestAnimationFrame(focusElement);
+          return;
+        }
+        element.focus({ preventScroll: true });
+        if (doc.activeElement === element || attempts >= maxAttempts) {
+          focusRafRef.current = null;
+          return;
+        }
+        attempts += 1;
+        if (targetWindow == null ? void 0 : targetWindow.requestAnimationFrame) {
+          focusRafRef.current = targetWindow.requestAnimationFrame(focusElement);
+        } else {
+          queueMicrotask(focusElement);
+        }
+      };
+      focusElement();
+    },
+    [cancelScheduledFocus, maxAttempts, targetWindow]
+  );
+  useEffect(() => {
+    return () => {
+      cancelScheduledFocus();
+    };
+  }, [cancelScheduledFocus]);
+  return {
+    cancelScheduledFocus,
+    focusElementWithRetry
+  };
+}
+
+export { useFocusWithRetry };
+//# sourceMappingURL=useFocusWithRetry.js.map

package/dist-es/tabs-next/hooks/useFocusWithRetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithRetry.js","sources":["../src/tabs-next/hooks/useFocusWithRetry.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\n\ninterface UseFocusWithRetryArgs {\n  maxAttempts?: number;\n  targetWindow: Window | null | undefined;\n}\n\nexport function useFocusWithRetry({\n  maxAttempts = 120,\n  targetWindow,\n}: UseFocusWithRetryArgs) {\n  const focusRafRef = useRef<number | null>(null);\n\n  const cancelScheduledFocus = useCallback(() => {\n    if (focusRafRef.current != null && targetWindow) {\n      targetWindow.cancelAnimationFrame(focusRafRef.current);\n      focusRafRef.current = null;\n    }\n  }, [targetWindow]);\n\n  const focusElementWithRetry = useCallback(\n    (getElement: () => HTMLElement | null | undefined) => {\n      const doc = targetWindow?.document;\n      if (!doc) {\n        getElement()?.focus({ preventScroll: true });\n        return;\n      }\n\n      cancelScheduledFocus();\n\n      let attempts = 0;\n\n      const focusElement = () => {\n        const element = getElement();\n        if (!element?.isConnected) {\n          if (attempts >= maxAttempts || !targetWindow?.requestAnimationFrame) {\n            return;\n          }\n\n          attempts += 1;\n          focusRafRef.current =\n            targetWindow.requestAnimationFrame(focusElement);\n          return;\n        }\n\n        element.focus({ preventScroll: true });\n\n        if (doc.activeElement === element || attempts >= maxAttempts) {\n          focusRafRef.current = null;\n          return;\n        }\n\n        attempts += 1;\n        if (targetWindow?.requestAnimationFrame) {\n          focusRafRef.current =\n            targetWindow.requestAnimationFrame(focusElement);\n        } else {\n          queueMicrotask(focusElement);\n        }\n      };\n\n      focusElement();\n    },\n    [cancelScheduledFocus, maxAttempts, targetWindow],\n  );\n\n  useEffect(() => {\n    return () => {\n      cancelScheduledFocus();\n    };\n  }, [cancelScheduledFocus]);\n\n  return {\n    cancelScheduledFocus,\n    focusElementWithRetry,\n  };\n}\n"],"names":[],"mappings":";;AAOO,SAAS,iBAAA,CAAkB;AAAA,EAChC,WAAA,GAAc,GAAA;AAAA,EACd;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,OAAsB,IAAI,CAAA;AAE9C,EAAA,MAAM,oBAAA,GAAuB,YAAY,MAAM;AAC7C,IAAA,IAAI,WAAA,CAAY,OAAA,IAAW,IAAA,IAAQ,YAAA,EAAc;AAC/C,MAAA,YAAA,CAAa,oBAAA,CAAqB,YAAY,OAAO,CAAA;AACrD,MAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,qBAAA,GAAwB,WAAA;AAAA,IAC5B,CAAC,UAAA,KAAqD;AArB1D,MAAA,IAAA,EAAA;AAsBM,MAAA,MAAM,MAAM,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,QAAA;AAC1B,MAAA,IAAI,CAAC,GAAA,EAAK;AACR,QAAA,CAAA,EAAA,GAAA,UAAA,EAAW,KAAX,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,KAAA,CAAM,EAAE,eAAe,IAAA,EAAK,CAAA;AAC1C,QAAA;AAAA,MACF;AAEA,MAAA,oBAAA,EAAqB;AAErB,MAAA,IAAI,QAAA,GAAW,CAAA;AAEf,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,QAAA,IAAI,EAAC,mCAAS,WAAA,CAAA,EAAa;AACzB,UAAA,IAAI,QAAA,IAAY,WAAA,IAAe,EAAC,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,qBAAA,CAAA,EAAuB;AACnE,YAAA;AAAA,UACF;AAEA,UAAA,QAAA,IAAY,CAAA;AACZ,UAAA,WAAA,CAAY,OAAA,GACV,YAAA,CAAa,qBAAA,CAAsB,YAAY,CAAA;AACjD,UAAA;AAAA,QACF;AAEA,QAAA,OAAA,CAAQ,KAAA,CAAM,EAAE,aAAA,EAAe,IAAA,EAAM,CAAA;AAErC,QAAA,IAAI,GAAA,CAAI,aAAA,KAAkB,OAAA,IAAW,QAAA,IAAY,WAAA,EAAa;AAC5D,UAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,UAAA;AAAA,QACF;AAEA,QAAA,QAAA,IAAY,CAAA;AACZ,QAAA,IAAI,6CAAc,qBAAA,EAAuB;AACvC,UAAA,WAAA,CAAY,OAAA,GACV,YAAA,CAAa,qBAAA,CAAsB,YAAY,CAAA;AAAA,QACnD,CAAA,MAAO;AACL,UAAA,cAAA,CAAe,YAAY,CAAA;AAAA,QAC7B;AAAA,MACF,CAAA;AAEA,MAAA,YAAA,EAAa;AAAA,IACf,CAAA;AAAA,IACA,CAAC,oBAAA,EAAsB,WAAA,EAAa,YAAY;AAAA,GAClD;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,oBAAA,EAAqB;AAAA,IACvB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,oBAAoB,CAAC,CAAA;AAEzB,EAAA,OAAO;AAAA,IACL,oBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}