@geotab/zenith 3.0.0-beta.3 → 3.0.0-beta.4

package/dist/toastRaw/toastRaw.test.js

@@ -0,0 +1,247 @@
+"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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const toastRaw_1 = require("./toastRaw");
+const feedbackContext_1 = require("../feedbackContainer/feedbackContext");
+const useDrive = __importStar(require("../utils/theme/useDrive"));
+const useMobile = __importStar(require("../commonHelpers/hooks/useMobile"));
+require("./../testHelpers/geotab-axe");
+const themeProvider_1 = require("../utils/theme/themeProvider");
+const themeContext_1 = require("../utils/theme/themeContext");
+const iconDownload_1 = require("../icons/iconDownload");
+describe("ToastRaw", () => {
+    it("should render when isOpen is true", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn() }) }));
+        expect(document.body.querySelector(".zen-toast")).toBeTruthy();
+    });
+    it("should is render correctly if header is JSX.Element", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: (0, jsx_runtime_1.jsxs)("div", { children: ["Test ", (0, jsx_runtime_1.jsx)("span", { className: "test-text", children: "with" }), " Toast"] }), id: "1", type: "info", onClose: jest.fn() }) }));
+        const toastElement = document.body.querySelector(".zen-toast");
+        const header = toastElement.querySelector(".zen-toast__header");
+        expect(header.textContent).toBe("Test with Toast");
+        const span = header.querySelector(".test-text");
+        expect(span.textContent).toBe("with");
+    });
+    it("should not render when isOpen is false", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: false, header: "Test Toast", id: "1", type: "info", onClose: jest.fn() }) }));
+        expect(document.body.querySelector(".zen-toast")).toBeFalsy();
+    });
+    it("should render the header and close button", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn() }) }));
+        const toastElement = document.body.querySelector(".zen-toast");
+        const header = toastElement.querySelector(".zen-toast__header");
+        const closeButton = toastElement.querySelector(".zen-toast__close-button");
+        expect(header.textContent).toBe("Test Toast");
+        expect(closeButton).toBeTruthy();
+    });
+    it("should call onClose when close button is clicked", () => {
+        const onClose = jest.fn();
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: onClose }) }));
+        const closeButton = document.body.querySelector(".zen-toast__close-button");
+        (0, react_1.act)(() => {
+            closeButton.click();
+        });
+        expect(onClose).toHaveBeenCalled();
+    });
+    it("should render the action button when provided", () => {
+        const onClick = jest.fn();
+        const action = {
+            text: "Action",
+            onClick
+        };
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn(), action: action }) }));
+        const actionButton = document.body.querySelector(".zen-toast__content button");
+        expect(actionButton.textContent).toBe("Action");
+        expect(onClick).toHaveBeenCalledTimes(0);
+        (0, react_1.act)(() => {
+            actionButton.click();
+        });
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it("should render action with icon when provided", () => {
+        const onClick = jest.fn();
+        const action = {
+            text: "Action",
+            onClick,
+            icon: iconDownload_1.IconDownload
+        };
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn(), action: action }) }));
+        const actionButton = document.body.querySelector(".zen-toast__content button");
+        const icon = actionButton.querySelector(".zen-icon");
+        expect(icon).toBeTruthy();
+        expect(icon.getAttribute("data-name")).toBe("IconDownload");
+    });
+    it("should render the progress bar when showSeconds is provided", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn(), showSeconds: 5 }) }));
+        const progressBar = document.body.querySelector(".zen-toast__progress");
+        expect(progressBar).toBeTruthy();
+    });
+    it("should render icon when hasIcon is true", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn(), hasIcon: true }) }));
+        const icon = document.body.querySelector(".zen-toast__icon--info");
+        expect(icon).toBeTruthy();
+    });
+    it("should not render icon when hasIcon is false", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn(), hasIcon: false }) }));
+        const icon = document.body.querySelector(".zen-toast__icon--info");
+        expect(icon).toBeFalsy();
+    });
+    it("should render toast with type info if type is not provided", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", onClose: jest.fn() }) }));
+        const toastElement = document.body.querySelector(".zen-toast");
+        expect(toastElement.classList.contains("zen-toast--info")).toBeTruthy();
+    });
+    it("should drive classes be applied if in Drive mode", () => {
+        jest.spyOn(useDrive, "useDrive").mockReturnValue(true);
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", onClose: jest.fn() }) }));
+        const toastElement = document.body.querySelector(".zen-toast");
+        expect(toastElement.classList.contains("zen-toast--drive")).toBeTruthy();
+    });
+    it("should apply dark classes if dark theme applied", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(themeProvider_1.ThemeProvider, { dark: true, theme: themeContext_1.Theme.Default, children: (0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", onClose: jest.fn() }) }) }));
+        expect(container.querySelector(".zen-dark")).toBeTruthy();
+    });
+    it("should apply mobile classes if isMobile is true", () => {
+        jest.spyOn(useMobile, "useMobile").mockReturnValue(true);
+        const mockContext = {
+            toastsAnimation: []
+        };
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", onClose: jest.fn() }) }));
+        expect(container.querySelector(".zen-toast--mobile")).toBeTruthy();
+    });
+    it("should render the action as button if only onClick is provided", () => {
+        const onClick = jest.fn();
+        const action = {
+            onClick,
+            text: "Action"
+        };
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", onClose: jest.fn(), action: action }) }));
+        const actionButton = document.body.querySelector(".zen-toast__content button");
+        expect(actionButton).toBeTruthy();
+        (0, react_1.act)(() => {
+            actionButton.click();
+        });
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it("should render the action as link if only link is provided", () => {
+        const action = {
+            link: "#",
+            text: "Action"
+        };
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", onClose: jest.fn(), action: action }) }));
+        const actionButton = document.body.querySelector(".zen-toast__content a");
+        expect(actionButton).toBeTruthy();
+        expect(actionButton.getAttribute("href")).toBe("#");
+    });
+    it("should render the action as link if both link and onClick are provided", () => {
+        const onClick = jest.fn();
+        const action = {
+            link: "#",
+            onClick,
+            text: "Action"
+        };
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", onClose: jest.fn(), action: action }) }));
+        const actionButton = document.body.querySelector(".zen-toast__content a");
+        expect(actionButton.getAttribute("href")).toBe("#");
+        expect(actionButton).toBeTruthy();
+        (0, react_1.act)(() => {
+            actionButton.click();
+        });
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it("should contain correct accessibility attributes", () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn() }) }));
+        const toastElement = document.body.querySelector(".zen-toast");
+        expect(toastElement).toBeTruthy();
+        expect(toastElement.getAttribute("role")).toBe("status");
+        expect(toastElement.getAttribute("aria-live")).toBe("polite");
+        expect(toastElement.getAttribute("aria-atomic")).toBe("true");
+    });
+    it("should pass accessibility test", async () => {
+        const mockContext = {
+            toastsAnimation: []
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(feedbackContext_1.FeedbackContext.Provider, { value: mockContext, children: (0, jsx_runtime_1.jsx)(toastRaw_1.ToastRaw, { isOpen: true, header: "Test Toast", id: "1", type: "info", onClose: jest.fn() }) }));
+        const toastElement = document.body.querySelector(".zen-toast");
+        expect(toastElement).toBeTruthy();
+        await (0, react_1.act)(async () => {
+            await expect(toastElement).toBeAccessible();
+        });
+    }, 10000);
+});
+//# sourceMappingURL=toastRaw.test.js.map

