@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/modern/NavigationAnchors/NavigationAnchors.js

@@ -1,284 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { deprecatedPropType } from "@mui/material";
-import { withStyles } from "@mui/styles";
-import { HvListContainer, HvListItem } from "@hitachivantara/uikit-react-core";
-import styles from "./styles";
-import navigationOption from "./NavigationOption";
-import { jsx as _jsx } from "react/jsx-runtime";
-const RETRY_MAX = 5;
-const getScrollTop = (c = window) => {
-  if (c === window) {
-    return window.scrollY || window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop;
-  }
-  return c.scrollTop;
-};
-const verticalScrollOffset = (t, c = window) => {
-  if (c === window) {
-    var _t$getBoundingClientR;
-    return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR = t.getBoundingClientRect) === null || _t$getBoundingClientR === void 0 ? void 0 : _t$getBoundingClientR.call(t).top) || 0) + (window.scrollY || window.pageYOffset);
-  }
-  if (getComputedStyle(c).position !== "static") {
-    return t.offsetTop;
-  }
-  return t.offsetTop - c.offsetTop;
-};
-const scrollElement = (element, container, offset = 0) => {
-  const elemTop = verticalScrollOffset(element, container);
-  container.scrollTo({
-    top: elemTop - offset,
-    behavior: "smooth"
-  });
-};
-const isScrolledToTheBottom = container => {
-  const containerScrollTop = getScrollTop(container);
-  if (container === window) {
-    // accounting for cases where html/body are set to height:100%
-    const scrollHeight = document.documentElement && document.documentElement.scrollHeight || document.body.scrollHeight;
-    return containerScrollTop + window.innerHeight >= scrollHeight;
-  }
-  return containerScrollTop + container.offsetHeight >= container.scrollHeight;
-};
-
-// find the last nav item that whose top scrolled out of the container's visible area
-const findFirstVisibleElement = (container, options, offset) => {
-  const boundsTop = verticalScrollOffset(container);
-  let i = 0;
-  // find index of first element whose top is still visible inside the container
-  for (; i < options.length; i += 1) {
-    const ele = document.getElementById(options[i].value);
-    if (ele) {
-      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);
-      if (elemTop > boundsTop) {
-        break;
-      }
-    }
-  }
-
-  // return the previous index, the element that last scrolled past the top
-  return i - 1;
-};
-
-/**
- * A navigation component to help in changing views, still in development
- */
-const NavigationAnchors = _ref => {
-  let {
-      selectedIndex: selectedIndexProp = 0,
-      scrollElementId,
-      href = true,
-      onClick,
-      className,
-      classes,
-      options,
-      floating,
-      offset = 0
-    } = _ref,
-    other = _objectWithoutProperties(_ref, _excluded);
-  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);
-  const scrollEle = useRef();
-  const requestedAnimationFrame = useRef(0);
-  const lastContainerScrollTop = useRef();
-
-  // ref to use a often-changing value in useCallback, has recommended in
-  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
-  const selectedIndexRef = useRef(selectedIndex);
-  useEffect(() => {
-    selectedIndexRef.current = selectedIndex;
-  }, [selectedIndex]);
-
-  // get and store the container's dom element
-  useEffect(() => {
-    scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
-    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);
-  }, [scrollElementId]);
-  const checkScroll = useCallback(() => {
-    var _window;
-    if (requestedAnimationFrame.current === 0 && (_window = window) !== null && _window !== void 0 && _window.requestAnimationFrame) {
-      requestedAnimationFrame.current = window.requestAnimationFrame(() => {
-        requestedAnimationFrame.current = 0;
-        const firstVisibleElementIndex = findFirstVisibleElement(scrollEle.current, options, offset);
-        let newSelectedIndex = firstVisibleElementIndex;
-
-        // select the first element when all elements are bellow the container's top
-        if (firstVisibleElementIndex < 0) {
-          newSelectedIndex = 0;
-        }
-
-        // if the user has reached the bottom of the container, select the first nav item still visible
-        // (usually this selects the last nav item, when it can't reach the top the container)
-        // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour
-        if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {
-          newSelectedIndex += 1;
-        }
-        const containerScrollTop = getScrollTop(scrollEle.current);
-        const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;
-        lastContainerScrollTop.current = containerScrollTop;
-
-        // only update the selected item if the scroll direction is moving away from it
-        if (isScrollingDown) {
-          if (newSelectedIndex < selectedIndexRef.current) {
-            newSelectedIndex = selectedIndexRef.current;
-          }
-        } else if (newSelectedIndex > selectedIndexRef.current) {
-          newSelectedIndex = selectedIndexRef.current;
-        }
-        setSelectedIndex(newSelectedIndex);
-      });
-    }
-  }, [offset, options]);
-
-  // registers and unregisters the scroll listener
-  useEffect(() => {
-    if (scrollEle.current) {
-      scrollEle.current.addEventListener("scroll", checkScroll, false);
-    }
-    return () => {
-      if (scrollEle.current) {
-        scrollEle.current.removeEventListener("scroll", checkScroll);
-      }
-      if (requestedAnimationFrame.current !== 0) {
-        window.cancelAnimationFrame(requestedAnimationFrame.current);
-        requestedAnimationFrame.current = 0;
-      }
-    };
-  }, [checkScroll]);
-
-  // waits for the elements to be rendered and scrolls to the one referenced
-  // in the URL hash, if any
-  useEffect(() => {
-    let checkRenderedInterval;
-    if (href) {
-      const hashValue = document.location.hash.split("#")[1] || "";
-      const option = options.find(o => o.value === hashValue);
-      if (option) {
-        let retry = 0;
-        checkRenderedInterval = setInterval(() => {
-          const ele = document.getElementById(option.value);
-          if (ele) {
-            scrollElement(ele, scrollEle.current, option.offset || offset);
-            clearInterval(checkRenderedInterval);
-          } else {
-            retry += 1;
-            if (retry === RETRY_MAX) {
-              clearInterval(checkRenderedInterval);
-            }
-          }
-        }, 1000);
-      }
-    }
-    return () => {
-      clearInterval(checkRenderedInterval);
-    };
-
-    // we really want to run this just in the first load
-    // in fact this doesn't even belong here, the logic should be external
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const handleListItemClick = (event, id, index) => {
-    const option = options.find(o => o.value === id);
-    if (option) {
-      const ele = document.getElementById(id);
-      if (ele) {
-        scrollElement(ele, scrollEle.current, option.offset || offset);
-      }
-      if (!href && onClick) {
-        onClick(event, index, option);
-      } else if (href) {
-        window.history.pushState({}, "", `#${options[index].value}`);
-      }
-      setSelectedIndex(index);
-
-      // Safari scrolls immediately (no smooth scroll support),
-      // so this ref value must be updated asap
-      selectedIndexRef.current = index;
-    }
-  };
-  const navOptions = useMemo(() => {
-    return options.map(option => {
-      return navigationOption(option.label);
-    });
-  }, [options]);
-  return /*#__PURE__*/_jsx(HvListContainer, _objectSpread(_objectSpread({
-    interactive: true,
-    className: clsx(className, classes.root)
-  }, other), {}, {
-    children: options.map((option, index) => {
-      const NavOpt = navOptions[index];
-      return /*#__PURE__*/_jsx(HvListItem, {
-        classes: {
-          selected: classes.listItemSelected,
-          gutters: classes.listItemGutters
-        },
-        onClick: event => handleListItemClick(event, option.value, index),
-        selected: selectedIndex === index,
-        children: /*#__PURE__*/_jsx(NavOpt, {})
-      }, option.key || option.label);
-    })
-  }));
-};
-process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    listItemGutters: PropTypes.string,
-    listItemSelected: PropTypes.string
-  }).isRequired,
-  /**
-   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
-   */
-  options: PropTypes.arrayOf(PropTypes.shape({
-    key: PropTypes.string,
-    value: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
-    offset: PropTypes.number
-  })).isRequired,
-  /**
-   * True if the href location link should be applied. It will create an a element around every list item
-   */
-  href: PropTypes.bool,
-  /**
-   * A callback called on click of every list item, if the href is false
-   */
-  onClick: PropTypes.func,
-  /**
-   * Whether the anchors are always in a fixed position
-   *
-   * @deprecated Currently does nothing. Style the component instead.
-   */
-  floating: deprecatedPropType(PropTypes.bool),
-  /**
-   * Currently selected index passed from the parent.
-   */
-  selectedIndex: PropTypes.number,
-  /**
-   * The Id of the scrollable container containing displayed elements.
-   *
-   * Defaults to `window` if unspecified.
-   */
-  scrollElementId: PropTypes.string,
-  /**
-   * Defines the offset from the top of each element for getting an optimal viewing region in the container.
-   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)
-   * or to put more breathing room between the targeted element and the edges of the container.
-   *
-   * Each element can also have a specific offset via the options property.
-   */
-  offset: PropTypes.number
-} : void 0;
-export default withStyles(styles, {
-  name: "HvNavigationAnchors"
-})(NavigationAnchors);
-//# sourceMappingURL=NavigationAnchors.js.map

