@window-splitter/react 0.8.0

package/dist/commonjs/ReactWindowSplitter.test.js

@@ -0,0 +1,219 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const vitest_1 = require("vitest");
+const react_2 = require("@testing-library/react");
+const Cookies = __importStar(require("tiny-cookie"));
+const ReactWindowSplitter_stories_js_1 = require("./ReactWindowSplitter.stories.js");
+const ReactWindowSplitter_js_1 = require("./ReactWindowSplitter.js");
+const test_1 = require("@window-splitter/interface/test");
+const { expectTemplate, waitForMeasurement, waitForCondition } = (0, test_1.createTestUtils)({ waitFor: react_2.waitFor });
+(0, vitest_1.test)("horizontal layout", async () => {
+    const handle = { current: null };
+    const { getByText } = (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+        react_1.default.createElement(ReactWindowSplitter_stories_js_1.Simple, { handle: handle })));
+    await waitForMeasurement(handle.current);
+    (0, vitest_1.expect)(getByText("Panel 1")).toBeInTheDocument();
+    (0, vitest_1.expect)(getByText("Panel 2")).toBeInTheDocument();
+    await expectTemplate(handle.current, "244px 10px 244px");
+    // Should respect the min
+    await (0, test_1.dragHandle)({ delta: 300 });
+    await expectTemplate(handle.current, "388px 10px 100px");
+});
+(0, vitest_1.test)("vertical layout", async () => {
+    const handle = { current: null };
+    const { getByText } = (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+        react_1.default.createElement(ReactWindowSplitter_stories_js_1.VerticalLayout, { handle: handle })));
+    await waitForMeasurement(handle.current);
+    (0, vitest_1.expect)(getByText("top")).toBeInTheDocument();
+    (0, vitest_1.expect)(getByText("middle")).toBeInTheDocument();
+    (0, vitest_1.expect)(getByText("bottom")).toBeInTheDocument();
+    await expectTemplate(handle.current, "96px 10px 108px 10px 96px");
+    // Should respect the min
+    await (0, test_1.dragHandle)({ delta: 100, orientation: "vertical" });
+    await expectTemplate(handle.current, "172px 10px 64px 10px 64px");
+});
+(0, vitest_1.test)("Conditional Panels", async () => {
+    const handle = { current: null };
+    const { getByText } = (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+        react_1.default.createElement(ReactWindowSplitter_stories_js_1.ConditionalPanel, { handle: handle })));
+    await waitForMeasurement(handle.current);
+    await expectTemplate(handle.current, "244px 10px 244px");
+    getByText("Expand").click();
+    await expectTemplate(handle.current, "236.953125px 10px 141.046875px 10px 100px");
+    getByText("Close").click();
+    await expectTemplate(handle.current, "236.96875px 10px 251.03125px");
+});
+(0, vitest_1.test)("Dynamic constraints", async () => {
+    const handle = { current: null };
+    const { getByText } = (0, react_2.render)(react_1.default.createElement("div", { style: { width: 1000 } },
+        react_1.default.createElement(ReactWindowSplitter_stories_js_1.DynamicConstraints, { handle: handle })));
+    await waitForMeasurement(handle.current);
+    await expectTemplate(handle.current, "100px 10px 178px 10px 700px");
+    getByText("Toggle Custom").click();
+    await expectTemplate(handle.current, "500px 10px 178px 10px 300px");
+    getByText("Toggle Custom").click();
+    await expectTemplate(handle.current, "400px 10px 178px 10px 400px");
+});
+(0, vitest_1.describe)("Autosave", () => {
+    (0, vitest_1.test)("localStorage", async () => {
+        localStorage.clear();
+        const handle = { current: null };
+        (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+            react_1.default.createElement(ReactWindowSplitter_stories_js_1.Autosave, { handle: handle })));
+        await waitForMeasurement(handle.current);
+        await expectTemplate(handle.current, "244px 10px 244px");
+        await (0, test_1.dragHandle)({ delta: 100 });
+        await expectTemplate(handle.current, "342px 10px 146px");
+        await waitForCondition(() => Boolean(localStorage.getItem("autosave-example")));
+        const obj = JSON.parse(localStorage.getItem("autosave-example") || "{}");
+        (0, vitest_1.expect)(obj.items).toMatchSnapshot();
+    });
+    (0, vitest_1.test)("callback", async () => {
+        localStorage.clear();
+        const handle = { current: null };
+        const spy = vitest_1.vi.fn();
+        (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+            react_1.default.createElement(ReactWindowSplitter_stories_js_1.AutosaveCollapsible, { handle: handle, onCollapseChange: spy })));
+        await (0, test_1.dragHandle)({ delta: -200 });
+        await expectTemplate(handle.current, "100px 10px 388px");
+        (0, vitest_1.expect)(spy).toHaveBeenCalledWith(true);
+        (0, react_2.cleanup)();
+        (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+            react_1.default.createElement(ReactWindowSplitter_stories_js_1.AutosaveCollapsible, { handle: handle, onCollapseChange: spy })));
+        await expectTemplate(handle.current, "100px 10px 388px");
+        await (0, test_1.dragHandle)({ delta: 200 });
+        (0, vitest_1.expect)(spy).toHaveBeenCalledWith(false);
+    });
+    (0, vitest_1.test)("cookie", async () => {
+        // clear cookies
+        document.cookie = "test=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
+        const handle = { current: null };
+        (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+            react_1.default.createElement(ReactWindowSplitter_js_1.PanelGroup, { handle: handle, orientation: "horizontal", autosaveId: "autosave-cookie-example", autosaveStrategy: "cookie", style: { height: 200 } },
+                react_1.default.createElement(ReactWindowSplitter_js_1.Panel, { id: "panel1" }, "1"),
+                react_1.default.createElement(ReactWindowSplitter_js_1.PanelResizer, { id: "resizer1", size: "10px", style: { background: "red" } }),
+                react_1.default.createElement(ReactWindowSplitter_js_1.Panel, { id: "panel2" }, "2"))));
+        await waitForMeasurement(handle.current);
+        await expectTemplate(handle.current, "245px 10px 245px");
+        await (0, test_1.dragHandle)({ delta: 100 });
+        await expectTemplate(handle.current, "343px 10px 147px");
+        await waitForCondition(() => document.cookie.includes("autosave-cookie-example"));
+        (0, vitest_1.expect)(document.cookie).toMatchSnapshot();
+        const snapshot = Cookies.get("autosave-cookie-example");
+        (0, react_2.cleanup)();
+        (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+            react_1.default.createElement(ReactWindowSplitter_js_1.PanelGroup, { handle: handle, orientation: "horizontal", autosaveId: "autosave-cookie-example", autosaveStrategy: "cookie", style: { height: 200 }, snapshot: snapshot ? JSON.parse(snapshot) : undefined },
+                react_1.default.createElement(ReactWindowSplitter_js_1.Panel, { id: "panel1" }, "1"),
+                react_1.default.createElement(ReactWindowSplitter_js_1.PanelResizer, { id: "resizer1", size: "10px", style: { background: "red" } }),
+                react_1.default.createElement(ReactWindowSplitter_js_1.Panel, { id: "panel2" }, "2"))));
+        await expectTemplate(handle.current, "343px 10px 147px");
+    });
+});
+(0, vitest_1.test)("Keyboard interactions with collapsed panels", async () => {
+    const handle = { current: null };
+    const rightHandle = { current: null };
+    (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+        react_1.default.createElement(ReactWindowSplitter_stories_js_1.Collapsible, { handle: handle, rightPanelHandle: rightHandle })));
+    await waitForMeasurement(handle.current);
+    await expectTemplate(handle.current, "209px 10px 209px 10px 60px");
+    const resizer2 = document.getElementById("resizer-2");
+    react_2.fireEvent.keyDown(resizer2, { key: "Enter" });
+    await expectTemplate(handle.current, "209px 10px 168.953125px 10px 100.03125px");
+    react_2.fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+    react_2.fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+    react_2.fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+    react_2.fireEvent.keyDown(resizer2, { key: "ArrowLeft" });
+    await expectTemplate(handle.current, "209px 10px 164.96875px 10px 104.03125px");
+    react_2.fireEvent.keyDown(resizer2, { key: "ArrowLeft", shiftKey: true });
+    await expectTemplate(handle.current, "209px 10px 149.96875px 10px 119.03125px");
+    react_2.fireEvent.keyDown(resizer2, { key: "Enter" });
+    await expectTemplate(handle.current, "209px 10px 209px 10px 60px");
+    react_2.fireEvent.keyDown(resizer2, { key: "Enter" });
+    await expectTemplate(handle.current, "209px 10px 149.96875px 10px 119.03125px");
+});
+(0, vitest_1.describe)("imperative panel API", async () => {
+    (0, vitest_1.test)("panel group", async () => {
+        const handle = { current: null };
+        (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+            react_1.default.createElement(ReactWindowSplitter_stories_js_1.Collapsible, { handle: handle })));
+        await waitForMeasurement(handle.current);
+        (0, vitest_1.expect)(handle.current.getPercentageSizes()).toMatchInlineSnapshot(`
+      [
+        0.5,
+        0.020080321285140562,
+        0.5,
+        0.020080321285140562,
+        0.12048192771084337,
+      ]
+    `);
+        (0, vitest_1.expect)(handle.current.getPixelSizes()).toMatchInlineSnapshot(`
+      [
+        209,
+        10,
+        209,
+        10,
+        60,
+      ]
+    `);
+        await expectTemplate(handle.current, "209px 10px 209px 10px 60px");
+    });
+    (0, vitest_1.test)("panel", async () => {
+        const handle = { current: null };
+        const rightHandle = { current: null };
+        const leftHandle = { current: null };
+        (0, react_2.render)(react_1.default.createElement("div", { style: { width: 500 } },
+            react_1.default.createElement(ReactWindowSplitter_stories_js_1.Collapsible, { handle: handle, leftPanelHandle: leftHandle, rightPanelHandle: rightHandle })));
+        await waitForMeasurement(handle.current);
+        (0, vitest_1.expect)(rightHandle.current.isCollapsed()).toBe(true);
+        (0, vitest_1.expect)(rightHandle.current.isExpanded()).toBe(false);
+        rightHandle.current.expand();
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        (0, vitest_1.expect)(rightHandle.current.isCollapsed()).toBe(false);
+        (0, vitest_1.expect)(rightHandle.current.isExpanded()).toBe(true);
+        rightHandle.current.collapse();
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        (0, vitest_1.expect)(rightHandle.current.isCollapsed()).toBe(true);
+        (0, vitest_1.expect)(rightHandle.current.isExpanded()).toBe(false);
+        // Test the non controlled version
+        (0, vitest_1.expect)(leftHandle.current.isCollapsed()).toBe(false);
+        (0, vitest_1.expect)(leftHandle.current.isExpanded()).toBe(true);
+        leftHandle.current.collapse();
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        (0, vitest_1.expect)(leftHandle.current.isCollapsed()).toBe(true);
+        (0, vitest_1.expect)(leftHandle.current.isExpanded()).toBe(false);
+        (0, vitest_1.expect)(rightHandle.current.getPercentageSize()).toBe(leftHandle.current.getPercentageSize());
+        (0, vitest_1.expect)(rightHandle.current.getPixelSize()).toBe(leftHandle.current.getPixelSize());
+        leftHandle.current.expand();
+        await new Promise((resolve) => setTimeout(resolve, 5000));
+        (0, vitest_1.expect)(leftHandle.current.isCollapsed()).toBe(false);
+        (0, vitest_1.expect)(leftHandle.current.isExpanded()).toBe(true);
+    });
+});
+//# sourceMappingURL=ReactWindowSplitter.test.js.map