package/dist/toastRaw/toastRaw.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastRaw.test.js","sourceRoot":"","sources":["../../toastRaw/toastRaw.test.tsx"],"names":[],"mappings":"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"}

package/dist/toggleButton/toggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleButton.js","sourceRoot":"","sources":["../../toggleButton/toggleButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2C;AAC3C,uEAAoE;AACpE,2EAAwE;AACxE,+BAA6B;AAE7B,wEAAqE;AAW9D,MAAM,YAAY,GAA4B,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IACjI,MAAM,mBAAmB,GAAG,IAAA,qCAAiB,EAAC,aAAa,CAAC,CAAC;IAC7D,MAAM,qBAAqB,GAAG,IAAA,qCAAiB,EAAC,uBAAuB,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,EAAE,IAAI,WAAW,CAAC;IACrC,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAsC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpI,OAAO,iCAAK,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,aAAa,EAAE,mBAAmB,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,aAC3F,uBAAC,mCAAgB,IACb,SAAS,EAAC,oBAAoB,EAC9B,EAAE,EAAG,UAAU,EACf,QAAQ,EAAG,eAAe,EAC1B,OAAO,EAAG,OAAO,EACjB,QAAQ,EAAG,QAAQ,GACrB,EACF,mCAAO,SAAS,EAAE,IAAA,uBAAU,EAAC,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAG,UAAU,EAAG,KAAK,EAAG,KAAK,gBAAgB,KAAK,aAC7J,iCAAK,SAAS,EAAE,IAAA,uBAAU,EAAC,CAAC,uBAAuB,EAAE,qBAAqB,IAAI,EAAE,CAAC,CAAC,aAC9E,gCAAK,SAAS,EAAC,8BAA8B,GAAO,EACpD,gCAAK,SAAS,EAAC,+BAA+B,GAAO,IACnD,EAEJ,QAAQ,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,yBAAyB,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC3E,IACN,CAAC;AACX,CAAC,CAAC;AAvBW,QAAA,YAAY,gBAuBvB"}

