@hitachivantara/uikit-react-core 5.0.2 → 5.1.1

package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { setId, wrapperTooltip } from \"~/utils\";\nimport { useControlled } from \"~/hooks\";\nimport {\n  HvVerticalNavigationTreeView,\n  HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n  HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"../\";\nimport { HvBaseProps } from \"../../../types\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\n\nexport interface NavigationData {\n  /**\n   * the id to be applied to the root element.\n   */\n  id: string;\n  /**\n   * the label to be rendered on the menu item.\n   */\n  label: string;\n  /**\n   * The url for the link.\n   */\n  href?: string;\n  /**\n   * The behavior when opening a link.\n   */\n  target?: string;\n  /**\n   * Icon to be render.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Data subset.\n   */\n  data?: NavigationData[];\n  /**\n   * if `true` the item is disabled and is not interactive.\n   */\n  disabled?: boolean;\n  /**\n   * if `true` the item doesn't have a selected state.\n   */\n  selectable?: boolean;\n  /**\n   * Any other properties.\n   */\n  [otherProperty: string]: any;\n}\n\nconst createListHierarchy = (\n  items,\n  id,\n  classes?: HvVerticalNavigationTreeClasses\n) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <HvVerticalNavigationTreeViewItem\n        id={setId(id, itemId)}\n        className={classes?.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </HvVerticalNavigationTreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter(\n    (item) => item.data != null && item.data.length > 0\n  );\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path: string[] = [];\n\n  if (data != null && data.length > 0) {\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  ...others\n}: HvVerticalNavigationTreeProps) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n    },\n    [onChange, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n    },\n    [onToggle, setExpanded]\n  );\n\n  const {\n    isOpen,\n    collapsedMode,\n    slider,\n\n    parentItem,\n    withParentData,\n    navigateToChildHandler,\n\n    setParentData,\n    setParentSelected,\n  } = useContext(VerticalNavigationContext);\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  useEffect(() => {\n    if (setParentSelected) setParentSelected(selected);\n  }, [selected, setSelected]);\n\n  useEffect(() => {\n    if (setParentData) setParentData(data);\n  }, [data]);\n\n  //navigation slider\n  const navigateToTargetHandler = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  return (\n    <StyledNav\n      id={id}\n      className={clsx(\n        className,\n        verticalNavigationTreeClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode == \"simple\" &&\n          clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n      )}\n      {...others}\n    >\n      {slider ? (\n        <HvVerticalNavigationSlider\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n        />\n      ) : (\n        <HvVerticalNavigationTreeView\n          id={setId(id, \"tree\")}\n          className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n          selectable\n          mode={mode}\n          collapsible={collapsible}\n          selected={selected}\n          onChange={handleChange}\n          expanded={expanded}\n          onToggle={handleToggle}\n        >\n          {children}\n        </HvVerticalNavigationTreeView>\n      )}\n    </StyledNav>\n  );\n};\n\nexport type HvVerticalNavigationTreeProps = HvBaseProps<\n  HTMLDivElement,\n  { onChange }\n> & {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * The ID of the selected page.\n   */\n  selected?: string;\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected?: string;\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange?: (event, page) => void;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded?: string[] | boolean;\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\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   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n};\n\nexport type NavigationMode = \"treeview\" | \"navigation\" | \"slider\";\n"],"names":["createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","handleChange","useCallback","event","selectedId","selectedItem","handleToggle","newExpanded","isOpen","collapsedMode","slider","parentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","useMemo","useEffect","navigateToTargetHandler","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","HvVerticalNavigationSlider","onNavigateToTarget","onNavigateToChild","HvVerticalNavigationTreeView","list"],"mappings":"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"}
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext, useEffect, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport { useControlled } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  HvVerticalNavigationTreeView,\n  HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n  HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"../\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { HvVerticalNavigationPopup } from \"../NavigationPopup/NavigationPopup\";\n\nexport interface NavigationData {\n  /**\n   * the id to be applied to the root element.\n   */\n  id: string;\n  /**\n   * the label to be rendered on the menu item.\n   */\n  label: string;\n  /**\n   * The url for the link.\n   */\n  href?: string;\n  /**\n   * The behavior when opening a link.\n   */\n  target?: string;\n  /**\n   * Icon to be render.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Data subset.\n   */\n  data?: NavigationData[];\n  /**\n   * if `true` the item is disabled and is not interactive.\n   */\n  disabled?: boolean;\n  /**\n   * if `true` the item doesn't have a selected state.\n   */\n  selectable?: boolean;\n  /**\n   * Any other properties.\n   */\n  [otherProperty: string]: any;\n}\n\nconst createListHierarchy = (\n  items,\n  id,\n  classes?: HvVerticalNavigationTreeClasses,\n  mouseEnterHandler?: (event, item) => void,\n  disableTooltip = false\n) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    const itemMouseEnterHandler = (event) => {\n      mouseEnterHandler?.(event, item);\n    };\n\n    return (\n      <HvVerticalNavigationTreeViewItem\n        id={setId(id, itemId)}\n        className={classes?.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n        onMouseEnter={itemMouseEnterHandler}\n        disableTooltip={disableTooltip}\n      >\n        {children\n          ? createListHierarchy(\n              children,\n              id,\n              classes,\n              mouseEnterHandler,\n              disableTooltip\n            )\n          : undefined}\n      </HvVerticalNavigationTreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter(\n    (item) => item.data != null && item.data.length > 0\n  );\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path: string[] = [];\n\n  if (data != null && data.length > 0) {\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  ...others\n}: HvVerticalNavigationTreeProps) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const {\n    isOpen,\n    collapsedMode,\n    slider,\n\n    parentItem,\n    withParentData,\n    navigateToChildHandler,\n\n    setParentData,\n    setParentSelected,\n  } = useContext(VerticalNavigationContext);\n\n  const [navigationPopup, setNavigationPopup] = useState<{\n    // This value is needed to guarantee that the NavigationPopup is fully re-rendered with keeping any previous values\n    uniqueKey: string;\n    anchorEl: HTMLButtonElement | null;\n    fixedMode: boolean;\n    data: NavigationData[];\n  } | null>(null);\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (collapsedMode === \"icon\" && !isOpen && selectedItem.data) {\n        const currentEventTarget = event.currentTarget;\n        setNavigationPopup((prevState) => {\n          // We want to close the popup in case the clicked element is the same as the previous one\n          return prevState?.anchorEl === currentEventTarget\n            ? null\n            : {\n                uniqueKey: uniqueId(),\n                anchorEl: currentEventTarget,\n                fixedMode: true,\n                data: selectedItem.data,\n              };\n        });\n\n        // We need this stopPropagation or else the Popup will close due to the clickaway being triggered\n        event.stopPropagation();\n      } else {\n        setSelected(selectedId);\n        setNavigationPopup(null);\n        if (onChange) {\n          onChange(event, selectedItem);\n        }\n      }\n    },\n    [onChange, setSelected]\n  );\n\n  const treeViewItemMouseEnterHandler = (event, item) => {\n    const isCollapsedMode = collapsedMode === \"icon\" && !isOpen;\n\n    if (isCollapsedMode && item.data && !navigationPopup?.fixedMode) {\n      const currentEventTarget = event.currentTarget;\n\n      setNavigationPopup?.({\n        uniqueKey: uniqueId(),\n        anchorEl: currentEventTarget,\n        fixedMode: false,\n        data: item.data,\n      });\n    } else if (isCollapsedMode && !item.data && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n    },\n    [onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () =>\n      data &&\n      createListHierarchy(\n        data,\n        id,\n        classes,\n        treeViewItemMouseEnterHandler,\n        navigationPopup?.fixedMode\n      ),\n    [classes, data, id, navigationPopup, isOpen]\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      setNavigationPopup?.(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (setParentSelected) setParentSelected(selected);\n  }, [selected, setSelected]);\n\n  useEffect(() => {\n    if (setParentData) setParentData(data);\n  }, [data]);\n\n  //navigation slider\n  const navigateToTargetHandler = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleNavigationPopupClose = () => {\n    setNavigationPopup(null);\n  };\n\n  const handleStyledNavMouseLeave = () => {\n    if (collapsedMode === \"icon\" && !isOpen && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  return (\n    <StyledNav\n      id={id}\n      className={clsx(\n        className,\n        verticalNavigationTreeClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode == \"simple\" &&\n          clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n      )}\n      onMouseLeave={handleStyledNavMouseLeave}\n      {...others}\n    >\n      {slider ? (\n        <HvVerticalNavigationSlider\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n        />\n      ) : (\n        <HvVerticalNavigationTreeView\n          id={setId(id, \"tree\")}\n          className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n          selectable\n          mode={mode}\n          collapsible={collapsible}\n          selected={selected}\n          onChange={handleChange}\n          expanded={expanded}\n          onToggle={handleToggle}\n        >\n          {collapsedMode === \"icon\" && !isOpen && navigationPopup && (\n            <HvVerticalNavigationPopup\n              id={setId(id, \"navigation-popup\")}\n              key={navigationPopup.uniqueKey}\n              anchorEl={navigationPopup.anchorEl}\n              selected={selected}\n              fixedMode={navigationPopup.fixedMode}\n              data={navigationPopup.data}\n              onClose={handleNavigationPopupClose}\n              onChange={handleChange}\n            />\n          )}\n          {children}\n        </HvVerticalNavigationTreeView>\n      )}\n    </StyledNav>\n  );\n};\n\nexport interface HvVerticalNavigationTreeProps\n  extends HvBaseProps<HTMLDivElement, { onChange }> {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * The ID of the selected page.\n   */\n  selected?: string;\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected?: string;\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange?: (event, page) => void;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded?: string[] | boolean;\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\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   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n}\n\nexport type NavigationMode = \"treeview\" | \"navigation\" | \"slider\";\n"],"names":["createListHierarchy","items","id","classes","mouseEnterHandler","disableTooltip","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","itemMouseEnterHandler","event","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","onMouseEnter","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","isOpen","collapsedMode","slider","parentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","navigationPopup","setNavigationPopup","useState","handleChange","useCallback","selectedId","selectedItem","currentEventTarget","currentTarget","prevState","anchorEl","uniqueKey","uniqueId","fixedMode","stopPropagation","treeViewItemMouseEnterHandler","isCollapsedMode","handleToggle","newExpanded","useMemo","useEffect","navigateToTargetHandler","handleNavigationPopupClose","handleStyledNavMouseLeave","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","onMouseLeave","HvVerticalNavigationSlider","onNavigateToTarget","onNavigateToChild","_jsxs","HvVerticalNavigationTreeView","list","HvVerticalNavigationPopup","onClose"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.styles.cjs

@@ -16,7 +16,10 @@ const StyledNav = /* @__PURE__ */ _styled__default.default("nav", process.env.NO
   overflowY: "auto",
   [`&.${navigationClasses.default.collapsed}`]: {
     display: "none"
+  },
+  [`&.${navigationClasses.default.popup}`]: {
+    boxShadow: "inset 5px 0 5px -3px rgb(65 65 65 / 12%)"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9OYXZpZ2F0aW9uL05hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IG5hdmlnYXRpb25DbGFzc2VzIGZyb20gXCIuL25hdmlnYXRpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXYgPSBzdHlsZWQoXCJuYXZcIikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9OYXZpZ2F0aW9uL05hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IG5hdmlnYXRpb25DbGFzc2VzIGZyb20gXCIuL25hdmlnYXRpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXYgPSBzdHlsZWQoXCJuYXZcIikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxuXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnBvcHVwfWBdOiB7XG4gICAgYm94U2hhZG93OiBcImluc2V0IDVweCAwIDVweCAtM3B4IHJnYig2NSA2NSA2NSAvIDEyJSlcIixcbiAgfSxcbn0pO1xuIl19 */");
 exports.StyledNav = StyledNav;
 //# sourceMappingURL=Navigation.styles.cjs.map

package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport navigationClasses from \"./navigationClasses\";\n\nexport const StyledNav = styled(\"nav\")({\n  display: \"block\",\n  background: theme.colors.atmo1,\n\n  overflowY: \"auto\",\n\n  [`&.${navigationClasses.collapsed}`]: {\n    display: \"none\",\n  },\n});\n"],"names":["StyledNav","_styled","process","env","NODE_ENV","target","label","display","background","theme","colors","atmo1","overflowY","navigationClasses","collapsed"],"mappings":";;;;;;;AAIO,MAAMA,YAAmBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,EAEzBC,WAAW;AAAA,EAEX,CAAE,KAAIC,0BAAkBC,WAAW,GAAG;AAAA,IACpCP,SAAS;AAAA,EACX;AACF,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,y/BAAA;;"}
+{"version":3,"file":"Navigation.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport navigationClasses from \"./navigationClasses\";\n\nexport const StyledNav = styled(\"nav\")({\n  display: \"block\",\n  background: theme.colors.atmo1,\n\n  overflowY: \"auto\",\n\n  [`&.${navigationClasses.collapsed}`]: {\n    display: \"none\",\n  },\n\n  [`&.${navigationClasses.popup}`]: {\n    boxShadow: \"inset 5px 0 5px -3px rgb(65 65 65 / 12%)\",\n  },\n});\n"],"names":["StyledNav","_styled","process","env","NODE_ENV","target","label","display","background","theme","colors","atmo1","overflowY","navigationClasses","collapsed","popup","boxShadow"],"mappings":";;;;;;;AAIO,MAAMA,YAAmBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,EAEzBC,WAAW;AAAA,EAEX,CAAE,KAAIC,0BAAkBC,WAAW,GAAG;AAAA,IACpCP,SAAS;AAAA,EACX;AAAA,EAEA,CAAE,KAAIM,0BAAkBE,OAAO,GAAG;AAAA,IAChCC,WAAW;AAAA,EACb;AACF,GAACd,QAAAC,IAAAC,aAAC,eAAA,KAAA,yoCAAA;;"}