package/dist/commonjs/ReactWindowSplitter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactWindowSplitter.test.js","sourceRoot":"","sources":["../../src/ReactWindowSplitter.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { test, expect, describe, vi } from \"vitest\";\nimport { cleanup, fireEvent, render, waitFor } from \"@testing-library/react\";\nimport * as Cookies from \"tiny-cookie\";\n\nimport { PanelGroupHandle, PanelHandle } from \"@window-splitter/interface\";\nimport {\n  Autosave,\n  AutosaveCollapsible,\n  Collapsible,\n  ConditionalPanel,\n  Simple,\n  VerticalLayout,\n  DynamicConstraints,\n} from \"./ReactWindowSplitter.stories.js\";\nimport { PanelResizer, PanelGroup, Panel } from \"./ReactWindowSplitter.js\";\nimport { createTestUtils, dragHandle } from \"@window-splitter/interface/test\";\n\nconst { expectTemplate, waitForMeasurement, waitForCondition } =\n  createTestUtils({ waitFor });\n\ntest(\"horizontal layout\", async () => {\n  const handle = { current: null } as unknown as {\n    current: PanelGroupHandle;\n  };\n  const { getByText } = render(\n    <div style={{ width: 500 }}>\n      <Simple handle={handle} />\n    </div>\n  );\n\n  await waitForMeasurement(handle.current);\n\n  expect(getByText(\"Panel 1\")).toBeInTheDocument();\n  expect(getByText(\"Panel 2\")).toBeInTheDocument();\n\n  await expectTemplate(handle.current, \"244px 10px 244px\");\n\n  // Should respect the min\n  await dragHandle({ delta: 300 });\n  await expectTemplate(handle.current, \"388px 10px 100px\");\n});\n\ntest(\"vertical layout\", async () => {\n  const handle = { current: null } as unknown as {\n    current: PanelGroupHandle;\n  };\n  const { getByText } = render(\n    <div style={{ width: 500 }}>\n      <VerticalLayout handle={handle} />\n    </div>\n  );\n\n  await waitForMeasurement(handle.current);\n\n  expect(getByText(\"top\")).toBeInTheDocument();\n  expect(getByText(\"middle\")).toBeInTheDocument();\n  expect(getByText(\"bottom\")).toBeInTheDocument();\n\n  await expectTemplate(handle.current, \"96px 10px 108px 10px 96px\");\n\n  // Should respect the min\n  await dragHandle({ delta: 100, orientation: \"vertical\" });\n  await expectTemplate(handle.current, \"172px 10px 64px 10px 64px\");\n});\n\ntest(\"Conditional Panels\", async () => {\n  const handle = { current: null } as unknown as {\n    current: PanelGroupHandle;\n  };\n  const { getByText } = render(\n    <div style={{ width: 500 }}>\n      <ConditionalPanel handle={handle} />\n    </div>\n  );\n\n  await waitForMeasurement(handle.current);\n  await expectTemplate(handle.current, \"244px 10px 244px\");\n\n  getByText(\"Expand\").click();\n  await expectTemplate(\n    handle.current,\n    \"236.953125px 10px 141.046875px 10px 100px\"\n  );\n\n  getByText(\"Close\").click();\n  await expectTemplate(handle.current, \"236.96875px 10px 251.03125px\");\n});\n\ntest(\"Dynamic constraints\", async () => {\n  const handle = { current: null } as unknown as {\n    current: PanelGroupHandle;\n  };\n  const { getByText } = render(\n    <div style={{ width: 1000 }}>\n      <DynamicConstraints handle={handle} />\n    </div>\n  );\n\n  await waitForMeasurement(handle.current);\n  await expectTemplate(handle.current, \"100px 10px 178px 10px 700px\");\n\n  getByText(\"Toggle Custom\").click();\n  await expectTemplate(handle.current, \"500px 10px 178px 10px 300px\");\n\n  getByText(\"Toggle Custom\").click();\n  await expectTemplate(handle.current, \"400px 10px 178px 10px 400px\");\n});\n\ndescribe(\"Autosave\", () => {\n  test(\"localStorage\", async () => {\n    localStorage.clear();\n\n    const handle = { current: null } as unknown as {\n      current: PanelGroupHandle;\n    };\n\n    render(\n      <div style={{ width: 500 }}>\n        <Autosave handle={handle} />\n      </div>\n    );\n\n    await waitForMeasurement(handle.current);\n    await expectTemplate(handle.current, \"244px 10px 244px\");\n\n    await dragHandle({ delta: 100 });\n    await expectTemplate(handle.current, \"342px 10px 146px\");\n\n    await waitForCondition(() =>\n      Boolean(localStorage.getItem(\"autosave-example\"))\n    );\n    const obj = JSON.parse(localStorage.getItem(\"autosave-example\") || \"{}\");\n    expect(obj.items).toMatchSnapshot();\n  });\n\n  test(\"callback\", async () => {\n    localStorage.clear();\n\n    const handle = { current: null } as unknown as {\n      current: PanelGroupHandle;\n    };\n\n    const spy = vi.fn();\n\n    render(\n      <div style={{ width: 500 }}>\n        <AutosaveCollapsible handle={handle} onCollapseChange={spy} />\n      </div>\n    );\n\n    await dragHandle({ delta: -200 });\n    await expectTemplate(handle.current, \"100px 10px 388px\");\n    expect(spy).toHaveBeenCalledWith(true);\n\n    cleanup();\n\n    render(\n      <div style={{ width: 500 }}>\n        <AutosaveCollapsible handle={handle} onCollapseChange={spy} />\n      </div>\n    );\n\n    await expectTemplate(handle.current, \"100px 10px 388px\");\n    await dragHandle({ delta: 200 });\n    expect(spy).toHaveBeenCalledWith(false);\n  });\n\n  test(\"cookie\", async () => {\n    // clear cookies\n    document.cookie = \"test=; expires=Thu, 01 Jan 1970 00:00:00 GMT\";\n\n    const handle = { current: null } as unknown as {\n      current: PanelGroupHandle;\n    };\n\n    render(\n      <div style={{ width: 500 }}>\n        <PanelGroup\n          handle={handle}\n          orientation=\"horizontal\"\n          autosaveId=\"autosave-cookie-example\"\n          autosaveStrategy=\"cookie\"\n          style={{ height: 200 }}\n        >\n          <Panel id=\"panel1\">1</Panel>\n          <PanelResizer\n            id=\"resizer1\"\n            size=\"10px\"\n            style={{ background: \"red\" }}\n          />\n          <Panel id=\"panel2\">2</Panel>\n        </PanelGroup>\n      </div>\n    );\n\n    await waitForMeasurement(handle.current);\n    await expectTemplate(handle.current, \"245px 10px 245px\");\n\n    await dragHandle({ delta: 100 });\n    await expectTemplate(handle.current, \"343px 10px 147px\");\n\n    await waitForCondition(() =>\n      document.cookie.includes(\"autosave-cookie-example\")\n    );\n\n    expect(document.cookie).toMatchSnapshot();\n\n    const snapshot = Cookies.get(\"autosave-cookie-example\");\n\n    cleanup();\n\n    render(\n      <div style={{ width: 500 }}>\n        <PanelGroup\n          handle={handle}\n          orientation=\"horizontal\"\n          autosaveId=\"autosave-cookie-example\"\n          autosaveStrategy=\"cookie\"\n          style={{ height: 200 }}\n          snapshot={snapshot ? JSON.parse(snapshot) : undefined}\n        >\n          <Panel id=\"panel1\">1</Panel>\n          <PanelResizer\n            id=\"resizer1\"\n            size=\"10px\"\n            style={{ background: \"red\" }}\n          />\n          <Panel id=\"panel2\">2</Panel>\n        </PanelGroup>\n      </div>\n    );\n\n    await expectTemplate(handle.current, \"343px 10px 147px\");\n  });\n});\n\ntest(\"Keyboard interactions with collapsed panels\", async () => {\n  const handle = { current: null } as unknown as {\n    current: PanelGroupHandle;\n  };\n  const rightHandle = { current: null } as unknown as {\n    current: PanelHandle;\n  };\n  render(\n    <div style={{ width: 500 }}>\n      <Collapsible handle={handle} rightPanelHandle={rightHandle} />\n    </div>\n  );\n\n  await waitForMeasurement(handle.current);\n  await expectTemplate(handle.current, \"209px 10px 209px 10px 60px\");\n\n  const resizer2 = document.getElementById(\"resizer-2\")!;\n  fireEvent.keyDown(resizer2, { key: \"Enter\" });\n  await expectTemplate(\n    handle.current,\n    \"209px 10px 168.953125px 10px 100.03125px\"\n  );\n\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\" });\n  await expectTemplate(\n    handle.current,\n    \"209px 10px 164.96875px 10px 104.03125px\"\n  );\n\n  fireEvent.keyDown(resizer2, { key: \"ArrowLeft\", shiftKey: true });\n  await expectTemplate(\n    handle.current,\n    \"209px 10px 149.96875px 10px 119.03125px\"\n  );\n\n  fireEvent.keyDown(resizer2, { key: \"Enter\" });\n  await expectTemplate(handle.current, \"209px 10px 209px 10px 60px\");\n\n  fireEvent.keyDown(resizer2, { key: \"Enter\" });\n  await expectTemplate(\n    handle.current,\n    \"209px 10px 149.96875px 10px 119.03125px\"\n  );\n});\n\ndescribe(\"imperative panel API\", async () => {\n  test(\"panel group\", async () => {\n    const handle = { current: null } as unknown as {\n      current: PanelGroupHandle;\n    };\n\n    render(\n      <div style={{ width: 500 }}>\n        <Collapsible handle={handle} />\n      </div>\n    );\n\n    await waitForMeasurement(handle.current);\n\n    expect(handle.current.getPercentageSizes()).toMatchInlineSnapshot(`\n      [\n        0.5,\n        0.020080321285140562,\n        0.5,\n        0.020080321285140562,\n        0.12048192771084337,\n      ]\n    `);\n\n    expect(handle.current.getPixelSizes()).toMatchInlineSnapshot(`\n      [\n        209,\n        10,\n        209,\n        10,\n        60,\n      ]\n    `);\n\n    await expectTemplate(handle.current, \"209px 10px 209px 10px 60px\");\n  });\n\n  test(\"panel\", async () => {\n    const handle = { current: null } as unknown as {\n      current: PanelGroupHandle;\n    };\n    const rightHandle = { current: null } as unknown as {\n      current: PanelHandle;\n    };\n    const leftHandle = { current: null } as unknown as {\n      current: PanelHandle;\n    };\n\n    render(\n      <div style={{ width: 500 }}>\n        <Collapsible\n          handle={handle}\n          leftPanelHandle={leftHandle}\n          rightPanelHandle={rightHandle}\n        />\n      </div>\n    );\n\n    await waitForMeasurement(handle.current);\n\n    expect(rightHandle.current.isCollapsed()).toBe(true);\n    expect(rightHandle.current.isExpanded()).toBe(false);\n\n    rightHandle.current.expand();\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n\n    expect(rightHandle.current.isCollapsed()).toBe(false);\n    expect(rightHandle.current.isExpanded()).toBe(true);\n\n    rightHandle.current.collapse();\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n\n    expect(rightHandle.current.isCollapsed()).toBe(true);\n    expect(rightHandle.current.isExpanded()).toBe(false);\n\n    // Test the non controlled version\n\n    expect(leftHandle.current.isCollapsed()).toBe(false);\n    expect(leftHandle.current.isExpanded()).toBe(true);\n\n    leftHandle.current.collapse();\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n\n    expect(leftHandle.current.isCollapsed()).toBe(true);\n    expect(leftHandle.current.isExpanded()).toBe(false);\n    expect(rightHandle.current.getPercentageSize()).toBe(\n      leftHandle.current.getPercentageSize()\n    );\n    expect(rightHandle.current.getPixelSize()).toBe(\n      leftHandle.current.getPixelSize()\n    );\n\n    leftHandle.current.expand();\n    await new Promise((resolve) => setTimeout(resolve, 5000));\n\n    expect(leftHandle.current.isCollapsed()).toBe(false);\n    expect(leftHandle.current.isExpanded()).toBe(true);\n  });\n});\n"]}

