@multiplatform.one/table 6.1.0 → 6.4.0

package/dist/cjs/components/DataTable/DataTableMobileCards.cjs

@@ -26,22 +26,35 @@ __export(DataTableMobileCards_exports, {
 });
 module.exports = __toCommonJS(DataTableMobileCards_exports);
 var import_react = require("@phosphor-icons/react");
+var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_react_i18next = require("react-i18next");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_withInterp = require("../../utils/withInterp.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+function getColumnLabel(cell) {
+  const columnDef = cell.column.columnDef;
+  return typeof columnDef.header === "string" ? columnDef.header : columnDef.id || cell.column.id;
+}
 function DataTableMobileCards({
   tableRows,
+  enableRowSelection = false,
   showRowNumbers,
   showDeleteRow,
   readOnly,
+  disabled = false,
   dataLength,
   minRows,
   hasActiveFilters,
   renderCellContent,
-  onDeleteRow
+  onDeleteRow,
+  selectAllChecked = false,
+  selectAllIndeterminate = false,
+  onToggleSelectAll,
+  compact = false
 }) {
   const {
     t
@@ -49,86 +62,139 @@ function DataTableMobileCards({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const tableZebraOn = knobProps.tableZebra === "on";
   const renderMobileCard = (0, import_react2.useCallback)((row, index) => {
     const rowData = row.original;
     const visibleCells = row.getVisibleCells();
+    const [titleCell, ...detailCells] = visibleCells;
+    const showDelete = showDeleteRow && !readOnly;
     return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-      backgroundColor: "$color1",
-      ...knobProps.borderRadius,
+      testID: "data-table-card",
+      ...knobProps.surface,
+      ...knobProps.cardSurface,
+      elevation: knobProps.elevation,
       borderColor: "$color6",
-      ...knobProps.panelPadding,
-      marginBottom: "$2",
-      children: [showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        paddingBottom: "$2",
-        borderBottomWidth: 1,
-        borderBottomColor: "$color6",
-        marginBottom: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+      ...(tableZebraOn && index % 2 === 1 ? {
+        backgroundColor: "$color2"
+      } : {}),
+      ...{
+        "data-table-zebra": tableZebraOn ? index % 2 === 0 ? "even" : "odd" : "off"
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        ...(detailCells.length > 0 ? {
+          paddingBottom: "$2",
+          marginBottom: "$2",
+          ...import_theme.hairline.bottom,
+          borderBottomColor: "$color6"
+        } : {}),
+        children: [enableRowSelection && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          checked: row.getIsSelected(),
+          onChange: checked => {
+            if (disabled) return;
+            row.toggleSelected(!!checked);
+          },
+          disabled,
+          checkboxProps: {
+            "aria-label": (0, import_withInterp.withInterp)(t("Select row {{row}}", {
+              row: index + 1
+            }), {
+              row: index + 1
+            })
+          },
+          compact
+        }), titleCell ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          flex: 1,
+          minWidth: 0,
+          "aria-label": getColumnLabel(titleCell),
+          ...{
+            "data-card-slot": "title"
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+            value: {
+              inTableCell: true,
+              isHeader: false
+            },
+            children: renderCellContent(titleCell, index, rowData)
+          })
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          flex: 1
+        }), showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
           fontSize: knobProps.sizeToken,
           color: "$color10",
           fontWeight: "600",
           children: ["#", index + 1]
-        }), showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        }), showDelete && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
           chromeless: true,
           circular: true,
           size: "$2",
           icon: import_react.TrashIcon,
-          disabled: dataLength <= minRows,
+          disabled: disabled || dataLength <= minRows,
           onPress: () => onDeleteRow(index),
-          "aria-label": t("Delete row")
+          "aria-label": (0, import_withInterp.withInterp)(t("Delete row {{row}}", {
+            row: index + 1
+          }), {
+            row: index + 1
+          })
         })]
-      }), visibleCells.map(cell => {
-        const columnDef = cell.column.columnDef;
-        const headerLabel = typeof columnDef.header === "string" ? columnDef.header : columnDef.id || cell.column.id;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-          flexDirection: "row",
-          alignItems: "center",
-          paddingVertical: "$1.5",
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            fontSize: knobProps.sizeToken,
-            color: "$color10",
-            fontWeight: "500",
-            width: "40%",
-            flexShrink: 0,
-            children: headerLabel
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            flex: 1,
+      }), detailCells.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingVertical: "$1.5",
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          color: "$color10",
+          fontWeight: "500",
+          width: "40%",
+          flexShrink: 0,
+          children: getColumnLabel(cell)
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          flex: 1,
+          minWidth: 0,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+            value: {
+              inTableCell: true,
+              isHeader: false
+            },
             children: renderCellContent(cell, index, rowData)