package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../../utils/classes.cjs");
-const classKeys = ["root", "list", "listItem", "collapsed"];
+const classKeys = ["root", "list", "listItem", "collapsed", "popup"];
 const verticalNavigationTreeClasses = classes.getClasses(classKeys, "HvVerticalNavigationTree");
 const verticalNavigationTreeClasses$1 = verticalNavigationTreeClasses;
 exports.default = verticalNavigationTreeClasses$1;

package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvVerticalNavigationTreeClasses = {\n  root?: string;\n  list?: string;\n  listItem?: string;\n  collapsed?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"list\", \"listItem\", \"collapsed\"];\n\nconst verticalNavigationTreeClasses =\n  getClasses<HvVerticalNavigationTreeClasses>(\n    classKeys,\n    \"HvVerticalNavigationTree\"\n  );\n\nexport default verticalNavigationTreeClasses;\n"],"names":["classKeys","verticalNavigationTreeClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAAC,QAAQ,QAAQ,YAAY,WAAW;AAEpE,MAAMC,gCACJC,QACEF,WAAAA,WACA,0BAA0B;AAG9B,MAAA,kCAAeC;;"}
+{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvVerticalNavigationTreeClasses {\n  root?: string;\n  list?: string;\n  listItem?: string;\n  collapsed?: string;\n  popup?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"list\", \"listItem\", \"collapsed\", \"popup\"];\n\nconst verticalNavigationTreeClasses =\n  getClasses<HvVerticalNavigationTreeClasses>(\n    classKeys,\n    \"HvVerticalNavigationTree\"\n  );\n\nexport default verticalNavigationTreeClasses;\n"],"names":["classKeys","verticalNavigationTreeClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAsB,CAAC,QAAQ,QAAQ,YAAY,aAAa,OAAO;AAE7E,MAAMC,gCACJC,QACEF,WAAAA,WACA,0BAA0B;AAG9B,MAAA,kCAAeC;;"}

package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const material = require("@mui/material");
+const clsx = require("clsx");
+const NavigationPopup_styles = require("./NavigationPopup.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const VerticalNavigation = require("../VerticalNavigation.cjs");
+const Navigation = require("../Navigation/Navigation.cjs");
+const navigationClasses = require("../Navigation/navigationClasses.cjs");
+const setId = require("../../../utils/setId.cjs");
+const HvVerticalNavigationPopup = ({
+  id,
+  anchorEl,
+  fixedMode,
+  onClose,
+  data,
+  selected,
+  onChange
+}) => {
+  const handleClickAway = () => {
+    onClose == null ? void 0 : onClose();
+  };
+  const handleChange = (event, selectedItem) => {
+    onChange(event, selectedItem.id, selectedItem);
+  };
+  const handleMouseLeave = () => {
+    if (!fixedMode) {
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Popper, {
+    open: true,
+    anchorEl,
+    placement: "right-start",
+    children: /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, {
+      onClickAway: handleClickAway,
+      children: /* @__PURE__ */ jsxRuntime.jsx(NavigationPopup_styles.StyledPopupContainer, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(VerticalNavigation.HvVerticalNavigation, {
+          open: true,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Navigation.HvVerticalNavigationTree, {
+            className: clsx.clsx(navigationClasses.default.popup),
+            id: setId.setId(id, "tree"),
+            collapsible: true,
+            defaultExpanded: true,
+            selected,
+            onChange: handleChange,
+            data,
+            onMouseLeave: handleMouseLeave
+          })
+        })
+      })
+    })
+  });
+};
+exports.HvVerticalNavigationPopup = HvVerticalNavigationPopup;
+//# sourceMappingURL=NavigationPopup.cjs.map

