@nulogy/components 16.1.0 → 17.0.0

package/dist/esm/utils/useScrollLock.js

@@ -0,0 +1,53 @@
+import { useState, useRef, useLayoutEffect, useEffect } from "react";
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+const IS_SERVER = typeof window === "undefined";
+function useScrollLock(options = {}) {
+  const { autoLock = true, lockTarget, widthReflow = true } = options;
+  const [isLocked, setIsLocked] = useState(false);
+  const target = useRef(null);
+  const originalStyle = useRef(null);
+  const lock = () => {
+    if (target.current) {
+      const { overflow, paddingRight } = target.current.style;
+      originalStyle.current = { overflow, paddingRight };
+      if (widthReflow) {
+        const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;
+        const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;
+        const scrollbarWidth = offsetWidth - target.current.scrollWidth;
+        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;
+      }
+      target.current.style.overflow = "hidden";
+      setIsLocked(true);
+    }
+  };
+  const unlock = () => {
+    if (target.current && originalStyle.current) {
+      target.current.style.overflow = originalStyle.current.overflow;
+      if (widthReflow) {
+        target.current.style.paddingRight = originalStyle.current.paddingRight;
+      }
+    }
+    setIsLocked(false);
+  };
+  useIsomorphicLayoutEffect(() => {
+    if (IS_SERVER) return;
+    if (lockTarget) {
+      target.current = typeof lockTarget === "string" ? document.querySelector(lockTarget) : lockTarget;
+    }
+    if (!target.current) {
+      target.current = document.body;
+    }
+    if (autoLock) {
+      lock();
+    }
+    return () => {
+      unlock();
+    };
+  }, [autoLock, lockTarget, widthReflow]);
+  return { isLocked, lock, unlock };
+}
+export {
+  useIsomorphicLayoutEffect,
+  useScrollLock
+};
+//# sourceMappingURL=useScrollLock.js.map

