@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/esm/layouts/AsyncBoundary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","WarningCircleIcon","createContext","useContext","useEffect","useTranslation","XStack","YStack","Skeleton","EmptyState","jsx","jsxs","AsyncBoundaryContext","useAsyncBoundary","useAsyncCount","value","ctx","hideBadges","isReactNodeSlot","Error","isActiveError","error","isActiveFlag","resolveAsyncStatus","opts","loading","empty","errorCopy","errorTitle","errorDescription","title","description","message","seenDevWarns","Set","asyncDevWarn","code","detail","process","env","NODE_ENV","key","has","add","console","warn","__resetAsyncDevWarnSeen","clear","AsyncSkeleton","layout","rest","t","gap","width","children","Array","from","length","map","_","i","alignItems","paddingVertical","Circle","size","flex","height","paddingBottom","borderBottomWidth","borderColor","col","padding","borderWidth","borderRadius","justifyContent","_2","row","variant","flexWrap","Text","lines","AsyncBoundary","data","onRetry","emptyTitle","emptyDescription","compact","chrome","stackProps","status","body","copy","intent","icon","action","onPress","Provider"],"sources":["../../../src/layouts/AsyncBoundary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/layouts/AsyncBoundary.native.js

@@ -0,0 +1,341 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@multiplatform.one/forms";
+import { WarningCircleIcon } from "@phosphor-icons/react";
+import { createContext, useContext, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { XStack, YStack } from "tamagui";
+import { Skeleton } from "../Skeleton/index.native.js";
+import { EmptyState } from "./page.native.js";
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+var AsyncBoundaryContext = /* @__PURE__ */createContext(null);
+function useAsyncBoundary() {
+  return useContext(AsyncBoundaryContext);
+}
+function useAsyncCount(value) {
+  var ctx = useAsyncBoundary();
+  if (ctx === null || ctx === void 0 ? void 0 : ctx.hideBadges) return void 0;
+  return value;
+}
+function isReactNodeSlot(value) {
+  if (value == null || typeof value === "boolean") return false;
+  if (typeof value === "string" || typeof value === "number") return false;
+  if (_instanceof(value, Error)) return false;
+  return true;
+}
+function isActiveError(error) {
+  if (error == null || error === false) return false;
+  return true;
+}
+function isActiveFlag(value) {
+  if (value == null || value === false) return false;
+  return true;
+}
+function resolveAsyncStatus(opts) {
+  if (isActiveError(opts.error)) return "error";
+  if (isActiveFlag(opts.loading)) return "loading";
+  if (isActiveFlag(opts.empty)) return "empty";
+  return "data";
+}
+function errorCopy(error, errorTitle, errorDescription) {
+  if (typeof error === "string") {
+    return {
+      title: errorTitle,
+      description: errorDescription !== null && errorDescription !== void 0 ? errorDescription : error
+    };
+  }
+  if (_instanceof(error, Error)) {
+    return {
+      title: errorTitle,
+      description: errorDescription !== null && errorDescription !== void 0 ? errorDescription : error.message
+    };
+  }
+  return {
+    title: errorTitle,
+    description: errorDescription
+  };
+}
+var seenDevWarns = /* @__PURE__ */new Set();
+function asyncDevWarn(code) {
+  var detail = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+  if (process.env.NODE_ENV === "production") return;
+  var key = `${code}:${detail}`;
+  if (seenDevWarns.has(key)) return;
+  seenDevWarns.add(key);
+  console.warn(`[AsyncBoundary] ${code}${detail ? ` (${detail})` : ""}`);
+}
+function __resetAsyncDevWarnSeen() {
+  seenDevWarns.clear();
+}
+function AsyncSkeleton(param) {
+  var {
+    layout = "generic",
+    ...rest
+  } = param;
+  var {
+    t
+  } = useTranslation();
+  switch (layout) {
+    case "list":
+      return /* @__PURE__ */_jsx(YStack, {
+        gap: "$3",
+        width: "100%",
+        "data-async-skeleton": "list",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: Array.from({
+          length: 5
+        }).map(function (_, i) {
+          return /* @__PURE__ */_jsxs(XStack, {
+            gap: "$3",
+            alignItems: "center",
+            paddingVertical: "$2",
+            children: [/* @__PURE__ */_jsx(Skeleton.Circle, {
+              size: 40
+            }), /* @__PURE__ */_jsxs(YStack, {
+              flex: 1,
+              gap: "$1",
+              children: [/* @__PURE__ */_jsx(Skeleton, {
+                width: "70%",
+                height: 14
+              }), /* @__PURE__ */_jsx(Skeleton, {
+                width: "40%",
+                height: 12
+              })]
+            })]
+          }, i);
+        })
+      });
+    case "table":
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        width: "100%",
+        "data-async-skeleton": "table",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: [/* @__PURE__ */_jsxs(XStack, {
+          gap: "$3",
+          paddingBottom: "$2",
+          borderBottomWidth: 1,
+          borderColor: "$color5",
+          children: [/* @__PURE__ */_jsx(Skeleton, {
+            width: 120,
+            height: 14
+          }), /* @__PURE__ */_jsx(Skeleton, {
+            width: 100,
+            height: 14
+          }), /* @__PURE__ */_jsx(Skeleton, {
+            width: 80,
+            height: 14
+          }), /* @__PURE__ */_jsx(Skeleton, {
+            width: 60,
+            height: 14
+          })]
+        }), Array.from({
+          length: 5
+        }).map(function (_, i) {
+          return /* @__PURE__ */_jsxs(XStack, {
+            gap: "$3",
+            paddingVertical: "$2",
+            children: [/* @__PURE__ */_jsx(Skeleton, {
+              width: 120,
+              height: 14
+            }), /* @__PURE__ */_jsx(Skeleton, {
+              width: 100,
+              height: 14
+            }), /* @__PURE__ */_jsx(Skeleton, {
+              width: 80,
+              height: 14
+            }), /* @__PURE__ */_jsx(Skeleton, {
+              width: 60,
+              height: 14
+            })]
+          }, i);
+        })]
+      });
+    case "kanban":
+      return /* @__PURE__ */_jsx(XStack, {
+        gap: "$3",
+        width: "100%",
+        "data-async-skeleton": "kanban",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: Array.from({
+          length: 3
+        }).map(function (_, col) {
+          return /* @__PURE__ */_jsxs(YStack, {
+            width: 260,
+            gap: "$2",
+            padding: "$3",
+            borderWidth: 1,
+            borderColor: "$borderColor",
+            borderRadius: "$4",
+            children: [/* @__PURE__ */_jsx(XStack, {
+              justifyContent: "space-between",
+              alignItems: "center",
+              children: /* @__PURE__ */_jsx(Skeleton, {
+                width: 100,
+                height: 14
+              })
+            }), /* No count badge skeleton — avoid promising a count (DG-ST-04) */
+            Array.from({
+              length: 3
+            }).map(function (_2, row) {
+              return /* @__PURE__ */_jsx(Skeleton, {
+                variant: "rounded",
+                width: "100%",
+                height: 64
+              }, row);
+            })]
+          }, col);
+        })
+      });
+    case "dashboard":
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        width: "100%",
+        "data-async-skeleton": "dashboard",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: [/* @__PURE__ */_jsx(XStack, {
+          gap: "$3",
+          flexWrap: "wrap",
+          children: Array.from({
+            length: 4
+          }).map(function (_, i) {
+            return /* @__PURE__ */_jsxs(YStack, {
+              width: 180,
+              gap: "$2",
+              padding: "$3",
+              borderWidth: 1,
+              borderColor: "$borderColor",
+              borderRadius: "$4",
+              children: [/* @__PURE__ */_jsx(Skeleton, {
+                width: "50%",
+                height: 12
+              }), /* @__PURE__ */_jsx(Skeleton, {
+                width: "70%",
+                height: 28
+              }), /* @__PURE__ */_jsx(Skeleton, {
+                width: "40%",
+                height: 12
+              })]
+            }, i);
+          })
+        }), /* @__PURE__ */_jsx(Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: 200
+        })]
+      });
+    default:
+      return /* @__PURE__ */_jsx(YStack, {
+        gap: "$3",
+        width: "100%",
+        "data-async-skeleton": "generic",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: /* @__PURE__ */_jsx(Skeleton.Text, {
+          lines: 4
+        })
+      });
+  }
+}
+function AsyncBoundary(param) {
+  var {
+    loading,
+    empty,
+    error,
+    data,
+    children,
+    layout = "generic",
+    onRetry,
+    errorTitle = "Couldn't load data",
+    emptyTitle = "No items found",
+    emptyDescription,
+    errorDescription,
+    compact = false,
+    chrome,
+    ...stackProps
+  } = param;
+  var status = resolveAsyncStatus({
+    loading,
+    empty,
+    error
+  });
+  var hideBadges = status === "error";
+  useEffect(function () {
+    if (status === "error" && isActiveFlag(empty)) {
+      asyncDevWarn("empty-chrome-ignored-on-error", "DG-ST-01: empty slot is ignored while error is set");
+    }
+  }, [status, empty]);
+  var ctx = {
+    status,
+    hideBadges,
+    error: error !== null && error !== void 0 ? error : null
+  };
+  var body = null;
+  if (status === "error") {
+    if (isReactNodeSlot(error)) {
+      body = error;
+    } else {
+      var copy = errorCopy(error, errorTitle, errorDescription);
+      body = /* @__PURE__ */_jsx(EmptyState, {
+        compact,
+        intent: "error",
+        "data-async-state": "error",
+        title: copy.title,
+        description: copy.description,
+        icon: /* @__PURE__ */_jsx(WarningCircleIcon, {
+          size: compact ? 24 : 32
+        }),
+        action: onRetry ? /* @__PURE__ */_jsx(Button, {
+          size: compact ? "$3" : "$4",
+          onPress: onRetry,
+          children: "Retry"
+        }) : void 0
+      });
+    }
+  } else if (status === "loading") {
+    body = loading !== true && isReactNodeSlot(loading) ? loading : /* @__PURE__ */_jsx(AsyncSkeleton, {
+      layout
+    });
+  } else if (status === "empty") {
+    body = empty !== true && isReactNodeSlot(empty) ? empty : /* @__PURE__ */_jsx(EmptyState, {
+      compact,
+      intent: "neutral",
+      "data-async-state": "empty",
+      title: emptyTitle,
+      description: emptyDescription
+    });
+  } else {
+    body = data !== null && data !== void 0 ? data : children;
+  }
+  return /* @__PURE__ */_jsx(AsyncBoundaryContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */_jsxs(YStack, {
+      "data-async-status": status,
+      width: "100%",
+      ...(status === "loading" ? {
+        "aria-busy": true
+      } : {}),
+      ...stackProps,
+      children: [/* Chrome (toolbars / badges) suppressed on error so counts can't lie */
+      status !== "error" ? chrome : null, body]
+    })
+  });
+}
+export { AsyncBoundary, AsyncSkeleton, __resetAsyncDevWarnSeen, resolveAsyncStatus, useAsyncBoundary, useAsyncCount };
+//# sourceMappingURL=AsyncBoundary.native.js.map