package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPopup.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationPopup/NavigationPopup.tsx"],"sourcesContent":["import { Popper, ClickAwayListener } from \"@mui/material\";\nimport { clsx } from \"clsx\";\n\nimport {\n  NavigationData,\n  HvVerticalNavigationTree,\n  HvVerticalNavigation,\n  verticalNavigationTreeClasses,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\n\nimport { StyledPopupContainer } from \"./NavigationPopup.styles\";\n\nexport interface HvVerticalNavigationPopupProps {\n  id?: string;\n  anchorEl?: HTMLElement | null;\n  fixedMode?: boolean;\n  data?: NavigationData[];\n  selected?: string;\n  onClose?: () => void;\n  onChange?: any;\n}\n\nexport const HvVerticalNavigationPopup = ({\n  id,\n  anchorEl,\n  fixedMode,\n  onClose,\n  data,\n  selected,\n  onChange,\n}: HvVerticalNavigationPopupProps) => {\n  const handleClickAway = () => {\n    onClose?.();\n  };\n\n  const handleChange = (event, selectedItem) => {\n    onChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleMouseLeave = () => {\n    if (!fixedMode) {\n      onClose?.();\n    }\n  };\n\n  return (\n    <Popper open anchorEl={anchorEl} placement=\"right-start\">\n      <ClickAwayListener onClickAway={handleClickAway}>\n        <StyledPopupContainer>\n          <HvVerticalNavigation open>\n            <HvVerticalNavigationTree\n              className={clsx(verticalNavigationTreeClasses.popup)}\n              id={setId(id, \"tree\")}\n              collapsible\n              defaultExpanded\n              selected={selected}\n              onChange={handleChange}\n              data={data}\n              onMouseLeave={handleMouseLeave}\n            />\n          </HvVerticalNavigation>\n        </StyledPopupContainer>\n      </ClickAwayListener>\n    </Popper>\n  );\n};\n"],"names":["HvVerticalNavigationPopup","id","anchorEl","fixedMode","onClose","data","selected","onChange","handleClickAway","handleChange","event","selectedItem","handleMouseLeave","Popper","open","placement","children","ClickAwayListener","onClickAway","StyledPopupContainer","HvVerticalNavigation","HvVerticalNavigationTree","className","clsx","verticalNavigationTreeClasses","popup","setId","collapsible","defaultExpanded","onMouseLeave"],"mappings":";;;;;;;;;;AAuBO,MAAMA,4BAA4BA,CAAC;AAAA,EACxCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAC8B,MAAM;AACpC,QAAMC,kBAAkBA,MAAM;AACjB;AAAA,EAAA;AAGPC,QAAAA,eAAeA,CAACC,OAAOC,iBAAiB;AACnCD,aAAAA,OAAOC,aAAaV,IAAIU,YAAY;AAAA,EAAA;AAG/C,QAAMC,mBAAmBA,MAAM;AAC7B,QAAI,CAACT,WAAW;AACH;AAAA,IACb;AAAA,EAAA;AAGF,wCACGU,SAAAA,QAAM;AAAA,IAACC,MAAI;AAAA,IAACZ;AAAAA,IAAoBa,WAAU;AAAA,IAAaC,yCACrDC,4BAAiB;AAAA,MAACC,aAAaV;AAAAA,MAAgBQ,yCAC7CG,6CAAoB;AAAA,QAAAH,yCAClBI,yCAAoB;AAAA,UAACN,MAAI;AAAA,UAAAE,yCACvBK,qCAAwB;AAAA,YACvBC,WAAWC,KAAAA,KAAKC,kBAAAA,QAA8BC,KAAK;AAAA,YACnDxB,IAAIyB,MAAAA,MAAMzB,IAAI,MAAM;AAAA,YACpB0B,aAAW;AAAA,YACXC,iBAAe;AAAA,YACftB;AAAAA,YACAC,UAAUE;AAAAA,YACVJ;AAAAA,YACAwB,cAAcjB;AAAAA,UAAAA,CAAiB;AAAA,QAAA,CAC/B;AAAA,MAAA,CACmB;AAAA,IAAA,CACF;AAAA,EAAA,CAElB;AAEb;;"}