package/dist/esm/utils/useScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.js","sources":["../../../src/utils/useScrollLock.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { useEffect, useLayoutEffect } from \"react\";\n\nexport const useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n/** Hook options. */\ntype UseScrollLockOptions = {\n  /**\n   * Whether to lock the scroll initially.\n   * @default true\n   */\n  autoLock?: boolean;\n  /**\n   * The target element to lock the scroll (default is the body element).\n   * @default document.body\n   */\n  lockTarget?: HTMLElement | string;\n  /**\n   * Whether to prevent width reflow when locking the scroll.\n   * @default true\n   */\n  widthReflow?: boolean;\n};\n\n/** Hook return type. */\ntype UseScrollLockReturn = {\n  /** Whether the scroll is locked. */\n  isLocked: boolean;\n  /** Lock the scroll. */\n  lock: () => void;\n  /** Unlock the scroll. */\n  unlock: () => void;\n};\n\ntype OriginalStyle = {\n  overflow: CSSStyleDeclaration[\"overflow\"];\n  paddingRight: CSSStyleDeclaration[\"paddingRight\"];\n};\n\nconst IS_SERVER = typeof window === \"undefined\";\n\n/**\n * A custom hook that locks and unlocks scroll.\n * @param {UseScrollLockOptions} [options] - Options to configure the hook, by default it will lock the scroll automatically.\n * @returns {UseScrollLockReturn} - An object containing the lock and unlock functions.\n * @public\n * @see [Documentation](https://usehooks-ts.com/react-hook/use-scroll-lock)\n * @example\n * ```tsx\n * // Lock the scroll when the modal is mounted, and unlock it when it's unmounted\n * useScrollLock()\n * ```\n * @example\n * ```tsx\n * // Manually lock and unlock the scroll\n * const { lock, unlock } = useScrollLock({ autoLock: false })\n *\n * return (\n *  <div>\n *   <button onClick={lock}>Lock</button>\n *   <button onClick={unlock}>Unlock</button>\n *  </div>\n * )\n * ```\n */\nexport function useScrollLock(options: UseScrollLockOptions = {}): UseScrollLockReturn {\n  const { autoLock = true, lockTarget, widthReflow = true } = options;\n  const [isLocked, setIsLocked] = useState(false);\n  const target = useRef<HTMLElement | null>(null);\n  const originalStyle = useRef<OriginalStyle | null>(null);\n\n  const lock = () => {\n    if (target.current) {\n      const { overflow, paddingRight } = target.current.style;\n\n      // Save the original styles\n      originalStyle.current = { overflow, paddingRight };\n\n      // Prevent width reflow\n      if (widthReflow) {\n        // Use window inner width if body is the target as global scrollbar isn't part of the document\n        const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n        // Get current computed padding right in pixels\n        const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n\n        const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n      }\n\n      // Lock the scroll\n      target.current.style.overflow = \"hidden\";\n\n      setIsLocked(true);\n    }\n  };\n\n  const unlock = () => {\n    if (target.current && originalStyle.current) {\n      target.current.style.overflow = originalStyle.current.overflow;\n\n      // Only reset padding right if we changed it\n      if (widthReflow) {\n        target.current.style.paddingRight = originalStyle.current.paddingRight;\n      }\n    }\n\n    setIsLocked(false);\n  };\n\n  useIsomorphicLayoutEffect(() => {\n    if (IS_SERVER) return;\n\n    if (lockTarget) {\n      target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n    }\n\n    if (!target.current) {\n      target.current = document.body;\n    }\n\n    if (autoLock) {\n      lock();\n    }\n\n    return () => {\n      unlock();\n    };\n  }, [autoLock, lockTarget, widthReflow]);\n\n  return { isLocked, lock, unlock };\n}\n"],"names":[],"mappings":";AAGO,MAAM,4BAA4B,OAAO,WAAW,cAAc,kBAAkB;AAoC3F,MAAM,YAAY,OAAO,WAAW;AA0B7B,SAAS,cAAc,UAAgC,IAAyB;AACrF,QAAM,EAAE,WAAW,MAAM,YAAY,cAAc,SAAS;AAC5D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,SAAS,OAA2B,IAAI;AAC9C,QAAM,gBAAgB,OAA6B,IAAI;AAEvD,QAAM,OAAO,MAAM;AACjB,QAAI,OAAO,SAAS;AAClB,YAAM,EAAE,UAAU,aAAA,IAAiB,OAAO,QAAQ;AAGlD,oBAAc,UAAU,EAAE,UAAU,aAAA;AAGpC,UAAI,aAAa;AAEf,cAAM,cAAc,OAAO,YAAY,SAAS,OAAO,OAAO,aAAa,OAAO,QAAQ;AAE1F,cAAM,sBAAsB,SAAS,OAAO,iBAAiB,OAAO,OAAO,EAAE,cAAc,EAAE,KAAK;AAElG,cAAM,iBAAiB,cAAc,OAAO,QAAQ;AACpD,eAAO,QAAQ,MAAM,eAAe,GAAG,iBAAiB,mBAAmB;AAAA,MAC7E;AAGA,aAAO,QAAQ,MAAM,WAAW;AAEhC,kBAAY,IAAI;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,SAAS,MAAM;AACnB,QAAI,OAAO,WAAW,cAAc,SAAS;AAC3C,aAAO,QAAQ,MAAM,WAAW,cAAc,QAAQ;AAGtD,UAAI,aAAa;AACf,eAAO,QAAQ,MAAM,eAAe,cAAc,QAAQ;AAAA,MAC5D;AAAA,IACF;AAEA,gBAAY,KAAK;AAAA,EACnB;AAEA,4BAA0B,MAAM;AAC9B,QAAI,UAAW;AAEf,QAAI,YAAY;AACd,aAAO,UAAU,OAAO,eAAe,WAAW,SAAS,cAAc,UAAU,IAAI;AAAA,IACzF;AAEA,QAAI,CAAC,OAAO,SAAS;AACnB,aAAO,UAAU,SAAS;AAAA,IAC5B;AAEA,QAAI,UAAU;AACZ,WAAA;AAAA,IACF;AAEA,WAAO,MAAM;AACX,aAAA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,YAAY,WAAW,CAAC;AAEtC,SAAO,EAAE,UAAU,MAAM,OAAA;AAC3B;"}

package/dist/esm/utils/useWindowDimensions.js