package/dist/esm/layouts/AsyncBoundary.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","WarningCircleIcon","createContext","useContext","useEffect","useTranslation","XStack","YStack","Skeleton","EmptyState","_instanceof","left","right","Symbol","hasInstance","AsyncBoundaryContext","useAsyncBoundary","useAsyncCount","value","ctx","hideBadges","isReactNodeSlot","Error","isActiveError","error","isActiveFlag","resolveAsyncStatus","opts","loading","empty","errorCopy","errorTitle","errorDescription","title","description","message","seenDevWarns","Set","asyncDevWarn","code","detail","arguments","length","process","env","NODE_ENV","key","has","add","console","warn","__resetAsyncDevWarnSeen","clear","AsyncSkeleton","param","layout","rest","t","gap","width","children","Array","from","map","_","i","alignItems","paddingVertical","Circle","size","flex","height","paddingBottom","borderBottomWidth","borderColor","col","padding","borderWidth","borderRadius","justifyContent","_2","row","variant","flexWrap"],"sources":["../../../src/layouts/AsyncBoundary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/layouts/PageTemplates.mjs

@@ -0,0 +1,114 @@
+import { defaultMaxPanes, layoutBreakpoints, useLayoutSizeClass, useSemanticGaps } from "@multiplatform.one/theme";
+import { YStack } from "tamagui";
+import { PageHeader, Screen, ScreenToolbar } from "./page.mjs";
+import { SupportingPaneLayout } from "./PaneScaffold.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function renderTemplateHeader({
+  title,
+  subtitle,
+  actions,
+  header
+}) {
+  if (header !== void 0) return header;
+  if (!title && !subtitle && !actions) return null;
+  return /* @__PURE__ */jsx(PageHeader, {
+    title,
+    subtitle,
+    actions
+  });
+}
+function ListPageLayout({
+  title,
+  subtitle,
+  actions,
+  header,
+  toolbar,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */jsxs(Screen, {
+    "data-canonical": "list-page",
+    ...rest,
+    children: [renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), toolbar, /* @__PURE__ */jsx(YStack, {
+      flex: 1,
+      minWidth: 0,
+      "data-testid": "list-page-content",
+      children
+    })]
+  });
+}
+function DetailPageLayout({
+  title,
+  subtitle,
+  actions,
+  header,
+  toolbarLeading,
+  toolbarTrailing,
+  aside,
+  sizeClass: sizeClassProp,
+  children,
+  ...rest
+}) {
+  const liveClass = useLayoutSizeClass();
+  const sizeClass = sizeClassProp ?? liveClass;
+  const multi = defaultMaxPanes(sizeClass) >= 2;
+  const gaps = useSemanticGaps();
+  const toolbar = toolbarLeading || toolbarTrailing ? /* @__PURE__ */jsx(ScreenToolbar, {
+    leading: toolbarLeading,
+    trailing: toolbarTrailing
+  }) : null;
+  let body;
+  if (aside === null || aside === void 0) {
+    body = children;
+  } else if (multi) {
+    body = /* @__PURE__ */jsx(SupportingPaneLayout, {
+      sizeClass,
+      supporting: aside,
+      children
+    });
+  } else {
+    body = /* @__PURE__ */jsxs(YStack, {
+      ...gaps.betweenGroups,
+      "data-testid": "detail-page-stack",
+      children: [children, aside]
+    });
+  }
+  return /* @__PURE__ */jsxs(Screen, {
+    "data-canonical": "detail-page",
+    ...rest,
+    children: [toolbar, renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), body]
+  });
+}
+function SettingsPageLayout({
+  title,
+  subtitle,
+  actions,
+  header,
+  maxWidth = layoutBreakpoints.expanded,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */jsxs(Screen, {
+    "data-canonical": "settings-page",
+    maxWidth,
+    ...rest,
+    children: [renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), children]
+  });
+}
+export { DetailPageLayout, ListPageLayout, SettingsPageLayout };
+//# sourceMappingURL=PageTemplates.mjs.map