package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs

@@ -0,0 +1,16 @@
+"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 StyledPopupContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "es2o9lp0"
+} : {
+  target: "es2o9lp0",
+  label: "StyledPopupContainer"
+})({
+  marginLeft: uikitStyles.theme.spacing("xs")
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL05hdmlnYXRpb25Qb3B1cC9OYXZpZ2F0aW9uUG9wdXAuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vTmF2aWdhdGlvblBvcHVwL05hdmlnYXRpb25Qb3B1cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcHVwQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2luZyhcInhzXCIpLFxufSk7XG4iXX0= */");
+exports.StyledPopupContainer = StyledPopupContainer;
+//# sourceMappingURL=NavigationPopup.styles.cjs.map

package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPopup.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledPopupContainer = styled(\"div\")({\n  marginLeft: theme.spacing(\"xs\"),\n});\n"],"names":["StyledPopupContainer","_styled","process","env","NODE_ENV","target","label","marginLeft","theme","spacing"],"mappings":";;;;;;AAIO,MAAMA,uBAA8BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAChDC,YAAYC,YAAAA,MAAMC,QAAQ,IAAI;AAChC,GAACP,QAAAC,IAAAC,aAAC,eAAA,KAAA,yzBAAA;;"}

package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs

@@ -7,8 +7,6 @@ const navigationSliderClasses = require("./navigationSliderClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListContainer = require("../../ListContainer/ListContainer.cjs");
 const Button = require("../../Button/Button.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvVerticalNavigationSlider = ({
   id,
   classes,
@@ -23,7 +21,7 @@ const HvVerticalNavigationSlider = ({
     children: data && data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(NavigationSlider_styles.StyledListItem, {
       classes: {
         root: classes == null ? void 0 : classes.root,
-        selected: clsx__default.default(classes == null ? void 0 : classes.listItemSelected, navigationSliderClasses.default.listItemSelected)
+        selected: clsx.clsx(classes == null ? void 0 : classes.listItemSelected, navigationSliderClasses.default.listItemSelected)
       },
       onClick: (event) => {
         if (onNavigateToTarget)

package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSlider.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { HvButton, HvListContainer, NavigationData } from \"~/components\";\nimport { StyledListItem } from \"./NavigationSlider.styles\";\nimport verticalNavigationSliderClasses, {\n  HvVerticalNavigationSliderClasses,\n} from \"./navigationSliderClasses\";\n\nexport type HvVerticalNavigationSliderProps = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationSliderClasses;\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?: NavigationData[];\n  /**\n   * The selected item id.\n   */\n  selected?: string;\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget?: (\n    event: React.MouseEvent<HTMLLIElement>,\n    item: NavigationData\n  ) => void;\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    item: NavigationData\n  ) => void;\n};\n\nexport const HvVerticalNavigationSlider = ({\n  id,\n  classes,\n  data,\n  selected,\n  onNavigateToTarget,\n  onNavigateToChild,\n}: HvVerticalNavigationSliderProps) => {\n  return (\n    <HvListContainer interactive id={id}>\n      {data &&\n        data.map((item) => (\n          <StyledListItem\n            key={item.id}\n            classes={{\n              root: classes?.root,\n              selected: clsx(\n                classes?.listItemSelected,\n                verticalNavigationSliderClasses.listItemSelected\n              ),\n            }}\n            onClick={(event) => {\n              if (onNavigateToTarget) onNavigateToTarget(event, item);\n            }}\n            selected={selected === item.id}\n            startAdornment={item.icon}\n            endAdornment={\n              item.data && item.data.length > 0 ? (\n                <HvButton\n                  variant=\"secondaryGhost\"\n                  icon\n                  onClick={(event) => {\n                    if (onNavigateToChild) onNavigateToChild(event, item);\n                  }}\n                >\n                  <DropRightXS />\n                </HvButton>\n              ) : (\n                <div />\n              )\n            }\n          >\n            <span>{item.label}</span>\n          </StyledListItem>\n        ))}\n    </HvListContainer>\n  );\n};\n"],"names":["HvVerticalNavigationSlider","id","classes","data","selected","onNavigateToTarget","onNavigateToChild","HvListContainer","interactive","children","map","item","StyledListItem","root","clsx","listItemSelected","verticalNavigationSliderClasses","onClick","event","startAdornment","icon","endAdornment","length","HvButton","variant","_jsx","DropRightXS","label"],"mappings":";;;;;;;;;;;AAgDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAC+B,MAAM;AACrC,wCACGC,cAAAA,iBAAe;AAAA,IAACC,aAAW;AAAA,IAACP;AAAAA,IAAOQ,UACjCN,QACCA,KAAKO,IAAKC,CAAAA,wCACPC,wCAAc;AAAA,MAEbV,SAAS;AAAA,QACPW,MAAMX,mCAASW;AAAAA,QACfT,UAAUU,cAAAA,QACRZ,mCAASa,kBACTC,wBAAAA,QAAgCD,gBAAgB;AAAA,MAEpD;AAAA,MACAE,SAAUC,CAAU,UAAA;AACdb,YAAAA;AAAoBA,6BAAmBa,OAAOP,IAAI;AAAA,MACxD;AAAA,MACAP,UAAUA,aAAaO,KAAKV;AAAAA,MAC5BkB,gBAAgBR,KAAKS;AAAAA,MACrBC,cACEV,KAAKR,QAAQQ,KAAKR,KAAKmB,SAAS,mCAC7BC,iBAAQ;AAAA,QACPC,SAAQ;AAAA,QACRJ,MAAI;AAAA,QACJH,SAAUC,CAAU,UAAA;AACdZ,cAAAA;AAAmBA,8BAAkBY,OAAOP,IAAI;AAAA,QACtD;AAAA,QAAEF,UAEFgB,2BAAAA,IAACC,gBAAW,aAAA,EAAA;AAAA,MAAA,CACH,IAIdD,2BAAAA,IAAA,OAAA,EAAA;AAAA,MAAAhB,yCAED,QAAA;AAAA,QAAAA,UAAOE,KAAKgB;AAAAA,MAAAA,CAAK;AAAA,IAAA,GA7BZhB,KAAKV,EAAE,CA+Bf;AAAA,EAAA,CACa;AAEtB;;"}
+{"version":3,"file":"NavigationSlider.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { HvButton, HvListContainer, NavigationData } from \"@core/components\";\nimport { StyledListItem } from \"./NavigationSlider.styles\";\nimport verticalNavigationSliderClasses, {\n  HvVerticalNavigationSliderClasses,\n} from \"./navigationSliderClasses\";\n\nexport interface HvVerticalNavigationSliderProps {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationSliderClasses;\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?: NavigationData[];\n  /**\n   * The selected item id.\n   */\n  selected?: string;\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget?: (\n    event: React.MouseEvent<HTMLLIElement>,\n    item: NavigationData\n  ) => void;\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    item: NavigationData\n  ) => void;\n}\n\nexport const HvVerticalNavigationSlider = ({\n  id,\n  classes,\n  data,\n  selected,\n  onNavigateToTarget,\n  onNavigateToChild,\n}: HvVerticalNavigationSliderProps) => {\n  return (\n    <HvListContainer interactive id={id}>\n      {data &&\n        data.map((item) => (\n          <StyledListItem\n            key={item.id}\n            classes={{\n              root: classes?.root,\n              selected: clsx(\n                classes?.listItemSelected,\n                verticalNavigationSliderClasses.listItemSelected\n              ),\n            }}\n            onClick={(event) => {\n              if (onNavigateToTarget) onNavigateToTarget(event, item);\n            }}\n            selected={selected === item.id}\n            startAdornment={item.icon}\n            endAdornment={\n              item.data && item.data.length > 0 ? (\n                <HvButton\n                  variant=\"secondaryGhost\"\n                  icon\n                  onClick={(event) => {\n                    if (onNavigateToChild) onNavigateToChild(event, item);\n                  }}\n                >\n                  <DropRightXS />\n                </HvButton>\n              ) : (\n                <div />\n              )\n            }\n          >\n            <span>{item.label}</span>\n          </StyledListItem>\n        ))}\n    </HvListContainer>\n  );\n};\n"],"names":["HvVerticalNavigationSlider","id","classes","data","selected","onNavigateToTarget","onNavigateToChild","HvListContainer","interactive","children","map","item","StyledListItem","root","clsx","listItemSelected","verticalNavigationSliderClasses","onClick","event","startAdornment","icon","endAdornment","length","HvButton","variant","_jsx","DropRightXS","label"],"mappings":";;;;;;;;;AAgDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAC+B,MAAM;AACrC,wCACGC,cAAAA,iBAAe;AAAA,IAACC,aAAW;AAAA,IAACP;AAAAA,IAAOQ,UACjCN,QACCA,KAAKO,IAAKC,CAAAA,wCACPC,wCAAc;AAAA,MAEbV,SAAS;AAAA,QACPW,MAAMX,mCAASW;AAAAA,QACfT,UAAUU,KAAAA,KACRZ,mCAASa,kBACTC,wBAAAA,QAAgCD,gBAAgB;AAAA,MAEpD;AAAA,MACAE,SAAUC,CAAU,UAAA;AACdb,YAAAA;AAAoBA,6BAAmBa,OAAOP,IAAI;AAAA,MACxD;AAAA,MACAP,UAAUA,aAAaO,KAAKV;AAAAA,MAC5BkB,gBAAgBR,KAAKS;AAAAA,MACrBC,cACEV,KAAKR,QAAQQ,KAAKR,KAAKmB,SAAS,mCAC7BC,iBAAQ;AAAA,QACPC,SAAQ;AAAA,QACRJ,MAAI;AAAA,QACJH,SAAUC,CAAU,UAAA;AACdZ,cAAAA;AAAmBA,8BAAkBY,OAAOP,IAAI;AAAA,QACtD;AAAA,QAAEF,UAEFgB,2BAAAA,IAACC,gBAAW,aAAA,EAAA;AAAA,MAAA,CACH,IAIdD,2BAAAA,IAAA,OAAA,EAAA;AAAA,MAAAhB,yCAED,QAAA;AAAA,QAAAA,UAAOE,KAAKgB;AAAAA,MAAAA,CAAK;AAAA,IAAA,GA7BZhB,KAAKV,EAAE,CA+Bf;AAAA,EAAA,CACa;AAEtB;;"}

package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.cjs

@@ -33,6 +33,6 @@ const StyledListItem = /* @__PURE__ */ _styled__default.default(ListItem.HvListI
       background: uikitStyles.theme.colors.atmo3
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL05hdmlnYXRpb25TbGlkZXIvTmF2aWdhdGlvblNsaWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9OYXZpZ2F0aW9uU2xpZGVyL05hdmlnYXRpb25TbGlkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZMaXN0SXRlbSwgbGlzdEl0ZW1DbGFzc2VzIH0gZnJvbSBcIn4vY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoSHZMaXN0SXRlbSkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm9yZGVyTGVmdDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmluYWN0aXZlQm9yZGVyTGVmdCxcbiAgbWluSGVpZ2h0OiBcIjQ4cHhcIixcbiAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICBcIiYgPiBidXR0b25cIjoge1xuICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICB9LFxuXG4gIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy5zZWxlY3RlZH1gXToge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBib3JkZXJMZWZ0OiB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uYWN0aXZlQm9yZGVyTGVmdCxcbiAgICBcIiYgKlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcbiAgfSxcblxuICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuZm9jdXN9YF06IHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgXCImICpcIjoge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL05hdmlnYXRpb25TbGlkZXIvTmF2aWdhdGlvblNsaWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9OYXZpZ2F0aW9uU2xpZGVyL05hdmlnYXRpb25TbGlkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZMaXN0SXRlbSwgbGlzdEl0ZW1DbGFzc2VzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKEh2TGlzdEl0ZW0pKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5pbmFjdGl2ZUJvcmRlckxlZnQsXG4gIG1pbkhlaWdodDogXCI0OHB4XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI4cHhcIixcbiAgXCImID4gYnV0dG9uXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcblxuICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuc2VsZWN0ZWR9YF06IHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgYm9yZGVyTGVmdDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmFjdGl2ZUJvcmRlckxlZnQsXG4gICAgXCImICpcIjoge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIH0sXG4gIH0sXG5cbiAgW2AmLiR7bGlzdEl0ZW1DbGFzc2VzLmZvY3VzfWBdOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIFwiJiAqXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
 exports.StyledListItem = StyledListItem;
 //# sourceMappingURL=NavigationSlider.styles.cjs.map

package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSlider.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvListItem, listItemClasses } from \"~/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledListItem = styled(HvListItem)({\n  display: \"flex\",\n  alignItems: \"center\",\n  borderLeft: theme.verticalNavigation.inactiveBorderLeft,\n  minHeight: \"48px\",\n  marginBottom: \"8px\",\n  \"& > button\": {\n    marginLeft: \"auto\",\n  },\n\n  [`&.${listItemClasses.selected}`]: {\n    background: theme.colors.atmo3,\n    borderLeft: theme.verticalNavigation.activeBorderLeft,\n    \"& *\": {\n      background: theme.colors.atmo3,\n    },\n  },\n\n  [`&.${listItemClasses.focus}`]: {\n    background: theme.colors.atmo3,\n    \"& *\": {\n      background: theme.colors.atmo3,\n    },\n  },\n});\n"],"names":["StyledListItem","HvListItem","process","env","NODE_ENV","target","label","display","alignItems","borderLeft","theme","verticalNavigation","inactiveBorderLeft","minHeight","marginBottom","marginLeft","listItemClasses","selected","background","colors","atmo3","activeBorderLeft","focus"],"mappings":";;;;;;;;AAIO,MAAMA,iBAAwBC,iCAAAA,QAAAA,SAAAA,YAAUC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAYC,YAAAA,MAAMC,mBAAmBC;AAAAA,EACrCC,WAAW;AAAA,EACXC,cAAc;AAAA,EACd,cAAc;AAAA,IACZC,YAAY;AAAA,EACd;AAAA,EAEA,CAAE,KAAIC,wBAAgBC,UAAU,GAAG;AAAA,IACjCC,YAAYR,YAAAA,MAAMS,OAAOC;AAAAA,IACzBX,YAAYC,YAAAA,MAAMC,mBAAmBU;AAAAA,IACrC,OAAO;AAAA,MACLH,YAAYR,YAAAA,MAAMS,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EAEA,CAAE,KAAIJ,wBAAgBM,OAAO,GAAG;AAAA,IAC9BJ,YAAYR,YAAAA,MAAMS,OAAOC;AAAAA,IACzB,OAAO;AAAA,MACLF,YAAYR,YAAAA,MAAMS,OAAOC;AAAAA,IAC3B;AAAA,EACF;AACF,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6kDAAA;;"}
+{"version":3,"file":"NavigationSlider.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvListItem, listItemClasses } from \"@core/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledListItem = styled(HvListItem)({\n  display: \"flex\",\n  alignItems: \"center\",\n  borderLeft: theme.verticalNavigation.inactiveBorderLeft,\n  minHeight: \"48px\",\n  marginBottom: \"8px\",\n  \"& > button\": {\n    marginLeft: \"auto\",\n  },\n\n  [`&.${listItemClasses.selected}`]: {\n    background: theme.colors.atmo3,\n    borderLeft: theme.verticalNavigation.activeBorderLeft,\n    \"& *\": {\n      background: theme.colors.atmo3,\n    },\n  },\n\n  [`&.${listItemClasses.focus}`]: {\n    background: theme.colors.atmo3,\n    \"& *\": {\n      background: theme.colors.atmo3,\n    },\n  },\n});\n"],"names":["StyledListItem","HvListItem","process","env","NODE_ENV","target","label","display","alignItems","borderLeft","theme","verticalNavigation","inactiveBorderLeft","minHeight","marginBottom","marginLeft","listItemClasses","selected","background","colors","atmo3","activeBorderLeft","focus"],"mappings":";;;;;;;;AAIO,MAAMA,iBAAwBC,iCAAAA,QAAAA,SAAAA,YAAUC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAYC,YAAAA,MAAMC,mBAAmBC;AAAAA,EACrCC,WAAW;AAAA,EACXC,cAAc;AAAA,EACd,cAAc;AAAA,IACZC,YAAY;AAAA,EACd;AAAA,EAEA,CAAE,KAAIC,wBAAgBC,UAAU,GAAG;AAAA,IACjCC,YAAYR,YAAAA,MAAMS,OAAOC;AAAAA,IACzBX,YAAYC,YAAAA,MAAMC,mBAAmBU;AAAAA,IACrC,OAAO;AAAA,MACLH,YAAYR,YAAAA,MAAMS,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EAEA,CAAE,KAAIJ,wBAAgBM,OAAO,GAAG;AAAA,IAC9BJ,YAAYR,YAAAA,MAAMS,OAAOC;AAAAA,IACzB,OAAO;AAAA,MACLF,YAAYR,YAAAA,MAAMS,OAAOC;AAAAA,IAC3B;AAAA,EACF;AACF,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ilDAAA;;"}

package/dist/cjs/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigationSliderClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvVerticalNavigationSliderClasses = {\n  root?: string;\n  listItemSelected?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"listItemSelected\"];\n\nconst verticalNavigationSliderClasses =\n  getClasses<HvVerticalNavigationSliderClasses>(\n    classKeys,\n    \"HvVerticalNavigationSlider\"\n  );\n\nexport default verticalNavigationSliderClasses;\n"],"names":["classKeys","verticalNavigationSliderClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,QAAQ,kBAAkB;AAEvD,MAAMC,kCACJC,QACEF,WAAAA,WACA,4BAA4B;AAGhC,MAAA,oCAAeC;;"}
+{"version":3,"file":"navigationSliderClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvVerticalNavigationSliderClasses {\n  root?: string;\n  listItemSelected?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"listItemSelected\"];\n\nconst verticalNavigationSliderClasses =\n  getClasses<HvVerticalNavigationSliderClasses>(\n    classKeys,\n    \"HvVerticalNavigationSlider\"\n  );\n\nexport default verticalNavigationSliderClasses;\n"],"names":["classKeys","verticalNavigationSliderClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,QAAQ,kBAAkB;AAEvD,MAAMC,kCACJC,QACEF,WAAAA,WACA,4BAA4B;AAGhC,MAAA,oCAAeC;;"}

package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const React = require("react");
+const IconWrapper_styles = require("./IconWrapper.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const TooltipWrapper = require("../TooltipWrapper/TooltipWrapper.cjs");
+const VerticalNavigationContext = require("../../VerticalNavigationContext.cjs");
+const Avatar = require("../../../Avatar/Avatar.cjs");
+const IconWrapper = ({
+  icon,
+  label,
+  hasChildren,
+  showAvatar,
+  isOpen,
+  disableTooltip
+}) => {
+  const {
+    hasAnyChildWithData
+  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipWrapper.TooltipWrapper, {
+    showTooltip: !hasChildren && !isOpen && !disableTooltip,
+    label,
+    children: /* @__PURE__ */ jsxRuntime.jsxs(IconWrapper_styles.StyledIconsContainer, {
+      hasAnyChildWithData,
+      children: [showAvatar ? /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, {
+        variant: "square",
+        size: "xs",
+        backgroundColor: "secondary_80",
+        style: {
+          fontSize: "15px"
+        },
+        children: label.substring(0, 1)
+      }) : icon, hasChildren && !isOpen ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {
+        iconSize: "XS"
+      }) : hasAnyChildWithData && !isOpen && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper_styles.SpacerDiv, {})]
+    })
+  });
+};
+exports.IconWrapper = IconWrapper;
+//# sourceMappingURL=IconWrapper.cjs.map

