@hitachivantara/uikit-react-core 5.15.0 → 5.17.0

package/dist/cjs/components/ActionBar/ActionBar.cjs

@@ -1,23 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const ActionBar_styles = require("./ActionBar.styles.cjs");
-const actionBarClasses = require("./actionBarClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const HvActionBar = (props) => {
   const {
-    classes,
+    classes: classesProp,
     className,
-    id,
     children,
     ...others
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(ActionBar_styles.StyledRoot, {
-    id,
-    className: clsx.clsx(actionBarClasses.default.root, classes == null ? void 0 : classes.root, className),
+  const {
+    classes,
+    cx
+  } = ActionBar_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: cx(classes.root, className),
     ...others,
     children
   });
 };
+exports.actionBarClasses = ActionBar_styles.staticClasses;
 exports.HvActionBar = HvActionBar;
 //# sourceMappingURL=ActionBar.cjs.map

package/dist/cjs/components/ActionBar/ActionBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledRoot } from \"./ActionBar.styles\";\nimport actionBarClasses, { HvActionBarClasses } from \"./actionBarClasses\";\n\nexport interface HvActionBarProps extends HvBaseProps {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionBarClasses;\n}\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n  const { classes, className, id, children, ...others } = props;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(actionBarClasses.root, classes?.root, className)}\n      {...others}\n    >\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionBar","props","classes","className","id","children","others","StyledRoot","clsx","actionBarClasses","root"],"mappings":";;;;;;AAUaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAIC;AAAAA,IAAU,GAAGC;AAAAA,EAAWL,IAAAA;AAExD,wCACGM,iBAAAA,YAAU;AAAA,IACTH;AAAAA,IACAD,WAAWK,KAAKC,KAAAA,iBAAAA,QAAiBC,MAAMR,mCAASQ,MAAMP,SAAS;AAAA,IAAE,GAC7DG;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;;"}
+{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionBar.styles\";\n\nexport { staticClasses as actionBarClasses };\n\nexport type HvActionBarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionBarProps extends HvBaseProps {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvActionBarClasses>;\n}\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n  const { classes: classesProp, className, children, ...others } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n"],"names":["HvActionBar","props","classes","classesProp","className","children","others","cx","useClasses","root"],"mappings":";;;;AAaaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAaC;AAAAA,IAAWC;AAAAA,IAAU,GAAGC;AAAAA,EAAWL,IAAAA;AAC3D,QAAA;AAAA,IAAEC;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,iBAAAA,WAAWL,WAAW;AAE9C,wCACE,OAAA;AAAA,IAAKC,WAAWG,GAAGL,QAAQO,MAAML,SAAS;AAAA,IAAE,GAAKE;AAAAA,IAAMD;AAAAA,EAAAA,CAElD;AAET;;;"}

package/dist/cjs/components/ActionBar/ActionBar.styles.cjs