-          })]
-        }, cell.id);
-      }), !showRowNumbers && showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        paddingTop: "$2",
-        alignItems: "flex-end",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-          chromeless: true,
-          circular: true,
-          size: "$2",
-          icon: import_react.TrashIcon,
-          disabled: dataLength <= minRows,
-          onPress: () => onDeleteRow(index),
-          "aria-label": t("Delete row")
-        })
-      })]
+          })
+        })]
+      }, cell.id))]
     }, `${row.id}-${index}`);
-  }, [showRowNumbers, showDeleteRow, readOnly, dataLength, minRows, renderCellContent, onDeleteRow, knobProps, t]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+  }, [enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, renderCellContent, onDeleteRow, compact, knobProps, tableZebraOn, t]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
     flexDirection: "column",
     ...knobProps.gap,
-    children: tableRows.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      padding: "$8",
+    testID: "data-table-cards",
+    children: [enableRowSelection && tableRows.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       alignItems: "center",
-      justifyContent: "center",
+      gap: "$2",
+      paddingBottom: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+        checked: selectAllIndeterminate ? "indeterminate" : selectAllChecked,
+        onChange: checked => {
+          if (disabled || checked === "indeterminate") return;
+          const shouldSelect = checked === true;
+          if (shouldSelect !== selectAllChecked) onToggleSelectAll?.();
+        },
+        disabled,
+        checkboxProps: {
+          "aria-label": t("Select all rows")
+        },
+        compact
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: knobProps.sizeToken,
+        color: "$color10",
+        children: t("Select all")
+      })]
+    }), tableRows.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
+      compact: true,
       backgroundColor: "$color1",
       ...knobProps.borderRadius,
       "aria-live": "polite",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        color: "$color10",
-        fontSize: knobProps.sizeToken,
-        children: hasActiveFilters ? t("No results found") : t("No data available")
-      })
-    }) : tableRows.map((row, index) => renderMobileCard(row, index))
+      title: hasActiveFilters ? t("No results found") : t("No data available")
+    }) : tableRows.map((row, index) => renderMobileCard(row, index))]
   });
 }

package/dist/cjs/components/DataTable/DataTableMobileCards.native.js

@@ -29,22 +29,35 @@ __export(DataTableMobileCards_exports, {
 module.exports = __toCommonJS(DataTableMobileCards_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@phosphor-icons/react");
+var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_react_i18next = require("react-i18next");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_withInterp = require("../../utils/withInterp.native.js");
+function getColumnLabel(cell) {
+  var columnDef = cell.column.columnDef;
+  return typeof columnDef.header === "string" ? columnDef.header : columnDef.id || cell.column.id;
+}
 function DataTableMobileCards(param) {
   var {
     tableRows,
+    enableRowSelection = false,
     showRowNumbers,
     showDeleteRow,
     readOnly,
+    disabled = false,
     dataLength,
     minRows,
     hasActiveFilters,
     renderCellContent,
-    onDeleteRow
+    onDeleteRow,
+    selectAllChecked = false,
+    selectAllIndeterminate = false,
+    onToggleSelectAll,
+    compact = false
   } = param;
   var {
     t
@@ -52,43 +65,87 @@ function DataTableMobileCards(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var tableZebraOn = knobProps.tableZebra === "on";
   var renderMobileCard = (0, import_react2.useCallback)(function (row, index) {
     var rowData = row.original;
     var visibleCells = row.getVisibleCells();
+    var [titleCell, ...detailCells] = visibleCells;
+    var showDelete = showDeleteRow && !readOnly;
     return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-      backgroundColor: "$color1",
-      ...knobProps.borderRadius,
+      testID: "data-table-card",
+      ...knobProps.surface,
+      ...knobProps.cardSurface,
+      elevation: knobProps.elevation,
       borderColor: "$color6",
-      ...knobProps.panelPadding,
-      marginBottom: "$2",
-      children: [/* Row number */
-      showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        paddingBottom: "$2",
-        borderBottomWidth: 1,
-        borderBottomColor: "$color6",
-        marginBottom: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+      ...(tableZebraOn && index % 2 === 1 ? {
+        backgroundColor: "$color2"
+      } : {}),
+      ...{
+        "data-table-zebra": tableZebraOn ? index % 2 === 0 ? "even" : "odd" : "off"
+      },
+      children: [/* Card header: selection + primary-column title + row number + delete */
+      /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        ...(detailCells.length > 0 ? {
+          paddingBottom: "$2",
+          marginBottom: "$2",
+          ...import_theme.hairline.bottom,
+          borderBottomColor: "$color6"
+        } : {}),
+        children: [enableRowSelection && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          checked: row.getIsSelected(),
+          onChange: function onChange(checked) {
+            if (disabled) return;
+            row.toggleSelected(!!checked);
+          },
+          disabled,
+          checkboxProps: {
+            "aria-label": (0, import_withInterp.withInterp)(t("Select row {{row}}", {
+              row: index + 1
+            }), {
+              row: index + 1
+            })
+          },
+          compact
+        }), titleCell ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          flex: 1,
+          minWidth: 0,
+          "aria-label": getColumnLabel(titleCell),
+          ...{
+            "data-card-slot": "title"
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+            value: {
+              inTableCell: true,
+              isHeader: false
+            },
+            children: renderCellContent(titleCell, index, rowData)
+          })
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          flex: 1
+        }), showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
           fontSize: knobProps.sizeToken,
           color: "$color10",
           fontWeight: "600",
           children: ["#", index + 1]
-        }), showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        }), showDelete && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
           chromeless: true,
           circular: true,
           size: "$2",
           icon: import_react.TrashIcon,
-          disabled: dataLength <= minRows,
+          disabled: disabled || dataLength <= minRows,
           onPress: function onPress() {
             return onDeleteRow(index);
           },
-          "aria-label": t("Delete row")
+          "aria-label": (0, import_withInterp.withInterp)(t("Delete row {{row}}", {
+            row: index + 1
+          }), {
+            row: index + 1
+          })
         })]