package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.cjs","sources":["../../../../../../src/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import { Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport { useContext } from \"react\";\n\nimport { HvAvatar, VerticalNavigationContext } from \"@core/components\";\n\nimport { TooltipWrapper } from \"../TooltipWrapper\";\nimport { SpacerDiv, StyledIconsContainer } from \"./IconWrapper.styles\";\n\nexport const IconWrapper = ({\n  icon,\n  label,\n  hasChildren,\n  showAvatar,\n  isOpen,\n  disableTooltip,\n}) => {\n  const { hasAnyChildWithData } = useContext(VerticalNavigationContext);\n  return (\n    <TooltipWrapper\n      showTooltip={!hasChildren && !isOpen && !disableTooltip}\n      label={label}\n    >\n      <StyledIconsContainer hasAnyChildWithData={hasAnyChildWithData}>\n        {showAvatar ? (\n          <HvAvatar\n            variant=\"square\"\n            size=\"xs\"\n            backgroundColor=\"secondary_80\"\n            style={{ fontSize: \"15px\" }}\n          >\n            {label.substring(0, 1)}\n          </HvAvatar>\n        ) : (\n          icon\n        )}\n\n        {hasChildren && !isOpen ? (\n          <Forwards iconSize=\"XS\" />\n        ) : (\n          hasAnyChildWithData && !isOpen && <SpacerDiv />\n        )}\n      </StyledIconsContainer>\n    </TooltipWrapper>\n  );\n};\n"],"names":["IconWrapper","icon","label","hasChildren","showAvatar","isOpen","disableTooltip","hasAnyChildWithData","useContext","VerticalNavigationContext","TooltipWrapper","showTooltip","children","StyledIconsContainer","_jsx","HvAvatar","variant","size","backgroundColor","style","fontSize","substring","Forwards","iconSize","SpacerDiv"],"mappings":";;;;;;;;;AAQO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,MAAM;AACE,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAwBC,MAAAA,WAAWC,0BAAAA,yBAAyB;AACpE,wCACGC,eAAAA,gBAAc;AAAA,IACbC,aAAa,CAACR,eAAe,CAACE,UAAU,CAACC;AAAAA,IACzCJ;AAAAA,IAAaU,0CAEZC,yCAAoB;AAAA,MAACN;AAAAA,MAAyCK,UAC5DR,CAAAA,aACCU,2BAAAA,IAACC,iBAAQ;AAAA,QACPC,SAAQ;AAAA,QACRC,MAAK;AAAA,QACLC,iBAAgB;AAAA,QAChBC,OAAO;AAAA,UAAEC,UAAU;AAAA,QAAO;AAAA,QAAER,UAE3BV,MAAMmB,UAAU,GAAG,CAAC;AAAA,MAAA,CACZ,IAEXpB,MAGDE,eAAe,CAACE,wCACdiB,gBAAAA,UAAQ;AAAA,QAACC,UAAS;AAAA,MAAA,CAAO,IAE1BhB,uBAAuB,CAACF,UAAWmB,2BAAAA,IAAAA,mBAAAA,WACpC,CAAA,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEY;AAErB;;"}

