@multiplatform.one/table 6.0.0

package/dist/esm/components/DataTableColumnPinning/DataTableColumnPinning.stories.native.js

@@ -0,0 +1,509 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { PushPinIcon, PushPinSlashIcon, ArrowCounterClockwiseIcon } from "@phosphor-icons/react";
+import { createColumnHelper, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { useState } from "react";
+import { Button } from "@multiplatform.one/forms";
+import { Card, H3, Paragraph, ScrollView, Separator, Text, View, XStack, YStack } from "tamagui";
+import { DataTableColumnPinning, useColumnPinning } from "./index.native.js";
+var generateData = function generateData2(count) {
+  var departments = ["Engineering", "Sales", "Marketing", "HR", "Finance"];
+  var roles = ["Manager", "Senior", "Junior", "Lead", "Intern"];
+  var statuses = ["active", "inactive", "pending"];
+  return Array.from({
+    length: count
+  }, function (_, i) {
+    return {
+      id: i + 1,
+      firstName: `First${i + 1}`,
+      lastName: `Last${i + 1}`,
+      email: `user${i + 1}@example.com`,
+      department: departments[i % departments.length],
+      role: roles[i % roles.length],
+      salary: 5e4 + Math.floor(Math.random() * 1e5),
+      startDate: new Date(2020 + i % 4, i % 12, i % 28 + 1).toISOString().split("T")[0],
+      status: statuses[i % statuses.length],
+      performance: Math.floor(Math.random() * 100)
+    };
+  });
+};
+var defaultData = generateData(50);
+var columnHelper = createColumnHelper();
+var defaultColumns = [columnHelper.accessor("id", {
+  header: "ID",
+  cell: function cell(info) {
+    return info.getValue();
+  },
+  size: 60
+}), columnHelper.accessor("firstName", {
+  header: "First Name",
+  cell: function cell2(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("lastName", {
+  header: "Last Name",
+  cell: function cell3(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("email", {
+  header: "Email",
+  cell: function cell4(info) {
+    return info.getValue();
+  },
+  size: 200
+}), columnHelper.accessor("department", {
+  header: "Department",
+  cell: function cell5(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("role", {
+  header: "Role",
+  cell: function cell6(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("salary", {
+  header: "Salary",
+  cell: function cell7(info) {
+    return `$${info.getValue().toLocaleString()}`;
+  }
+}), columnHelper.accessor("startDate", {
+  header: "Start Date",
+  cell: function cell8(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("status", {
+  header: "Status",
+  cell: function cell9(info) {
+    return /* @__PURE__ */_jsx(Text, {
+      color: info.getValue() === "active" ? "$green10" : info.getValue() === "inactive" ? "$red10" : "$yellow10",
+      children: info.getValue()
+    });
+  }
+}), columnHelper.accessor("performance", {
+  header: "Performance",
+  cell: function cell10(info) {
+    return /* @__PURE__ */_jsxs(XStack, {
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */_jsx(View, {
+        backgroundColor: "$gray5",
+        height: 8,
+        flex: 1,
+        borderRadius: "$2",
+        overflow: "hidden",
+        children: /* @__PURE__ */_jsx(View, {
+          backgroundColor: info.getValue() > 70 ? "$green10" : info.getValue() > 40 ? "$yellow10" : "$red10",
+          height: "100%",
+          width: `${info.getValue()}%`
+        })
+      }), /* @__PURE__ */_jsxs(Text, {
+        fontSize: "$1",
+        children: [info.getValue(), "%"]
+      })]
+    });
+  }
+})];
+var meta = {
+  title: "Table/DataTableColumnPinning",
+  component: DataTableColumnPinning,
+  parameters: {
+    layout: "fullscreen"
+  }
+};
+var DataTableColumnPinning_stories_default = meta;
+function BasicPinningExample() {
+  var [data] = useState(defaultData);
+  var table = useReactTable({
+    data,
+    columns: defaultColumns,
+    getCoreRowModel: getCoreRowModel(),
+    columnResizeMode: "onChange"
+  });
+  var pinning = DataTableColumnPinning({
+    table,
+    onPinChange: action("onPinChange")
+  });
+  return /* @__PURE__ */_jsxs(YStack, {
+    padding: "$4",
+    gap: "$4",
+    height: "100vh",
+    children: [/* @__PURE__ */_jsxs(Card, {
+      children: [/* @__PURE__ */_jsxs(Card.Header, {
+        children: [/* @__PURE__ */_jsx(H3, {
+          children: "Column Pinning Example"
+        }), /* @__PURE__ */_jsx(Paragraph, {
+          children: "Click the pin icons to pin/unpin columns to left or right"
+        })]
+      }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsxs(XStack, {
+        padding: "$4",
+        gap: "$2",
+        flexWrap: "wrap",
+        children: [/* @__PURE__ */_jsxs(Text, {
+          children: ["Pinned Left: ", pinning.pinnedLeftColumns.length]
+        }), /* @__PURE__ */_jsx(Text, {
+          children: "|"
+        }), /* @__PURE__ */_jsxs(Text, {
+          children: ["Pinned Right: ", pinning.pinnedRightColumns.length]
+        }), /* @__PURE__ */_jsx(Text, {
+          children: "|"
+        }), /* @__PURE__ */_jsxs(Text, {
+          children: ["Scrollable: ", pinning.scrollableColumns.length]
+        })]
+      })]
+    }), /* @__PURE__ */_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: true,
+      children: /* @__PURE__ */_jsxs(YStack, {
+        children: [/* @__PURE__ */_jsx(XStack, {
+          borderBottomWidth: 1,
+          borderColor: "$borderColor",
+          children: table.getHeaderGroups().map(function (headerGroup) {
+            return /* @__PURE__ */_jsx(XStack, {
+              children: headerGroup.headers.map(function (header) {
+                var isPinned = pinning.isPinned(header.column.id);
+                var position = pinning.getPinPosition(header.column.id);
+                return /* @__PURE__ */_jsxs(View, {
+                  width: header.getSize(),
+                  padding: "$2",
+                  borderRightWidth: 1,
+                  borderColor: "$borderColor",
+                  backgroundColor: isPinned ? "$gray3" : "$background",
+                  children: [/* @__PURE__ */_jsxs(XStack, {
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    children: [/* @__PURE__ */_jsx(Text, {
+                      fontWeight: "bold",
+                      children: flexRender(header.column.columnDef.header, header.getContext())
+                    }), /* @__PURE__ */_jsxs(XStack, {
+                      gap: "$1",
+                      children: [/* @__PURE__ */_jsx(Button, {
+                        size: "$1",
+                        icon: isPinned && position === "left" ? PushPinSlashIcon : PushPinIcon,
+                        onPress: function onPress() {
+                          return pinning.togglePin(header.column.id, "left");
+                        },
+                        disabled: !isPinned && position !== "left" && !pinning.canPin("left"),
+                        circular: true,
+                        variant: position === "left" ? "outlined" : void 0
+                      }), /* @__PURE__ */_jsx(Button, {
+                        size: "$1",
+                        icon: isPinned && position === "right" ? PushPinSlashIcon : PushPinIcon,
+                        onPress: function onPress() {
+                          return pinning.togglePin(header.column.id, "right");
+                        },
+                        disabled: !isPinned && position !== "right" && !pinning.canPin("right"),
+                        circular: true,
+                        variant: position === "right" ? "outlined" : void 0
+                      })]
+                    })]
+                  }), isPinned && /* @__PURE__ */_jsxs(Text, {
+                    fontSize: "$1",
+                    color: "$gray10",
+                    children: ["Pinned: ", position]
+                  })]
+                }, header.id);
+              })
+            }, headerGroup.id);
+          })
+        }), table.getRowModel().rows.slice(0, 10).map(function (row) {
+          return /* @__PURE__ */_jsx(XStack, {
+            borderBottomWidth: 1,
+            borderColor: "$borderColor",
+            children: row.getVisibleCells().map(function (cell11) {
+              var isPinned = pinning.isPinned(cell11.column.id);
+              return /* @__PURE__ */_jsx(View, {
+                width: cell11.column.getSize(),
+                padding: "$2",
+                borderRightWidth: 1,
+                borderColor: "$borderColor",
+                backgroundColor: isPinned ? "$gray2" : "$background",
+                children: flexRender(cell11.column.columnDef.cell, cell11.getContext())
+              }, cell11.id);
+            })
+          }, row.id);
+        })]
+      })
+    })]
+  });
+}
+var Basic = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */_jsx(BasicPinningExample, {});
+  }
+};
+function AdvancedPinningExample() {
+  var [data] = useState(defaultData);
+  var table = useReactTable({
+    data,
+    columns: defaultColumns,
+    getCoreRowModel: getCoreRowModel()
+  });
+  var {
+    pinnedState,
+    pinColumn,
+    unpinColumn,
+    resetPinning
+  } = useColumnPinning(table, {
+    maxPinnedColumns: 3,
+    initialPinnedColumns: {
+      left: ["id", "firstName"],
+      right: ["status"]
+    }
+  });
+  return /* @__PURE__ */_jsxs(YStack, {
+    padding: "$4",
+    gap: "$4",
+    height: "100vh",
+    children: [/* @__PURE__ */_jsxs(Card, {
+      children: [/* @__PURE__ */_jsxs(Card.Header, {
+        children: [/* @__PURE__ */_jsx(H3, {
+          children: "Advanced Column Pinning"
+        }), /* @__PURE__ */_jsx(Paragraph, {
+          children: "Using the useColumnPinning hook with initial pinned columns"
+        })]
+      }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsxs(XStack, {
+        padding: "$4",
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(Button, {
+          icon: ArrowCounterClockwiseIcon,
+          onPress: resetPinning,
+          size: "$3",
+          children: "Reset Pinning"
+        }), /* @__PURE__ */_jsx(Separator, {
+          vertical: true
+        }), /* @__PURE__ */_jsxs(YStack, {
+          children: [/* @__PURE__ */_jsxs(Text, {
+            fontSize: "$2",
+            children: ["Left: ", pinnedState.left.join(", ") || "None"]
+          }), /* @__PURE__ */_jsxs(Text, {
+            fontSize: "$2",
+            children: ["Right: ", pinnedState.right.join(", ") || "None"]
+          })]
+        })]
+      })]
+    }), /* @__PURE__ */_jsx(Card, {
+      flex: 1,
+      children: /* @__PURE__ */_jsx(ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: true,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          minWidth: "100%",
+          children: [/* @__PURE__ */_jsx(XStack, {
+            backgroundColor: "$gray3",
+            borderBottomWidth: 2,
+            borderColor: "$borderColor",
+            children: table.getHeaderGroups().map(function (headerGroup) {
+              return /* @__PURE__ */_jsx(XStack, {
+                children: headerGroup.headers.map(function (header) {
+                  var isPinnedLeft = pinnedState.left.includes(header.column.id);
+                  var isPinnedRight = pinnedState.right.includes(header.column.id);
+                  var isPinned = isPinnedLeft || isPinnedRight;
+                  return /* @__PURE__ */_jsx(View, {
+                    width: header.getSize(),
+                    padding: "$3",
+                    borderRightWidth: 1,
+                    borderColor: "$borderColor",
+                    backgroundColor: isPinnedLeft ? "$blue3" : isPinnedRight ? "$purple3" : "$gray3",
+                    children: /* @__PURE__ */_jsxs(YStack, {
+                      gap: "$1",
+                      children: [/* @__PURE__ */_jsx(Text, {
+                        fontWeight: "bold",
+                        fontSize: "$3",
+                        children: flexRender(header.column.columnDef.header, header.getContext())
+                      }), /* @__PURE__ */_jsxs(XStack, {
+                        gap: "$1",
+                        children: [!isPinnedLeft && /* @__PURE__ */_jsx(Button, {
+                          size: "$1",
+                          onPress: function onPress() {
+                            return pinColumn(header.column.id, "left");
+                          },
+                          disabled: pinnedState.left.length >= 3,
+                          ...{
+                            fontSize: "$1"
+                          },
+                          children: "Pin Left"
+                        }), !isPinnedRight && /* @__PURE__ */_jsx(Button, {
+                          size: "$1",
+                          onPress: function onPress() {
+                            return pinColumn(header.column.id, "right");
+                          },
+                          disabled: pinnedState.right.length >= 3,
+                          ...{
+                            fontSize: "$1"
+                          },
+                          children: "Pin Right"
+                        }), isPinned && /* @__PURE__ */_jsx(Button, {
+                          size: "$1",
+                          onPress: function onPress() {
+                            return unpinColumn(header.column.id);
+                          },
+                          ...{
+                            fontSize: "$1",
+                            color: "$red10"
+                          },
+                          children: "Unpin"
+                        })]
+                      })]
+                    })
+                  }, header.id);
+                })
+              }, headerGroup.id);
+            })
+          }), /* @__PURE__ */_jsx(ScrollView, {
+            maxHeight: 400,
+            children: table.getRowModel().rows.map(function (row) {
+              return /* @__PURE__ */_jsx(XStack, {
+                borderBottomWidth: 1,
+                borderColor: "$borderColor",
+                hoverStyle: {
+                  backgroundColor: "$gray2"
+                },
+                children: row.getVisibleCells().map(function (cell11) {
+                  var isPinnedLeft = pinnedState.left.includes(cell11.column.id);
+                  var isPinnedRight = pinnedState.right.includes(cell11.column.id);
+                  return /* @__PURE__ */_jsx(View, {
+                    width: cell11.column.getSize(),
+                    padding: "$2",
+                    borderRightWidth: 1,
+                    borderColor: "$borderColor",
+                    backgroundColor: isPinnedLeft ? "$blue1" : isPinnedRight ? "$purple1" : "$background",
+                    children: flexRender(cell11.column.columnDef.cell, cell11.getContext())
+                  }, cell11.id);
+                })
+              }, row.id);
+            })
+          })]
+        })
+      })
+    })]
+  });
+}
+var Advanced = {
+  render: function render2() {
+    return /* @__PURE__ */_jsx(AdvancedPinningExample, {});
+  }
+};
+var MaxPinnedColumns = {
+  render: function render3() {
+    var [data] = useState(defaultData.slice(0, 10));
+    var table = useReactTable({
+      data,
+      columns: defaultColumns.slice(0, 6),
+      getCoreRowModel: getCoreRowModel()
+    });
+    var pinning = DataTableColumnPinning({
+      table,
+      maxPinnedColumns: 2,
+      onPinChange: action("onPinChange")
+    });
+    return /* @__PURE__ */_jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      children: [/* @__PURE__ */_jsx(Card, {
+        children: /* @__PURE__ */_jsxs(Card.Header, {
+          children: [/* @__PURE__ */_jsx(H3, {
+            children: "Max Pinned Columns (Limited to 2)"
+          }), /* @__PURE__ */_jsx(Paragraph, {
+            children: "Only 2 columns can be pinned at a time"
+          })]
+        })
+      }), /* @__PURE__ */_jsxs(Card, {
+        children: [/* @__PURE__ */_jsx(YStack, {
+          padding: "$4",
+          gap: "$2",
+          children: table.getAllColumns().map(function (column) {
+            return /* @__PURE__ */_jsxs(XStack, {
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "$2",
+              borderRadius: "$2",
+              backgroundColor: pinning.isPinned(column.id) ? "$blue3" : "$gray2",
+              children: [/* @__PURE__ */_jsx(Text, {
+                children: column.id
+              }), /* @__PURE__ */_jsxs(XStack, {
+                gap: "$2",
+                children: [/* @__PURE__ */_jsx(Button, {
+                  size: "$2",
+                  onPress: function onPress() {
+                    return pinning.togglePin(column.id, "left");
+                  },
+                  disabled: !pinning.isPinned(column.id) && !pinning.canPin("left"),
+                  variant: pinning.getPinPosition(column.id) === "left" ? "outlined" : void 0,
+                  children: pinning.getPinPosition(column.id) === "left" ? "Unpin" : "Pin Left"
+                }), /* @__PURE__ */_jsx(Button, {
+                  size: "$2",
+                  onPress: function onPress() {
+                    return pinning.togglePin(column.id, "right");
+                  },
+                  disabled: !pinning.isPinned(column.id) && !pinning.canPin("right"),
+                  variant: pinning.getPinPosition(column.id) === "right" ? "outlined" : void 0,
+                  children: pinning.getPinPosition(column.id) === "right" ? "Unpin" : "Pin Right"
+                })]
+              })]
+            }, column.id);
+          })
+        }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsxs(XStack, {
+          padding: "$4",
+          gap: "$4",
+          children: [/* @__PURE__ */_jsxs(Text, {
+            children: ["Left: ", pinning.pinnedLeftColumns.length, "/2"]
+          }), /* @__PURE__ */_jsxs(Text, {
+            children: ["Right: ", pinning.pinnedRightColumns.length, "/2"]
+          })]
+        })]
+      })]
+    });
+  }
+};
+var DisabledPinning = {
+  render: function render4() {
+    var [data] = useState(defaultData.slice(0, 5));
+    var table = useReactTable({
+      data,
+      columns: defaultColumns.slice(0, 4),
+      getCoreRowModel: getCoreRowModel()
+    });
+    var pinning = DataTableColumnPinning({
+      table,
+      allowPinning: false
+    });
+    return /* @__PURE__ */_jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      children: [/* @__PURE__ */_jsx(Card, {
+        children: /* @__PURE__ */_jsxs(Card.Header, {
+          children: [/* @__PURE__ */_jsx(H3, {
+            children: "Disabled Column Pinning"
+          }), /* @__PURE__ */_jsx(Paragraph, {
+            children: "Column pinning is disabled in this example"
+          })]
+        })
+      }), /* @__PURE__ */_jsx(Card, {
+        children: /* @__PURE__ */_jsxs(YStack, {
+          padding: "$4",
+          children: [/* @__PURE__ */_jsx(Text, {
+            color: "$gray10",
+            children: "Pin buttons are not rendered when allowPinning is false"
+          }), table.getAllColumns().map(function (column) {
+            return /* @__PURE__ */_jsxs(XStack, {
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "$3",
+              borderBottomWidth: 1,
+              borderColor: "$borderColor",
+              children: [/* @__PURE__ */_jsx(Text, {
+                children: column.id
+              }), /* @__PURE__ */_jsx(pinning.PinButton, {
+                columnId: column.id
+              })]
+            }, column.id);
+          })]
+        })
+      })]
+    });
+  }
+};
+export { Advanced, Basic, DisabledPinning, MaxPinnedColumns, DataTableColumnPinning_stories_default as default };
+//# sourceMappingURL=DataTableColumnPinning.stories.native.js.map

package/dist/esm/components/DataTableColumnPinning/DataTableColumnPinning.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","PushPinIcon","PushPinSlashIcon","ArrowCounterClockwiseIcon","createColumnHelper","flexRender","getCoreRowModel","useReactTable","useState","Button","Card","H3","Paragraph","ScrollView","Separator","Text","View","XStack","YStack","DataTableColumnPinning","useColumnPinning","generateData","generateData2","count","departments","roles","statuses","Array","from","length","_","i","id","firstName","lastName","email","department","role","salary","Math","floor","random","startDate","Date","toISOString","split","status","performance","defaultData","columnHelper","defaultColumns","accessor","header","cell","info","getValue","size","cell2","cell3","cell4","cell5","cell6","cell7","toLocaleString","cell8","cell9","color","children","cell10","alignItems","gap","backgroundColor","height","flex","borderRadius","overflow","width","fontSize","meta","title","component","parameters","layout","DataTableColumnPinning_stories_default","BasicPinningExample","data","table","columns","columnResizeMode","pinning","onPinChange","padding","Header","flexWrap","pinnedLeftColumns","pinnedRightColumns","scrollableColumns","horizontal","showsHorizontalScrollIndicator","borderBottomWidth","borderColor","getHeaderGroups","map","headerGroup","headers","isPinned","column","position","getPinPosition","getSize","borderRightWidth","justifyContent","fontWeight","columnDef","getContext","icon","onPress","togglePin","disabled","canPin","circular","variant","getRowModel","rows","slice","row","getVisibleCells","cell11","Basic","name","render","AdvancedPinningExample","pinnedState","pinColumn","unpinColumn","resetPinning","maxPinnedColumns","initialPinnedColumns","left","right","vertical","join","minWidth","isPinnedLeft","includes","isPinnedRight"],"sources":["../../../../src/components/DataTableColumnPinning/DataTableColumnPinning.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AAEvB,SAASC,MAAA,QAAa,8BAAkB;AACxC,SAAAC,WAAA,EAAAC,gBAAA,EAAAC,yBAAA;AAAA,SACEC,kBAAA,EAAAC,UAAA,EAAAC,eAAA,EAAAC,aAAA;AAAA,SACAC,QAAA;AAAA,SACAC,MAAA;AAAA,SACAC,IAAA,EAAAC,EAAA,EAAAC,SAAA,EAAAC,UAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACKC,sBAAA,EAAAC,gBAAA;AACP,IAAAC,YAAS,YAAgBC,cAAAC,KAAA;EACzB,IAAAC,WAAS,IACT,aAAe,EACf,OAAS,EA2EH,WA0BE,EAtFR,IAAM,EACJ,SAAM,CACN;EACA,IAAAC,KAAM,IAEN,SAAO,EACL,QAAQ,EACR,UACA,QACA,QAAO,CAAY;EAC2B,IAC9CC,QAAM,GAAM,CACZ,QAAQ,EACR,YACA,SAAQ,CAA4B;EAEtC,OAAEC,KAAA,CAAAC,IAAA;IACJC,MAAA,EAAAN;EAEA,aAAMO,CAAA,EAAAC,CAAA,EAAc;IACpB,OAAM;MAEAC,EAAA,EAAAD,CAAA;MACJE,SAAa,UAASF,CAAA,IAAM;MAC1BG,QAAQ,SAAAH,CAAA;MACRI,KAAO,SAASJ,CAAA,IAAK,cAAS;MAC9BK,UAAM,EAAAZ,WAAA,CAAAO,CAAA,GAAAP,WAAA,CAAAK,MAAA;MACPQ,IAAA,EAAAZ,KAAA,CAAAM,CAAA,GAAAN,KAAA,CAAAI,MAAA;MACDS,MAAA,KAAa,GAAAC,IAAS,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAa;MACjCC,SAAQ,MAAAC,IAAA,QAAAZ,CAAA,MAAAA,CAAA,OAAAA,CAAA,WAAAa,WAAA,GAAAC,KAAA;MACRC,MAAO,EAAApB,QAAS,CAAAK,CAAA,GAAKL,QAAS,CAAAG,MAAA;MAC/BkB,WAAA,EAAAR,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA;IACD;EAAkC,EAChC;AAAQ;AACsB,IAC/BO,WAAA,GAAA3B,YAAA;AAAA,IACD4B,YAAa,GAAA7C,kBAAkB;AAAA,IAC7B8C,cAAQ,IAAAD,YACD,CAAAE,QAAS,KAAK;EACrBC,MAAM;EACPC,IAAA,WAAAA,KAAAC,IAAA;IACD,OAAAA,IAAa,CAAAC,QAAS;EACpB;EACAC,IAAA,EAAM;AACR,CAAC,GACDP,YAAA,CAAaE,QAAA,CAAS,WAAQ;EAC5BC,MAAA,EAAQ;EACRC,IAAA,EAAM,SAACI,KAASA,CAAKH,IAAA;IACtB,OAAAA,IAAA,CAAAC,QAAA;EACD;AAAgC,EAC9B,EAAQN,YACD,CAAAE,QAAS,CAAI,UAAK;EAC1BC,MAAA;EACDC,IAAA,WAAaK,KAASA,CAAAJ,IAAA;IACpB,OAAQA,IAAA,CAAAC,QAAA;EACR;AACF,CAAC,GACDN,YAAA,CAAaE,QAAA,CAAS;EACpBC,MAAA,EAAQ;EACRC,IAAA,EAAM,SAACM,KACLA,CAAAL,IAAA;IAAC,OAAAA,IAAA,CAAAC,QAAA;EAAA;EAAAC,IACC;AAKQ,IAGOP,YAAA,CAAAE,QAAA;EACjBC,MAAA;EAEHC,IAAA,WAAAO,MAAAN,IAAA;IACD,OAAAA,IAAa,CAAAC,QAAS;EACpB;AAAQ,EACR,EAEIN,YAAA,CAAAE,QAAA,OAAC;EACCC,MAAC;EAAAC,IAAA,WAAAQ,MAAAP,IAAA;IAAA,OACCA,IAAA,CAAAC,QAAA,CACE;EAAyE;AAEpE,IACkBN,YAAA,CAAAE,QAAA;EAAAC,MAE7B;EAAAC,IACA,WAAAS,MAAAR,IAAC;IAAoB,OAAK,IAAAA,IAAA,CAASC,QAAA,GAAAQ,cAAA;EAAA;AAAE,IAACd,YACxC,CAAAE,QAAA;EAEHC,MAAA;EACHC,IAAA,WAAAW,MAAAV,IAAA;IAEM,OAA4CA,IAAA,CAAAC,QAAA;EAChD;AACA,IACAN,YAAY,CAAAE,QAAA;EACVC,MAAA,EAAQ;EACVC,IAAA,WAAAY,MAAAX,IAAA;IACF,sBAAAzD,IAAA,CAAAkB,IAAA;MAEOmD,KAAA,EAAAZ,IAAA,CAAAC,QAAA,kBAAQ,aAAAD,IAAA,CAAAC,QAAA;MAGfY,QAAS,EAAAb,IAAA,CAAAC,QAAsB;IAC7B,EAAM;EAEN;AAA4B,EAC1B,EAAAN,YACS,CAAAE,QAAA;EACTC,MAAA,eAAiB;EACjBC,IAAA,WAAAe,MAAkBA,CAAAd,IAAA;IACnB,sBAAAvD,KAAA,CAAAkB,MAAA;MAEKoD,UAAU;MACdC,GAAA;MACAH,QAAA,EAAa,CACd,eAAAtE,IAAA,CAAAmB,IAAA;QAGCuD,eAAA,UAAC;QACCC,MAAA;QACEC,IAAA;QACEC,YAAA,MAAC;QACDC,QAAA,UAAC;QACHR,QAAA,iBAAAtE,IAAA,CAAAmB,IAAA;UAEAuD,eAAC,EAAAjB,IAAA,CAAAC,QAAU,uBAAAD,IAAA,CAAAC,QAAA;UAEXiB,MAAA,QAAC;UACCI,KAAA,KAAAtB,IAAA,CAACC,QAAK;QAAA;MAAc,IAA0B,eAAOxD,KAAA,CAAAgB,IAAA;QACrD8D,QAAA;QACAV,QAAA,GAAMb,IAAA,CAAAC,QAAA,IAAe;MACrB;IACM;EAAA;AAAuC,GAAO;AACtD,IAAAuB,IACF;EAAAC,KAEA,gCAAY;EAERC,SAAA,EAAA7D,sBAAC;EAIO8D,UAAA,EAAM;IACNC,MAAA;EAEA;AACE;AAAC,IAAAC,sCAAA,GAAAL,IAAA;AAAA,SAAAM,mBAEeA,CAAA;EAAQ,KAAAC,IAAA,CACtB,GAAA7E,QAAQ,CAAAwC,WAAA;EAAA,IAAAsC,KAAA,GACR/E,aAAA;IAAkB8E,IAAA;IACNE,OAAA,EACZrC,cAAA;IAAuC5C,eAEvC,EAAAA,eAAA;IAAAkF,gBAAA;EACE;EAEA,IAAAC,OAAA,GACAtE,sBAAC;IACCmE,KAAA;IAAAI,WAAA,EAAA1F,MAAC;EAAA;EAAA,sBACCD,KAAK,CAAAmB,MAAA;IAAAyE,OAAA;IACsDrB,GAAA;IACFE,MAAA;IACWL,QAAA,GAC5D,eACRpE,KAAA,CAAAW,IAAS;MAAmCyD,QAAA,kBAC9CpE,KAAA,CAAAW,IAAA,CAAAkF,MAAA;QAAAzB,QACA,kBAACtE,IAAA,CAAAc,EAAA;UAAAwD,QAAA;QAAA,IACM,eACCtE,IAAA,CAAAe,SAAY;UAA0CuD,QAC5D;QAA0D;MAElD,IACqC,eAAAtE,IAAA,CAAAiB,SAAA,sBAC/Cf,KAAA,CAAAkB,MAAA;QAAA0E,OACF;QAAArB,GAAA,EACF;QAAAuB,QACC,QACC;QAAoC1B,QAAA,kBACzBpE,KAAA,CAAAgB,IAAA;UAAAoD,QACX,oBAAAsB,OAAA,CAAAK,iBAAA,CAAAjE,MAAA;QAEJ,IA1CO,eA+CjBhC,IAAA,CAAAkB,IAAA;UAGGoD,QAAY,EACZ;QAIW,IAEN,eACEpE,KAAA,CAAAgB,IAAA;UAACoD,QAAA,qBAECsB,OAAY,CAAAM,kBAAe,CAAAlE,MAAA;QAE3B,IACA,eAAYhC,IAAA,CAAAkB,IAAA;UACZoD,QAAA;QAEC,IAAwD,eAAApE,KAAA,CAAAgB,IAAA;UAP/CoD,QAAA,GAQZ,gBAGNsB,OACD,CAAAO,iBAAA,CAAAnE,MAAA;QAGT;MAIS;IAEX,IACF,eAAAhC,IAAA,CAAAgB,UAAA;MAEAoF,UAAS;MACDC,8BAA6B;MAE7B/B,QAAQ,iBAAcpE,KAAA,CAAAmB,MAAA;QAC1BiD,QAAA,GACA,eAAStE,IAAA,CAAAoB,MAAA;UACTkF,iBAAiB;UAClBC,WAAA;UAEOjC,QAAA,EAAamB,KAAA,CAAAe,eAAW,EAAa,CAAAC,GAAA,WAAaC,WAAI;YAC5D,OAAkB,eAAA1G,IAAA,CAAAoB,MAAA;cAClBkD,QAAsB,EAAAoC,WAAA,CAAAC,OAAA,CAAAF,GAAA,WAAAlD,MAAA;gBACP,IAAAqD,QAAW,GAAAhB,OAAA,CAAAgB,QAAA,CAAArD,MAAA,CAAAsD,MAAA,CAAA1E,EAAA;gBAChB,IAAQ2E,QAAA,GAAAlB,OAAA,CAAAmB,cAAA,CAAAxD,MAAA,CAAAsD,MAAA,CAAA1E,EAAA;gBAClB,sBAAAjC,KAAA,CAAAiB,IAAA;kBACD4D,KAAA,EAAAxB,MAAA,CAAAyD,OAAA;kBAGClB,OAAA,EAAC;kBACCmB,gBACE;kBAAAV,WAAM,gBACJ;kBAAA7B,eAAI,EAAAkC,QAAA,2BAAuB;kBAC3BtC,QAAC,GACH,eAAApE,KAAA,CAAAkB,MAAA;oBAECoD,UAAA,UAAU;oBAEX0C,cAAQ,iBAAiB;oBACvB5C,QAAC,GAIA,eAAUtE,IAAA,CAAAkB,IAAQ;sBAElBiG,UACC;sBAAA7C,QAAC,EAAK9D,UAAS,CAAA+C,MAAK,CAAAsD,MAAA,CAAAO,SAAA,CAAA7D,MAAA,EAAAA,MAAA,CAAA8D,UAAA;oBAAA,IAAmB,eAAmBnH,KAAA,CAAAkB,MAAA;sBAAOqD,GAAA;sBACjEH,QAAC,EAAK,CAAc,eAAAtE,IAAA,CAAAY,MAAA;wBAA0B+C,IAAK,EAAI,IAAK;wBAAO2D,IAAA,EAAAV,QAAA,IAAAE,QAAA,cAAAzG,gBAAA,GAAAD,WAAA;wBACrEmH,OAAA,WAAAA,QAAA;0BACF,OAAA3B,OAAA,CAAA4B,SAAA,CAAAjE,MAAA,CAAAsD,MAAA,CAAA1E,EAAA;wBACF;wBAEMsF,QACJ,GAAAb,QAAA,IAAAE,QAAA,WAAC,KAAAlB,OAAW,CAAA8B,MAAA,OAAU,CAAC;wBAElBC,QAAO;wBAIqBC,OAAY,EAAAd,QAAK,KAAS,MAAO,aAAS;sBACzC,IACL,eAAgB9G,IAAA,CAAAY,MAAA;wBAG/B+C,IAAA;wBAAC2D,IAAA,EAAAV,QAAA,IAAAE,QAAA,eAAAzG,gBAAA,GAAAD,WAAA;wBAAAmH,OAAA,WAAAA,QAAA;0BAEuB,OAAA3B,OAAA,CAAA4B,SAAA,CAAAjE,MAAA,CAAAsD,MAAA,CAAA1E,EAAA;wBACd;wBACUsF,QAAA,GAAAb,QAAA,IAAAE,QAAA,iBAAAlB,OAAA,CAAA8B,MAAA;wBACNC,QAAA;wBAEVC,OAAA,EAAAd,QAAe,KAAW,oBAAgB,QAAa;sBAGzD;oBAIE;kBAEK,IAAAF,QAAA,mBAAA1G,KAAA,CAAAgB,IAAA;oBACM8D,QAAA;oBACLX,KAAS,WAAM;oBACfC,QAAU,GACH,UAAU,EAClBwC,QAAA;kBAED;gBAGC,GAAAvD,MAAA,CAAApB,EAAA;cAAA;YAAA,GAAAuE,WACM,CAAAvE,EAAA;UAAA;QAC6C,IACZsD,KAAA,CAAAoC,WAC/B,GAAAC,IAAU,CAAAC,KAAK,QAAAtB,GAAA,WAAAuB,GAAA;UAAA,OACvB,eAAAhI,IAAA,CAAAoB,MAAA;YAAAkF,iBAAA;YAEDC,WAAA;YAEDjC,QAAA,EAAA0D,GACC,CAAAC,eAAA,GAAAxB,GAAA,WAAAyB,MAAA;cAAC,IAAAtB,QAAA,GAAAhB,OAAA,CAAAgB,QAAA,CAAAsB,MAAA,CAAArB,MAAA,CAAA1E,EAAA;cAAA,sBAAAnC,IAAA,CAAAmB,IAAA;gBACC4D,KAAA,EAAKmD,MAAA,CAAArB,MAAA,CAAAG,OAAA;gBACLlB,OAAA,EAAS;gBACRmB,gBAAgB;gBAClBV,WAAA;gBAAA7B,eAAA,EAAAkC,QAAA;gBAEDtC,QAAA,EAAA9D,UAAA,CAAA0H,MAAA,CAAArB,MAAA,CAAAO,SAAA,CAAA5D,IAAA,EAAA0E,MAAA,CAAAb,UAAA;cAEJ,GAAAa,MAAA,CAAA/F,EAAA;YACF;UAAA,GAAA6F,GAAA,CAAA7F,EAAA;QA5CK;MA+CV;IAKP;EAEK;AAAA;AAEoB,IAAAgG,KAAA,GACnB;EAAYC,IAAA,QACZ;EAAwCC,MAAA,EAEvC,SAAAA,MAAIA,CAAA;IACH,sBAAMrI,IAAA,CAAAuF,mBAAgC;EACtC;AAEA;AACE,SAAA+C,sBAACA,CAAA;EAAA,KAAA9C,IAAA,IAAA7E,QAAA,CAAAwC,WAAA;EAAA,IAAAsC,KAAA,GAAA/E,aAEQ,CAAK;IAAe8E,IAAA;IACnBE,OAAA,EAAArC,cACR;IAAkB5C,eAClB,EAAAA,eAAY;EAAA;EAE6C;IAAA8H,WAGxD;IAAAC,SAAA;IAAAC,WAAgB;IAAAC;EAAO,CAAU,GAAAnH,gBAAW,CAAAkE,KAAY;IAAAkD,gBAAA;IAAAC,oBAT/C;MAAAC,IAAA,EAUZ,KAEH;MACHC,KAEJ,GACF,QAEJ;IAGN;EAEO;EACL,sBAAc5I,KAAA,CAAAmB,MAAC;IACjByE,OAAA;IAEOrB,GAAM;IACXE,MAAQ,SAAM;IACZL,QAAO,GACP,eAAcpE,KAAA,CAAAW,IAAc;MAC1ByD,QAAA,GACA,eAASpE,KAAe,CAAAW,IAAM,CAAAkF,MAAI;QAClCzB,QAAA,GACD,eAAAtE,IAAA,CAAAc,EAAA;UAEKwD,QAAU;QACd,IACA,eAAkBtE,IAAA,CAAAe,SAAA;UAClBuD,QAAa,EAAO;QACrB;MAIG,IAEI,eAAAtE,IAAC,CAAAiB,SAAG,OACJ,eAAAf,KAAC,CAAAkB,MAAA;QAEL0E,OAAA;QAEArB,GAAA;QACED,UAAA,UAAC;QAEIF,QAAA,kBAAAtE,IAAA,CAAAY,MAAA;UAEC0G,IAAA,EAAAhH,yBAAW;UACXiH,OAAA,EAAAmB,YAAe;UACf/E,IAAA,EAAQ;UACRW,QAAA,EAAa;QACb,IAEA,eAAAtE,IAAA,CAAAiB,SAAA;UAAA8H,QAAA;QACA,IACE,eAAA7I,KAAA,CAAAmB,MAAA;UAAAiD,QAAC,kBAAApE,KAAA,CAAAgB,IAAA;YACC8D,QAAK;YACLV,QAAA,EAAS,CACT,QAAU,EACViE,WAAS,CAAAM,IAAQ,CAAAG,IAAA,UAAe,MAAO;UAEmB,IAC5D,eAAA9I,KAAA,CAAAgB,IAAA;YACA8D,QAAA;YAACV,QAAA,cACCiE,WAAK,CAAAO,KAAA,CAAAE,IAAA;UAC8C,EACnD;QACsE;MAEX;IAE/D,mBAAAhJ,IAAA,CAAAa,IAAA;MAAA+D,IAzBK;MA0BPN,QAEJ,iBAAAtE,IAAA,CAAAgB,UAAA;QAEAoF,UAAA;QAEAC,8BAAQ;QACN/B,QAAA,iBAACpE,KAAK,CAAAmB,MAAA;UAAA4H,QAAA;UAAO3E,QAAQ,GAAyB,eAAAtE,IAAA,CAAAoB,MAAA;YAAEsD,eAAA;YAChD4B,iBAAC;YAAKC,WAAA;YAAQjC,QAAQ,EAAAmB,KAAA,CAAAe,eAAmB,GAAAC,GAAA,WAAAC,WAAA;cAAO,sBAAA1G,IAAA,CAAAoB,MAAA;gBAAEkD,QAAA,EAAAoC,WAAA,CAAAC,OAAA,CAAAF,GAAA,WAAAlD,MAAA;kBACpD,IAAA2F,YAAA,GAAAX,WAAA,CAAAM,IAAA,CAAAM,QAAA,CAAA5F,MAAA,CAAAsD,MAAA,CAAA1E,EAAA;kBACF,IAAAiH,aAAA,GAAAb,WAAA,CAAAO,KAAA,CAAAK,QAAA,CAAA5F,MAAA,CAAAsD,MAAA,CAAA1E,EAAA;kBACF,IAAAyE,QAAA,GAAAsC,YAAA,IAAAE,aAAA;kBAEJ,sBAAApJ,IAAA,CAAAmB,IAAA;oBACF4D,KAAA,EAAAxB,MAAA,CAAAyD,OAAA;oBAEsClB,OAAA;oBACtBmB,gBAAA;oBACGV,WAAS,gBAAuB;oBACjC7B,eAAc,EAAAwE,YAAA,cAAAE,aAAA;oBAC1B9E,QAAA,iBAAApE,KAAA,CAAAmB,MAAA;sBACSoD,GAAA,EAAe;sBACPH,QAAA,GAClB,eAAAtE,IAAA,CAAAkB,IAAA;wBAEeiG,UAAA,QAAuB;wBACrCnC,QAAA;wBACcV,QAAA,EAAA9D,UAAA,CAAA+C,MAAA,CAAAsD,MAAA,CAAAO,SAAA,CAAA7D,MAAA,EAAAA,MAAA,CAAA8D,UAAA;sBACf,IAGC,eAAQnH,KAAA,CAAAkB,MAAQ,EAAK;wBAClBqD,GAAA,EACC;wBACGH,QAAG,GACH,CAAA4E,YAAU,mBAAAlJ,IAAA,CAAAY,MAAA;0BAEf+C,IAAA;0BAGE4D,OAAA,WAAAA,QAAA;4BACQ,OAAMiB,SAAA,CAAAjF,MAAU,CAAAsD,MAAA,CAAA1E,EAAA;0BACK,CAAC;0BACzBsF,QAAA,EAAAc,WAAA,CAAAM,IAAA,CAAA7G,MAAA;0BAAA;4BAEYgD,QAAA;0BACI;0BACPV,QAAA;wBACW,IACP,CAAA8E,aAAA,mBAAApJ,IAAA,CAAAY,MAAA;0BAEZ+C,IAAA;0BAAC4D,OAAA,EAAM,SAAAA,OAAOA,CAAA;4BACb,OAAQiB,SAAA,CAARjF,MAAkB,CAAAsD,MAAU,CAAA1E,EAAA,SAAW;0BAAA;0BAAAsF,QAAA,EAAAc,WAAA,CAAAO,KAAA,CAAA9G,MAAA;0BAR5B;4BAUfgD,QAAA;0BAEL;0BACFV,QAAA;wBAEJ,IACFsC,QAAA,mBAAA5G,IAAA,CAAAY,MAAA","ignoreList":[]}