package/dist/toggleButton/toggleButton.test.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toggleButton_1 = require("./toggleButton");
+const react_1 = require("@testing-library/react");
+describe("toggler", () => {
+    test("Id test", () => {
+        const id = "customIdValue";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { id: id, onChange: () => { } }));
+        expect(container.querySelector(".zen-toggler__input").id).toEqual(id);
+    });
+    test("Checked test", () => {
+        const checked = true;
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { checked: checked, onChange: () => { } }));
+        expect(container.querySelector(".zen-toggler__input").checked).toEqual(checked);
+    });
+    test("Disabled test", () => {
+        const disabled = true;
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { disabled: disabled }));
+        expect(container.querySelector(".zen-toggler__input").disabled).toEqual(disabled);
+    });
+    test("CSS class name test", () => {
+        const className = "customClassNameValue";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { className: className, onChange: () => { } }));
+        expect(container.querySelector(".zen-toggler").classList.contains(className)).toBeTruthy();
+    });
+    test("CSS class name test", () => {
+        const title = "customTitleValue";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { title: title, onChange: () => { } }));
+        expect(container.querySelector(".zen-toggler__label").getAttribute("title")).toEqual(title);
+        expect(container.querySelector(".zen-toggler__label").getAttribute("aria-label")).toEqual(title);
+    });
+    test("No children test", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { onChange: () => { } }));
+        expect(container.querySelector(".zen-toggler__label-text")).toBeNull();
+    });
+    test("Children test", () => {
+        const children = "customChildrenValue";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { onChange: () => { }, children: children }));
+        expect(container.querySelector(".zen-toggler__label-text").textContent).toEqual(children);
+    });
+    test("On change event test", () => {
+        const changeHandler = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { onChange: changeHandler }));
+        expect(changeHandler).toBeCalledTimes(0);
+        const checkbox = container.querySelector(".zen-toggler__input");
+        checkbox.click();
+        expect(changeHandler).toBeCalledTimes(1);
+    });
+});
+//# sourceMappingURL=toggleButton.test.js.map