package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("@emotion/styled/base");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledIconsContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "emephz1"
+} : {
+  target: "emephz1",
+  label: "StyledIconsContainer"
+})(({
+  hasAnyChildWithData
+}) => ({
+  display: "flex",
+  [`> div:first-of-type`]: {
+    marginLeft: hasAnyChildWithData ? "auto" : "unset"
+  },
+  [`> div:nth-of-type(2)`]: {
+    width: "14px",
+    marginLeft: "auto"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L0ljb25XcmFwcGVyL0ljb25XcmFwcGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L0ljb25XcmFwcGVyL0ljb25XcmFwcGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW50ZXJmYWNlIFN0eWxlZEljb25zQ29udGFpbmVyUHJvcHMge1xuICBoYXNBbnlDaGlsZFdpdGhEYXRhPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25zQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBoYXNBbnlDaGlsZFdpdGhEYXRhIH06IFN0eWxlZEljb25zQ29udGFpbmVyUHJvcHMpID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG5cbiAgICBbYD4gZGl2OmZpcnN0LW9mLXR5cGVgXToge1xuICAgICAgbWFyZ2luTGVmdDogaGFzQW55Q2hpbGRXaXRoRGF0YSA/IFwiYXV0b1wiIDogXCJ1bnNldFwiLFxuICAgIH0sXG5cbiAgICBbYD4gZGl2Om50aC1vZi10eXBlKDIpYF06IHtcbiAgICAgIHdpZHRoOiBcIjE0cHhcIixcbiAgICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3BhY2VyRGl2ID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcbiJdfQ== */");
+const SpacerDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "emephz0"
+} : {
+  target: "emephz0",
+  label: "SpacerDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "0",
+  styles: ""
+} : {
+  name: "0",
+  styles: "",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L0ljb25XcmFwcGVyL0ljb25XcmFwcGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9UcmVlVmlldy9JY29uV3JhcHBlci9JY29uV3JhcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRJY29uc0NvbnRhaW5lclByb3BzIHtcbiAgaGFzQW55Q2hpbGRXaXRoRGF0YT86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uc0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgaGFzQW55Q2hpbGRXaXRoRGF0YSB9OiBTdHlsZWRJY29uc0NvbnRhaW5lclByb3BzKSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgW2A+IGRpdjpmaXJzdC1vZi10eXBlYF06IHtcbiAgICAgIG1hcmdpbkxlZnQ6IGhhc0FueUNoaWxkV2l0aERhdGEgPyBcImF1dG9cIiA6IFwidW5zZXRcIixcbiAgICB9LFxuXG4gICAgW2A+IGRpdjpudGgtb2YtdHlwZSgyKWBdOiB7XG4gICAgICB3aWR0aDogXCIxNHB4XCIsXG4gICAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFNwYWNlckRpdiA9IHN0eWxlZChcImRpdlwiKSh7fSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.SpacerDiv = SpacerDiv;
+exports.StyledIconsContainer = StyledIconsContainer;
+//# sourceMappingURL=IconWrapper.styles.cjs.map

package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.styles.cjs","sources":["../../../../../../src/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\ninterface StyledIconsContainerProps {\n  hasAnyChildWithData?: boolean;\n}\n\nexport const StyledIconsContainer = styled(\"div\")(\n  ({ hasAnyChildWithData }: StyledIconsContainerProps) => ({\n    display: \"flex\",\n\n    [`> div:first-of-type`]: {\n      marginLeft: hasAnyChildWithData ? \"auto\" : \"unset\",\n    },\n\n    [`> div:nth-of-type(2)`]: {\n      width: \"14px\",\n      marginLeft: \"auto\",\n    },\n  })\n);\n\nexport const SpacerDiv = styled(\"div\")({});\n"],"names":["StyledIconsContainer","_styled","process","env","NODE_ENV","target","label","hasAnyChildWithData","display","marginLeft","width","SpacerDiv","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;AAMO,MAAMA,uBAA8BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC9C,CAAC;AAAA,EAAEC;AAA+C,OAAO;AAAA,EACvDC,SAAS;AAAA,EAET,CAAE,qBAAoB,GAAG;AAAA,IACvBC,YAAYF,sBAAsB,SAAS;AAAA,EAC7C;AAAA,EAEA,CAAE,sBAAqB,GAAG;AAAA,IACxBG,OAAO;AAAA,IACPD,YAAY;AAAA,EACd;AACF,IAAEP,QAAAC,IAAAC,aACH,eAAA,KAAA,yuCAAA;AAEM,MAAMO,YAAmBV,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAQ,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAI;;;"}

package/dist/cjs/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Tooltip = require("../../../Tooltip/Tooltip.cjs");
+const Typography = require("../../../Typography/Typography.cjs");
+const TooltipWrapper = ({
+  showTooltip,
+  label,
+  children,
+  placement = "right"
+}) => {
+  if (showTooltip) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
+      title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+        children: label
+      }),
+      placement,
+      children
+    });
+  }
+  return children;
+};
+exports.TooltipWrapper = TooltipWrapper;
+//# sourceMappingURL=TooltipWrapper.cjs.map