@@ -1,21 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "eae5m590"
-} : {
-  target: "eae5m590",
-  label: "StyledRoot"
-})({
-  width: "100%",
-  height: "75px",
-  padding: uikitStyles.theme.space.sm,
-  borderTop: `3px solid ${uikitStyles.theme.colors.atmo2}`,
-  display: "flex",
-  justifyContent: "flex-end"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uQmFyL0FjdGlvbkJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjc1cHhcIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIGJvcmRlclRvcDogYDNweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbn0pO1xuIl19 */");
-exports.StyledRoot = StyledRoot;
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvActionBar", {
+  root: {
+    width: "100%",
+    padding: uikitStyles.theme.space.sm,
+    borderTop: uikitStyles.theme.actionBar.borderTop,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-end"
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=ActionBar.styles.cjs.map

package/dist/cjs/components/ActionBar/ActionBar.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.styles.cjs","sources":["../../../../src/components/ActionBar/ActionBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"75px\",\n  padding: theme.space.sm,\n  borderTop: `3px solid ${theme.colors.atmo2}`,\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","width","height","padding","theme","space","sm","borderTop","colors","atmo2","display","justifyContent"],"mappings":";;;;;;AAGO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,WAAY,aAAYH,YAAAA,MAAMI,OAAOC;AAAAA,EACrCC,SAAS;AAAA,EACTC,gBAAgB;AAClB,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4BAAA;;"}
+{"version":3,"file":"ActionBar.styles.cjs","sources":["../../../../src/components/ActionBar/ActionBar.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvActionBar\", {\n  root: {\n    width: \"100%\",\n    padding: theme.space.sm,\n    borderTop: theme.actionBar.borderTop,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","padding","theme","space","sm","borderTop","actionBar","display","alignItems","justifyContent"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,eAAe;AAAA,EACxEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,IACrBC,WAAWH,YAAAA,MAAMI,UAAUD;AAAAA,IAC3BE,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AACF,CAAC;;;"}

package/dist/cjs/components/Pagination/Pagination.cjs

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const clsx = require("clsx");
 const material = require("@mui/material");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const Select = require("./Select.cjs");
 const Pagination_styles = require("./Pagination.styles.cjs");
-const paginationClasses = require("./paginationClasses.cjs");
 const utils = require("./utils.cjs");
+const ButtonIconTooltip = require("./ButtonIconTooltip.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useLabels = require("../../hooks/useLabels.cjs");
 const Typography = require("../Typography/Typography.cjs");
@@ -33,15 +32,16 @@ const DEFAULT_LABELS = {
 const {
   Enter
 } = keyboardCodes.keyboardCodes;
+const defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];
 const HvPagination = ({
-  classes,
+  classes: classesProp = {},
   className,
   id,
   pages = 1,
   page = 0,
   showPageSizeOptions = true,
-  pageSizeOptions = [5, 10, 20, 25, 50, 100],
-  pageSize = 1,
+  pageSizeOptions = defaultPageSizeOptions,
+  pageSize = defaultPageSizeOptions[1],
   showPageJump = true,
   canPrevious = false,
   canNext = false,
@@ -55,6 +55,10 @@ const HvPagination = ({
 }) => {
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   const [pageInput, handleInputChange] = utils.usePageInput(page);
+  const {
+    classes,
+    cx
+  } = Pagination_styles.useClasses(classesProp);
   const changePage = React.useCallback((newPage) => {
     const safePage = utils.getSafePage(newPage, page, pages);
     onPageChange == null ? void 0 : onPageChange(safePage);
@@ -70,8 +74,8 @@ const HvPagination = ({
       handleInputChange(null, page + 1);
     }
   }, [handleInputChange, page]);
-  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageJump, {
-    className: clsx.clsx(paginationClasses.default.pageJump, classes == null ? void 0 : classes.pageJump),
+  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: classes.pageJump,
     children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
       id: setId.setId(id, "currentPage"),
       labels,
@@ -81,9 +85,9 @@ const HvPagination = ({
         type: "number"
       },
       classes: {
-        root: clsx.clsx(paginationClasses.default.pageSizeInputContainer, classes == null ? void 0 : classes.pageSizeInputContainer),
-        input: clsx.clsx(paginationClasses.default.pageSizeInput, classes == null ? void 0 : classes.pageSizeInput),
-        inputRoot: clsx.clsx(paginationClasses.default.pageSizeInputRoot, classes == null ? void 0 : classes.pageSizeInputRoot)
+        root: classes == null ? void 0 : classes.pageSizeInputContainer,
+        input: classes == null ? void 0 : classes.pageSizeInput,
+        inputRoot: classes == null ? void 0 : classes.pageSizeInputRoot
       },
       onChange: (event, value) => handleInputChange(event, Number(value)),
       value: String(pageInput),
@@ -94,27 +98,25 @@ const HvPagination = ({
       ...currentPageInputProps
     })
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledRoot, {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     id,
-    className: clsx.clsx(className, paginationClasses.default.root, classes == null ? void 0 : classes.root),
+    className: cx(classes.root, className),
     ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeOptions, {
-      className: clsx.clsx(paginationClasses.default.pageSizeOptions, classes == null ? void 0 : classes.pageSizeOptions),
+    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: classes.pageSizeOptions,
       ...showPageProps,
       children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/* @__PURE__ */ jsxRuntime.jsx(material.Hidden, {
           xsDown: true,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizePrev, {
-            className: clsx.clsx(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer),
-            children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-              component: "span",
-              children: labels == null ? void 0 : labels.pageSizePrev
-            })
+          children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+            component: "span",
+            className: classes == null ? void 0 : classes.pageSizeTextContainer,
+            children: labels == null ? void 0 : labels.pageSizePrev
           })
-        }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledSelect, {
+        }), /* @__PURE__ */ jsxRuntime.jsx(Select.default, {
           id: setId.setId(id, "pageSize"),
           disabled: pageSize === 0,
-          className: clsx.clsx(paginationClasses.default.pageSizeOptionsSelect, classes == null ? void 0 : classes.pageSizeOptionsSelect),
+          className: classes.pageSizeOptionsSelect,
           "aria-label": labels == null ? void 0 : labels.pageSizeSelectorDescription,
           onChange: (_, val) => onPageSizeChange == null ? void 0 : onPageSizeChange(val),
           value: pageSize,
@@ -124,42 +126,40 @@ const HvPagination = ({
           }, option))
         }), /* @__PURE__ */ jsxRuntime.jsx(material.Hidden, {
           xsDown: true,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeTextContainer, {
-            className: clsx.clsx(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer),
-            children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-              component: "span",
-              children: labels == null ? void 0 : labels.pageSizeEntryName
-            })
+          children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+            component: "span",
+            className: classes.pageSizeTextContainer,
+            children: labels == null ? void 0 : labels.pageSizeEntryName
           })
         })]
       })
-    }), /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageNavigator, {
-      className: clsx.clsx(paginationClasses.default.pageNavigator, classes == null ? void 0 : classes.pageNavigator),
+    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: classes.pageNavigator,
       ...navigationProps,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, {
         id: setId.setId(id, "firstPage-button"),
         "aria-label": labels == null ? void 0 : labels.firstPage,
-        className: clsx.clsx(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        className: classes.iconContainer,
         disabled: !canPrevious,
         onClick: () => changePage(0),
         tooltip: labels == null ? void 0 : labels.paginationFirstPageTitle,
         children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Start, {
-          className: clsx.clsx(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
+          className: classes.icon,
           color: utils.setColor(!canPrevious)
         })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
+      }), /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, {
         id: setId.setId(id, "previousPage-button"),
         "aria-label": labels == null ? void 0 : labels.previousPage,
-        className: clsx.clsx(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        className: classes.iconContainer,
         disabled: !canPrevious,
         onClick: () => changePage(page - 1),
         tooltip: labels == null ? void 0 : labels.paginationPreviousPageTitle,
         children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, {
-          className: clsx.clsx(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
+          className: classes.icon,
           color: utils.setColor(!canPrevious)
         })
-      }), /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageInfo, {
-        className: clsx.clsx(paginationClasses.default.pageInfo, classes == null ? void 0 : classes.pageInfo),
+      }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        className: classes.pageInfo,
         children: [showPageJump ? renderPageJump() : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
           component: "span",
           children: `${page + 1}`
@@ -167,35 +167,36 @@ const HvPagination = ({
           component: "span",
           children: `${labels == null ? void 0 : labels.pagesSeparator} `
         }), /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-          id: setId.setId(id, "totalPages"),
           component: "span",
+          id: setId.setId(id, "totalPages"),
           children: pages
         })]