@@ -0,0 +1,52 @@
+import { useState, useEffect } from "react";
+import convertPxToNumber from "./convertPxToNumber.js";
+import { useTheme } from "styled-components";
+const xlargeBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.extraLarge);
+const largeBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.large);
+const mediumBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.medium);
+const smallBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.small);
+const xSmallBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.extraSmall);
+const getWindowDimensionInfo = (width, height, theme) => ({
+  width,
+  height,
+  widthBreakpoints: {
+    xlargeBreakpoint: xlargeBreakpoint(theme),
+    largeBreakpoint: largeBreakpoint(theme),
+    mediumBreakpoint: mediumBreakpoint(theme),
+    smallBreakpoint: smallBreakpoint(theme),
+    xSmallBreakpoint: xSmallBreakpoint(theme),
+    isXlargeScreen: width >= xlargeBreakpoint(theme),
+    isLargeScreen: width >= largeBreakpoint(theme) && width < xlargeBreakpoint(theme),
+    isMediumScreen: width >= mediumBreakpoint(theme) && width < largeBreakpoint(theme),
+    isSmallScreen: width >= smallBreakpoint(theme) && width < mediumBreakpoint(theme),
+    isSmallestScreen: width >= xSmallBreakpoint(theme) && width < smallBreakpoint(theme),
+    isGreaterThanLargeScreen: width >= largeBreakpoint(theme),
+    isGreaterThanMediumScreen: width >= mediumBreakpoint(theme),
+    isGreaterThanSmallScreen: width >= smallBreakpoint(theme)
+  }
+});
+const useWindowDimensions = () => {
+  const hasWindow = typeof window !== "undefined";
+  const theme = useTheme();
+  const getWindowDimensions = () => {
+    const width = hasWindow ? window.innerWidth : null;
+    const height = hasWindow ? window.innerHeight : null;
+    return getWindowDimensionInfo(width, height, theme);
+  };
+  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+  useEffect(() => {
+    if (hasWindow) {
+      const handleResize = () => {
+        setWindowDimensions(getWindowDimensions());
+      };
+      window.addEventListener("resize", handleResize);
+      return () => window.removeEventListener("resize", handleResize);
+    }
+  });
+  return windowDimensions;
+};
+export {
+  useWindowDimensions as default,
+  getWindowDimensionInfo
+};
+//# sourceMappingURL=useWindowDimensions.js.map