-      }), /* Field rows */
-      visibleCells.map(function (cell) {
-        var columnDef = cell.column.columnDef;
-        var headerLabel = typeof columnDef.header === "string" ? columnDef.header : columnDef.id || cell.column.id;
+      }), /* Field rows: remaining visible columns as label/value pairs */
+      detailCells.map(function (cell) {
         return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
           flexDirection: "row",
           alignItems: "center",
@@ -100,48 +157,56 @@ function DataTableMobileCards(param) {
             fontWeight: "500",
             width: "40%",
             flexShrink: 0,
-            children: headerLabel
+            children: getColumnLabel(cell)
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
             flex: 1,
-            children: renderCellContent(cell, index, rowData)
+            minWidth: 0,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+              value: {
+                inTableCell: true,
+                isHeader: false
+              },
+              children: renderCellContent(cell, index, rowData)
+            })
           })]
         }, cell.id);
-      }), /* Delete button (if no row numbers shown) */
-      !showRowNumbers && showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        paddingTop: "$2",
-        alignItems: "flex-end",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-          chromeless: true,
-          circular: true,
-          size: "$2",
-          icon: import_react.TrashIcon,
-          disabled: dataLength <= minRows,
-          onPress: function onPress() {
-            return onDeleteRow(index);
-          },
-          "aria-label": t("Delete row")
-        })
       })]
     }, `${row.id}-${index}`);
-  }, [showRowNumbers, showDeleteRow, readOnly, dataLength, minRows, renderCellContent, onDeleteRow, knobProps, t]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+  }, [enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, renderCellContent, onDeleteRow, compact, knobProps, tableZebraOn, t]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
     flexDirection: "column",
     ...knobProps.gap,
-    children: tableRows.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      padding: "$8",
+    testID: "data-table-cards",
+    children: [enableRowSelection && tableRows.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       alignItems: "center",
-      justifyContent: "center",
+      gap: "$2",
+      paddingBottom: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+        checked: selectAllIndeterminate ? "indeterminate" : selectAllChecked,
+        onChange: function onChange(checked) {
+          if (disabled || checked === "indeterminate") return;
+          var shouldSelect = checked === true;
+          if (shouldSelect !== selectAllChecked) onToggleSelectAll === null || onToggleSelectAll === void 0 ? void 0 : onToggleSelectAll();
+        },
+        disabled,
+        checkboxProps: {
+          "aria-label": t("Select all rows")
+        },
+        compact
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: knobProps.sizeToken,
+        color: "$color10",
+        children: t("Select all")
+      })]
+    }), tableRows.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
+      compact: true,
       backgroundColor: "$color1",
       ...knobProps.borderRadius,
       "aria-live": "polite",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        color: "$color10",