package/dist/modern/NavigationAnchors/NavigationAnchors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationAnchors.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n};\n\nconst isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n  selectedIndex: selectedIndexProp = 0,\n  scrollElementId,\n  href = true,\n  onClick,\n  className,\n  classes,\n  options,\n  floating,\n  offset = 0,\n  ...other\n}) => {\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, has recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  // get and store the container's dom element\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(() => {\n    if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n      requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n        requestedAnimationFrame.current = 0;\n\n        const firstVisibleElementIndex = findFirstVisibleElement(\n          scrollEle.current,\n          options,\n          offset\n        );\n\n        let newSelectedIndex = firstVisibleElementIndex;\n\n        // select the first element when all elements are bellow the container's top\n        if (firstVisibleElementIndex < 0) {\n          newSelectedIndex = 0;\n        }\n\n        // if the user has reached the bottom of the container, select the first nav item still visible\n        // (usually this selects the last nav item, when it can't reach the top the container)\n        // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n        if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n          newSelectedIndex += 1;\n        }\n\n        const containerScrollTop = getScrollTop(scrollEle.current);\n        const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n        lastContainerScrollTop.current = containerScrollTop;\n\n        // only update the selected item if the scroll direction is moving away from it\n        if (isScrollingDown) {\n          if (newSelectedIndex < selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n        } else if (newSelectedIndex > selectedIndexRef.current) {\n          newSelectedIndex = selectedIndexRef.current;\n        }\n\n        setSelectedIndex(newSelectedIndex);\n      });\n    }\n  }, [offset, options]);\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleListItemClick = (event, id, index) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset);\n      }\n\n      if (!href && onClick) {\n        onClick(event, index, option);\n      } else if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  const navOptions = useMemo(() => {\n    return options.map((option) => {\n      return navigationOption(option.label);\n    });\n  }, [options]);\n\n  return (\n    <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n      {options.map((option, index) => {\n        const NavOpt = navOptions[index];\n\n        return (\n          <HvListItem\n            classes={{\n              selected: classes.listItemSelected,\n              gutters: classes.listItemGutters,\n            }}\n            key={option.key || option.label}\n            onClick={(event) => handleListItemClick(event, option.value, index)}\n            selected={selectedIndex === index}\n          >\n            <NavOpt />\n          </HvListItem>\n        );\n      })}\n    </HvListContainer>\n  );\n};\n\nNavigationAnchors.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    listItemGutters: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * A callback called on click of every list item, if the href is false\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the anchors are always in a fixed position\n   *\n   * @deprecated Currently does nothing. Style the component instead.\n   */\n  floating: deprecatedPropType(PropTypes.bool),\n  /**\n   * Currently selected index passed from the parent.\n   */\n  selectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /**\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}

package/dist/modern/NavigationAnchors/NavigationOption.js

@@ -1,15 +0,0 @@
-import { withTooltip } from "@hitachivantara/uikit-react-core";
-const hideTooltip = evt => {
-  const isOverFlow = evt.target.children.length > 1 ? Array.of(...evt.target.children).some(child => child.scrollWidth > child.clientWidth) : evt.target.scrollWidth > evt.target.clientWidth;
-  return !isOverFlow;
-};
-const wrapperTooltip = (Component, label) => {
-  const ComponentFunction = () => Component;
-  return withTooltip(ComponentFunction, label, "top", hideTooltip);
-};
-const NavigationOption = label => {
-  const NavOpt = wrapperTooltip(label, label);
-  return NavOpt;
-};
-export default NavigationOption;
-//# sourceMappingURL=NavigationOption.js.map

package/dist/modern/NavigationAnchors/NavigationOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","NavigationOption","NavOpt"],"sources":["../../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n  const NavOpt = wrapperTooltip(label, label);\n  return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,kCAAkC;AAE9D,MAAMC,WAAW,GAAIC,GAAG,IAAK;EAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,GAC1BC,KAAK,CAACC,EAAE,CAAC,GAAGN,GAAG,CAACE,MAAM,CAACC,QAAQ,CAAC,CAACI,IAAI,CAAEC,KAAK,IAAKA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACE,WAAW,CAAC,GACvFV,GAAG,CAACE,MAAM,CAACO,WAAW,GAAGT,GAAG,CAACE,MAAM,CAACQ,WAAW;EACrD,OAAO,CAACT,UAAU;AACpB,CAAC;AAED,MAAMU,cAAc,GAAG,CAACC,SAAS,EAAEC,KAAK,KAAK;EAC3C,MAAMC,iBAAiB,GAAG,MAAMF,SAAS;EACzC,OAAOd,WAAW,CAACgB,iBAAiB,EAAED,KAAK,EAAE,KAAK,EAAEd,WAAW,CAAC;AAClE,CAAC;AAED,MAAMgB,gBAAgB,GAAIF,KAAK,IAAK;EAClC,MAAMG,MAAM,GAAGL,cAAc,CAACE,KAAK,EAAEA,KAAK,CAAC;EAC3C,OAAOG,MAAM;AACf,CAAC;AAED,eAAeD,gBAAgB"}

package/dist/modern/NavigationAnchors/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./NavigationAnchors";
-export * from "./NavigationAnchors";

package/dist/modern/NavigationAnchors/index.js

@@ -1,2 +0,0 @@
-export { default } from "./NavigationAnchors";
-//# sourceMappingURL=index.js.map

package/dist/modern/NavigationAnchors/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,qBAAqB"}

package/dist/modern/NavigationAnchors/styles.js

@@ -1,15 +0,0 @@
-const styles = theme => ({
-  root: {
-    width: 200
-  },
-  listItemGutters: {
-    padding: `0 ${theme.hv.spacing.sm}px`
-  },
-  listItemSelected: {
-    fontWeight: theme.hv.typography.highlightText.fontWeight,
-    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,
-    paddingLeft: theme.hv.spacing.sm - 2
-  }
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/NavigationAnchors/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: 200,\n  },\n\n  listItemGutters: {\n    padding: `0 ${theme.hv.spacing.sm}px`,\n  },\n  listItemSelected: {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n    paddingLeft: theme.hv.spacing.sm - 2,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT,CAAC;EAEDC,eAAe,EAAE;IACfC,OAAO,EAAG,KAAIJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAG;EACpC,CAAC;EACDC,gBAAgB,EAAE;IAChBC,UAAU,EAAET,KAAK,CAACK,EAAE,CAACK,UAAU,CAACC,aAAa,CAACF,UAAU;IACxDG,UAAU,EAAG,aAAYZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,MAAM,CAACC,KAAM,EAAC;IACxDC,WAAW,EAAEhB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG;EACrC;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM"}

package/dist/modern/NavigationSlider/Header/Header.js

@@ -1,72 +0,0 @@
-var _Backwards;
-import React from "react";
-import { withStyles } from "@mui/styles";
-import PropTypes from "prop-types";
-import { HvButton, HvTypography } from "@hitachivantara/uikit-react-core";
-import { Backwards } from "@hitachivantara/uikit-react-icons";
-import useStyles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Header = ({
-  id,
-  title,
-  showBackButton,
-  headerHeight,
-  onBackButtonClick
-}) => {
-  const classes = useStyles({
-    headerHeight
-  })();
-  const backButtonClickHandler = () => {
-    onBackButtonClick();
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    id: id,
-    className: classes.menuContainer,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: classes.button,
-      children: showBackButton && /*#__PURE__*/_jsx(HvButton, {
-        icon: true,
-        onClick: backButtonClickHandler,
-        children: _Backwards || (_Backwards = /*#__PURE__*/_jsx(Backwards, {
-          iconSize: "XS"
-        }))
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: `${classes.title} ${classes.justifyContentCenter}`,
-      children: title && /*#__PURE__*/_jsx(HvTypography, {
-        variant: "highlightText",
-        children: title
-      })
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? Header.propTypes = {
-  /**
-   * Id to be applied to the root node of the panel.
-   */
-  id: PropTypes.string,
-  /**
-   * The text to be displayed on the header.
-   */
-  title: PropTypes.string,
-  /**
-   * Flag to show / hide the back button.
-   */
-  showBackButton: PropTypes.bool,
-  /**
-   * The header height.
-   */
-  headerHeight: PropTypes.number,
-  /**
-   * Callback function triggered when the back button is clicked.
-   */
-  onBackButtonClick: PropTypes.func
-} : void 0;
-Header.defaultProps = {
-  headerHeight: 80
-};
-export default withStyles(useStyles, {
-  name: "Header"
-})(Header);
-//# sourceMappingURL=Header.js.map

package/dist/modern/NavigationSlider/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","names":["React","withStyles","PropTypes","HvButton","HvTypography","Backwards","useStyles","Header","id","title","showBackButton","headerHeight","onBackButtonClick","classes","backButtonClickHandler","menuContainer","button","justifyContentCenter","propTypes","string","bool","number","func","defaultProps","name"],"sources":["../../../../src/NavigationSlider/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\n\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Backwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport useStyles from \"./styles\";\n\nconst Header = ({ id, title, showBackButton, headerHeight, onBackButtonClick }) => {\n  const classes = useStyles({ headerHeight })();\n\n  const backButtonClickHandler = () => {\n    onBackButtonClick();\n  };\n\n  return (\n    <div id={id} className={classes.menuContainer}>\n      <div className={classes.button}>\n        {showBackButton && (\n          <HvButton icon onClick={backButtonClickHandler}>\n            <Backwards iconSize=\"XS\" />\n          </HvButton>\n        )}\n      </div>\n\n      <div className={`${classes.title} ${classes.justifyContentCenter}`}>\n        {title && <HvTypography variant=\"highlightText\">{title}</HvTypography>}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be displayed on the header.\n   */\n  title: PropTypes.string,\n  /**\n   * Flag to show / hide the back button.\n   */\n  showBackButton: PropTypes.bool,\n  /**\n   * The header height.\n   */\n  headerHeight: PropTypes.number,\n  /**\n   * Callback function triggered when the back button is clicked.\n   */\n  onBackButtonClick: PropTypes.func,\n};\n\nHeader.defaultProps = {\n  headerHeight: 80,\n};\n\nexport default withStyles(useStyles, { name: \"Header\" })(Header);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,kCAAkC;AACzE,SAASC,SAAS,QAAQ,mCAAmC;AAE7D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAAA;AAEjC,MAAMC,MAAM,GAAG,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,cAAc;EAAEC,YAAY;EAAEC;AAAkB,CAAC,KAAK;EACjF,MAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEK;EAAa,CAAC,CAAC,EAAE;EAE7C,MAAMG,sBAAsB,GAAG,MAAM;IACnCF,iBAAiB,EAAE;EACrB,CAAC;EAED,oBACE;IAAK,EAAE,EAAEJ,EAAG;IAAC,SAAS,EAAEK,OAAO,CAACE,aAAc;IAAA,wBAC5C;MAAK,SAAS,EAAEF,OAAO,CAACG,MAAO;MAAA,UAC5BN,cAAc,iBACb,KAAC,QAAQ;QAAC,IAAI;QAAC,OAAO,EAAEI,sBAAuB;QAAA,mDAC7C,KAAC,SAAS;UAAC,QAAQ,EAAC;QAAI,EAAG;MAAA;IAE9B,EACG,eAEN;MAAK,SAAS,EAAG,GAAED,OAAO,CAACJ,KAAM,IAAGI,OAAO,CAACI,oBAAqB,EAAE;MAAA,UAChER,KAAK,iBAAI,KAAC,YAAY;QAAC,OAAO,EAAC,eAAe;QAAA,UAAEA;MAAK;IAAgB,EAClE;EAAA,EACF;AAEV,CAAC;AAED,wCAAAF,MAAM,CAACW,SAAS,GAAG;EACjB;AACF;AACA;EACEV,EAAE,EAAEN,SAAS,CAACiB,MAAM;EACpB;AACF;AACA;EACEV,KAAK,EAAEP,SAAS,CAACiB,MAAM;EACvB;AACF;AACA;EACET,cAAc,EAAER,SAAS,CAACkB,IAAI;EAC9B;AACF;AACA;EACET,YAAY,EAAET,SAAS,CAACmB,MAAM;EAC9B;AACF;AACA;EACET,iBAAiB,EAAEV,SAAS,CAACoB;AAC/B,CAAC;AAEDf,MAAM,CAACgB,YAAY,GAAG;EACpBZ,YAAY,EAAE;AAChB,CAAC;AAED,eAAeV,UAAU,CAACK,SAAS,EAAE;EAAEkB,IAAI,EAAE;AAAS,CAAC,CAAC,CAACjB,MAAM,CAAC"}

package/dist/modern/NavigationSlider/Header/index.js

@@ -1,2 +0,0 @@
-export { default } from "./Header";
-//# sourceMappingURL=index.js.map

package/dist/modern/NavigationSlider/Header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NavigationSlider/Header/index.js"],"sourcesContent":["export { default } from \"./Header\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}

package/dist/modern/NavigationSlider/Header/styles.js

@@ -1,25 +0,0 @@
-import { makeStyles } from "@mui/styles";
-const styles = props => makeStyles(theme => ({
-  menuContainer: {
-    display: "grid",
-    gridTemplateColumns: "min-content auto",
-    minHeight: props.headerHeight,
-    boxShadow: "inset 0 5px 5px -3px rgb(65 65 65 / 12%)"
-  },
-  button: {
-    display: "flex",
-    alignItems: "center"
-  },
-  title: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: theme.hv.spacing.sm,
-    padding: theme.hvSpacing(0, "xs")
-  },
-  justifyContentCenter: {
-    justifyContent: "center"
-  }
-}));
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/NavigationSlider/Header/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","props","theme","menuContainer","display","gridTemplateColumns","minHeight","headerHeight","boxShadow","button","alignItems","title","justifyContent","hv","spacing","sm","padding","hvSpacing","justifyContentCenter"],"sources":["../../../../src/NavigationSlider/Header/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = (props) =>\n  makeStyles((theme) => ({\n    menuContainer: {\n      display: \"grid\",\n      gridTemplateColumns: \"min-content auto\",\n      minHeight: props.headerHeight,\n      boxShadow: \"inset 0 5px 5px -3px rgb(65 65 65 / 12%)\",\n    },\n    button: {\n      display: \"flex\",\n      alignItems: \"center\",\n    },\n    title: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      minHeight: theme.hv.spacing.sm,\n      padding: theme.hvSpacing(0, \"xs\"),\n    },\n    justifyContentCenter: { justifyContent: \"center\" },\n  }));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,MAAMC,MAAM,GAAIC,KAAK,IACnBF,UAAU,CAAEG,KAAK,KAAM;EACrBC,aAAa,EAAE;IACbC,OAAO,EAAE,MAAM;IACfC,mBAAmB,EAAE,kBAAkB;IACvCC,SAAS,EAAEL,KAAK,CAACM,YAAY;IAC7BC,SAAS,EAAE;EACb,CAAC;EACDC,MAAM,EAAE;IACNL,OAAO,EAAE,MAAM;IACfM,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLP,OAAO,EAAE,MAAM;IACfM,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBN,SAAS,EAAEJ,KAAK,CAACW,EAAE,CAACC,OAAO,CAACC,EAAE;IAC9BC,OAAO,EAAEd,KAAK,CAACe,SAAS,CAAC,CAAC,EAAE,IAAI;EAClC,CAAC;EACDC,oBAAoB,EAAE;IAAEN,cAAc,EAAE;EAAS;AACnD,CAAC,CAAC,CAAC;AAEL,eAAeZ,MAAM"}

package/dist/modern/NavigationSlider/Navigation/Navigation.js

@@ -1,88 +0,0 @@
-var _DropRightXS, _div;
-import React from "react";
-import { withStyles } from "@mui/styles";
-import PropTypes from "prop-types";
-import { HvListContainer, HvListItem, HvButton } from "@hitachivantara/uikit-react-core";
-import { DropRightXS } from "@hitachivantara/uikit-react-icons";
-import styles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Navigation = ({
-  id,
-  classes,
-  data,
-  selected,
-  onNavigateToTarget,
-  onNavigateToChild
-}) => {
-  return /*#__PURE__*/_jsx(HvListContainer, {
-    interactive: true,
-    id: id,
-    children: data.map(item => /*#__PURE__*/_jsx(HvListItem, {
-      classes: {
-        root: classes.listItemRoot,
-        selected: classes.listItemSelected
-      },
-      onClick: event => onNavigateToTarget(event, item),
-      selected: selected === item.id,
-      startAdornment: item.icon,
-      endAdornment: item.data && item.data.length > 0 ? /*#__PURE__*/_jsx(HvButton, {
-        icon: true,
-        onClick: event => onNavigateToChild(event, item),
-        children: _DropRightXS || (_DropRightXS = /*#__PURE__*/_jsx(DropRightXS, {}))
-      }) : _div || (_div = /*#__PURE__*/_jsx("div", {})),
-      children: /*#__PURE__*/_jsx("span", {
-        children: item.label
-      })
-    }, item.id))
-  });
-};
-process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
-  /**
-   * Id to be applied to the root node of the panel.
-   */
-  id: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * styles object applied to the root
-     */
-    listItemRoot: PropTypes.string,
-    listItemSelected: PropTypes.string
-  }).isRequired,
-  /**
-   * An array containing the data for each menu item.
-   *
-   * id - the id to be applied to the root element.
-   * label - the label to be rendered on the menu item.
-   * icon - the icon react element
-   * data - sub-menu items
-   * href - the url used for navigation.
-   * target - the behavior when opening an url.
-   */
-  data: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
-    icon: PropTypes.node,
-    data: PropTypes.array,
-    href: PropTypes.string,
-    target: PropTypes.string
-  })).isRequired,
-  /**
-   * The selected item id.
-   */
-  selected: PropTypes.string,
-  /**
-   * Triggered when the item is clicked.
-   */
-  onNavigateToTarget: PropTypes.func,
-  /**
-   * Triggered when the navigate to child button is clicked.
-   */
-  onNavigateToChild: PropTypes.func
-} : void 0;
-export default withStyles(styles, {
-  name: "Navigation"
-})(Navigation);
-//# sourceMappingURL=Navigation.js.map

package/dist/modern/NavigationSlider/Navigation/Navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.js","names":["React","withStyles","PropTypes","HvListContainer","HvListItem","HvButton","DropRightXS","styles","Navigation","id","classes","data","selected","onNavigateToTarget","onNavigateToChild","map","item","root","listItemRoot","listItemSelected","event","icon","length","label","propTypes","string","shape","isRequired","arrayOf","node","array","href","target","func","name"],"sources":["../../../../src/NavigationSlider/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\n\nimport { HvListContainer, HvListItem, HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nconst Navigation = ({ id, classes, data, selected, onNavigateToTarget, onNavigateToChild }) => {\n  return (\n    <HvListContainer interactive id={id}>\n      {data.map((item) => (\n        <HvListItem\n          key={item.id}\n          classes={{\n            root: classes.listItemRoot,\n            selected: classes.listItemSelected,\n          }}\n          onClick={(event) => onNavigateToTarget(event, item)}\n          selected={selected === item.id}\n          startAdornment={item.icon}\n          endAdornment={\n            item.data && item.data.length > 0 ? (\n              <HvButton icon onClick={(event) => onNavigateToChild(event, item)}>\n                <DropRightXS />\n              </HvButton>\n            ) : (\n              <div />\n            )\n          }\n        >\n          <span>{item.label}</span>\n        </HvListItem>\n      ))}\n    </HvListContainer>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    listItemRoot: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * icon - the icon react element\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * The selected item id.\n   */\n  selected: PropTypes.string,\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget: PropTypes.func,\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"Navigation\" })(Navigation);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,kCAAkC;AACxF,SAASC,WAAW,QAAQ,mCAAmC;AAE/D,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,UAAU,GAAG,CAAC;EAAEC,EAAE;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,kBAAkB;EAAEC;AAAkB,CAAC,KAAK;EAC7F,oBACE,KAAC,eAAe;IAAC,WAAW;IAAC,EAAE,EAAEL,EAAG;IAAA,UACjCE,IAAI,CAACI,GAAG,CAAEC,IAAI,iBACb,KAAC,UAAU;MAET,OAAO,EAAE;QACPC,IAAI,EAAEP,OAAO,CAACQ,YAAY;QAC1BN,QAAQ,EAAEF,OAAO,CAACS;MACpB,CAAE;MACF,OAAO,EAAGC,KAAK,IAAKP,kBAAkB,CAACO,KAAK,EAAEJ,IAAI,CAAE;MACpD,QAAQ,EAAEJ,QAAQ,KAAKI,IAAI,CAACP,EAAG;MAC/B,cAAc,EAAEO,IAAI,CAACK,IAAK;MAC1B,YAAY,EACVL,IAAI,CAACL,IAAI,IAAIK,IAAI,CAACL,IAAI,CAACW,MAAM,GAAG,CAAC,gBAC/B,KAAC,QAAQ;QAAC,IAAI;QAAC,OAAO,EAAGF,KAAK,IAAKN,iBAAiB,CAACM,KAAK,EAAEJ,IAAI,CAAE;QAAA,uDAChE,KAAC,WAAW,KAAG;MAAA,EACN,gCAEX,eAAO,CAEV;MAAA,uBAED;QAAA,UAAOA,IAAI,CAACO;MAAK;IAAQ,GAlBpBP,IAAI,CAACP,EAAE,CAoBf;EAAC,EACc;AAEtB,CAAC;AAED,wCAAAD,UAAU,CAACgB,SAAS,GAAG;EACrB;AACF;AACA;EACEf,EAAE,EAAEP,SAAS,CAACuB,MAAM;EACpB;AACF;AACA;EACEf,OAAO,EAAER,SAAS,CAACwB,KAAK,CAAC;IACvB;AACJ;AACA;IACIR,YAAY,EAAEhB,SAAS,CAACuB,MAAM;IAC9BN,gBAAgB,EAAEjB,SAAS,CAACuB;EAC9B,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEhB,IAAI,EAAET,SAAS,CAAC0B,OAAO,CACrB1B,SAAS,CAACwB,KAAK,CAAC;IACdjB,EAAE,EAAEP,SAAS,CAACuB,MAAM,CAACE,UAAU;IAC/BJ,KAAK,EAAErB,SAAS,CAACuB,MAAM,CAACE,UAAU;IAClCN,IAAI,EAAEnB,SAAS,CAAC2B,IAAI;IACpBlB,IAAI,EAAET,SAAS,CAAC4B,KAAK;IACrBC,IAAI,EAAE7B,SAAS,CAACuB,MAAM;IACtBO,MAAM,EAAE9B,SAAS,CAACuB;EACpB,CAAC,CAAC,CACH,CAACE,UAAU;EACZ;AACF;AACA;EACEf,QAAQ,EAAEV,SAAS,CAACuB,MAAM;EAC1B;AACF;AACA;EACEZ,kBAAkB,EAAEX,SAAS,CAAC+B,IAAI;EAClC;AACF;AACA;EACEnB,iBAAiB,EAAEZ,SAAS,CAAC+B;AAC/B,CAAC;AAED,eAAehC,UAAU,CAACM,MAAM,EAAE;EAAE2B,IAAI,EAAE;AAAa,CAAC,CAAC,CAAC1B,UAAU,CAAC"}

package/dist/modern/NavigationSlider/Navigation/index.js

@@ -1,2 +0,0 @@
-export { default } from "./Navigation";
-//# sourceMappingURL=index.js.map

package/dist/modern/NavigationSlider/Navigation/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NavigationSlider/Navigation/index.js"],"sourcesContent":["export { default } from \"./Navigation\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc"}

package/dist/modern/NavigationSlider/Navigation/styles.js

@@ -1,21 +0,0 @@
-const styles = theme => ({
-  listItemRoot: {
-    display: "flex",
-    alignItems: "center",
-    borderLeft: `2px solid transparent`,
-    minHeight: "52px",
-    marginBottom: "8px",
-    "& > button": {
-      marginLeft: "auto"
-    }
-  },
-  listItemSelected: {
-    background: theme.hv.palette.atmosphere.atmo3,
-    borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,
-    "& *": {
-      background: theme.hv.palette.atmosphere.atmo3
-    }
-  }
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/NavigationSlider/Navigation/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","listItemRoot","display","alignItems","borderLeft","minHeight","marginBottom","marginLeft","listItemSelected","background","hv","palette","atmosphere","atmo3","accent","acce3"],"sources":["../../../../src/NavigationSlider/Navigation/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  listItemRoot: {\n    display: \"flex\",\n    alignItems: \"center\",\n    borderLeft: `2px solid transparent`,\n    minHeight: \"52px\",\n    marginBottom: \"8px\",\n    \"& > button\": {\n      marginLeft: \"auto\",\n    },\n  },\n  listItemSelected: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n    \"& *\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,YAAY,EAAE;IACZC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,UAAU,EAAG,uBAAsB;IACnCC,SAAS,EAAE,MAAM;IACjBC,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE;MACZC,UAAU,EAAE;IACd;EACF,CAAC;EACDC,gBAAgB,EAAE;IAChBC,UAAU,EAAET,KAAK,CAACU,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;IAC7CT,UAAU,EAAG,aAAYJ,KAAK,CAACU,EAAE,CAACC,OAAO,CAACG,MAAM,CAACC,KAAM,EAAC;IACxD,KAAK,EAAE;MACLN,UAAU,EAAET,KAAK,CAACU,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;IAC1C;EACF;AACF,CAAC,CAAC;AAEF,eAAed,MAAM"}