package/dist/esm/utils/useWindowDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowDimensions.js","sources":["../../../src/utils/useWindowDimensions.js"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport convertPxToNumber from \"./convertPxToNumber\";\nimport { useTheme } from \"styled-components\";\n\nconst xlargeBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.extraLarge);\nconst largeBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.large);\nconst mediumBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.medium);\nconst smallBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.small);\nconst xSmallBreakpoint = (theme) => convertPxToNumber(theme.breakpoints.extraSmall);\n\nexport const getWindowDimensionInfo = (width, height, theme) => ({\n  width,\n  height,\n  widthBreakpoints: {\n    xlargeBreakpoint: xlargeBreakpoint(theme),\n    largeBreakpoint: largeBreakpoint(theme),\n    mediumBreakpoint: mediumBreakpoint(theme),\n    smallBreakpoint: smallBreakpoint(theme),\n    xSmallBreakpoint: xSmallBreakpoint(theme),\n    isXlargeScreen: width >= xlargeBreakpoint(theme),\n    isLargeScreen: width >= largeBreakpoint(theme) && width < xlargeBreakpoint(theme),\n    isMediumScreen: width >= mediumBreakpoint(theme) && width < largeBreakpoint(theme),\n    isSmallScreen: width >= smallBreakpoint(theme) && width < mediumBreakpoint(theme),\n    isSmallestScreen: width >= xSmallBreakpoint(theme) && width < smallBreakpoint(theme),\n    isGreaterThanLargeScreen: width >= largeBreakpoint(theme),\n    isGreaterThanMediumScreen: width >= mediumBreakpoint(theme),\n    isGreaterThanSmallScreen: width >= smallBreakpoint(theme),\n  },\n});\n\nconst useWindowDimensions = () => {\n  const hasWindow = typeof window !== \"undefined\";\n  const theme = useTheme();\n\n  const getWindowDimensions = () => {\n    const width = hasWindow ? window.innerWidth : null;\n    const height = hasWindow ? window.innerHeight : null;\n    return getWindowDimensionInfo(width, height, theme);\n  };\n\n  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());\n\n  useEffect(() => {\n    if (hasWindow) {\n      const handleResize = () => {\n        setWindowDimensions(getWindowDimensions());\n      };\n\n      window.addEventListener(\"resize\", handleResize);\n      return () => window.removeEventListener(\"resize\", handleResize);\n    }\n  });\n\n  return windowDimensions;\n};\n\nexport default useWindowDimensions;\n"],"names":[],"mappings":";;;AAIA,MAAM,mBAAmB,CAAC,UAAU,kBAAkB,MAAM,YAAY,UAAU;AAClF,MAAM,kBAAkB,CAAC,UAAU,kBAAkB,MAAM,YAAY,KAAK;AAC5E,MAAM,mBAAmB,CAAC,UAAU,kBAAkB,MAAM,YAAY,MAAM;AAC9E,MAAM,kBAAkB,CAAC,UAAU,kBAAkB,MAAM,YAAY,KAAK;AAC5E,MAAM,mBAAmB,CAAC,UAAU,kBAAkB,MAAM,YAAY,UAAU;AAEtE,MAAC,yBAAyB,CAAC,OAAO,QAAQ,WAAW;AAAA,EAC/D;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,IAChB,kBAAkB,iBAAiB,KAAK;AAAA,IACxC,iBAAiB,gBAAgB,KAAK;AAAA,IACtC,kBAAkB,iBAAiB,KAAK;AAAA,IACxC,iBAAiB,gBAAgB,KAAK;AAAA,IACtC,kBAAkB,iBAAiB,KAAK;AAAA,IACxC,gBAAgB,SAAS,iBAAiB,KAAK;AAAA,IAC/C,eAAe,SAAS,gBAAgB,KAAK,KAAK,QAAQ,iBAAiB,KAAK;AAAA,IAChF,gBAAgB,SAAS,iBAAiB,KAAK,KAAK,QAAQ,gBAAgB,KAAK;AAAA,IACjF,eAAe,SAAS,gBAAgB,KAAK,KAAK,QAAQ,iBAAiB,KAAK;AAAA,IAChF,kBAAkB,SAAS,iBAAiB,KAAK,KAAK,QAAQ,gBAAgB,KAAK;AAAA,IACnF,0BAA0B,SAAS,gBAAgB,KAAK;AAAA,IACxD,2BAA2B,SAAS,iBAAiB,KAAK;AAAA,IAC1D,0BAA0B,SAAS,gBAAgB,KAAK;AAAA,EAC5D;AACA;AAEK,MAAC,sBAAsB,MAAM;AAChC,QAAM,YAAY,OAAO,WAAW;AACpC,QAAM,QAAQ,SAAQ;AAEtB,QAAM,sBAAsB,MAAM;AAChC,UAAM,QAAQ,YAAY,OAAO,aAAa;AAC9C,UAAM,SAAS,YAAY,OAAO,cAAc;AAChD,WAAO,uBAAuB,OAAO,QAAQ,KAAK;AAAA,EACpD;AAEA,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,oBAAmB,CAAE;AAE9E,YAAU,MAAM;AACd,QAAI,WAAW;AACb,YAAM,eAAe,MAAM;AACzB,4BAAoB,oBAAmB,CAAE;AAAA,MAC3C;AAEA,aAAO,iBAAiB,UAAU,YAAY;AAC9C,aAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,IAChE;AAAA,EACF,CAAC;AAED,SAAO;AACT;"}

package/dist/esm/utils/withMenuState.js

@@ -0,0 +1,85 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import keyCodes from "../constants/keyCodes.js";
+class MenuStateInt extends React__default.Component {
+}
+class MenuState extends MenuStateInt {
+  constructor(props) {
+    super(props);
+    const { defaultOpen } = this.props;
+    this.state = {
+      isOpen: defaultOpen
+    };
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.toggleMenu = this.toggleMenu.bind(this);
+    this.openMenu = this.openMenu.bind(this);
+    this.closeMenu = this.closeMenu.bind(this);
+  }
+  componentDidMount() {
+    document.addEventListener("keydown", this.handleKeyDown);
+  }
+  componentWillUnmount() {
+    document.removeEventListener("keydown", this.handleKeyDown);
+    this.clearScheduled();
+  }
+  setMenuState(nextIsOpenState, skipDelay) {
+    const { showDelay, hideDelay } = this.props;
+    this.clearScheduled();
+    this.conditionallyApplyDelay(
+      () => this.setState({ isOpen: nextIsOpenState }),
+      nextIsOpenState ? showDelay : hideDelay,
+      skipDelay
+    );
+  }
+  toggleMenu(skipDelay) {
+    const { isOpen } = this.state;
+    const { showDelay, hideDelay } = this.props;
+    this.clearScheduled();
+    this.conditionallyApplyDelay(
+      () => this.setState((prevState) => ({ isOpen: !prevState.isOpen })),
+      isOpen ? hideDelay : showDelay,
+      skipDelay
+    );
+  }
+  closeMenu(skipDelay) {
+    this.setMenuState(false, skipDelay);
+  }
+  openMenu(skipDelay) {
+    this.setMenuState(true, skipDelay);
+  }
+  clearScheduled() {
+    clearTimeout(this.timeoutID);
+  }
+  conditionallyApplyDelay(fnc, delay, skipDelay = true) {
+    if (!skipDelay) {
+      this.timeoutID = setTimeout(fnc, delay);
+    } else {
+      fnc();
+    }
+  }
+  handleKeyDown(event) {
+    switch (event.keyCode) {
+      case keyCodes.ESC:
+        this.closeMenu(false);
+        break;
+    }
+  }
+  render() {
+    const { isOpen } = this.state;
+    const { children: renderMenu } = this.props;
+    return renderMenu({
+      isOpen,
+      toggleMenu: this.toggleMenu,
+      handleMenuKeydown: this.handleKeyDown,
+      openMenu: this.openMenu,
+      closeMenu: this.closeMenu
+    });
+  }
+}
+function withMenuState(MenuComponent) {
+  return (props) => /* @__PURE__ */ jsx(MenuState, { showDelay: props.showDelay, hideDelay: props.hideDelay, defaultOpen: props.defaultOpen, children: (menuComponentProps) => /* @__PURE__ */ jsx(MenuComponent, { menuState: menuComponentProps, ...props }) });
+}
+export {
+  withMenuState as default
+};
+//# sourceMappingURL=withMenuState.js.map