-        fontSize: knobProps.sizeToken,
-        children: hasActiveFilters ? t("No results found") : t("No data available")
-      })
+      title: hasActiveFilters ? t("No results found") : t("No data available")
     }) : tableRows.map(function (row, index) {
       return renderMobileCard(row, index);
-    })
+    })]
   });
 }
 //# sourceMappingURL=DataTableMobileCards.native.js.map

package/dist/cjs/components/DataTable/DataTableMobileCards.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableMobileCards_exports","__export","DataTableMobileCards","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","param","tableRows","showRowNumbers","showDeleteRow","readOnly","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","t","useTranslation","knobProps","useResolvedKnobs","renderMobileCard","useCallback","row","index","rowData","original","visibleCells","getVisibleCells","jsxs","View","backgroundColor","borderRadius","borderColor","panelPadding","marginBottom","children","flexDirection","justifyContent","paddingBottom","borderBottomWidth","borderBottomColor","Text","fontSize","sizeToken","color","fontWeight","jsx","Button","chromeless","circular","size","icon","TrashIcon","disabled","onPress","map","cell","columnDef","column","headerLabel","header","id","alignItems","paddingVertical","gap","width","flexShrink","flex","paddingTop","length","padding"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableMobileCards_exports","__export","DataTableMobileCards","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_table_primitives","import_withInterp","getColumnLabel","cell","columnDef","column","header","id","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","t","useTranslation","knobProps","useResolvedKnobs","tableZebraOn","tableZebra","renderMobileCard","useCallback","row","index","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","jsxs","View","testID","surface","cardSurface","elevation","borderColor","backgroundColor","children","XStack","alignItems","gap","length","paddingBottom","marginBottom","hairline","bottom","borderBottomColor","jsx","Checkbox","checked","getIsSelected","onChange","toggleSelected","checkboxProps","withInterp","flex","minWidth","TableCellContext","Provider","inTableCell","isHeader","Text","fontSize","sizeToken","color","fontWeight","Button","chromeless","circular","size","icon","TrashIcon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","EmptyState"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAiBAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,4BAAA;AAC1B,IAAAK,kBAAA,GAA2BC,OAAA;AAC3B,IAAAC,YAAA,GAAiCD,OAAA;AACjC,IAAAE,iBAA2C,GAAAF,OAAA;AAE3C,IAAAG,YAAA,GAAAH,OAA4B;AAC5B,IAAAI,YAAA,GAAAJ,OAAmC;AACnC,IAAAK,aAAA,GAAAL,OAA+B;AAC/B,IAAAM,cAAA,GAAAN,OAAA,UAAiC;AAEjC,IAAAO,oBAA2B,GAAAP,OAAA;AAkFb,IAAAQ,uBAAA,GAAAR,OAAA;AA/Ed,IAAAS,iBAAS,GAAeT,OAAmB;AACzC,SAAMU,cAAYA,CAAAC,IAAK;EACvB,IAAAC,SAAO,GAAOD,IAAA,CAAAE,MAAU,CAAAD,SAAW;EACrC,cAAAA,SAAA,CAAAE,MAAA,gBAAAF,SAAA,CAAAE,MAAA,GAAAF,SAAA,CAAAG,EAAA,IAAAJ,IAAA,CAAAE,MAAA,CAAAE,EAAA;AAqBO;AAAiE,SACtEnB,qBAAAoB,KAAA;EACA;IAAAC,SAAA;IAAAC,kBAAqB;IAAAC,cAAA;IAAAC,aAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,gBAAA;IAAAC,iBAAA;IAAAC,WAAA;IAAAC,gBAAA;IAAAC,sBAAA;IAAAC,iBAAA;IAAAC,OAAA;EAAA,IAAAf,KAAA;EACrB;IAAAgB;EAAA,QAAAzB,oBAAA,CAAA0B,cAAA;EACA;IAAAC;EAAA,QAAA9B,YAAA,CAAA+B,gBAAA;EACA,IAAAC,YAAA,GAAAF,SAAA,CAAAG,UAAA;EACA,IAAAC,gBAAW,OAAAjC,aAAA,CAAAkC,WAAA,YAAAC,GAAA,EAAAC,KAAA;IACX,IAAAC,OAAA,GAAAF,GAAA,CAAAG,QAAA;IACA,IAAAC,YAAA,GAAAJ,GAAA,CAAAK,eAAA;IACA,KAAAC,SAAA,KAAAC,WAAA,IAAAH,YAAA;IACA,IAAAI,UAAA,GAAA5B,aAAA,KAAAC,QAAA;IACA,0BAAAtB,kBAAA,CAAAkD,IAAA,EAAA3C,cAAA,CAAA4C,IAAA;MACAC,MAAA,mBAAmB;MACnB,GAAAjB,SAAA,CAAAkB,OAAA;MACA,GAAAlB,SAAA,CAAAmB,WAAA;MACAC,SAAU,EAAApB,SAAA,CAAAoB,SAAA;MACyBC,WAAA;MACnC,IAAMnB,YAAQ,IAAAK,KAAA;QACRe,eAAY;MAClB,IAAM;MAEN,GAAM;QACH,kBAA4B,EAAApB,YAAA,GAAAK,KAAA;MAC3B;MACAgB,QAAM,GACN;MACA,eAAM,CAAa,GAAA1D,kBAAkB,CAAAkD,IAAA,EAAA3C,cAAA,CAAAoD,MAAA;QAErCC,UACE;QAACC,GAAA;QAAA,IAAAb,WAAA,CAAAc,MAAA;UAECC,aAAO;UACNC,YAAa;UACb,GAAG3D,YAAU,CAAA4D,QAAA,CAAAC,MAAA;UACdC,iBAAW,EAAU;QACrB;QACCT,QAAI,GACJvC,kBAAI,uBAAAnB,kBAAA,CAAAoE,GAAA,EAAAhE,YAAA,CAAAiE,QAAA;UACHC,OAAA,EAAA7B,GAAA,CAAA8B,aAAoB;UACtBC,QAAA,WAAAA,SAAAF,OAAA;YAGA,IAAA/C,QAAA;YAAAkB,GAAA,CAAAgC,cAAA,GAAAH,OAAA;UAAC;UAAA/C,QAAA;UAAAmD,aACC,EAAW;YACX,YAAI,MAAAhE,iBAAA,CAAAiE,UAAA,EAAA1C,CAAA;cACHQ,GAAI,EAAAC,KAAA,GAAY;YACb,EACE;cACAD,GAAA,EAAAC,KAAA;YAAc;UACF;UACOV;QAEpB,IAEJe,SAAA,kBACC,IAAA/C,kBAAA,CAAAoE,GAAA,EAAA7D,cAAA,CAAA4C,IAAA;UAAAyB,IAAA,EAAC;UAAAC,QAAA;UAAA,YACC,EAAAlE,cAAa,CAAAoC,SAAc;UAAA;YAEzB,gBAAI;UACJ;UAA4BW,QAC9B,qBAAA1D,kBAAA,CAAAoE,GAAA,EAAA3D,uBAAA,CAAAqE,gBAAA,CAAAC,QAAA;YAAArF,KAAA,EACA;cAAAsF,WACA;cAAeC,QACb;YAAsE;YACvDvB,QACf,EAAC/B,iBAAA,CAAAoB,SAAA,EAAAL,KAAA,EAAAC,OAAA;UAAA;QACH,oBACA,IAAA3C,kBAAA,CAAAoE,GAAA,EAAA7D,cAAA,CAAA4C,IAAA;UAAAyB,IAAA;QAAA,IACFxD,cAED,IACC,mBAAApB,kBAAA,CAAAkD,IAAA,EAAA3C,cAAA,CAAA2E,IAAA;UAAAC,QAAC,EAAAhD,SAAA,CAAAiD,SAAA;UAAAC,KAAA;UAAAC,UACC,OAAM;UAAA5B,QACN,GAAU,KAC0BhB,KAAA,GACnC,CAAI;QAIL,IAAAO,UAGF,uBAAAjD,kBAAA,CAAAoE,GAAC,EAAAhE,YAAA,CAAAmF,MAAK;UAASC,UAEhB;UACwEC,QAAA;UAAAC,IAAA,EACnE;UAAQC,IAAA,EAAAzF,YACZ,CAAA0F,SAAA;UAAArE,QAED,EAAAA,QACC,IAAAC,UAAA,IAAAC,OAAA;UAAAoE,OAAC,WAAAA,QAAA;YAAA,OAAAjE,WAAA,CAAAc,KAAA;UAAA;UACW,YACV,MAAQhC,iBAAA,CAAAiE,UAAA,EAAA1C,CAAA;YAAAQ,GAAA,EAAAC,KACR,GAAK;UAAA;YACCD,GAAA,EAAAC,KACN;UAAoC;QACJ;MAEjB,IACd;MAAAM,WACH,CAAA8C,GAAA,WAAAlF,IAAA;QAAA,0BAAAZ,kBAAA,CAAAkD,IAAA,EAAA3C,cAAA,CAAA4C,IAAA;UAAA4C,aAAA;UAEJnC,UAAA;UAGCoC,eAAY,EAAK;UAChBnC,GAAC;UAAAH,QAAA,kBAEC,CAAc,GAAA1D,kBAAA,CAAAoE,GAAA,EAAA7D,cAAA,CAAA2E,IAAA;YACdC,QAAA,EAAAhD,SAAW,CAAAiD,SAAA;YACXC,KAAA,YAAgB;YAChBC,UAAI;YAEJW,KAAA;YAAAC,UAAA;YAAAxC,QAAC,EAAA/C,cAAA,CAAAC,IAAA;UAAA,mBACC,EAAU,EAAAZ,kBAAU,CAAAoE,GAAA,EAAA7D,cAAA,CAAA4C,IAAA;YAAAyB,IAAA,EACpB;YAAMC,QACN;YAAWnB,QACX,iBAAM,IAAA1D,kBAAA,CAAAoE,GAAA,EAAA3D,uBAAA,CAAAqE,gBAAA,CAAAC,QAAA;cAAArF,KACN;gBAAYsF,WAEX;gBAAmBC,QAAA;cACtB;cACAvB,QAAA,EAAA/B,iBAAA,CAAAf,IAAA,EAAA8B,KAAA,EAAAC,OAAC;YAID;UAAA;QAnBU,GAqBb/B,IAAA,CAAAI,EAAA;MAAA;IAAA,MAlGIyB,GAAG,CAAAzB,EAAI,IAAE0B,KAAI,EAAK;EAAA,IAqG7BvB,kBAAA,EACAC,cAAA,EAAAC,aACE,EAAAC,QACA,EAAAC,QACA,EAAAC,UACA,EAAAC,OACA,EAAAE,iBACA,EAAAC,WACA,EAAAI,OACA,EAAAG,SACA,EAAAE,YACA,EAAAJ,CAAA,CACA;EACA,OACA,mBAAAjC,kBAAA,CAAAkD,IAAA,EAAA3C,cAAA,CAAA4C,IAAA;IACF4C,aAAA;IACF,GAAA5D,SAAA,CAAA0B,GAAA;IAEAT,MACE;IACGM,QAAA,GAEGvC,kBAAA,IAAAD,SAAA,CAAA4C,MAAA,2BAAA9D,kBAAA,CAAAkD,IAAA,EAAA3C,cAAA,CAAAoD,MAAA;MAACC,UAAA;MAAAC,GAAA;MAAAE,aACU;MAA2CL,QACpD,GACE,eAAI,EAAY,EAAA1D,kBAAY,CAAAoE,GAAA,EAAAhE,YAAiB,CAAAiE,QAAA;QAC7CC,OAAM,EAAAxC,sBAAe,GAAY,kBAAAD,gBAAA;QACjC2C,QAAI,WAAAA,QAAiBA,CAAAF,OAAA;UACvB,IAAA/C,QAAA,IAAA+C,OAAA;UACA,IAAA6B,YAAA,GAAA7B,OAAA;UACA,IAAA6B,YAAiB,KAAAtE,gBAAgB,EAAAE,iBAAmB,aAAAA,iBAAA,uBAAAA,iBAAA;QACpD;QAAAR,QAAA;QACFmD,aAAA;UACA,cAAAzC,CAAA;QAGF;QAEDD;MACE,uBAAAhC,kBAAA,CAAAoE,GAAA,EAAA7D,cAAA,CAAA2E,IAAA;QACCC,QAAO,EAAAhD,SAAA,CAAAiD,SAAA;QACPC,KAAA,YAAgB;QACZ3B,QAAA,EAAUzB,CAAA;MACd;IACuE,IACzEf,SAEA,CAAA4C,MAAc,KAAC,CAAU,kBAAkB,IAAA9D,kBAA4B,CAAAoE,GAAA,EAAAjE,iBAAA,CAAAiG,UAAA;MAE3EpE,OAAA;MAEJyB,eAAA","ignoreList":[]}