package/dist/toggleButton/toggleButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleButton.test.js","sourceRoot":"","sources":["../../toggleButton/toggleButton.test.tsx"],"names":[],"mappings":"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"}

package/dist/toolbar/helpers/createDisplayingElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDisplayingElements.js","sourceRoot":"","sources":["../../../toolbar/helpers/createDisplayingElements.tsx"],"names":[],"mappings":";;;AAAA,qDAAsD;AAEtD,6DAA0D;AAEnD,MAAM,wBAAwB,GACjC,CAAC,eAAuB,EAAE,QAAiC,EAAE,eAAoC,EAAE,UAAuB,EAAE,EAAE,CAAC,CAAC,KAAa,EAAE,EAAE;IAC7I,MAAM,YAAY,GAAG,UAAU,CAAC,aAAa,GAAG,IAAA,uCAAkB,EAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,UAAU,CAAC,KAAK,CAAgB,CAAC,CAAC;IAC/H,MAAM,oBAAoB,GAAG,IAAA,iBAAS,EAAC,eAAe,CAAC,CAAC;IAExD,UAAU,CAAC,aAAa,GAAG,YAAY,CAAC;IACxC,IAAI,UAAU,CAAC,aAAa,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;QAC9C,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;QAC/D,uEAAuE;QACvE,oBAAoB,CAAC,SAAS,CAAC,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC9H,CAAC;IAED,OAAO,oBAAoB,CAAC;AAChC,CAAC,CAAC;AAbO,QAAA,wBAAwB,4BAa/B"}

package/dist/toolbar/helpers/createDisplayingElements.test.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const createDisplayingElements_1 = require("./createDisplayingElements");
+const getWidthWithMargin_1 = require("./getWidthWithMargin");
+// Mock the `getWidthWithMargin` function
+jest.mock("./getWidthWithMargin", () => ({
+    ...jest.requireActual("./getWidthWithMargin"),
+    getWidthWithMargin: jest.fn()
+}));
+describe("createDisplayingElements", () => {
+    const elements = [];
+    beforeEach(() => {
+        const element = document.createElement("div");
+        element.dataset.name = "element1";
+        const childNode = document.createElement("div");
+        childNode.setAttribute("offsetWidth", "50");
+        childNode.style.marginLeft = "10px";
+        childNode.style.marginRight = "10px";
+        elements.length = 0;
+        elements.push(element);
+    });
+    global.structuredClone = jest.fn().mockImplementation((obj) => JSON.parse(JSON.stringify(obj)));
+    // Mock `getComputedStyle` to return the style for the mock elements
+    window.getComputedStyle = jest.fn().mockImplementation((elem) => ({
+        marginLeft: elem.style.marginLeft,
+        marginRight: elem.style.marginRight
+    }));
+    it("should add element index to displayElements if within width constraints", () => {
+        const currentChildInd = 0;
+        const elInd = 0;
+        const displayElements = {};
+        const widthProps = { width: 100, requiredWidth: 0 };
+        // Mock the `getWidthWithMargin` return value
+        getWidthWithMargin_1.getWidthWithMargin.mockReturnValue(70);
+        const updateDisplayElements = (0, createDisplayingElements_1.createDisplayingElements)(currentChildInd, elements, displayElements, widthProps);
+        const updatedDisplayElements = updateDisplayElements(elInd);
+        expect(updatedDisplayElements).toHaveProperty("element1");
+        expect(updatedDisplayElements["element1"]).toContain(elInd);
+        expect(widthProps.requiredWidth).toBe(70);
+    });
+    it("should add element index to displayElements if within width constraints (with empty data-name)", () => {
+        const currentChildInd = 0;
+        const elInd = 0;
+        const displayElements = {};
+        const widthProps = { width: 100, requiredWidth: 0 };
+        elements[0].dataset.name = "";
+        // Mock the `getWidthWithMargin` return value
+        getWidthWithMargin_1.getWidthWithMargin.mockReturnValue(70);
+        const updateDisplayElements = (0, createDisplayingElements_1.createDisplayingElements)(currentChildInd, elements, displayElements, widthProps);
+        const updatedDisplayElements = updateDisplayElements(elInd);
+        expect(updatedDisplayElements[""]).toContain(elInd);
+        expect(widthProps.requiredWidth).toBe(70);
+    });
+    it("should not add element index to displayElements if outside width constraints", () => {
+        const currentChildInd = 0;
+        const elInd = 0;
+        const displayElements = {};
+        const widthProps = { width: 60, requiredWidth: 0 };
+        // Mock the `getWidthWithMargin` return value
+        getWidthWithMargin_1.getWidthWithMargin.mockReturnValue(70);
+        const updateDisplayElements = (0, createDisplayingElements_1.createDisplayingElements)(currentChildInd, elements, displayElements, widthProps);
+        const updatedDisplayElements = updateDisplayElements(elInd);
+        expect(updatedDisplayElements).not.toHaveProperty("element1");
+        expect(widthProps.requiredWidth).toBe(70);
+    });
+});
+//# sourceMappingURL=createDisplayingElements.test.js.map