package/dist/esm/utils/withMenuState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withMenuState.js","sources":["../../../src/utils/withMenuState.tsx"],"sourcesContent":["import React from \"react\";\nimport { keyCodes } from \"../constants\";\n\nexport type WithMenuStateProps = {\n  children?: any;\n  showDelay?: string | number;\n  hideDelay?: string | number;\n  defaultOpen?: boolean;\n};\n\nclass MenuStateInt extends React.Component<WithMenuStateProps, any> {\n  timeoutID: any;\n}\n\nclass MenuState extends MenuStateInt {\n  constructor(props) {\n    super(props);\n\n    const { defaultOpen } = this.props;\n\n    this.state = {\n      isOpen: defaultOpen,\n    };\n\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.toggleMenu = this.toggleMenu.bind(this);\n    this.openMenu = this.openMenu.bind(this);\n    this.closeMenu = this.closeMenu.bind(this);\n  }\n\n  componentDidMount() {\n    document.addEventListener(\"keydown\", this.handleKeyDown);\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener(\"keydown\", this.handleKeyDown);\n    this.clearScheduled();\n  }\n\n  setMenuState(nextIsOpenState, skipDelay) {\n    const { showDelay, hideDelay } = this.props;\n\n    this.clearScheduled();\n    this.conditionallyApplyDelay(\n      () => this.setState({ isOpen: nextIsOpenState }),\n      nextIsOpenState ? showDelay : hideDelay,\n      skipDelay\n    );\n  }\n\n  toggleMenu(skipDelay) {\n    const { isOpen } = this.state;\n    const { showDelay, hideDelay } = this.props;\n\n    this.clearScheduled();\n    this.conditionallyApplyDelay(\n      () => this.setState((prevState) => ({ isOpen: !prevState.isOpen })),\n      isOpen ? hideDelay : showDelay,\n      skipDelay\n    );\n  }\n\n  closeMenu(skipDelay) {\n    this.setMenuState(false, skipDelay);\n  }\n\n  openMenu(skipDelay) {\n    this.setMenuState(true, skipDelay);\n  }\n\n  clearScheduled() {\n    clearTimeout(this.timeoutID);\n  }\n\n  conditionallyApplyDelay(fnc, delay, skipDelay = true) {\n    if (!skipDelay) {\n      this.timeoutID = setTimeout(fnc, delay);\n    } else {\n      fnc();\n    }\n  }\n\n  handleKeyDown(event) {\n    switch (event.keyCode) {\n      case keyCodes.ESC:\n        this.closeMenu(false);\n        break;\n      default:\n        break;\n    }\n  }\n\n  render() {\n    const { isOpen } = this.state;\n    const { children: renderMenu } = this.props;\n\n    return renderMenu({\n      isOpen,\n      toggleMenu: this.toggleMenu,\n      handleMenuKeydown: this.handleKeyDown,\n      openMenu: this.openMenu,\n      closeMenu: this.closeMenu,\n    });\n  }\n}\n\nexport type AcceptsMenuStateProps = {\n  menuState?: any;\n};\n\nfunction withMenuState<P extends AcceptsMenuStateProps>(\n  MenuComponent: React.JSXElementConstructor<P>\n): React.JSXElementConstructor<P & WithMenuStateProps> {\n  return (props) => (\n    <MenuState showDelay={props.showDelay} hideDelay={props.hideDelay} defaultOpen={props.defaultOpen}>\n      {(menuComponentProps) => <MenuComponent menuState={menuComponentProps} {...props} />}\n    </MenuState>\n  );\n}\n\nexport default withMenuState;\n"],"names":["React"],"mappings":";;;AAUA,MAAM,qBAAqBA,eAAM,UAAmC;AAEpE;AAEA,MAAM,kBAAkB,aAAa;AAAA,EACnC,YAAY,OAAO;AACjB,UAAM,KAAK;AAEX,UAAM,EAAE,gBAAgB,KAAK;AAE7B,SAAK,QAAQ;AAAA,MACX,QAAQ;AAAA,IAAA;AAGV,SAAK,gBAAgB,KAAK,cAAc,KAAK,IAAI;AACjD,SAAK,aAAa,KAAK,WAAW,KAAK,IAAI;AAC3C,SAAK,WAAW,KAAK,SAAS,KAAK,IAAI;AACvC,SAAK,YAAY,KAAK,UAAU,KAAK,IAAI;AAAA,EAC3C;AAAA,EAEA,oBAAoB;AAClB,aAAS,iBAAiB,WAAW,KAAK,aAAa;AAAA,EACzD;AAAA,EAEA,uBAAuB;AACrB,aAAS,oBAAoB,WAAW,KAAK,aAAa;AAC1D,SAAK,eAAA;AAAA,EACP;AAAA,EAEA,aAAa,iBAAiB,WAAW;AACvC,UAAM,EAAE,WAAW,UAAA,IAAc,KAAK;AAEtC,SAAK,eAAA;AACL,SAAK;AAAA,MACH,MAAM,KAAK,SAAS,EAAE,QAAQ,iBAAiB;AAAA,MAC/C,kBAAkB,YAAY;AAAA,MAC9B;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,WAAW,WAAW;AACpB,UAAM,EAAE,WAAW,KAAK;AACxB,UAAM,EAAE,WAAW,UAAA,IAAc,KAAK;AAEtC,SAAK,eAAA;AACL,SAAK;AAAA,MACH,MAAM,KAAK,SAAS,CAAC,eAAe,EAAE,QAAQ,CAAC,UAAU,OAAA,EAAS;AAAA,MAClE,SAAS,YAAY;AAAA,MACrB;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,UAAU,WAAW;AACnB,SAAK,aAAa,OAAO,SAAS;AAAA,EACpC;AAAA,EAEA,SAAS,WAAW;AAClB,SAAK,aAAa,MAAM,SAAS;AAAA,EACnC;AAAA,EAEA,iBAAiB;AACf,iBAAa,KAAK,SAAS;AAAA,EAC7B;AAAA,EAEA,wBAAwB,KAAK,OAAO,YAAY,MAAM;AACpD,QAAI,CAAC,WAAW;AACd,WAAK,YAAY,WAAW,KAAK,KAAK;AAAA,IACxC,OAAO;AACL,UAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc,OAAO;AACnB,YAAQ,MAAM,SAAA;AAAA,MACZ,KAAK,SAAS;AACZ,aAAK,UAAU,KAAK;AACpB;AAAA,IAEA;AAAA,EAEN;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,WAAW,KAAK;AACxB,UAAM,EAAE,UAAU,WAAA,IAAe,KAAK;AAEtC,WAAO,WAAW;AAAA,MAChB;AAAA,MACA,YAAY,KAAK;AAAA,MACjB,mBAAmB,KAAK;AAAA,MACxB,UAAU,KAAK;AAAA,MACf,WAAW,KAAK;AAAA,IAAA,CACjB;AAAA,EACH;AACF;AAMA,SAAS,cACP,eACqD;AACrD,SAAO,CAAC,UACN,oBAAC,WAAA,EAAU,WAAW,MAAM,WAAW,WAAW,MAAM,WAAW,aAAa,MAAM,aACnF,WAAC,uBAAuB,oBAAC,iBAAc,WAAW,oBAAqB,GAAG,MAAA,CAAO,EAAA,CACpF;AAEJ;"}