package/dist/commonjs/bundle.size.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bundle.size.d.ts.map

package/dist/commonjs/bundle.size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle.size.d.ts","sourceRoot":"","sources":["../../src/bundle.size.ts"],"names":[],"mappings":""}

package/dist/commonjs/bundle.size.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const windowSplitter = __importStar(require("./ReactWindowSplitter.js"));
+// eslint-disable-next-line no-console
+console.log(windowSplitter);
+//# sourceMappingURL=bundle.size.js.map

package/dist/commonjs/bundle.size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle.size.js","sourceRoot":"","sources":["../../src/bundle.size.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yEAA2D;AAE3D,sCAAsC;AACtC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import * as windowSplitter from \"./ReactWindowSplitter.js\";\n\n// eslint-disable-next-line no-console\nconsole.log(windowSplitter);\n"]}

package/dist/commonjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ReactWindowSplitter.js";
+export { PanelHandle, PanelGroupHandle } from "@window-splitter/interface";
+//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/commonjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ReactWindowSplitter.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC","sourcesContent":["export * from \"./ReactWindowSplitter.js\";\nexport { PanelHandle, PanelGroupHandle } from \"@window-splitter/interface\";\n"]}

package/dist/commonjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/commonjs/useIndexedChildren.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+/** Returns the index path data based on the closest useIndexedChildren. */
+export declare function useIndex(): {
+    index: number;
+};
+/** Provides the current index path for each child. */
+export declare function useIndexedChildren(childrenProp: React.ReactNode): React.JSX.Element;
+//# sourceMappingURL=useIndexedChildren.d.ts.map