package/dist/toolbar/helpers/createDisplayingElements.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDisplayingElements.test.js","sourceRoot":"","sources":["../../../toolbar/helpers/createDisplayingElements.test.tsx"],"names":[],"mappings":";;AAAA,yEAAsE;AAEtE,6DAA0D;AAE1D,yCAAyC;AACzC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE,CAAC,CAAC;IACrC,GAAG,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC;IAC7C,kBAAkB,EAAE,IAAI,CAAC,EAAE,EAAE;CAChC,CAAC,CAAC,CAAC;AAEJ,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,MAAM,QAAQ,GAAkB,EAAE,CAAC;IAEnC,UAAU,CAAC,GAAG,EAAE;QACZ,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,UAAU,CAAC;QAElC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QAC5C,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QACpC,SAAS,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;QAErC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QACpB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAEhG,oEAAoE;IACpE,MAAM,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC9D,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;QACjC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;KACtC,CAAC,CAAC,CAAC;IAEJ,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE;QAC/E,MAAM,eAAe,GAAG,CAAC,CAAC;QAC1B,MAAM,KAAK,GAAG,CAAC,CAAC;QAChB,MAAM,eAAe,GAAwB,EAAE,CAAC;QAChD,MAAM,UAAU,GAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAEjE,6CAA6C;QAC5C,uCAAgC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAEtD,MAAM,qBAAqB,GAAG,IAAA,mDAAwB,EAAC,eAAe,EAAE,QAA8C,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC;QAErJ,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAE5D,MAAM,CAAC,sBAAsB,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QAC1D,MAAM,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC5D,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gGAAgG,EAAE,GAAG,EAAE;QACtG,MAAM,eAAe,GAAG,CAAC,CAAC;QAC1B,MAAM,KAAK,GAAG,CAAC,CAAC;QAChB,MAAM,eAAe,GAAwB,EAAE,CAAC;QAChD,MAAM,UAAU,GAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAEjE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;QAE9B,6CAA6C;QAC5C,uCAAgC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAEtD,MAAM,qBAAqB,GAAG,IAAA,mDAAwB,EAAC,eAAe,EAAE,QAA8C,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC;QAErJ,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAE5D,MAAM,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8EAA8E,EAAE,GAAG,EAAE;QACpF,MAAM,eAAe,GAAG,CAAC,CAAC;QAC1B,MAAM,KAAK,GAAG,CAAC,CAAC;QAChB,MAAM,eAAe,GAAwB,EAAE,CAAC;QAChD,MAAM,UAAU,GAAgB,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAEhE,6CAA6C;QAC5C,uCAAgC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAEtD,MAAM,qBAAqB,GAAG,IAAA,mDAAwB,EAAC,eAAe,EAAE,QAA8C,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC;QAErJ,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAE5D,MAAM,CAAC,sBAAsB,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QAC9D,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/toolbar/helpers/getCustomizableElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCustomizableElement.js","sourceRoot":"","sources":["../../../toolbar/helpers/getCustomizableElement.tsx"],"names":[],"mappings":";;;AAAO,MAAM,sBAAsB,GAAG,CAAC,GAA4B,EAAE,EAAE;IACnE,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,EAAE,CAAC;IACd,CAAC;IACD,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAqC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAChJ,OAAO,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC;AAC9C,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC"}