package/dist/esm/layouts/PageTemplates.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultMaxPanes","layoutBreakpoints","useLayoutSizeClass","useSemanticGaps","YStack","PageHeader","Screen","ScreenToolbar","SupportingPaneLayout","jsx","jsxs","renderTemplateHeader","title","subtitle","actions","header","ListPageLayout","toolbar","children","rest","flex","minWidth","DetailPageLayout","toolbarLeading","toolbarTrailing","aside","sizeClass","sizeClassProp","liveClass","multi","gaps","leading","trailing","body","supporting","betweenGroups","SettingsPageLayout","maxWidth","expanded"],"sources":["../../../src/layouts/PageTemplates.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/layouts/PageTemplates.native.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defaultMaxPanes, layoutBreakpoints, useLayoutSizeClass, useSemanticGaps } from "@multiplatform.one/theme";
+import { YStack } from "tamagui";
+import { PageHeader, Screen, ScreenToolbar } from "./page.native.js";
+import { SupportingPaneLayout } from "./PaneScaffold.native.js";
+function renderTemplateHeader(param) {
+  var {
+    title,
+    subtitle,
+    actions,
+    header
+  } = param;
+  if (header !== void 0) return header;
+  if (!title && !subtitle && !actions) return null;
+  return /* @__PURE__ */_jsx(PageHeader, {
+    title,
+    subtitle,
+    actions
+  });
+}
+function ListPageLayout(param) {
+  var {
+    title,
+    subtitle,
+    actions,
+    header,
+    toolbar,
+    children,
+    ...rest
+  } = param;
+  return /* @__PURE__ */_jsxs(Screen, {
+    "data-canonical": "list-page",
+    ...rest,
+    children: [renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), toolbar, /* @__PURE__ */_jsx(YStack, {
+      flex: 1,
+      minWidth: 0,
+      "data-testid": "list-page-content",
+      children
+    })]
+  });
+}
+function DetailPageLayout(param) {
+  var {
+    title,
+    subtitle,
+    actions,
+    header,
+    toolbarLeading,
+    toolbarTrailing,
+    aside,
+    sizeClass: sizeClassProp,
+    children,
+    ...rest
+  } = param;
+  var liveClass = useLayoutSizeClass();
+  var sizeClass = sizeClassProp !== null && sizeClassProp !== void 0 ? sizeClassProp : liveClass;
+  var multi = defaultMaxPanes(sizeClass) >= 2;
+  var gaps = useSemanticGaps();
+  var toolbar = toolbarLeading || toolbarTrailing ? /* @__PURE__ */_jsx(ScreenToolbar, {
+    leading: toolbarLeading,
+    trailing: toolbarTrailing
+  }) : null;
+  var body;
+  if (aside === null || aside === void 0) {
+    body = children;
+  } else if (multi) {
+    body = /* @__PURE__ */_jsx(SupportingPaneLayout, {
+      sizeClass,
+      supporting: aside,
+      children
+    });
+  } else {
+    body = /* @__PURE__ */_jsxs(YStack, {
+      ...gaps.betweenGroups,
+      "data-testid": "detail-page-stack",
+      children: [children, aside]
+    });
+  }
+  return /* @__PURE__ */_jsxs(Screen, {
+    "data-canonical": "detail-page",
+    ...rest,
+    children: [toolbar, renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), body]
+  });
+}
+function SettingsPageLayout(param) {
+  var {
+    title,
+    subtitle,
+    actions,
+    header,
+    maxWidth = layoutBreakpoints.expanded,
+    children,
+    ...rest
+  } = param;
+  return /* @__PURE__ */_jsxs(Screen, {
+    "data-canonical": "settings-page",
+    maxWidth,
+    ...rest,
+    children: [renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), children]
+  });
+}
+export { DetailPageLayout, ListPageLayout, SettingsPageLayout };
+//# sourceMappingURL=PageTemplates.native.js.map