-      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
+      }), /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, {
         id: setId.setId(id, "nextPage-button"),
         "aria-label": labels == null ? void 0 : labels.nextPage,
-        className: clsx.clsx(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        className: classes.iconContainer,
         disabled: !canNext,
         onClick: () => changePage(page + 1),
         tooltip: labels == null ? void 0 : labels.paginationNextPageTitle,
         children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {
-          className: clsx.clsx(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
+          className: classes.icon,
           color: utils.setColor(!canNext)
         })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
+      }), /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, {
         id: setId.setId(id, "lastPage-button"),
         "aria-label": labels == null ? void 0 : labels.lastPage,
-        className: clsx.clsx(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        className: classes.iconContainer,
         disabled: !canNext,
         onClick: () => changePage(pages - 1),
         tooltip: labels == null ? void 0 : labels.paginationLastPageTitle,
         children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.End, {
-          className: clsx.clsx(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
+          className: classes.icon,
           color: utils.setColor(!canNext)
         })
       })]
     })]
   });
 };
+exports.paginationClasses = Pagination_styles.staticClasses;
 exports.HvPagination = HvPagination;
 //# sourceMappingURL=Pagination.cjs.map

package/dist/cjs/components/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport { Option } from \"./Select\";\nimport {\n  StyledRoot,\n  StyledPageSizeOptions,\n  StyledPageSizePrev,\n  StyledSelect,\n  StyledPageSizeTextContainer,\n  StyledPageNavigator,\n  StyledButtonIconTooltip,\n  StyledPageJump,\n  StyledPageInfo,\n} from \"./Pagination.styles\";\nimport paginationClasses, { HvPaginationClasses } from \"./paginationClasses\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\n\nexport interface HvPaginationLabels {\n  /** The show label. */\n  pageSizePrev?: string;\n  /** Indicate the units of the page size selection. */\n  pageSizeEntryName?: string;\n  /** Used for the aria-label of the selection of number of unit.s */\n  pageSizeSelectorDescription?: string;\n  /** Separator of current page and total pages. */\n  pagesSeparator?: string;\n  /** Title of button `firstPage`. */\n  paginationFirstPageTitle?: string;\n  /** Title of button `previousPage`. */\n  paginationPreviousPageTitle?: string;\n  /** Title of button `nextPage`. */\n  paginationNextPageTitle?: string;\n  /** Title of button `lastPage`. */\n  paginationLastPageTitle?: string;\n  /** Aria-label passed to the page input. */\n  paginationInputLabel?: string;\n  /** Aria-label of the first page button */\n  firstPage?: string;\n  /** Aria-label of the previous page button */\n  previousPage?: string;\n  /** Aria-label of the next page button */\n  nextPage?: string;\n  /** Aria-label of the last page button */\n  lastPage?: string;\n}\n\nexport interface HvPaginationProps extends HvBaseProps {\n  /** The number of pages the component has. */\n  pages?: number;\n  /** The currently selected page (0-indexed). */\n  page?: number;\n  /** Controls whether the left page size mechanism should be visible. */\n  showPageSizeOptions?: boolean;\n  /** The array of possible page sizes for the dropdown. */\n  pageSizeOptions?: number[];\n  /** The currently selected page size. */\n  pageSize?: number;\n  /** Controls whether the central page changing mechanism should be visible. */\n  showPageJump?: boolean;\n  /** Controls whether the previous/first page buttons are enabled. */\n  canPrevious?: boolean;\n  /** Controls whether the next/last page buttons are enabled. */\n  canNext?: boolean;\n  /** Function called when the page changes. */\n  onPageChange?: (page: number) => void;\n  /** Function called when the page size changes. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** An object containing all the labels for the component. */\n  labels?: HvPaginationLabels;\n  /** Other props to show page component. */\n  showPageProps?: HTMLAttributes<HTMLDivElement>;\n  /** Other props to pagination component. */\n  navigationProps?: HTMLAttributes<HTMLDivElement>;\n  /** Extra properties passed to the input component representing the current pages. */\n  currentPageInputProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvPaginationClasses;\n}\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n  classes,\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = [5, 10, 20, 25, 50, 100],\n  pageSize = 1,\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}: HvPaginationProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n\n  const changePage = useCallback(\n    (newPage) => {\n      const safePage: number = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externally or when internally committed - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controlling of the `page` property.\n    // fixing it some other way would potentially introduce a breaking change.\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <StyledPageJump\n      className={clsx(paginationClasses.pageJump, classes?.pageJump)}\n    >\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels?.paginationInputLabel,\n          // We really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: clsx(\n            paginationClasses.pageSizeInputContainer,\n            classes?.pageSizeInputContainer\n          ),\n          input: clsx(paginationClasses.pageSizeInput, classes?.pageSizeInput),\n          inputRoot: clsx(\n            paginationClasses.pageSizeInputRoot,\n            classes?.pageSizeInputRoot\n          ),\n        }}\n        onChange={(event, value) => handleInputChange(event, Number(value))}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(Number(value) - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </StyledPageJump>\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, paginationClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPageSizeOptions\n        className={clsx(\n          paginationClasses.pageSizeOptions,\n          classes?.pageSizeOptions\n        )}\n        {...showPageProps}\n      >\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <StyledPageSizePrev\n                className={clsx(\n                  paginationClasses.pageSizeTextContainer,\n                  classes?.pageSizeTextContainer\n                )}\n              >\n                <HvTypography component=\"span\">\n                  {labels?.pageSizePrev}\n                </HvTypography>\n              </StyledPageSizePrev>\n            </Hidden>\n            <StyledSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={clsx(\n                paginationClasses.pageSizeOptionsSelect,\n                classes?.pageSizeOptionsSelect\n              )}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </StyledSelect>\n            <Hidden xsDown>\n              <StyledPageSizeTextContainer\n                className={clsx(\n                  paginationClasses.pageSizeTextContainer,\n                  classes?.pageSizeTextContainer\n                )}\n              >\n                <HvTypography component=\"span\">\n                  {labels?.pageSizeEntryName}\n                </HvTypography>\n              </StyledPageSizeTextContainer>\n            </Hidden>\n          </>\n        )}\n      </StyledPageSizeOptions>\n      <StyledPageNavigator\n        className={clsx(\n          paginationClasses.pageNavigator,\n          classes?.pageNavigator\n        )}\n        {...navigationProps}\n      >\n        <StyledButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canPrevious)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canPrevious)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledPageInfo\n          className={clsx(paginationClasses.pageInfo, classes?.pageInfo)}\n        >\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n            {pages}\n          </HvTypography>\n        </StyledPageInfo>\n        <StyledButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canNext)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canNext)}\n          />\n        </StyledButtonIconTooltip>\n      </StyledPageNavigator>\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","HvPagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","StyledPageJump","clsx","paginationClasses","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","StyledRoot","StyledPageSizeOptions","_jsxs","_Fragment","Hidden","xsDown","StyledPageSizePrev","pageSizeTextContainer","HvTypography","component","StyledSelect","pageSizeOptionsSelect","_","val","map","option","Option","StyledPageSizeTextContainer","StyledPageNavigator","pageNavigator","StyledButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","StyledPageInfo","pageInfo","Forwards","End"],"mappings":"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"}
+{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport HvSelect, { Option } from \"./Select\";\nimport { staticClasses, useClasses } from \"./Pagination.styles\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\n\nexport { staticClasses as paginationClasses };\n\nexport type HvPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPaginationLabels {\n  /** The show label. */\n  pageSizePrev?: string;\n  /** Indicate the units of the page size selection. */\n  pageSizeEntryName?: string;\n  /** Used for the aria-label of the selection of number of unit.s */\n  pageSizeSelectorDescription?: string;\n  /** Separator of current page and total pages. */\n  pagesSeparator?: string;\n  /** Title of button `firstPage`. */\n  paginationFirstPageTitle?: string;\n  /** Title of button `previousPage`. */\n  paginationPreviousPageTitle?: string;\n  /** Title of button `nextPage`. */\n  paginationNextPageTitle?: string;\n  /** Title of button `lastPage`. */\n  paginationLastPageTitle?: string;\n  /** Aria-label passed to the page input. */\n  paginationInputLabel?: string;\n  /** Aria-label of the first page button */\n  firstPage?: string;\n  /** Aria-label of the previous page button */\n  previousPage?: string;\n  /** Aria-label of the next page button */\n  nextPage?: string;\n  /** Aria-label of the last page button */\n  lastPage?: string;\n}\n\nexport interface HvPaginationProps extends HvBaseProps {\n  /** The number of pages the component has. */\n  pages?: number;\n  /** The currently selected page (0-indexed). */\n  page?: number;\n  /** Controls whether the left page size mechanism should be visible. */\n  showPageSizeOptions?: boolean;\n  /** The array of possible page sizes for the dropdown. */\n  pageSizeOptions?: number[];\n  /** The currently selected page size. */\n  pageSize?: number;\n  /** Controls whether the central page changing mechanism should be visible. */\n  showPageJump?: boolean;\n  /** Controls whether the previous/first page buttons are enabled. */\n  canPrevious?: boolean;\n  /** Controls whether the next/last page buttons are enabled. */\n  canNext?: boolean;\n  /** Function called when the page changes. */\n  onPageChange?: (page: number) => void;\n  /** Function called when the page size changes. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** An object containing all the labels for the component. */\n  labels?: HvPaginationLabels;\n  /** Other props to show page component. */\n  showPageProps?: HTMLAttributes<HTMLDivElement>;\n  /** Other props to pagination component. */\n  navigationProps?: HTMLAttributes<HTMLDivElement>;\n  /** Extra properties passed to the input component representing the current pages. */\n  currentPageInputProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvPaginationClasses>;\n}\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\nconst defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n  classes: classesProp = {},\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = defaultPageSizeOptions,\n  pageSize = defaultPageSizeOptions[1],\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}: HvPaginationProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n  const { classes, cx } = useClasses(classesProp);\n\n  const changePage = useCallback(\n    (newPage: number) => {\n      const safePage: number = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externally or when internally committed - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controlling of the `page` property.\n    // fixing it some other way would potentially introduce a breaking change.\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels?.paginationInputLabel,\n          // We really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: classes?.pageSizeInputContainer,\n          input: classes?.pageSizeInput,\n          inputRoot: classes?.pageSizeInputRoot,\n        }}\n        onChange={(event, value) => handleInputChange(event, Number(value))}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(Number(value) - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes?.pageSizeTextContainer}\n              >\n                {labels?.pageSizePrev}\n              </HvTypography>\n            </Hidden>\n            <HvSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </HvSelect>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes.pageSizeTextContainer}\n              >\n                {labels?.pageSizeEntryName}\n              </HvTypography>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography component=\"span\" id={setId(id, \"totalPages\")}>\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","defaultPageSizeOptions","HvPagination","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","cx","useClasses","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","_jsxs","_Fragment","Hidden","xsDown","HvTypography","component","pageSizeTextContainer","HvSelect","pageSizeOptionsSelect","_","val","map","option","Option","pageNavigator","ButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","pageInfo","Forwards","End"],"mappings":";;;;;;;;;;;;;;;;AAmFA,MAAMA,iBAAiB;AAAA,EACrBC,cAAc;AAAA,EACdC,mBAAmB;AAAA,EACnBC,6BAA6B;AAAA,EAC7BC,gBAAgB;AAAA,EAChBC,0BAA0B;AAAA,EAC1BC,6BAA6B;AAAA,EAC7BC,yBAAyB;AAAA,EACzBC,yBAAyB;AAAA,EACzBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC,UAAU;AAAA,EACVC,UAAU;AACZ;AAEA,MAAM;AAAA,EAAEC;AAAM,IAAIC;AAElB,MAAMC,yBAAyB,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAM/C,MAAMC,eAAeA,CAAC;AAAA,EAC3BC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC,sBAAsB;AAAA,EACtBC,kBAAkBT;AAAAA,EAClBU,WAAWV,uBAAuB,CAAC;AAAA,EACnCW,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACc,MAAM;AACjBL,QAAAA,SAASM,UAAAA,UAAUtC,gBAAgBiC,UAAU;AACnD,QAAM,CAACM,WAAWC,iBAAiB,IAAIC,mBAAalB,IAAI;AAClD,QAAA;AAAA,IAAEL;AAAAA,IAASwB;AAAAA,EAAAA,IAAOC,kBAAAA,WAAWxB,WAAW;AAExCyB,QAAAA,aAAaC,kBACjB,CAACC,YAAoB;AACnB,UAAMC,WAAmBC,MAAAA,YAAYF,SAASvB,MAAMD,KAAK;AAEzDQ,iDAAeiB;AACG,sBAAA,MAAMA,WAAW,CAAC;AAAA,KAEtC,CAACxB,MAAMD,OAAOQ,cAAcU,iBAAiB,CAC/C;AAEAS,QAAAA,UAAU,MAAM;AACV1B,QAAAA,QAAQD,SAASA,QAAQ,GAAG;AAC9BsB,iBAAWrB,IAAI;AAAA,IACjB;AAAA,EACC,GAAA,CAACqB,YAAYrB,MAAMD,KAAK,CAAC;AAE5B2B,QAAAA,UAAU,MAAM;AACVV,QAAAA,cAAchB,OAAO,GAAG;AACR,wBAAA,MAAMA,OAAO,CAAC;AAAA,IAClC;AAAA,EAAA,GAQC,CAACiB,mBAAmBjB,IAAI,CAAC;AAEtB2B,QAAAA,iBAAiBA,MACrBC,2BAAAA,IAAA,OAAA;AAAA,IAAK/B,WAAWF,QAAQkC;AAAAA,IAASC,yCAC9BC,eAAO;AAAA,MACNjC,IAAIkC,MAAAA,MAAMlC,IAAI,aAAa;AAAA,MAC3BW;AAAAA,MACAwB,YAAY;AAAA,QACV,cAAcxB,iCAAQvB;AAAAA;AAAAA,QAEtBgD,MAAM;AAAA,MACR;AAAA,MACAvC,SAAS;AAAA,QACPwC,MAAMxC,mCAASyC;AAAAA,QACfC,OAAO1C,mCAAS2C;AAAAA,QAChBC,WAAW5C,mCAAS6C;AAAAA,MACtB;AAAA,MACAC,UAAUA,CAACC,OAAOC,UAAU1B,kBAAkByB,OAAOE,OAAOD,KAAK,CAAC;AAAA,MAClEA,OAAOE,OAAO7B,SAAS;AAAA,MACvB8B,QAAQA,CAACC,KAAKJ,UAAUtB,WAAWuB,OAAOD,KAAK,IAAI,CAAC;AAAA,MACpDK,WAAWA,CAACD,KAAKJ,UACfM,SAAWF,WAAAA,KAAKxD,KAAK,KAAK8B,WAAWuB,OAAOD,KAAK,IAAI,CAAC;AAAA,MAExDO,UAAU/C,aAAa;AAAA,MACvBgD,cAAY;AAAA,MAAA,GACRtC;AAAAA,IAAAA,CACL;AAAA,EAAA,CACE;AAGP,yCACE,OAAA;AAAA,IAAKf;AAAAA,IAAQD,WAAWsB,GAAGxB,QAAQwC,MAAMtC,SAAS;AAAA,IAAE,GAAKiB;AAAAA,IAAMgB,WAC7DF,2BAAAA,IAAA,OAAA;AAAA,MAAK/B,WAAWF,QAAQO;AAAAA,MAAgB,GAAKS;AAAAA,MAAamB,UACvD7B,uBACCmD,2BAAAA,KAAAC,qBAAA;AAAA,QAAAvB,UAAA,CACEF,2BAAAA,IAAC0B,iBAAM;AAAA,UAACC,QAAM;AAAA,UAAAzB,yCACX0B,yBAAY;AAAA,YACXC,WAAU;AAAA,YACV5D,WAAWF,mCAAS+D;AAAAA,YAAsB5B,UAEzCrB,iCAAQ/B;AAAAA,UAAAA,CACG;AAAA,QAAA,CACR,GACRkD,2BAAAA,IAAC+B,gBAAQ;AAAA,UACP7D,IAAIkC,MAAAA,MAAMlC,IAAI,UAAU;AAAA,UACxBoD,UAAU/C,aAAa;AAAA,UACvBN,WAAWF,QAAQiE;AAAAA,UACnB,cAAYnD,iCAAQ7B;AAAAA,UACpB6D,UAAUA,CAACoB,GAAGC,QAAgBtD,qDAAmBsD;AAAAA,UACjDnB,OAAOxC;AAAAA,UAAS2B,UAEf5B,gBAAgB6D,IAAKC,CAAAA,0CACnBC,OAAAA,QAAM;AAAA,YAActB,OAAOqB;AAAAA,YAAOlC,UAChCkC;AAAAA,UAAM,GADIA,MAEL,CACT;AAAA,QAAA,CACO,GACVpC,2BAAAA,IAAC0B,iBAAM;AAAA,UAACC,QAAM;AAAA,UAAAzB,yCACX0B,yBAAY;AAAA,YACXC,WAAU;AAAA,YACV5D,WAAWF,QAAQ+D;AAAAA,YAAsB5B,UAExCrB,iCAAQ9B;AAAAA,UAAAA,CACG;AAAA,QAAA,CACR,CAAC;AAAA,MAAA,CACT;AAAA,IAAA,CAED,GACLyE,2BAAAA,KAAA,OAAA;AAAA,MAAKvD,WAAWF,QAAQuE;AAAAA,MAAc,GAAKtD;AAAAA,MAAekB,UAAA,CACxDF,2BAAAA,IAACuC,2BAAiB;AAAA,QAChBrE,IAAIkC,MAAAA,MAAMlC,IAAI,kBAAkB;AAAA,QAChC,cAAYW,iCAAQtB;AAAAA,QACpBU,WAAWF,QAAQyE;AAAAA,QACnBlB,UAAU,CAAC7C;AAAAA,QACXgE,SAASA,MAAMhD,WAAW,CAAC;AAAA,QAC3BiD,SAAS7D,iCAAQ3B;AAAAA,QAAyBgD,yCAEzCyC,uBAAK;AAAA,UAAC1E,WAAWF,QAAQ6E;AAAAA,UAAMC,OAAOC,MAAAA,SAAS,CAACrE,WAAW;AAAA,QAAA,CAAI;AAAA,MAAA,CAC/C,GACnBuB,2BAAAA,IAACuC,2BAAiB;AAAA,QAChBrE,IAAIkC,MAAAA,MAAMlC,IAAI,qBAAqB;AAAA,QACnC,cAAYW,iCAAQrB;AAAAA,QACpBS,WAAWF,QAAQyE;AAAAA,QACnBlB,UAAU,CAAC7C;AAAAA,QACXgE,SAASA,MAAMhD,WAAWrB,OAAO,CAAC;AAAA,QAClCsE,SAAS7D,iCAAQ1B;AAAAA,QAA4B+C,yCAE5C6C,2BAAS;AAAA,UAAC9E,WAAWF,QAAQ6E;AAAAA,UAAMC,OAAOC,MAAAA,SAAS,CAACrE,WAAW;AAAA,QAAA,CAAI;AAAA,MAAA,CACnD,GACnB+C,2BAAAA,KAAA,OAAA;AAAA,QAAKvD,WAAWF,QAAQiF;AAAAA,QAAS9C,UAAA,CAC9B1B,eACCuB,eAAe,mCAEd6B,WAAAA,cAAY;AAAA,UAACC,WAAU;AAAA,UAAM3B,UAAG,GAAE9B,OAAO;AAAA,QAAA,CAAkB,GAE9D4B,2BAAAA,IAAC4B,yBAAY;AAAA,UAACC,WAAU;AAAA,UAAM3B,UAAG,GAAErB,iCAAQ5B;AAAAA,QAAAA,CAAgC,GAC3E+C,2BAAAA,IAAC4B,yBAAY;AAAA,UAACC,WAAU;AAAA,UAAO3D,IAAIkC,MAAAA,MAAMlC,IAAI,YAAY;AAAA,UAAEgC,UACxD/B;AAAAA,QAAAA,CACW,CAAC;AAAA,MAAA,CACZ,GACL6B,2BAAAA,IAACuC,2BAAiB;AAAA,QAChBrE,IAAIkC,MAAAA,MAAMlC,IAAI,iBAAiB;AAAA,QAC/B,cAAYW,iCAAQpB;AAAAA,QACpBQ,WAAWF,QAAQyE;AAAAA,QACnBlB,UAAU,CAAC5C;AAAAA,QACX+D,SAASA,MAAMhD,WAAWrB,OAAO,CAAC;AAAA,QAClCsE,SAAS7D,iCAAQzB;AAAAA,QAAwB8C,yCAExC+C,0BAAQ;AAAA,UAAChF,WAAWF,QAAQ6E;AAAAA,UAAMC,OAAOC,MAAAA,SAAS,CAACpE,OAAO;AAAA,QAAA,CAAI;AAAA,MAAA,CAC9C,GACnBsB,2BAAAA,IAACuC,2BAAiB;AAAA,QAChBrE,IAAIkC,MAAAA,MAAMlC,IAAI,iBAAiB;AAAA,QAC/B,cAAYW,iCAAQnB;AAAAA,QACpBO,WAAWF,QAAQyE;AAAAA,QACnBlB,UAAU,CAAC5C;AAAAA,QACX+D,SAASA,MAAMhD,WAAWtB,QAAQ,CAAC;AAAA,QACnCuE,SAAS7D,iCAAQxB;AAAAA,QAAwB6C,yCAExCgD,qBAAG;AAAA,UAACjF,WAAWF,QAAQ6E;AAAAA,UAAMC,OAAOC,MAAAA,SAAS,CAACpE,OAAO;AAAA,QAAA,CAAI;AAAA,MAAA,CACzC,CAAC;AAAA,IAAA,CACjB,CAAC;AAAA,EAAA,CACH;AAET;;;"}