package/dist/commonjs/useIndexedChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIndexedChildren.d.ts","sourceRoot":"","sources":["../../src/useIndexedChildren.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,2EAA2E;AAC3E,wBAAgB,QAAQ;;EAWvB;AAwBD,sDAAsD;AACtD,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,qBAyB/D"}

package/dist/commonjs/useIndexedChildren.js

@@ -0,0 +1,81 @@
+"use strict";
+// File largely copied from https://github.com/souporserious/reforest
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIndex = useIndex;
+exports.useIndexedChildren = useIndexedChildren;
+const React = __importStar(require("react"));
+const IndexContext = React.createContext(null);
+/**
+ * Parses a numerical dot-separated string as an index path.
+ *
+ * @example
+ * parseIndexPath('0.10.2') -> [0, 10, 2]
+ */
+function parseIndexPath(indexPathString) {
+    return indexPathString.split(".").map((index) => parseInt(index, 10));
+}
+/** Returns the index path data based on the closest useIndexedChildren. */
+function useIndex() {
+    const indexPathString = React.useContext(IndexContext);
+    return React.useMemo(() => {
+        if (indexPathString === null) {
+            throw new Error("Panels/PanelResizers must be used within a PanelGroup");
+        }
+        const indexPath = parseIndexPath(indexPathString);
+        return { index: indexPath[indexPath.length - 1] };
+    }, [indexPathString]);
+}
+function flattenChildren(children) {
+    const flattenedChildren = children.flatMap((child) => {
+        // For fragments we want to get rid of those so the children are flat
+        if (React.isValidElement(child) && child.type === React.Fragment) {
+            return flattenChildren(child.props.children);
+        }
+        return child;
+    });
+    return flattenedChildren.map((child, index) => {
+        if (!React.isValidElement(child))
+            return child;
+        // We then correct the keys for the order of the children
+        // eslint-disable-next-line @eslint-react/no-clone-element
+        return React.cloneElement(child, {
+            // eslint-disable-next-line @eslint-react/no-array-index-key
+            key: `.${index}`,
+        });
+    });
+}
+/** Provides the current index path for each child. */
+function useIndexedChildren(childrenProp) {
+    const indexPathString = React.useContext(IndexContext);
+    return (React.createElement(React.Fragment, null, flattenChildren(React.Children.toArray(childrenProp)).map((child, index) => {
+        if (!React.isValidElement(child))
+            return child;
+        return (React.createElement(IndexContext.Provider, { key: child.key, value: indexPathString
+                ? `${indexPathString}.${index.toString()}`
+                : index.toString() }, child));
+    })));
+}
+//# sourceMappingURL=useIndexedChildren.js.map

