{"version":3,"file":"static/chunks/41329.952820f09e3f8610.js","mappings":"uNA6DAA,CAAAA,EAAA,QAAeC,CAAAA,EAAAA,EAAAA,IAAAA,EApDf,SAA8BC,CAUe,KAVf,CAC5BC,KAAAA,CAAI,CACJC,MAAAA,CAAK,CACLC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,kBAAAA,CAAiB,CACjBC,MAAAA,CAAK,CACLC,WAAAA,CAAU,CACVC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACmC,CAVfT,EAWtB,CAAEU,YAAAA,CAAW,CAAEC,cAAAA,CAAa,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,IAEvC,MACE,GAAAC,EAAAC,GAAA,EAACC,EAAAA,CAAOA,CAAAA,CAACC,QAASN,EAAaO,eAAgBf,EAAOgB,UAAU,iBAC9D,GAAAL,EAAAM,IAAA,EAACC,MAAAA,CACCC,UAAW,GAAuBb,MAAAA,CAApBc,IAAAA,SAAAA,CAAiB,KAA+ClB,MAAAA,CAA5CI,EAAYc,GAAAA,CAAAA,gBAAAA,CAA0B,GAAG,KAA8Cf,MAAAA,CAA3CH,EAASkB,GAAAA,CAAAA,kBAAAA,CAA4B,GAAG,KAAuDZ,MAAAA,CAApDH,EAAae,GAAAA,CAAAA,uBAAAA,CAAiC,GAAG,KAAwDd,MAAAA,CAArDE,EAAcY,GAAAA,CAAAA,uBAAAA,CAAiC,GAAG,KAAwEX,MAAAA,CAArEH,GAAaE,EAAcY,GAAAA,CAAAA,2BAAAA,CAAqC,IAA8GC,MAAA,CAAzGZ,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAea,QAAQ,KAAMC,EAAAA,CAAwBA,CAACC,QAAQ,CAACF,QAAQ,GAAKF,GAAAA,CAAAA,gBAAAA,CAA0B,IAC7YnB,QAASA,EACTwB,MAAO,CAEL,kBACEhB,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAea,QAAQ,KACvBC,EAAAA,CAAwBA,CAACC,QAAQ,CAACF,QAAQ,GACtCI,IAAMC,CAAAA,EAAAA,EAAAA,EAAAA,EAAiB,oBAAoBC,KAAK,CAAC,IAAKN,QAAQ,GAC9DO,KAAAA,CACR,YAEA,GAAAlB,EAAAM,IAAA,EAACC,MAAAA,CAAIC,UAAWC,IAAAA,cAAAA,WACbrB,GACC,GAAAY,EAAAC,GAAA,EAACkB,IAAAA,CACCX,UAAW,GAA6BpB,MAAAA,CAA1BqB,IAAAA,eAAAA,CAAuB,KAAQC,MAAA,CAALtB,GACxC0B,MAAO,CAAErB,MAAAA,CAAM,IAIlBG,EAEA,EAAuB,KAARP,KAGjBG,GAAqB,CAACK,GACrB,GAAAG,EAAAC,GAAA,EAACmB,SAAAA,CACCZ,UAAW,GAAgCjB,MAAAA,CAA7BkB,IAAAA,kBAAAA,CAA0B,KAAoDC,MAAA,CAAjDnB,EAASkB,GAAAA,CAAAA,2BAAAA,CAAqC,aAEzF,GAAAT,EAAAC,GAAA,EAACkB,IAAAA,CAAEX,UAAU,+BAMzB,qBC1DAa,EAAAC,OAAA,EAAkB","sources":["webpack://_N_E/./src/components/SideBar/Content/Item/Section/V1/index.tsx","webpack://_N_E/./src/components/SideBar/Content/Item/Section/V1/styles.module.scss"],"sourcesContent":["import useLayoutSettings from '@/hooks/theme/useLayoutSettings';\nimport { ToolTip } from '@starsoft/common/components';\nimport { SettingLayoutComponentId } from '@starsoft/common/models';\nimport { getComputedColor } from '@starsoft/common/utils';\nimport Color from 'color';\nimport { memo, PropsWithChildren } from 'react';\nimport { SidebarItemSectionProps } from '../props';\nimport styles from './styles.module.scss';\n\nfunction SidebarItemSectionV1({\n  icon,\n  label,\n  onClick,\n  isOpen,\n  shouldShowChevron,\n  color,\n  isHighligh,\n  isVariant,\n  children,\n}: PropsWithChildren<SidebarItemSectionProps>) {\n  const { isCollapsed, layoutVariant } = useLayoutSettings();\n\n  return (\n    <ToolTip visible={isCollapsed} titleComponent={label} placement=\"right\">\n      <div\n        className={`${styles.container} ${isVariant ? styles['container--v2'] : ''} ${isOpen ? styles['container--open'] : ''} ${isHighligh ? styles['container--highlight'] : ''} ${isCollapsed ? styles['container--collapsed'] : ''} ${isVariant && isCollapsed ? styles['container--collapsed--v2'] : ''}${layoutVariant?.toString() == SettingLayoutComponentId.LayoutV3.toString() ? styles['container--v3'] : ''}`}\n        onClick={onClick}\n        style={{\n          //@ts-ignore\n          '--primary-alpha':\n            layoutVariant?.toString() ==\n            SettingLayoutComponentId.LayoutV3.toString()\n              ? Color(getComputedColor('--primary-color')).alpha(0.1).toString()\n              : undefined,\n        }}\n      >\n        <div className={styles.container__row}>\n          {icon && (\n            <i\n              className={`${styles.container__icon} ${icon}`}\n              style={{ color }}\n            />\n          )}\n\n          {children}\n\n          {!isCollapsed ? label : null}\n        </div>\n\n        {shouldShowChevron && !isCollapsed && (\n          <button\n            className={`${styles.container__chevron} ${isOpen ? styles['container__chevron--open'] : ''}`}\n          >\n            <i className=\"fas fa-chevron-right\" />\n          </button>\n        )}\n      </div>\n    </ToolTip>\n  );\n}\n\nexport default memo(SidebarItemSectionV1);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__UaKgn\",\"container--v2\":\"styles_container--v2__t_rZV\",\"container--collapsed\":\"styles_container--collapsed__rum61\",\"container--collapsed--v2\":\"styles_container--collapsed--v2__EsFZd\",\"container--v3\":\"styles_container--v3__ZRv6I\",\"container__icon\":\"styles_container__icon__PJFf9\",\"container--open\":\"styles_container--open__BVEZ_\",\"container--highlight\":\"styles_container--highlight__nbs_s\",\"container__row\":\"styles_container__row___ujTm\",\"container__chevron\":\"styles_container__chevron__IluKN\",\"container__chevron--open\":\"styles_container__chevron--open__lMVKz\",\"skeleton-animation\":\"styles_skeleton-animation__it99f\"};"],"names":["__webpack_exports__","memo","param","icon","label","onClick","isOpen","shouldShowChevron","color","isHighligh","isVariant","children","isCollapsed","layoutVariant","useLayoutSettings","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","ToolTip","visible","titleComponent","placement","jsxs","div","className","styles","concat","toString","SettingLayoutComponentId","LayoutV3","style","Color","getComputedColor","alpha","undefined","i","button","module","exports"],"sourceRoot":""}