package/dist/cjs/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipWrapper.cjs","sources":["../../../../../../src/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.tsx"],"sourcesContent":["import {\n  HvTooltip,\n  HvTooltipPlacementType,\n  HvTypography,\n} from \"@core/components\";\n\ninterface TooltipWrapperProps {\n  showTooltip: boolean;\n  label: string;\n  children: React.ReactElement;\n  placement?: HvTooltipPlacementType;\n}\n\nexport const TooltipWrapper = ({\n  showTooltip,\n  label,\n  children,\n  placement = \"right\",\n}: TooltipWrapperProps) => {\n  if (showTooltip) {\n    return (\n      <HvTooltip\n        title={<HvTypography>{label}</HvTypography>}\n        placement={placement}\n      >\n        {children}\n      </HvTooltip>\n    );\n  }\n  return children;\n};\n"],"names":["TooltipWrapper","showTooltip","label","children","placement","HvTooltip","title","HvTypography"],"mappings":";;;;;AAaO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AACO,MAAM;AACzB,MAAIH,aAAa;AACf,0CACGI,QAAAA,WAAS;AAAA,MACRC,sCAAQC,yBAAY;AAAA,QAAAJ,UAAED;AAAAA,MAAAA,CAAsB;AAAA,MAC5CE;AAAAA,MAAqBD;AAAAA,IAAAA,CAGX;AAAA,EAEhB;AACOA,SAAAA;AACT;;"}

package/dist/cjs/components/VerticalNavigation/TreeView/TreeView.cjs

@@ -10,8 +10,6 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const useForkRef = require("../../../hooks/useForkRef.cjs");
 const useControlled = require("../../../hooks/useControlled.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 function isPrintableCharacter(string) {
   return string && string.length === 1 && string.match(/\S/);
 }
@@ -621,7 +619,7 @@ const HvVerticalNavigationTreeView = React.forwardRef((props, ref) => {
         children: /* @__PURE__ */ jsxRuntime.jsx(TreeView_styles.StyledRoot, {
           ref: handleRef,
           id: idProp,
-          className: clsx__default.default(treeViewClasses.default.root, classes == null ? void 0 : classes.root, className),
+          className: clsx.clsx(treeViewClasses.default.root, classes == null ? void 0 : classes.root, className),
           ...treeviewMode && {
             id: treeId,
             role: "tree",