package/dist/toolbar/helpers/getCustomizableElement.test.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getCustomizableElement_1 = require("./getCustomizableElement");
+describe("getCustomizableElement", () => {
+    it("should return an empty object when the element is undefined", () => {
+        const result = (0, getCustomizableElement_1.getCustomizableElement)(undefined);
+        expect(result).toEqual({});
+    });
+    it("should return an object with the correct block name and -1 index when no child has the target class", () => {
+        /*
+            <div data-name="testBlock"></div>
+         */
+        const container = document.createElement("div");
+        container.dataset.name = "testBlock";
+        document.body.appendChild(container);
+        const result = (0, getCustomizableElement_1.getCustomizableElement)(container);
+        expect(result).toEqual({ "testBlock": [-1] });
+    });
+    it("should return an object with an empty block name and the index of the child with the target class when there is no data-name", () => {
+        /*
+            <div>
+                <div class="zen-toolbar__item--more"></div>
+                <div></div>
+            </div>
+        */
+        const container = document.createElement("div");
+        const zenToolbarItemMore = document.createElement("div");
+        zenToolbarItemMore.classList.add("zen-toolbar__item--more");
+        const zenToolbarItem = document.createElement("div");
+        container.appendChild(zenToolbarItemMore);
+        container.appendChild(zenToolbarItem);
+        document.body.appendChild(container);
+        const result = (0, getCustomizableElement_1.getCustomizableElement)(container);
+        expect(result).toEqual({ "": [0] });
+    });
+    it("should find the first element with className", () => {
+        /*
+            <div id="testBlock">
+                <div></div>
+                <div></div>
+                <div class="zen-toolbar__item--more"></div>
+                <div class="zen-toolbar__item--more"></div>
+            </div>
+        */
+        const container = document.createElement("div");
+        container.dataset.name = "testBlock";
+        const zenToolbarItemMore1 = document.createElement("div");
+        const zenToolbarItem1 = document.createElement("div");
+        const zenToolbarItemMore2 = document.createElement("div");
+        zenToolbarItemMore2.classList.add("zen-toolbar__item--more");
+        const zenToolbarItemMore3 = document.createElement("div");
+        zenToolbarItemMore3.classList.add("zen-toolbar__item--more");
+        container.appendChild(zenToolbarItemMore1);
+        container.appendChild(zenToolbarItem1);
+        container.appendChild(zenToolbarItemMore2);
+        container.appendChild(zenToolbarItemMore3);
+        document.body.appendChild(container);
+        const result = (0, getCustomizableElement_1.getCustomizableElement)(container);
+        expect(result).toEqual({ "testBlock": [2] });
+    });
+});
+//# sourceMappingURL=getCustomizableElement.test.js.map

package/dist/toolbar/helpers/getCustomizableElement.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCustomizableElement.test.js","sourceRoot":"","sources":["../../../toolbar/helpers/getCustomizableElement.test.tsx"],"names":[],"mappings":"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"}