package/dist/commonjs/useIndexedChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIndexedChildren.js","sourceRoot":"","sources":["../../src/useIndexedChildren.tsx"],"names":[],"mappings":";AAAA,qEAAqE;;;;;;;;;;;;;;;;;;;;;;;;;AAiBrE,4BAWC;AAyBD,gDAyBC;AA5ED,6CAA+B;AAE/B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAgB,IAAI,CAAC,CAAC;AAE9D;;;;;GAKG;AACH,SAAS,cAAc,CAAC,eAAuB;IAC7C,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACxE,CAAC;AAED,2EAA2E;AAC3E,SAAgB,QAAQ;IACtB,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvD,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,eAAe,KAAK,IAAI,EAAE,CAAC;YAC7B,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;QAC3E,CAAC;QAED,MAAM,SAAS,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;QAClD,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAE,EAAE,CAAC;IACrD,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxB,CAAC;AAED,SAAS,eAAe,CAAC,QAA2B;IAClD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACnD,qEAAqE;QACrE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC;YACjE,OAAO,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAE/C,yDAAyD;QACzD,0DAA0D;QAC1D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,4DAA4D;YAC5D,GAAG,EAAE,IAAI,KAAK,EAAE;SACjB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AAED,sDAAsD;AACtD,SAAgB,kBAAkB,CAAC,YAA6B;IAC9D,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvD,OAAO,CACL,0CAEG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CACxD,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACf,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC/C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IACpB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EACH,eAAe;gBACb,CAAC,CAAC,GAAG,eAAe,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE;gBAC1C,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,IAGrB,KAAK,CACgB,CACzB,CAAC;IACJ,CAAC,CACF,CACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// File largely copied from https://github.com/souporserious/reforest\n\nimport * as React from \"react\";\n\nconst IndexContext = React.createContext<string | null>(null);\n\n/**\n * Parses a numerical dot-separated string as an index path.\n *\n * @example\n * parseIndexPath('0.10.2') -> [0, 10, 2]\n */\nfunction parseIndexPath(indexPathString: string) {\n  return indexPathString.split(\".\").map((index) => parseInt(index, 10));\n}\n\n/** Returns the index path data based on the closest useIndexedChildren. */\nexport function useIndex() {\n  const indexPathString = React.useContext(IndexContext);\n\n  return React.useMemo(() => {\n    if (indexPathString === null) {\n      throw new Error(\"Panels/PanelResizers must be used within a PanelGroup\");\n    }\n\n    const indexPath = parseIndexPath(indexPathString);\n    return { index: indexPath[indexPath.length - 1]! };\n  }, [indexPathString]);\n}\n\nfunction flattenChildren(children: React.ReactNode[]): React.ReactNode[] {\n  const flattenedChildren = children.flatMap((child) => {\n    // For fragments we want to get rid of those so the children are flat\n    if (React.isValidElement(child) && child.type === React.Fragment) {\n      return flattenChildren(child.props.children);\n    }\n\n    return child;\n  });\n\n  return flattenedChildren.map((child, index) => {\n    if (!React.isValidElement(child)) return child;\n\n    // We then correct the keys for the order of the children\n    // eslint-disable-next-line @eslint-react/no-clone-element\n    return React.cloneElement(child, {\n      // eslint-disable-next-line @eslint-react/no-array-index-key\n      key: `.${index}`,\n    });\n  });\n}\n\n/** Provides the current index path for each child. */\nexport function useIndexedChildren(childrenProp: React.ReactNode) {\n  const indexPathString = React.useContext(IndexContext);\n\n  return (\n    <>\n      {/* eslint-disable-next-line @eslint-react/no-children-to-array */}\n      {flattenChildren(React.Children.toArray(childrenProp)).map(\n        (child, index) => {\n          if (!React.isValidElement(child)) return child;\n          return (\n            <IndexContext.Provider\n              key={child.key}\n              value={\n                indexPathString\n                  ? `${indexPathString}.${index.toString()}`\n                  : index.toString()\n              }\n            >\n              {child}\n            </IndexContext.Provider>\n          );\n        }\n      )}\n    </>\n  );\n}\n"]}