package/dist/esm/layouts/PageTemplates.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","defaultMaxPanes","layoutBreakpoints","useLayoutSizeClass","useSemanticGaps","YStack","PageHeader","Screen","ScreenToolbar","SupportingPaneLayout","renderTemplateHeader","param","title","subtitle","actions","header","ListPageLayout","toolbar","children","rest","flex","minWidth","DetailPageLayout","toolbarLeading","toolbarTrailing","aside","sizeClass","sizeClassProp","liveClass","multi","gaps","leading","trailing","body","supporting","betweenGroups"],"sources":["../../../src/layouts/PageTemplates.tsx"],"sourcesContent":[null],"mappings":"AAqBA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,eAAA,EAAAC,iBAAA,EAAAC,kBAAA,EAAAC,eAAA;AAAA,SACAC,MAAA;AAAA,SACAC,UAAA,EAAAC,MAAA,EAAAC,aAAA;AAAA,SACAC,oBAAA;AAAA,SAEKC,qBAAAC,KAAA;EAEP;IAAAC,KAAS;IAAAC,QAAc;IAAAC,OAAA;IAAAC;EAAA,IAAAJ,KAAA;EACvB,IAAAI,MAAS,UAAY,UAAQA,MAAA;EAC7B,KAAAH,KAAS,KAAAC,QAAA,KAAAC,OAA4B;EAe5B,sBA8BLhB,IA9BK,CAAAQ,UAAA;IAHTM,KAAS;IACPC,QAAI;IACJC;EACA;AACF;AAmBO,SAASE,eAAeL,KAAA;EAC7B;IAAAC,KAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAE,OAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA,sBAAAX,KAAA,CAAAO,MAAA;IACA;IACA,GAAAY,IAAA;IACAD,QAAA,GACAR,oBAAA;MACGE,KAAA;MACmBC,QAAA;MACtBC,OACE;MACGC;IACA,IACDE,OAAA,EAGF,eAAAnB,IAAA,CAAAO,MAAA;MAEJe,IAAA;MAkCOC,QAAS;MACd;MACAH;IACA;EAEA;AAAA;AACA,SACAI,iBAAAX,KAAA;EACA;IAAAC,KAAW;IAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAQ,cAAA;IAAAC,eAAA;IAAAC,KAAA;IAAAC,SAAA,EAAAC,aAAA;IAAAT,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACX,IAAAiB,SAAA,GAAAzB,kBAAA;EACA,IAAGuB,SAAA,GAAAC,aAAA,aAAAA,aAAA,cAAAA,aAAA,GAAAC,SAAA;EACL,IAA0BC,KAAA,GAAA5B,eAAA,CAAAyB,SAAA;EACxB,IAAAI,IAAM,GAAA1B,eAAY;EAClB,IAAAa,OAAM,GAAAM,cAAY,IAAAC,eAAiB,kBAAA1B,IAAA,CAAAU,aAAA;IACnCuB,OAAM,EAAAR,cAAQ;IACdS,QAAM,EAAAR;EAEN,SAAM;EAKN,IAAIS,IAAA;EACJ,IAAIR,KAAA,KAAU,QAAQA,KAAA,KAAU,QAAW;IACzCQ,IAAA,GAAOf,QAAA;EACT,WAAWW,KAAA,EAAO;IAChBI,IAAA,GACE,eAAAnC,IAAC,CAAAW,oBAAA;MAILiB,SAAO;MAELQ,UACE,EAAAT,KAAA;MACGP;IAAA,EACA;EAAA,OACH;IAEJe,IAAA,kBAAAjC,KAAA,CAAAK,MAAA;MAEA,GACEyB,IAAA,CAAAK,aAAA;MACG;MACAjB,QAAA,GACAA,QAAA,EACHO,KAAA;IAuBG;EACL;EACA,sBAAAzB,KAAA,CAAAO,MAAA;IACA;IACA,GAAAY,IAAA;IACAD,QAAA,EAAW,CACXD,OAAA,EACGP,oBAAA;MACuBE,KAAA;MAC1BC,QACE;MACGC,OAAA;MACAC;IACH,IAEJkB,IAAA","ignoreList":[]}