package/dist/toolbar/helpers/getDisplayingElementsIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDisplayingElementsIndex.js","sourceRoot":"","sources":["../../../toolbar/helpers/getDisplayingElementsIndex.ts"],"names":[],"mappings":";;;AAGA,qEAAkE;AAClE,+DAA4D;AAC5D,qEAAkE;AAClE,qFAAkF;AAa3E,MAAM,0BAA0B,GAAG,CAAC,KAAa,EAAE,QAAiC,EAAE,EAAE;IAC3F,+BAA+B;IAC/B,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAqC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC;IAChL,MAAM,gBAAgB,GAAG,IAAA,+CAAsB,EAAC,cAAc,CAAC,CAAC;IAChE,IAAI,kBAAkB,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjD,MAAM,UAAU,GAAgB;QAC5B,KAAK;QACL,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,+CAA+C;KAChH,CAAC;IAEF,kBAAkB,GAAG,IAAA,+CAAsB,EAAC,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACtF,kBAAkB,GAAG,IAAA,+DAA8B,EAAC,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC;IAE9F,IAAA,yCAAmB,EAAC,kBAAkB,CAAC,CAAC;IAExC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC;AACpD,CAAC,CAAC;AAhBW,QAAA,0BAA0B,8BAgBrC"}

package/dist/toolbar/helpers/getDisplayingElementsIndex.test.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getDisplayingElementsIndex_1 = require("./getDisplayingElementsIndex");
+describe("getDisplayingElementsIndex tests:", () => {
+    global.structuredClone = jest.fn().mockImplementation((obj) => JSON.parse(JSON.stringify(obj)));
+    const originalGetBoundingClientRect = HTMLElement.prototype.getBoundingClientRect;
+    const createToolbar = () => {
+        // Assuming you have a container element with the class 'zen-toolbar__content-block'
+        const toolbar = document.createElement("div");
+        toolbar.className = "zen-toolbar__content-block";
+        toolbar.setAttribute("data-name", "start");
+        // Names of the buttons
+        const buttonNames = ["one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve"];
+        // Create and append buttons to the toolbar
+        buttonNames.forEach(name => {
+            // Create a new div for the toolbar item
+            const itemDiv = document.createElement("div");
+            itemDiv.className = "zen-toolbar__item";
+            // Create a new button element
+            const button = document.createElement("button");
+            button.className = "zen-button";
+            button.textContent = name; // Set the button text
+            // Append the button to the item div
+            itemDiv.appendChild(button);
+            // Append the item div to the toolbar
+            toolbar.appendChild(itemDiv);
+        });
+        return toolbar;
+    };
+    beforeEach(() => {
+        HTMLElement.prototype.getBoundingClientRect = function () {
+            if (this.classList.contains("zen-toolbar__item")) {
+                return { width: 50 };
+            }
+            return { width: 0 };
+        };
+    });
+    afterEach(() => {
+        HTMLElement.prototype.getBoundingClientRect = originalGetBoundingClientRect;
+    });
+    it("should render correctly (without priority elements, without customizable more)", () => {
+        const toolbar = createToolbar();
+        const width = 500;
+        const result = (0, getDisplayingElementsIndex_1.getDisplayingElementsIndex)(width, [toolbar]);
+        expect(result).toEqual({
+            displayingElements: {
+                // number of indexes = Math.floor((width - moreButtonWidth) / itemWidth) -> Math.floor((500 - 71) / 50) = 8
+                start: [0, 1, 2, 3, 4, 5, 6, 7]
+            },
+            customizableMore: {}
+        });
+    });
+    it("should render correctly (with priority elements, without customizable more)", () => {
+        const toolbar = createToolbar();
+        toolbar.children[10].classList.add("zen-toolbar__item-priority");
+        toolbar.children[11].classList.add("zen-toolbar__item-priority");
+        const width = 500;
+        const result = (0, getDisplayingElementsIndex_1.getDisplayingElementsIndex)(width, [toolbar]);
+        expect(result).toEqual({
+            displayingElements: {
+                // number of indexes = Math.floor((width - moreButtonWidth) / itemWidth) -> Math.floor((500 - 71) / 50) = 8
+                // should include priority elements 10 and 11
+                start: [0, 1, 2, 3, 4, 5, 10, 11]
+            },
+            customizableMore: {}
+        });
+    });
+    it("should render correctly (without priority elements, with customizable more)", () => {
+        const moreButton = document.createElement("div");
+        moreButton.classList.add("zen-toolbar__item");
+        moreButton.classList.add("zen-toolbar__item--more");
+        const toolbar = createToolbar();
+        toolbar.appendChild(moreButton);
+        const width = 500;
+        const result = (0, getDisplayingElementsIndex_1.getDisplayingElementsIndex)(width, [toolbar]);
+        expect(result).toEqual({
+            displayingElements: {
+                // number of indexes = Math.floor((width - moreButtonWidth) / itemWidth) -> Math.floor((500 - 71) / 50) = 8
+                // also should include the more button index (12)
+                start: [0, 1, 2, 3, 4, 5, 6, 7, 12]
+            },
+            customizableMore: {
+                start: [12]
+            }
+        });
+    });
+});
+//# sourceMappingURL=getDisplayingElementsIndex.test.js.map