package/dist/commonjs/useMove.d.ts

@@ -0,0 +1,8 @@
+import { MoveEvents } from "@window-splitter/interface";
+export declare function useMove({ onMoveStart, onMove, onMoveEnd }: MoveEvents): {
+    moveProps: {
+        onPointerDown: (e: React.PointerEvent) => void;
+        onKeyDown: (e: React.KeyboardEvent) => void;
+    };
+};
+//# sourceMappingURL=useMove.d.ts.map

package/dist/commonjs/useMove.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMove.d.ts","sourceRoot":"","sources":["../../src/useMove.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAG9D,wBAAgB,OAAO,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU;eAWrD;QACT,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;QAC/C,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C;EAGN"}

package/dist/commonjs/useMove.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMove = useMove;
+const utils_1 = require("@react-aria/utils");
+const interface_1 = require("@window-splitter/interface");
+const react_1 = require("react");
+function useMove({ onMoveStart, onMove, onMoveEnd }) {
+    const onMoveStartEvent = (0, utils_1.useEffectEvent)(onMoveStart);
+    const onMoveEvent = (0, utils_1.useEffectEvent)(onMove);
+    const onMoveEndEvent = (0, utils_1.useEffectEvent)(onMoveEnd);
+    return (0, react_1.useMemo)(() => {
+        return (0, interface_1.move)({
+            onMoveStart: onMoveStartEvent,
+            onMove: onMoveEvent,
+            onMoveEnd: onMoveEndEvent,
+        });
+    }, [onMoveStartEvent, onMoveEvent, onMoveEndEvent]);
+}
+//# sourceMappingURL=useMove.js.map

package/dist/commonjs/useMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMove.js","sourceRoot":"","sources":["../../src/useMove.ts"],"names":[],"mappings":";;AAIA,0BAiBC;AArBD,6CAAmD;AACnD,0DAA8D;AAC9D,iCAAgC;AAEhC,SAAgB,OAAO,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAc;IACpE,MAAM,gBAAgB,GAAG,IAAA,sBAAc,EAAC,WAAW,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,IAAA,sBAAc,EAAC,SAAS,CAAC,CAAC;IAEjD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,OAAO,IAAA,gBAAI,EAAC;YACV,WAAW,EAAE,gBAAgB;YAC7B,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE,cAAc;SAC1B,CAKA,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;AACtD,CAAC","sourcesContent":["import { useEffectEvent } from \"@react-aria/utils\";\nimport { move, MoveEvents } from \"@window-splitter/interface\";\nimport { useMemo } from \"react\";\n\nexport function useMove({ onMoveStart, onMove, onMoveEnd }: MoveEvents) {\n  const onMoveStartEvent = useEffectEvent(onMoveStart);\n  const onMoveEvent = useEffectEvent(onMove);\n  const onMoveEndEvent = useEffectEvent(onMoveEnd);\n\n  return useMemo(() => {\n    return move({\n      onMoveStart: onMoveStartEvent,\n      onMove: onMoveEvent,\n      onMoveEnd: onMoveEndEvent,\n    }) as unknown as {\n      moveProps: {\n        onPointerDown: (e: React.PointerEvent) => void;\n        onKeyDown: (e: React.KeyboardEvent) => void;\n      };\n    };\n  }, [onMoveStartEvent, onMoveEvent, onMoveEndEvent]);\n}\n"]}