package/dist/toolbar/helpers/getDisplayingElementsIndex.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDisplayingElementsIndex.test.js","sourceRoot":"","sources":["../../../toolbar/helpers/getDisplayingElementsIndex.test.tsx"],"names":[],"mappings":"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"}

package/dist/toolbar/helpers/getToolbarChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getToolbarChildren.js","sourceRoot":"","sources":["../../../toolbar/helpers/getToolbarChildren.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAGnB,MAAM,kBAAkB,GAAG,CAAC,QAA6C,EAAE,EAAE;IAChF,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,CAAC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAgB,CAAC;AACzF,CAAC,CAAC;AANW,QAAA,kBAAkB,sBAM7B"}

package/dist/toolbar/helpers/getToolbarChildren.test.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const getToolbarChildren_1 = require("./getToolbarChildren");
+describe("getToolbarChildren tests", () => {
+    it("should return undefined when children are not provided", () => {
+        const result = (0, getToolbarChildren_1.getToolbarChildren)(undefined);
+        expect(result).toBeUndefined();
+    });
+    it("should return an array with a single child when one child is provided", () => {
+        const child = (0, jsx_runtime_1.jsx)("div", { children: "Single Child" });
+        const result = (0, getToolbarChildren_1.getToolbarChildren)(child);
+        expect(result).toEqual([child]);
+    });
+    it("should return the same array when multiple children are provided", () => {
+        const children = [
+            (0, jsx_runtime_1.jsx)("div", { children: "Child 1" }, "1"),
+            (0, jsx_runtime_1.jsx)("div", { children: "Child 2" }, "2"),
+            (0, jsx_runtime_1.jsx)("div", { children: "Child 3" }, "3")
+        ];
+        const result = (0, getToolbarChildren_1.getToolbarChildren)(children);
+        expect(result).toEqual(children);
+    });
+});
+//# sourceMappingURL=getToolbarChildren.test.js.map

package/dist/toolbar/helpers/getToolbarChildren.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getToolbarChildren.test.js","sourceRoot":"","sources":["../../../toolbar/helpers/getToolbarChildren.test.tsx"],"names":[],"mappings":";;;AAAA,6DAA0D;AAE1D,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAC9D,MAAM,MAAM,GAAG,IAAA,uCAAkB,EAAC,SAAS,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC7E,MAAM,KAAK,GAAG,2DAAuB,CAAC;QACtC,MAAM,MAAM,GAAG,IAAA,uCAAkB,EAAC,KAAK,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QACxE,MAAM,QAAQ,GAAG;YACb,uDAAS,GAAG,CAAc;YAC1B,uDAAS,GAAG,CAAc;YAC1B,uDAAS,GAAG,CAAc;SAC7B,CAAC;QACF,MAAM,MAAM,GAAG,IAAA,uCAAkB,EAAC,QAAQ,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}