package/dist/esm/ReactWindowSplitter.d.ts

@@ -0,0 +1,19 @@
+import { PanelGroupHandle, PanelHandle, SharedPanelGroupProps, SharedPanelProps, SharedPanelResizerProps } from "@window-splitter/interface";
+import React from "react";
+export interface PanelGroupProps extends React.HTMLAttributes<HTMLDivElement>, SharedPanelGroupProps {
+    /** Imperative handle to control the group */
+    handle?: React.Ref<PanelGroupHandle>;
+}
+/** A group of panels that has constraints and a user can resize */
+export declare const PanelGroup: React.ForwardRefExoticComponent<PanelGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface PanelProps extends SharedPanelProps<boolean>, Omit<React.HTMLAttributes<HTMLDivElement>, "onResize"> {
+    /** Imperative handle to control the panel */
+    handle?: React.Ref<PanelHandle>;
+}
+/** A panel within a `PanelGroup` */
+export declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>>;
+export interface PanelResizerProps extends SharedPanelResizerProps, Omit<React.HTMLAttributes<HTMLDivElement>, "onDragStart" | "onDrag" | "onDragEnd"> {
+}
+/** A resize handle to place between panels. */
+export declare const PanelResizer: React.ForwardRefExoticComponent<PanelResizerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ReactWindowSplitter.d.ts.map

package/dist/esm/ReactWindowSplitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactWindowSplitter.d.ts","sourceRoot":"","sources":["../../src/ReactWindowSplitter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,uBAAuB,EAExB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAQN,MAAM,OAAO,CAAC;AA+If,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,qBAAqB;IACvB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACtC;AA4ID,mEAAmE;AACnE,eAAO,MAAM,UAAU,wFAoBtB,CAAC;AA0KF,MAAM,WAAW,UACf,SAAQ,gBAAgB,CAAC,OAAO,CAAC,EAC/B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CACjC;AAED,oCAAoC;AACpC,eAAO,MAAM,KAAK,mFAqEjB,CAAC;AAgIF,MAAM,WAAW,iBACf,SAAQ,uBAAuB,EAC7B,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,aAAa,GAAG,QAAQ,GAAG,WAAW,CACvC;CAAG;AAER,+CAA+C;AAC/C,eAAO,MAAM,YAAY,0FAqBxB,CAAC"}