@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuDropdownContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Avatar from \"@/components/ui/Avatar\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport classNames from \"@/utils/classNames\";\nimport {\n  NAV_ITEM_TYPE_COLLAPSE,\n  NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport navigationIcon from \"@/configs/navigation-icon.config\";\nimport { TbCircle } from \"react-icons/tb\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { NavigationTree, HorizontalMenuMeta } from \"@/@types/navigation\";\nimport type { ReactNode, HTMLProps } from \"react\";\n\ninterface LayoutProps extends CommonProps {\n  navigationTree: NavigationTree[];\n  t: TraslationFn;\n  onDropdownClose: () => void;\n  routeKey: string;\n  routeParentKey?: string;\n  userAuthority: string[];\n}\n\ninterface HorizontalMenuDropdownContentProps extends LayoutProps {\n  layoutMeta?: HorizontalMenuMeta;\n}\n\nconst gridClasses = {\n  1: {\n    grid: \"grid-cols-1\",\n    width: \"w-[150px]\",\n  },\n  2: {\n    grid: \"grid-cols-2\",\n    width: \"w-[350px]\",\n  },\n  3: {\n    grid: \"grid-cols-3\",\n    width: \"w-[750px]\",\n  },\n  4: {\n    grid: \"grid-cols-4\",\n    width: \"w-[950px]\",\n  },\n  5: {\n    grid: \"grid-cols-5\",\n    width: \"w-[1150px]\",\n  },\n};\n\nconst MenuItem = ({\n  children,\n  className,\n  active,\n  ...rest\n}: CommonProps & { active?: boolean } & HTMLProps<HTMLDivElement>) => {\n  return (\n    <div\n      className={classNames(\n        \"cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800\",\n        active && \"bg-gray-100 dark:bg-gray-800\",\n        className\n      )}\n      role=\"menuitem\"\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst MenuIcon = ({ icon }: { icon: string }) => {\n  if (typeof icon !== \"string\" && !icon) {\n    return <></>;\n  }\n\n  return (\n    <>\n      {navigationIcon[icon] && (\n        <span className={`text-xl`}>\n          {navigationIcon[icon] || <TbCircle />}\n        </span>\n      )}\n    </>\n  );\n};\n\nconst MenuLink = ({\n  path,\n  isExternalLink,\n  onClick,\n  icon,\n  title,\n  description,\n  active,\n}: {\n  path: string;\n  isExternalLink?: boolean;\n  onClick: () => void;\n  icon: ReactNode;\n  title: string;\n  description: string;\n  active?: boolean;\n}) => (\n  <HorizontalMenuNavLink\n    path={path}\n    isExternalLink={isExternalLink}\n    className=\"gap-2 block\"\n    onClick={onClick}\n  >\n    <MenuItem className=\"py-2 px-2 gap-3\" active={active}>\n      <div>\n        <Avatar\n          className={classNames(\n            \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\n            active ? \"text-primary\" : \"heading-text\"\n          )}\n          size={40}\n          icon={icon}\n          shape=\"round\"\n        />\n      </div>\n      <div className=\"min-w-0\">\n        <div className=\"heading-text font-bold\">{title}</div>\n        <div className=\"text-xs truncate\">{description}</div>\n      </div>\n    </MenuItem>\n  </HorizontalMenuNavLink>\n);\n\nconst ColumnsLayout = (\n  props: LayoutProps & {\n    columns: 1 | 2 | 3 | 4 | 5;\n    showColumnTitle?: boolean;\n  }\n) => {\n  const {\n    navigationTree,\n    t,\n    onDropdownClose,\n    columns = 1,\n    showColumnTitle = true,\n    routeKey,\n    userAuthority,\n  } = props;\n\n  return (\n    <div className=\"flex max-w-[1400px] w-full\">\n      <div\n        className={classNames(\n          \"grid gap-y-6 gap-x-8 p-6 flex-1\",\n          gridClasses[columns]?.grid\n        )}\n      >\n        {navigationTree.map((nav) => {\n          if (nav.subMenu.length > 0) {\n            return (\n              <AuthorityCheck\n                key={nav.key}\n                userAuthority={userAuthority}\n                authority={nav.authority}\n              >\n                <div className=\"max-w-[250px]\">\n                  {showColumnTitle && (\n                    <div className=\"heading-text font-bold mb-2\">\n                      {t(nav.translateKey, nav.title)}\n                    </div>\n                  )}\n                  {nav.subMenu.map((subNav) => (\n                    <AuthorityCheck\n                      key={subNav.key}\n                      userAuthority={userAuthority}\n                      authority={subNav.authority}\n                    >\n                      <div key={subNav.key}>\n                        <MenuLink\n                          path={subNav.path}\n                          isExternalLink={subNav.isExternalLink}\n                          icon={navigationIcon[subNav.icon] || <TbCircle />}\n                          title={t(subNav.translateKey, subNav.title)}\n                          description={t(\n                            subNav.meta?.description?.translateKey || \"\",\n                            subNav.meta?.description?.label || \"\"\n                          )}\n                          active={subNav.key === routeKey}\n                          onClick={onDropdownClose}\n                        />\n                      </div>\n                    </AuthorityCheck>\n                  ))}\n                </div>\n              </AuthorityCheck>\n            );\n          }\n          return null;\n        })}\n      </div>\n      {navigationTree.some((nav) => nav.type === NAV_ITEM_TYPE_ITEM) && (\n        <div\n          className={classNames(\n            \"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col\"\n          )}\n        >\n          {navigationTree.map((nav) => {\n            if (nav.subMenu.length === 0 && nav.type === NAV_ITEM_TYPE_ITEM) {\n              return (\n                <AuthorityCheck\n                  key={nav.key}\n                  userAuthority={userAuthority}\n                  authority={nav.authority}\n                >\n                  <MenuLink\n                    key={nav.key}\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    icon={navigationIcon[nav.icon] || <TbCircle />}\n                    title={t(nav.translateKey, nav.title)}\n                    description={t(\n                      nav.meta?.description?.translateKey || \"\",\n                      nav.meta?.description?.label || \"\"\n                    )}\n                    active={nav.key === routeKey}\n                    onClick={onDropdownClose}\n                  />\n                </AuthorityCheck>\n              );\n            }\n            return null;\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst DefaultLayout = ({\n  navigationTree,\n  t,\n  onDropdownClose,\n  routeKey,\n  userAuthority,\n}: LayoutProps) => {\n  const renderNavigation = (navTree: NavigationTree[], cascade: number) => {\n    const nextCascade = cascade + 1;\n\n    return (\n      <div className={classNames(cascade === 0 && \"p-3\")}>\n        {navTree.map((nav) => (\n          <AuthorityCheck\n            key={nav.key}\n            userAuthority={userAuthority}\n            authority={nav.authority}\n          >\n            <ul>\n              {nav.type === NAV_ITEM_TYPE_ITEM && (\n                <Dropdown.Item active={routeKey === nav.key}>\n                  <HorizontalMenuNavLink\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    className=\"gap-2 h-full\"\n                    onClick={onDropdownClose}\n                  >\n                    <MenuIcon icon={nav.icon} />\n                    <span>{t(nav.translateKey, nav.title)}</span>\n                  </HorizontalMenuNavLink>\n                </Dropdown.Item>\n              )}\n              {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n                <Dropdown\n                  renderTitle={\n                    <span className=\"flex items-center gap-2\">\n                      <MenuIcon icon={nav.icon} />\n                      <span>{t(nav.translateKey, nav.title)}</span>\n                    </span>\n                  }\n                >\n                  {nav.subMenu &&\n                    nav.subMenu.length > 0 &&\n                    renderNavigation(nav.subMenu, nextCascade)}\n                </Dropdown>\n              )}\n            </ul>\n          </AuthorityCheck>\n        ))}\n      </div>\n    );\n  };\n\n  return <>{renderNavigation(navigationTree, 0)}</>;\n};\n\nconst TabLayout = ({\n  navigationTree,\n  t,\n  onDropdownClose,\n  columns,\n  routeKey,\n  userAuthority,\n  routeParentKey,\n}: LayoutProps & { columns: 1 | 2 | 3 | 4 | 5 }) => {\n  const [activeKey, setActiveKey] = useState(\n    navigationTree.some((nav) => nav.key === routeParentKey)\n      ? routeParentKey\n      : navigationTree[0]?.key || \"\"\n  );\n\n  return (\n    <div className=\"flex\">\n      <div className=\"p-4\">\n        {navigationTree.map((nav) => {\n          if (nav.subMenu.length > 0) {\n            return (\n              <AuthorityCheck\n                key={nav.key}\n                userAuthority={userAuthority}\n                authority={nav.authority}\n              >\n                <div className=\"min-w-[250px]\">\n                  <div key={nav.key}>\n                    <MenuItem\n                      className=\"py-2 px-2 gap-3\"\n                      active={nav.key === activeKey}\n                      onClick={() => setActiveKey(nav.key)}\n                    >\n                      <div>\n                        <Avatar\n                          className={classNames(\n                            \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\n                            nav.key === routeKey\n                              ? \"text-primary\"\n                              : \"heading-text\"\n                          )}\n                          size={40}\n                          icon={navigationIcon[nav.icon] || <TbCircle />}\n                          shape=\"round\"\n                        />\n                      </div>\n                      <div className=\"min-w-0\">\n                        <div className=\"heading-text font-bold\">\n                          {t(nav.translateKey, nav.title)}\n                        </div>\n                        <div className=\"text-xs truncate\">\n                          {t(\n                            nav.meta?.description?.translateKey || \"\",\n                            nav.meta?.description?.label || \"\"\n                          )}\n                        </div>\n                      </div>\n                    </MenuItem>\n                  </div>\n                </div>\n              </AuthorityCheck>\n            );\n          }\n          return null;\n        })}\n      </div>\n      {navigationTree.some(\n        (nav) => nav.key === activeKey && nav.type === NAV_ITEM_TYPE_COLLAPSE\n      ) && (\n        <div className=\"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6\">\n          <div\n            className={classNames(\n              \"grid gap-x-8 flex-1\",\n              gridClasses[columns]?.grid,\n              gridClasses[columns]?.width\n            )}\n          >\n            {navigationTree\n              .find((nav) => nav.key === activeKey)\n              ?.subMenu.map((nav) => (\n                <AuthorityCheck\n                  key={nav.key}\n                  userAuthority={userAuthority}\n                  authority={nav.authority}\n                >\n                  <HorizontalMenuNavLink\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    className=\"gap-2 group\"\n                    onClick={() => onDropdownClose()}\n                  >\n                    <div\n                      className={classNames(\n                        \"flex items-center gap-2 h-[42px] heading-text group-hover:text-primary\",\n                        routeKey === nav.key && \"text-primary\"\n                      )}\n                    >\n                      <span className=\"text-xl\">\n                        {navigationIcon[nav.icon] || <TbCircle />}\n                      </span>\n                      <span>{t(nav.translateKey, nav.title)}</span>\n                    </div>\n                  </HorizontalMenuNavLink>\n                </AuthorityCheck>\n              ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst HorizontalMenuDropdownContent = (\n  props: HorizontalMenuDropdownContentProps\n) => {\n  const { style, navigationTree, layoutMeta, ...rest } = props;\n\n  return (\n    <div\n      className=\"rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]\"\n      style={style}\n    >\n      {layoutMeta?.layout === \"default\" && (\n        <DefaultLayout navigationTree={navigationTree} {...rest} />\n      )}\n      {layoutMeta?.layout === \"columns\" && (\n        <ColumnsLayout\n          navigationTree={navigationTree}\n          columns={layoutMeta.columns}\n          showColumnTitle={layoutMeta.showColumnTitle}\n          {...rest}\n        />\n      )}\n      {layoutMeta?.layout === \"tabs\" && (\n        <TabLayout\n          navigationTree={navigationTree}\n          columns={layoutMeta.columns}\n          {...rest}\n        />\n      )}\n      {!layoutMeta && (\n        <DefaultLayout navigationTree={navigationTree} {...rest} />\n      )}\n    </div>\n  );\n};\n\nexport default HorizontalMenuDropdownContent;\n"],"names":["gridClasses","MenuItem","children","className","active","rest","jsx","classNames","MenuIcon","icon","Fragment","navigationIcon","TbCircle","MenuLink","path","isExternalLink","onClick","title","description","HorizontalMenuNavLink","jsxs","Avatar","ColumnsLayout","props","navigationTree","t","onDropdownClose","columns","showColumnTitle","routeKey","userAuthority","_a","nav","AuthorityCheck","subNav","_b","_d","_c","NAV_ITEM_TYPE_ITEM","DefaultLayout","renderNavigation","navTree","cascade","nextCascade","Dropdown","NAV_ITEM_TYPE_COLLAPSE","TabLayout","routeParentKey","activeKey","setActiveKey","useState","HorizontalMenuDropdownContent","style","layoutMeta"],"mappings":"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"}
+{"version":3,"file":"HorizontalMenuDropdownContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Avatar from \"@/components/ui/Avatar\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport classNames from \"@/utils/classNames\";\nimport {\n  NAV_ITEM_TYPE_COLLAPSE,\n  NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport navigationIcon from \"@/configs/navigation-icon.config\";\nimport { TbCircle } from \"react-icons/tb\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { NavigationTree, HorizontalMenuMeta } from \"@/@types/navigation\";\nimport type { ReactNode, HTMLProps } from \"react\";\n\ninterface LayoutProps extends CommonProps {\n  navigationTree: NavigationTree[];\n  t: TraslationFn;\n  onDropdownClose: () => void;\n  routeKey: string;\n  routeParentKey?: string;\n  userAuthority: string[];\n}\n\ninterface HorizontalMenuDropdownContentProps extends LayoutProps {\n  layoutMeta?: HorizontalMenuMeta;\n}\n\nconst gridClasses = {\n  1: {\n    grid: \"grid-cols-1\",\n    width: \"w-[150px]\",\n  },\n  2: {\n    grid: \"grid-cols-2\",\n    width: \"w-[350px]\",\n  },\n  3: {\n    grid: \"grid-cols-3\",\n    width: \"w-[750px]\",\n  },\n  4: {\n    grid: \"grid-cols-4\",\n    width: \"w-[950px]\",\n  },\n  5: {\n    grid: \"grid-cols-5\",\n    width: \"w-[1150px]\",\n  },\n};\n\nconst MenuItem = ({\n  children,\n  className,\n  active,\n  ...rest\n}: CommonProps & { active?: boolean } & HTMLProps<HTMLDivElement>) => {\n  return (\n    <div\n      className={classNames(\n        \"cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800\",\n        active && \"bg-gray-100 dark:bg-gray-800\",\n        className\n      )}\n      role=\"menuitem\"\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst MenuIcon = ({ icon }: { icon: string }) => {\n  if (typeof icon !== \"string\" && !icon) {\n    return <></>;\n  }\n\n  return (\n    <>\n      {navigationIcon[icon] && (\n        <span className={`text-xl`}>\n          {navigationIcon[icon] || <TbCircle />}\n        </span>\n      )}\n    </>\n  );\n};\n\nconst MenuLink = ({\n  path,\n  isExternalLink,\n  onClick,\n  icon,\n  title,\n  description,\n  active,\n}: {\n  path: string;\n  isExternalLink?: boolean;\n  onClick: () => void;\n  icon: ReactNode;\n  title: string;\n  description: string;\n  active?: boolean;\n}) => (\n  <HorizontalMenuNavLink\n    path={path}\n    isExternalLink={isExternalLink}\n    className=\"gap-2 block\"\n    onClick={onClick}\n  >\n    <MenuItem className=\"py-2 px-2 gap-3\" active={active}>\n      <div>\n        <Avatar\n          className={classNames(\n            \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\n            active ? \"text-primary\" : \"heading-text\"\n          )}\n          size={40}\n          icon={icon}\n          shape=\"round\"\n        />\n      </div>\n      <div className=\"min-w-0\">\n        <div className=\"heading-text font-bold\">{title}</div>\n        <div className=\"text-xs truncate\">{description}</div>\n      </div>\n    </MenuItem>\n  </HorizontalMenuNavLink>\n);\n\nconst ColumnsLayout = (\n  props: LayoutProps & {\n    columns: 1 | 2 | 3 | 4 | 5;\n    showColumnTitle?: boolean;\n  }\n) => {\n  const {\n    navigationTree,\n    t,\n    onDropdownClose,\n    columns = 1,\n    showColumnTitle = true,\n    routeKey,\n    userAuthority,\n  } = props;\n\n  return (\n    <div className=\"flex max-w-[1400px] w-full\">\n      <div\n        className={classNames(\n          \"grid gap-y-6 gap-x-8 p-6 flex-1\",\n          gridClasses[columns]?.grid\n        )}\n      >\n        {navigationTree.map((nav) => {\n          if (nav.subMenu.length > 0) {\n            return (\n              <AuthorityCheck\n                key={nav.key}\n                userAuthority={userAuthority}\n                authority={nav.authority}\n              >\n                <div className=\"max-w-[250px]\">\n                  {showColumnTitle && (\n                    <div className=\"heading-text font-bold mb-2\">\n                      {t(nav.translateKey, nav.title)}\n                    </div>\n                  )}\n                  {nav.subMenu.map((subNav) => (\n                    <AuthorityCheck\n                      key={subNav.key}\n                      userAuthority={userAuthority}\n                      authority={subNav.authority}\n                    >\n                      <div key={subNav.key}>\n                        <MenuLink\n                          path={subNav.path}\n                          isExternalLink={subNav.isExternalLink}\n                          icon={navigationIcon[subNav.icon] || <TbCircle />}\n                          title={t(subNav.translateKey, subNav.title)}\n                          description={t(\n                            subNav.meta?.description?.translateKey || \"\",\n                            subNav.meta?.description?.label || \"\"\n                          )}\n                          active={subNav.key === routeKey}\n                          onClick={onDropdownClose}\n                        />\n                      </div>\n                    </AuthorityCheck>\n                  ))}\n                </div>\n              </AuthorityCheck>\n            );\n          }\n          return null;\n        })}\n      </div>\n      {navigationTree.some((nav) => nav.type === NAV_ITEM_TYPE_ITEM) && (\n        <div\n          className={classNames(\n            \"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col\"\n          )}\n        >\n          {navigationTree.map((nav) => {\n            if (nav.subMenu.length === 0 && nav.type === NAV_ITEM_TYPE_ITEM) {\n              return (\n                <AuthorityCheck\n                  key={nav.key}\n                  userAuthority={userAuthority}\n                  authority={nav.authority}\n                >\n                  <MenuLink\n                    key={nav.key}\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    icon={navigationIcon[nav.icon] || <TbCircle />}\n                    title={t(nav.translateKey, nav.title)}\n                    description={t(\n                      nav.meta?.description?.translateKey || \"\",\n                      nav.meta?.description?.label || \"\"\n                    )}\n                    active={nav.key === routeKey}\n                    onClick={onDropdownClose}\n                  />\n                </AuthorityCheck>\n              );\n            }\n            return null;\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst DefaultLayout = ({\n  navigationTree,\n  t,\n  onDropdownClose,\n  routeKey,\n  userAuthority,\n}: LayoutProps) => {\n  const renderNavigation = (navTree: NavigationTree[], cascade: number) => {\n    const nextCascade = cascade + 1;\n\n    return (\n      <div className={classNames(cascade === 0 && \"p-3\")}>\n        {navTree.map((nav) => (\n          <AuthorityCheck\n            key={nav.key}\n            userAuthority={userAuthority}\n            authority={nav.authority}\n          >\n            <ul>\n              {nav.type === NAV_ITEM_TYPE_ITEM && (\n                <Dropdown.Item active={routeKey === nav.key}>\n                  <HorizontalMenuNavLink\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    className=\"gap-2 h-full\"\n                    onClick={onDropdownClose}\n                  >\n                    <MenuIcon icon={nav.icon} />\n                    <span>{t(nav.translateKey, nav.title)}</span>\n                  </HorizontalMenuNavLink>\n                </Dropdown.Item>\n              )}\n              {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n                <Dropdown\n                  renderTitle={\n                    <span className=\"flex items-center gap-2\">\n                      <MenuIcon icon={nav.icon} />\n                      <span>{t(nav.translateKey, nav.title)}</span>\n                    </span>\n                  }\n                >\n                  {nav.subMenu &&\n                    nav.subMenu.length > 0 &&\n                    renderNavigation(nav.subMenu, nextCascade)}\n                </Dropdown>\n              )}\n            </ul>\n          </AuthorityCheck>\n        ))}\n      </div>\n    );\n  };\n\n  return <>{renderNavigation(navigationTree, 0)}</>;\n};\n\nconst TabLayout = ({\n  navigationTree,\n  t,\n  onDropdownClose,\n  columns,\n  routeKey,\n  userAuthority,\n  routeParentKey,\n}: LayoutProps & { columns: 1 | 2 | 3 | 4 | 5 }) => {\n  const [activeKey, setActiveKey] = useState(\n    navigationTree.some((nav) => nav.key === routeParentKey)\n      ? routeParentKey\n      : navigationTree[0]?.key || \"\"\n  );\n\n  return (\n    <div className=\"flex\">\n      <div className=\"p-4\">\n        {navigationTree.map((nav) => {\n          if (nav.subMenu.length > 0) {\n            return (\n              <AuthorityCheck\n                key={nav.key}\n                userAuthority={userAuthority}\n                authority={nav.authority}\n              >\n                <div className=\"min-w-[250px]\">\n                  <div key={nav.key}>\n                    <MenuItem\n                      className=\"py-2 px-2 gap-3\"\n                      active={nav.key === activeKey}\n                      onClick={() => setActiveKey(nav.key)}\n                    >\n                      <div>\n                        <Avatar\n                          className={classNames(\n                            \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\n                            nav.key === routeKey\n                              ? \"text-primary\"\n                              : \"heading-text\"\n                          )}\n                          size={40}\n                          icon={navigationIcon[nav.icon] || <TbCircle />}\n                          shape=\"round\"\n                        />\n                      </div>\n                      <div className=\"min-w-0\">\n                        <div className=\"heading-text font-bold\">\n                          {t(nav.translateKey, nav.title)}\n                        </div>\n                        <div className=\"text-xs truncate\">\n                          {t(\n                            nav.meta?.description?.translateKey || \"\",\n                            nav.meta?.description?.label || \"\"\n                          )}\n                        </div>\n                      </div>\n                    </MenuItem>\n                  </div>\n                </div>\n              </AuthorityCheck>\n            );\n          }\n          return null;\n        })}\n      </div>\n      {navigationTree.some(\n        (nav) => nav.key === activeKey && nav.type === NAV_ITEM_TYPE_COLLAPSE\n      ) && (\n        <div className=\"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6\">\n          <div\n            className={classNames(\n              \"grid gap-x-8 flex-1\",\n              gridClasses[columns]?.grid,\n              gridClasses[columns]?.width\n            )}\n          >\n            {navigationTree\n              .find((nav) => nav.key === activeKey)\n              ?.subMenu.map((nav) => (\n                <AuthorityCheck\n                  key={nav.key}\n                  userAuthority={userAuthority}\n                  authority={nav.authority}\n                >\n                  <HorizontalMenuNavLink\n                    path={nav.path}\n                    isExternalLink={nav.isExternalLink}\n                    className=\"gap-2 group\"\n                    onClick={() => onDropdownClose()}\n                  >\n                    <div\n                      className={classNames(\n                        \"flex items-center gap-2 h-[42px] heading-text group-hover:text-primary\",\n                        routeKey === nav.key && \"text-primary\"\n                      )}\n                    >\n                      <span className=\"text-xl\">\n                        {navigationIcon[nav.icon] || <TbCircle />}\n                      </span>\n                      <span>{t(nav.translateKey, nav.title)}</span>\n                    </div>\n                  </HorizontalMenuNavLink>\n                </AuthorityCheck>\n              ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst HorizontalMenuDropdownContent = (\n  props: HorizontalMenuDropdownContentProps\n) => {\n  const { style, navigationTree, layoutMeta, ...rest } = props;\n\n  return (\n    <div\n      className=\"rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]\"\n      style={style}\n    >\n      {layoutMeta?.layout === \"default\" && (\n        <DefaultLayout navigationTree={navigationTree} {...rest} />\n      )}\n      {layoutMeta?.layout === \"columns\" && (\n        <ColumnsLayout\n          navigationTree={navigationTree}\n          columns={layoutMeta.columns}\n          showColumnTitle={layoutMeta.showColumnTitle}\n          {...rest}\n        />\n      )}\n      {layoutMeta?.layout === \"tabs\" && (\n        <TabLayout\n          navigationTree={navigationTree}\n          columns={layoutMeta.columns}\n          {...rest}\n        />\n      )}\n      {!layoutMeta && (\n        <DefaultLayout navigationTree={navigationTree} {...rest} />\n      )}\n    </div>\n  );\n};\n\nexport default HorizontalMenuDropdownContent;\n"],"names":["gridClasses","MenuItem","children","className","active","rest","jsx","classNames","MenuIcon","icon","Fragment","navigationIcon","TbCircle","MenuLink","path","isExternalLink","onClick","title","description","HorizontalMenuNavLink","jsxs","Avatar","ColumnsLayout","props","navigationTree","t","onDropdownClose","columns","showColumnTitle","routeKey","userAuthority","nav","AuthorityCheck","subNav","NAV_ITEM_TYPE_ITEM","DefaultLayout","renderNavigation","navTree","cascade","nextCascade","Dropdown","NAV_ITEM_TYPE_COLLAPSE","TabLayout","routeParentKey","activeKey","setActiveKey","useState","HorizontalMenuDropdownContent","style","layoutMeta"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAc;AAAA,EAClB,GAAG;AAAA,IACD,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,GAAG;AAAA,IACD,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,GAAG;AAAA,IACD,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,GAAG;AAAA,IACD,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,GAAG;AAAA,IACD,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAW,CAAC;AAAA,EAChB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH,KAAU;AAAA,MACVD;AAAA,IAAA;AAAA,IAEF,MAAK;AAAA,IACJ,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,GAKDM,IAAW,CAAC,EAAE,MAAAC,QACd,OAAOA,KAAS,YAAY,CAACA,IACxB,gBAAAH,EAAAI,GAAA,EAAE,IAIT,gBAAAJ,EAAAI,GAAA,EACG,UAAAC,EAAeF,CAAI,uBACjB,QAAA,EAAK,WAAW,WACd,UAAAE,EAAeF,CAAI,KAAK,gBAAAH,EAACM,GAAA,CAAA,CAAS,GACrC,GAEJ,GAIEC,IAAW,CAAC;AAAA,EAChB,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAP;AAAA,EACA,OAAAQ;AAAA,EACA,aAAAC;AAAA,EACA,QAAAd;AACF,MASE,gBAAAE;AAAA,EAACa;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,gBAAAC;AAAA,IACA,WAAU;AAAA,IACV,SAAAC;AAAA,IAEA,UAAA,gBAAAI,EAACnB,GAAA,EAAS,WAAU,mBAAkB,QAAAG,GACpC,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EACC,UAAA,gBAAAA;AAAA,QAACe;AAAA,QAAA;AAAA,UACC,WAAWd;AAAA,YACT;AAAA,YACAH,IAAS,iBAAiB;AAAA,UAAA;AAAA,UAE5B,MAAM;AAAA,UACN,MAAAK;AAAA,UACA,OAAM;AAAA,QAAA;AAAA,MAAA,GAEV;AAAA,MACA,gBAAAW,EAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,QAAA,gBAAAd,EAAC,OAAA,EAAI,WAAU,0BAA0B,UAAAW,GAAM;AAAA,QAC/C,gBAAAX,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAY,EAAA,CAAY;AAAA,MAAA,EAAA,CACjD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA;AACF,GAGII,IAAgB,CACpBC,MAIG;AACH,QAAM;AAAA,IACJ,gBAAAC;AAAA,IACA,GAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEP;AAEJ,SACE,gBAAAH,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA,gBAAAd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAP,EAAY2B,CAAO,GAAG;AAAA,QAAA;AAAA,QAGvB,UAAAH,EAAe,IAAI,CAACO,MACfA,EAAI,QAAQ,SAAS,IAErB,gBAAAzB;AAAA,UAAC0B;AAAA,UAAA;AAAA,YAEC,eAAAF;AAAA,YACA,WAAWC,EAAI;AAAA,YAEf,UAAA,gBAAAX,EAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,cAAAQ,KACC,gBAAAtB,EAAC,SAAI,WAAU,+BACZ,YAAEyB,EAAI,cAAcA,EAAI,KAAK,EAAA,CAChC;AAAA,cAEDA,EAAI,QAAQ,IAAI,CAACE,MAChB,gBAAA3B;AAAA,gBAAC0B;AAAA,gBAAA;AAAA,kBAEC,eAAAF;AAAA,kBACA,WAAWG,EAAO;AAAA,kBAElB,4BAAC,OAAA,EACC,UAAA,gBAAA3B;AAAA,oBAACO;AAAA,oBAAA;AAAA,sBACC,MAAMoB,EAAO;AAAA,sBACb,gBAAgBA,EAAO;AAAA,sBACvB,MAAMtB,EAAesB,EAAO,IAAI,uBAAMrB,GAAA,EAAS;AAAA,sBAC/C,OAAOa,EAAEQ,EAAO,cAAcA,EAAO,KAAK;AAAA,sBAC1C,aAAaR;AAAA,wBACXQ,EAAO,MAAM,aAAa,gBAAgB;AAAA,wBAC1CA,EAAO,MAAM,aAAa,SAAS;AAAA,sBAAA;AAAA,sBAErC,QAAQA,EAAO,QAAQJ;AAAA,sBACvB,SAASH;AAAA,oBAAA;AAAA,kBAAA,EACX,GAZQO,EAAO,GAajB;AAAA,gBAAA;AAAA,gBAjBKA,EAAO;AAAA,cAAA,CAmBf;AAAA,YAAA,EAAA,CACH;AAAA,UAAA;AAAA,UAhCKF,EAAI;AAAA,QAAA,IAoCR,IACR;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFP,EAAe,KAAK,CAACO,MAAQA,EAAI,SAASG,CAAkB,KAC3D,gBAAA5B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,QAAA;AAAA,QAGD,UAAAiB,EAAe,IAAI,CAACO,MACfA,EAAI,QAAQ,WAAW,KAAKA,EAAI,SAASG,IAEzC,gBAAA5B;AAAA,UAAC0B;AAAA,UAAA;AAAA,YAEC,eAAAF;AAAA,YACA,WAAWC,EAAI;AAAA,YAEf,UAAA,gBAAAzB;AAAA,cAACO;AAAA,cAAA;AAAA,gBAEC,MAAMkB,EAAI;AAAA,gBACV,gBAAgBA,EAAI;AAAA,gBACpB,MAAMpB,EAAeoB,EAAI,IAAI,uBAAMnB,GAAA,EAAS;AAAA,gBAC5C,OAAOa,EAAEM,EAAI,cAAcA,EAAI,KAAK;AAAA,gBACpC,aAAaN;AAAA,kBACXM,EAAI,MAAM,aAAa,gBAAgB;AAAA,kBACvCA,EAAI,MAAM,aAAa,SAAS;AAAA,gBAAA;AAAA,gBAElC,QAAQA,EAAI,QAAQF;AAAA,gBACpB,SAASH;AAAA,cAAA;AAAA,cAVJK,EAAI;AAAA,YAAA;AAAA,UAWX;AAAA,UAhBKA,EAAI;AAAA,QAAA,IAoBR,IACR;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ,GAEMI,IAAgB,CAAC;AAAA,EACrB,gBAAAX;AAAA,EACA,GAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAG;AAAA,EACA,eAAAC;AACF,MAAmB;AACjB,QAAMM,IAAmB,CAACC,GAA2BC,MAAoB;AACvE,UAAMC,IAAcD,IAAU;AAE9B,WACE,gBAAAhC,EAAC,OAAA,EAAI,WAAWC,EAAW+B,MAAY,KAAK,KAAK,GAC9C,UAAAD,EAAQ,IAAI,CAACN,MACZ,gBAAAzB;AAAA,MAAC0B;AAAA,MAAA;AAAA,QAEC,eAAAF;AAAA,QACA,WAAWC,EAAI;AAAA,QAEf,4BAAC,MAAA,EACE,UAAA;AAAA,UAAAA,EAAI,SAASG,KACZ,gBAAA5B,EAACkC,EAAS,MAAT,EAAc,QAAQX,MAAaE,EAAI,KACtC,UAAA,gBAAAX;AAAA,YAACD;AAAA,YAAA;AAAA,cACC,MAAMY,EAAI;AAAA,cACV,gBAAgBA,EAAI;AAAA,cACpB,WAAU;AAAA,cACV,SAASL;AAAA,cAET,UAAA;AAAA,gBAAA,gBAAApB,EAACE,GAAA,EAAS,MAAMuB,EAAI,KAAA,CAAM;AAAA,kCACzB,QAAA,EAAM,UAAAN,EAAEM,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UAEDA,EAAI,SAASU,KACZ,gBAAAnC;AAAA,YAACkC;AAAA,YAAA;AAAA,cACC,aACE,gBAAApB,EAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,gBAAA,gBAAAd,EAACE,GAAA,EAAS,MAAMuB,EAAI,KAAA,CAAM;AAAA,kCACzB,QAAA,EAAM,UAAAN,EAAEM,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,cAAA,GACxC;AAAA,cAGD,UAAAA,EAAI,WACHA,EAAI,QAAQ,SAAS,KACrBK,EAAiBL,EAAI,SAASQ,CAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7C,EAAA,CAEJ;AAAA,MAAA;AAAA,MAhCKR,EAAI;AAAA,IAAA,CAkCZ,GACH;AAAA,EAEJ;AAEA,SAAO,gBAAAzB,EAAAI,GAAA,EAAG,UAAA0B,EAAiBZ,GAAgB,CAAC,GAAE;AAChD,GAEMkB,IAAY,CAAC;AAAA,EACjB,gBAAAlB;AAAA,EACA,GAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAE;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAa;AACF,MAAoD;AAClD,QAAM,CAACC,GAAWC,CAAY,IAAIC;AAAA,IAChCtB,EAAe,KAAK,CAACO,MAAQA,EAAI,QAAQY,CAAc,IACnDA,IACAnB,EAAe,CAAC,GAAG,OAAO;AAAA,EAAA;AAGhC,SACE,gBAAAJ,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,IAAA,gBAAAd,EAAC,SAAI,WAAU,OACZ,UAAAkB,EAAe,IAAI,CAACO,MACfA,EAAI,QAAQ,SAAS,IAErB,gBAAAzB;AAAA,MAAC0B;AAAA,MAAA;AAAA,QAEC,eAAAF;AAAA,QACA,WAAWC,EAAI;AAAA,QAEf,UAAA,gBAAAzB,EAAC,OAAA,EAAI,WAAU,iBACb,4BAAC,OAAA,EACC,UAAA,gBAAAc;AAAA,UAACnB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,QAAQ8B,EAAI,QAAQa;AAAA,YACpB,SAAS,MAAMC,EAAad,EAAI,GAAG;AAAA,YAEnC,UAAA;AAAA,cAAA,gBAAAzB,EAAC,OAAA,EACC,UAAA,gBAAAA;AAAA,gBAACe;AAAA,gBAAA;AAAA,kBACC,WAAWd;AAAA,oBACT;AAAA,oBACAwB,EAAI,QAAQF,IACR,iBACA;AAAA,kBAAA;AAAA,kBAEN,MAAM;AAAA,kBACN,MAAMlB,EAAeoB,EAAI,IAAI,uBAAMnB,GAAA,EAAS;AAAA,kBAC5C,OAAM;AAAA,gBAAA;AAAA,cAAA,GAEV;AAAA,cACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,gBAAA,gBAAAd,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAAmB,EAAEM,EAAI,cAAcA,EAAI,KAAK,EAAA,CAChC;AAAA,gBACA,gBAAAzB,EAAC,OAAA,EAAI,WAAU,oBACZ,UAAAmB;AAAA,kBACCM,EAAI,MAAM,aAAa,gBAAgB;AAAA,kBACvCA,EAAI,MAAM,aAAa,SAAS;AAAA,gBAAA,EAClC,CACF;AAAA,cAAA,EAAA,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,KA7BMA,EAAI,GA+Bd,EAAA,CACF;AAAA,MAAA;AAAA,MArCKA,EAAI;AAAA,IAAA,IAyCR,IACR,EAAA,CACH;AAAA,IACCP,EAAe;AAAA,MACd,CAACO,MAAQA,EAAI,QAAQa,KAAab,EAAI,SAASU;AAAA,IAAA,KAE/C,gBAAAnC,EAAC,OAAA,EAAI,WAAU,sEACb,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAP,EAAY2B,CAAO,GAAG;AAAA,UACtB3B,EAAY2B,CAAO,GAAG;AAAA,QAAA;AAAA,QAGvB,UAAAH,EACE,KAAK,CAACO,MAAQA,EAAI,QAAQa,CAAS,GAClC,QAAQ,IAAI,CAACb,MACb,gBAAAzB;AAAA,UAAC0B;AAAA,UAAA;AAAA,YAEC,eAAAF;AAAA,YACA,WAAWC,EAAI;AAAA,YAEf,UAAA,gBAAAzB;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,MAAMY,EAAI;AAAA,gBACV,gBAAgBA,EAAI;AAAA,gBACpB,WAAU;AAAA,gBACV,SAAS,MAAML,EAAA;AAAA,gBAEf,UAAA,gBAAAN;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWb;AAAA,sBACT;AAAA,sBACAsB,MAAaE,EAAI,OAAO;AAAA,oBAAA;AAAA,oBAG1B,UAAA;AAAA,sBAAA,gBAAAzB,EAAC,QAAA,EAAK,WAAU,WACb,UAAAK,EAAeoB,EAAI,IAAI,KAAK,gBAAAzB,EAACM,GAAA,CAAA,CAAS,EAAA,CACzC;AAAA,wCACC,QAAA,EAAM,UAAAa,EAAEM,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxC;AAAA,YAAA;AAAA,UACF;AAAA,UArBKA,EAAI;AAAA,QAAA,CAuBZ;AAAA,MAAA;AAAA,IAAA,EACL,CACF;AAAA,EAAA,GAEJ;AAEJ,GAEMgB,IAAgC,CACpCxB,MACG;AACH,QAAM,EAAE,OAAAyB,GAAO,gBAAAxB,GAAgB,YAAAyB,GAAY,GAAG5C,MAASkB;AAEvD,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAA4B;AAAA,MAEC,UAAA;AAAA,QAAAC,GAAY,WAAW,aACtB,gBAAA3C,EAAC6B,GAAA,EAAc,gBAAAX,GAAiC,GAAGnB,GAAM;AAAA,QAE1D4C,GAAY,WAAW,aACtB,gBAAA3C;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,gBAAAE;AAAA,YACA,SAASyB,EAAW;AAAA,YACpB,iBAAiBA,EAAW;AAAA,YAC3B,GAAG5C;AAAA,UAAA;AAAA,QAAA;AAAA,QAGP4C,GAAY,WAAW,UACtB,gBAAA3C;AAAA,UAACoC;AAAA,UAAA;AAAA,YACC,gBAAAlB;AAAA,YACA,SAASyB,EAAW;AAAA,YACnB,GAAG5C;AAAA,UAAA;AAAA,QAAA;AAAA,QAGP,CAAC4C,KACA,gBAAA3C,EAAC6B,GAAA,EAAc,gBAAAX,GAAiC,GAAGnB,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIjE;"}

package/dist/@ecme/components/template/LanguageSelector.js

@@ -1,19 +1,16 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useMemo as p } from "react";
+import { useMemo as u } from "react";
 import { Avatar as a } from "../ui/Avatar/index.js";
 import { Dropdown as s } from "../ui/Dropdown/index.js";
-import g from "classnames";
-import f from "../../utils/hoc/withHeaderItem.js";
-import { useLocaleStore as d } from "../../store/localeStore.js";
-import { HiCheck as h } from "react-icons/hi";
+import p from "classnames";
+import g from "../../utils/hoc/withHeaderItem.js";
+import { useLocaleStore as f } from "../../store/localeStore.js";
+import { HiCheck as d } from "react-icons/hi";
 const c = [
   { label: "English", value: "en", flag: "US" },
   { label: "Português", value: "ptBR", flag: "BR" }
-], v = ({ className: o }) => {
-  const { currentLang: r, setLang: m } = d((e) => e), n = p(() => {
-    var e;
-    return (e = c.find((u) => u.value === r)) == null ? void 0 : e.flag;
-  }, [r]), i = /* @__PURE__ */ t("div", { className: g(o, "flex items-center"), children: /* @__PURE__ */ t(
+], h = ({ className: o }) => {
+  const { currentLang: r, setLang: m } = f((e) => e), n = u(() => c.find((e) => e.value === r)?.flag, [r]), i = /* @__PURE__ */ t("div", { className: p(o, "flex items-center"), children: /* @__PURE__ */ t(
     a,
     {
       size: 24,
@@ -39,13 +36,13 @@ const c = [
           ),
           /* @__PURE__ */ t("span", { className: "ltr:ml-2 rtl:mr-2", children: e.label })
         ] }),
-        r === e.value && /* @__PURE__ */ t(h, { className: "text-lg text-emerald-500" })
+        r === e.value && /* @__PURE__ */ t(d, { className: "text-lg text-emerald-500" })
       ]
     },
     e.label
   )) });
-}, y = f(v);
+}, k = g(h);
 export {
-  y as default
+  k as default
 };
 //# sourceMappingURL=LanguageSelector.js.map

package/dist/@ecme/components/template/LanguageSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.js","sources":["../../../../lib/@ecme/components/template/LanguageSelector.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useLocaleStore } from '@/store/localeStore'\nimport { HiCheck } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\n\nconst languageList = [\n    { label: 'English', value: 'en', flag: 'US' },\n    { label: 'Português', value: 'ptBR', flag: 'BR' },\n]\n\nconst _LanguageSelector = ({ className }: CommonProps) => {\n    const { currentLang: locale, setLang } = useLocaleStore((state) => state)\n\n    const selectLangFlag = useMemo(() => {\n        return languageList.find((lang) => lang.value === locale)?.flag\n    }, [locale])\n\n    const selectedLanguage = (\n        <div className={classNames(className, 'flex items-center')}>\n            <Avatar\n                size={24}\n                shape=\"circle\"\n                src={`/img/countries/${selectLangFlag}.png`}\n            />\n        </div>\n    )\n\n    return (\n        <Dropdown renderTitle={selectedLanguage} placement=\"bottom-end\">\n            {languageList.map((lang) => (\n                <Dropdown.Item\n                    key={lang.label}\n                    className=\"justify-between\"\n                    eventKey={lang.label}\n                    onClick={() => setLang(lang.value)}\n                >\n                    <span className=\"flex items-center\">\n                        <Avatar\n                            size={18}\n                            shape=\"circle\"\n                            src={`/img/countries/${lang.flag}.png`}\n                        />\n                        <span className=\"ltr:ml-2 rtl:mr-2\">{lang.label}</span>\n                    </span>\n                    {locale === lang.value && (\n                        <HiCheck className=\"text-lg text-emerald-500\" />\n                    )}\n                </Dropdown.Item>\n            ))}\n        </Dropdown>\n    )\n}\n\nconst LanguageSelector = withHeaderItem(_LanguageSelector)\n\nexport default LanguageSelector\n"],"names":["languageList","_LanguageSelector","className","locale","setLang","useLocaleStore","state","selectLangFlag","useMemo","_a","lang","selectedLanguage","jsx","classNames","Avatar","Dropdown","jsxs","HiCheck","LanguageSelector","withHeaderItem"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAA;AAAA,EACvC,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAA;AAC/C,GAEMC,IAAoB,CAAC,EAAE,WAAAC,QAA6B;AACtD,QAAM,EAAE,aAAaC,GAAQ,SAAAC,EAAA,IAAYC,EAAe,CAACC,MAAUA,CAAK,GAElEC,IAAiBC,EAAQ,MAAM;;AACjC,YAAOC,IAAAT,EAAa,KAAK,CAACU,MAASA,EAAK,UAAUP,CAAM,MAAjD,gBAAAM,EAAoD;AAAA,EAC/D,GAAG,CAACN,CAAM,CAAC,GAELQ,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAWX,GAAW,mBAAmB,GACrD,UAAA,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAK,kBAAkBP,CAAc;AAAA,IAAA;AAAA,EAAA,GAE7C;AAGJ,SACI,gBAAAK,EAACG,KAAS,aAAaJ,GAAkB,WAAU,cAC9C,UAAAX,EAAa,IAAI,CAACU,MACf,gBAAAM;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAUL,EAAK;AAAA,MACf,SAAS,MAAMN,EAAQM,EAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAK,kBAAkBJ,EAAK,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpC,gBAAAE,EAAC,QAAA,EAAK,WAAU,qBAAqB,YAAK,MAAA,CAAM;AAAA,QAAA,GACpD;AAAA,QACCT,MAAWO,EAAK,SACb,gBAAAE,EAACK,GAAA,EAAQ,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7CP,EAAK;AAAA,EAAA,CAiBjB,GACL;AAER,GAEMQ,IAAmBC,EAAelB,CAAiB;"}
+{"version":3,"file":"LanguageSelector.js","sources":["../../../../lib/@ecme/components/template/LanguageSelector.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useLocaleStore } from '@/store/localeStore'\nimport { HiCheck } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\n\nconst languageList = [\n    { label: 'English', value: 'en', flag: 'US' },\n    { label: 'Português', value: 'ptBR', flag: 'BR' },\n]\n\nconst _LanguageSelector = ({ className }: CommonProps) => {\n    const { currentLang: locale, setLang } = useLocaleStore((state) => state)\n\n    const selectLangFlag = useMemo(() => {\n        return languageList.find((lang) => lang.value === locale)?.flag\n    }, [locale])\n\n    const selectedLanguage = (\n        <div className={classNames(className, 'flex items-center')}>\n            <Avatar\n                size={24}\n                shape=\"circle\"\n                src={`/img/countries/${selectLangFlag}.png`}\n            />\n        </div>\n    )\n\n    return (\n        <Dropdown renderTitle={selectedLanguage} placement=\"bottom-end\">\n            {languageList.map((lang) => (\n                <Dropdown.Item\n                    key={lang.label}\n                    className=\"justify-between\"\n                    eventKey={lang.label}\n                    onClick={() => setLang(lang.value)}\n                >\n                    <span className=\"flex items-center\">\n                        <Avatar\n                            size={18}\n                            shape=\"circle\"\n                            src={`/img/countries/${lang.flag}.png`}\n                        />\n                        <span className=\"ltr:ml-2 rtl:mr-2\">{lang.label}</span>\n                    </span>\n                    {locale === lang.value && (\n                        <HiCheck className=\"text-lg text-emerald-500\" />\n                    )}\n                </Dropdown.Item>\n            ))}\n        </Dropdown>\n    )\n}\n\nconst LanguageSelector = withHeaderItem(_LanguageSelector)\n\nexport default LanguageSelector\n"],"names":["languageList","_LanguageSelector","className","locale","setLang","useLocaleStore","state","selectLangFlag","useMemo","lang","selectedLanguage","jsx","classNames","Avatar","Dropdown","jsxs","HiCheck","LanguageSelector","withHeaderItem"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAA;AAAA,EACvC,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAA;AAC/C,GAEMC,IAAoB,CAAC,EAAE,WAAAC,QAA6B;AACtD,QAAM,EAAE,aAAaC,GAAQ,SAAAC,EAAA,IAAYC,EAAe,CAACC,MAAUA,CAAK,GAElEC,IAAiBC,EAAQ,MACpBR,EAAa,KAAK,CAACS,MAASA,EAAK,UAAUN,CAAM,GAAG,MAC5D,CAACA,CAAM,CAAC,GAELO,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAWV,GAAW,mBAAmB,GACrD,UAAA,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAK,kBAAkBN,CAAc;AAAA,IAAA;AAAA,EAAA,GAE7C;AAGJ,SACI,gBAAAI,EAACG,KAAS,aAAaJ,GAAkB,WAAU,cAC9C,UAAAV,EAAa,IAAI,CAACS,MACf,gBAAAM;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAUL,EAAK;AAAA,MACf,SAAS,MAAML,EAAQK,EAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAK,kBAAkBJ,EAAK,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpC,gBAAAE,EAAC,QAAA,EAAK,WAAU,qBAAqB,YAAK,MAAA,CAAM;AAAA,QAAA,GACpD;AAAA,QACCR,MAAWM,EAAK,SACb,gBAAAE,EAACK,GAAA,EAAQ,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7CP,EAAK;AAAA,EAAA,CAiBjB,GACL;AAER,GAEMQ,IAAmBC,EAAejB,CAAiB;"}

package/dist/@ecme/components/template/Search.js

@@ -1,26 +1,26 @@
-import { jsx as t, jsxs as n, Fragment as k } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as N } from "react/jsx-runtime";
 import "../ui/Button/index.js";
 import "../ui/Dialog/index.js";
 import "../ui/ScrollBar/index.js";
-import T from "../../configs/navigation.config/index.js";
-import { NAV_ITEM_TYPE_ITEM as H } from "../../constants/navigation.constant.js";
+import k from "../../configs/navigation.config/index.js";
+import { NAV_ITEM_TYPE_ITEM as D } from "../../constants/navigation.constant.js";
 import g from "../../utils/classNames.js";
-import O from "../../utils/hoc/withHeaderItem.js";
-import I from "lodash/debounce";
-import { useState as p, useRef as _, useMemo as A, useEffect as B } from "react";
-import K from "react-highlight-words";
-import { useTranslation as L } from "react-i18next";
-import { HiChevronRight as W, HiOutlineSearch as z } from "react-icons/hi";
-import { PiMagnifyingGlassDuotone as P } from "react-icons/pi";
-import { Link as U } from "react-router-dom";
+import H from "../../utils/hoc/withHeaderItem.js";
+import O from "lodash/debounce";
+import { useState as p, useRef as I, useMemo as _, useEffect as A } from "react";
+import B from "react-highlight-words";
+import { useTranslation as K } from "react-i18next";
+import { HiChevronRight as L, HiOutlineSearch as W } from "react-icons/hi";
+import { PiMagnifyingGlassDuotone as z } from "react-icons/pi";
+import { Link as P } from "react-router-dom";
 import "../ui/index.js";
-import G from "../ui/Dialog/Dialog.js";
-import V from "../ui/Button/Button.js";
-import Y from "../ui/Spinner/Spinner.js";
-import q from "../ui/ScrollBar/ScrollBar.js";
-const J = (b) => {
+import U from "../ui/Dialog/Dialog.js";
+import G from "../ui/Button/Button.js";
+import V from "../ui/Spinner/Spinner.js";
+import Y from "../ui/ScrollBar/ScrollBar.js";
+const q = (b) => {
   const { icon: y, label: u, url: c = "", keyWord: m, onNavigate: h, breadcrumbs: l } = b, d = (i) => i.join(" / ");
-  return /* @__PURE__ */ t(U, { to: c, onClick: h, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(P, { to: c, onClick: h, children: /* @__PURE__ */ s(
     "div",
     {
       className: g(
@@ -28,8 +28,8 @@ const J = (b) => {
         "hover:bg-gray-100 dark:hover:bg-gray-700"
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ t("div", { className: "text-gray-900 dark:text-gray-300", children: /* @__PURE__ */ t(
-          K,
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("div", { className: "text-gray-900 dark:text-gray-300", children: /* @__PURE__ */ e(
+          B,
           {
             autoEscape: !0,
             highlightClassName: g(
@@ -40,37 +40,36 @@ const J = (b) => {
             textToHighlight: d(l)
           }
         ) }) }),
-        /* @__PURE__ */ t(W, { className: "text-lg" })
+        /* @__PURE__ */ e(L, { className: "text-lg" })
       ]
     }
   ) });
-}, Q = ({ className: b }) => {
-  var v;
-  const [y, u] = p(!1), [c, m] = p(!1), [h, l] = p([]), [d, i] = p(!1), f = _(null), S = () => {
+}, J = ({ className: b }) => {
+  const [y, u] = p(!1), [c, m] = p(!1), [h, l] = p([]), [d, i] = p(!1), f = I(null), T = () => {
     i(!1), l([]);
-  }, C = () => {
+  }, S = () => {
     m(!0);
   }, x = () => {
-    m(!1), S();
-  }, R = I(M, 750), { t: o } = L(), E = A(() => {
-    const r = [], e = (a, s) => {
+    m(!1), T();
+  }, C = O(w, 750), { t: o } = K(), R = _(() => {
+    const t = [], r = (a, n) => {
       Array.isArray(a.subMenu) && a.subMenu.length > 0 && a.subMenu.forEach(
-        (N) => e(N, [...s, o(N.translateKey)])
-      ), r.push({ ...a, parents: s });
+        (v) => r(v, [...n, o(v.translateKey)])
+      ), t.push({ ...a, parents: n });
     };
-    return T.forEach(function(s) {
-      e(s, [o(s.translateKey)]);
-    }), r;
-  }, [T, o]), j = (r, e) => e.filter(
-    (s) => s.type === H && s.parents.join().toUpperCase().includes(r.toUpperCase())
+    return k.forEach(function(n) {
+      r(n, [o(n.translateKey)]);
+    }), t;
+  }, [k, o]), E = (t, r) => r.filter(
+    (n) => n.type === D && n.parents.join().toUpperCase().includes(t.toUpperCase())
   );
-  function w(r) {
-    const e = {
+  function j(t) {
+    const r = {
       title: o("base.layout.search.results.navTree"),
       data: []
     };
-    return r.forEach((a) => {
-      e.data.push({
+    return t.forEach((a) => {
+      r.data.push({
         category: a.path,
         categoryTitle: a.title,
         icon: a.icon,
@@ -79,107 +78,101 @@ const J = (b) => {
         title: o(a.translateKey, a.title),
         breadcrumbs: a.parents
       });
-    }), [e];
+    }), [r];
   }
-  async function M(r) {
-    if (!r) {
+  async function w(t) {
+    if (!t) {
       u(!1), l([]);
       return;
     }
     d && i(!1);
-    const e = await j(r, E);
-    e && (e.length === 0 ? (i(!0), l([])) : l(w(e))), u(!1);
+    const r = await E(t, R);
+    r && (r.length === 0 ? (i(!0), l([])) : l(j(r))), u(!1);
   }
-  const F = (r) => {
-    u(!0), R(r.target.value);
+  const M = (t) => {
+    u(!0), C(t.target.value);
   };
-  B(() => {
+  A(() => {
     if (c) {
-      const r = setTimeout(() => {
-        var e;
-        return (e = f.current) == null ? void 0 : e.focus();
-      }, 100);
+      const t = setTimeout(() => f.current?.focus(), 100);
       return () => {
-        clearTimeout(r);
+        clearTimeout(t);
       };
     }
   }, [c]);
-  const D = () => {
+  const F = () => {
     x();
   };
-  return /* @__PURE__ */ n(k, { children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ s(N, { children: [
+    /* @__PURE__ */ e(
       "div",
       {
         className: g(b, "text-2xl"),
-        onClick: C,
-        children: /* @__PURE__ */ t(P, {})
+        onClick: S,
+        children: /* @__PURE__ */ e(z, {})
       }
     ),
-    /* @__PURE__ */ t(
-      G,
+    /* @__PURE__ */ e(
+      U,
       {
         contentClassName: "p-0",
         isOpen: c,
         closable: !1,
         onRequestClose: x,
-        children: /* @__PURE__ */ n("div", { children: [
-          /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600", children: [
-            /* @__PURE__ */ n("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ t(z, { className: "text-xl" }),
-              /* @__PURE__ */ t(
+        children: /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ e(W, { className: "text-xl" }),
+              /* @__PURE__ */ e(
                 "input",
                 {
                   ref: f,
                   className: "block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100",
                   placeholder: o("common.input.placeholder.search"),
-                  onChange: F
+                  onChange: M
                 }
               )
             ] }),
-            /* @__PURE__ */ t(V, { size: "xs", onClick: x, children: "Esc" })
+            /* @__PURE__ */ e(G, { size: "xs", onClick: x, children: "Esc" })
           ] }),
-          /* @__PURE__ */ t("div", { className: "px-5 py-6", children: y ? /* @__PURE__ */ t(
+          /* @__PURE__ */ e("div", { className: "px-5 py-6", children: y ? /* @__PURE__ */ e(
             "div",
             {
               className: g(
                 "flex items-center justify-center"
               ),
-              children: /* @__PURE__ */ t(Y, { size: 40 })
+              children: /* @__PURE__ */ e(V, { size: 40 })
             }
-          ) : /* @__PURE__ */ t(k, { children: /* @__PURE__ */ n(q, { className: "max-h-[350px] overflow-y-auto", children: [
-            h.map((r) => /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ e(N, { children: /* @__PURE__ */ s(Y, { className: "max-h-[350px] overflow-y-auto", children: [
+            h.map((t) => /* @__PURE__ */ s(
               "div",
               {
                 className: "mb-4",
                 children: [
-                  /* @__PURE__ */ t("h6", { className: "mb-3", children: r.title }),
-                  r.data.map((e, a) => {
-                    var s;
-                    return /* @__PURE__ */ t(
-                      J,
-                      {
-                        icon: e.icon,
-                        breadcrumbs: e.breadcrumbs,
-                        label: e.title,
-                        url: e.path,
-                        keyWord: ((s = f.current) == null ? void 0 : s.value) || "",
-                        onNavigate: D
-                      },
-                      e.title + a
-                    );
-                  })
+                  /* @__PURE__ */ e("h6", { className: "mb-3", children: t.title }),
+                  t.data.map((r, a) => /* @__PURE__ */ e(
+                    q,
+                    {
+                      icon: r.icon,
+                      breadcrumbs: r.breadcrumbs,
+                      label: r.title,
+                      url: r.path,
+                      keyWord: f.current?.value || "",
+                      onNavigate: F
+                    },
+                    r.title + a
+                  ))
                 ]
               },
-              r.title
+              t.title
             )),
-            h.length === 0 && d && /* @__PURE__ */ n("div", { className: "my-10 text-center text-lg", children: [
-              /* @__PURE__ */ t("span", { className: "pr-1", children: o(
+            h.length === 0 && d && /* @__PURE__ */ s("div", { className: "my-10 text-center text-lg", children: [
+              /* @__PURE__ */ e("span", { className: "pr-1", children: o(
                 "common.status.noResultsFor"
               ) }),
-              /* @__PURE__ */ n("span", { className: "heading-text", children: [
+              /* @__PURE__ */ s("span", { className: "heading-text", children: [
                 "'",
-                (v = f.current) == null ? void 0 : v.value,
+                f.current?.value,
                 "'"
               ] })
             ] })
@@ -188,8 +181,8 @@ const J = (b) => {
       }
     )
   ] });
-}, be = O(Q);
+}, ge = H(J);
 export {
-  be as default
+  ge as default
 };
 //# sourceMappingURL=Search.js.map

package/dist/@ecme/components/template/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../lib/@ecme/components/template/Search.tsx"],"sourcesContent":["import { NavigationTree } from '@/@types/navigation'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport navigationConfig from '@/configs/navigation.config'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport {\n    GUIDE_PREFIX_PATH,\n    UI_COMPONENTS_PREFIX_PATH,\n} from '@/constants/route.constant'\nimport classNames from '@/utils/classNames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport {\n    filterDeep,\n    findDeep,\n    findPathDeep,\n    findValueDeep,\n} from 'deepdash-es/standalone'\nimport { flatten, flattenDeep } from 'lodash'\nimport debounce from 'lodash/debounce'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport Highlighter from 'react-highlight-words'\nimport { useTranslation } from 'react-i18next'\nimport { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'\nimport { PiMagnifyingGlassDuotone } from 'react-icons/pi'\nimport { Link } from 'react-router-dom'\nimport { Spinner } from '../ui'\n\ntype SearchData = {\n    key: string\n    path: string\n    title: string\n    icon: string\n    category: string\n    categoryTitle: string\n    breadcrumbs: string[]\n}\n\ntype SearchResult = {\n    title: string\n    data: SearchData[]\n}\n\nconst ListItem = (props: {\n    icon: string\n    label: string\n    url: string\n    isLast?: boolean\n    keyWord: string\n    breadcrumbs: string[]\n    onNavigate: () => void\n}) => {\n    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props\n\n    const makeBreadcrumbs = (breadcrumbs: string[]) => {\n        return breadcrumbs.join(' / ')\n    }\n\n    return (\n        <Link to={url} onClick={onNavigate}>\n            <div\n                className={classNames(\n                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',\n                    'hover:bg-gray-100 dark:hover:bg-gray-700',\n                )}\n            >\n                <div className=\"flex items-center gap-2\">\n                    {/* <div\n                        className={classNames(\n                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',\n                        )}\n                    >\n                        {icon && navigationIcon[icon]}\n                    </div> */}\n                    <div className=\"text-gray-900 dark:text-gray-300\">\n                        <Highlighter\n                            autoEscape\n                            highlightClassName={classNames(\n                                'text-primary',\n                                'underline bg-transparent font-semibold dark:text-white',\n                            )}\n                            searchWords={[keyWord]}\n                            textToHighlight={makeBreadcrumbs(breadcrumbs)}\n                        />\n                    </div>\n                </div>\n                <HiChevronRight className=\"text-lg\" />\n            </div>\n        </Link>\n    )\n}\n\ntype NavigationTreeFlat = NavigationTree & { parents: string[] }\n\nconst _Search = ({ className }: { className?: string }) => {\n    const [loading, setLoading] = useState(false)\n    const [searchDialogOpen, setSearchDialogOpen] = useState(false)\n    const [searchResult, setSearchResult] = useState<SearchResult[]>([])\n    const [noResult, setNoResult] = useState(false)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleReset = () => {\n        setNoResult(false)\n        setSearchResult([])\n    }\n\n    const handleSearchOpen = () => {\n        setSearchDialogOpen(true)\n    }\n\n    const handleSearchClose = () => {\n        setSearchDialogOpen(false)\n        handleReset()\n    }\n\n    const debounceFn = debounce(handleDebounceFn, 750)\n\n    const { t } = useTranslation()\n\n    const flatNavTree = useMemo(() => {\n        const arr: NavigationTreeFlat[] = []\n\n        const makeflat = (item: NavigationTree, parents: string[]) => {\n            if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {\n                item.subMenu.forEach((item) =>\n                    makeflat(item, [...parents, t(item.translateKey)]),\n                )\n            }\n            arr.push({ ...item, parents })\n        }\n\n        navigationConfig.forEach(function f(item) {\n            makeflat(item, [t(item.translateKey)])\n        })\n        return arr\n    }, [navigationConfig, t])\n\n    const filterNavigationTreeFlat = (\n        text: string,\n        tree: NavigationTreeFlat[],\n    ): NavigationTreeFlat[] => {\n        const results = tree.filter(\n            (item) =>\n                item.type === NAV_ITEM_TYPE_ITEM &&\n                item.parents.join().toUpperCase().includes(text.toUpperCase()),\n        )\n\n        return results\n    }\n\n    function navTreeFlatToSearchResult(\n        tree: NavigationTreeFlat[],\n    ): SearchResult[] {\n        const navTreeSearchResult: SearchResult = {\n            title: t('base.layout.search.results.navTree'),\n            data: [],\n        }\n        tree.forEach((item) => {\n            navTreeSearchResult.data.push({\n                category: item.path,\n                categoryTitle: item.title,\n                icon: item.icon,\n                key: item.key,\n                path: item.path,\n                title: t(item.translateKey, item.title),\n                breadcrumbs: item.parents,\n            })\n        })\n        return [navTreeSearchResult]\n    }\n\n    async function handleDebounceFn(query: string) {\n        if (!query) {\n            setLoading(false)\n            setSearchResult([])\n            return\n        }\n\n        if (noResult) {\n            setNoResult(false)\n        }\n\n        const res = await filterNavigationTreeFlat(query, flatNavTree)\n\n        if (res) {\n            if (res.length === 0) {\n                setNoResult(true)\n                setSearchResult([])\n            } else {\n                setSearchResult(navTreeFlatToSearchResult(res))\n            }\n        }\n\n        setLoading(false)\n    }\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setLoading(true)\n        debounceFn(e.target.value)\n    }\n\n    useEffect(() => {\n        if (searchDialogOpen) {\n            const timeout = setTimeout(() => inputRef.current?.focus(), 100)\n            return () => {\n                clearTimeout(timeout)\n            }\n        }\n    }, [searchDialogOpen])\n\n    const handleNavigate = () => {\n        handleSearchClose()\n    }\n\n    return (\n        <>\n            <div\n                className={classNames(className, 'text-2xl')}\n                onClick={handleSearchOpen}\n            >\n                <PiMagnifyingGlassDuotone />\n            </div>\n            <Dialog\n                contentClassName=\"p-0\"\n                isOpen={searchDialogOpen}\n                closable={false}\n                onRequestClose={handleSearchClose}\n            >\n                <div>\n                    <div className=\"flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600\">\n                        <div className=\"flex items-center\">\n                            <HiOutlineSearch className=\"text-xl\" />\n                            <input\n                                ref={inputRef}\n                                className=\"block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100\"\n                                placeholder={t('common.input.placeholder.search')}\n                                onChange={handleSearch}\n                            />\n                        </div>\n                        <Button size=\"xs\" onClick={handleSearchClose}>\n                            Esc\n                        </Button>\n                    </div>\n                    <div className=\"px-5 py-6\">\n                        {loading ? (\n                            <div\n                                className={classNames(\n                                    'flex items-center justify-center',\n                                )}\n                            >\n                                <Spinner size={40} />\n                            </div>\n                        ) : (\n                            <>\n                                <ScrollBar className=\"max-h-[350px] overflow-y-auto\">\n                                    {searchResult.map((result) => (\n                                        <div\n                                            key={result.title}\n                                            className=\"mb-4\"\n                                        >\n                                            <h6 className=\"mb-3\">\n                                                {result.title}\n                                            </h6>\n                                            {result.data.map((data, index) => (\n                                                <ListItem\n                                                    key={data.title + index}\n                                                    icon={data.icon}\n                                                    breadcrumbs={\n                                                        data.breadcrumbs\n                                                    }\n                                                    label={data.title}\n                                                    url={data.path}\n                                                    keyWord={\n                                                        inputRef.current\n                                                            ?.value || ''\n                                                    }\n                                                    onNavigate={handleNavigate}\n                                                />\n                                            ))}\n                                        </div>\n                                    ))}\n                                    {searchResult.length === 0 && noResult && (\n                                        <div className=\"my-10 text-center text-lg\">\n                                            <span className=\"pr-1\">\n                                                {t(\n                                                    'common.status.noResultsFor',\n                                                )}\n                                            </span>\n                                            <span className=\"heading-text\">\n                                                {`'`}\n                                                {inputRef.current?.value}\n                                                {`'`}\n                                            </span>\n                                        </div>\n                                    )}\n                                </ScrollBar>\n                            </>\n                        )}\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nconst Search = withHeaderItem(_Search)\n\nexport default Search\n"],"names":["ListItem","props","icon","label","url","keyWord","onNavigate","breadcrumbs","makeBreadcrumbs","jsx","Link","jsxs","classNames","Highlighter","HiChevronRight","_Search","className","loading","setLoading","useState","searchDialogOpen","setSearchDialogOpen","searchResult","setSearchResult","noResult","setNoResult","inputRef","useRef","handleReset","handleSearchOpen","handleSearchClose","debounceFn","debounce","handleDebounceFn","t","useTranslation","flatNavTree","useMemo","arr","makeflat","item","parents","navigationConfig","filterNavigationTreeFlat","text","tree","NAV_ITEM_TYPE_ITEM","navTreeFlatToSearchResult","navTreeSearchResult","query","res","handleSearch","e","useEffect","timeout","_a","handleNavigate","Fragment","PiMagnifyingGlassDuotone","Dialog","HiOutlineSearch","Button","Spinner","ScrollBar","result","data","index","Search","withHeaderItem"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../lib/@ecme/components/template/Search.tsx"],"sourcesContent":["import { NavigationTree } from '@/@types/navigation'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport navigationConfig from '@/configs/navigation.config'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport {\n    GUIDE_PREFIX_PATH,\n    UI_COMPONENTS_PREFIX_PATH,\n} from '@/constants/route.constant'\nimport classNames from '@/utils/classNames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport {\n    filterDeep,\n    findDeep,\n    findPathDeep,\n    findValueDeep,\n} from 'deepdash-es/standalone'\nimport { flatten, flattenDeep } from 'lodash'\nimport debounce from 'lodash/debounce'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport Highlighter from 'react-highlight-words'\nimport { useTranslation } from 'react-i18next'\nimport { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'\nimport { PiMagnifyingGlassDuotone } from 'react-icons/pi'\nimport { Link } from 'react-router-dom'\nimport { Spinner } from '../ui'\n\ntype SearchData = {\n    key: string\n    path: string\n    title: string\n    icon: string\n    category: string\n    categoryTitle: string\n    breadcrumbs: string[]\n}\n\ntype SearchResult = {\n    title: string\n    data: SearchData[]\n}\n\nconst ListItem = (props: {\n    icon: string\n    label: string\n    url: string\n    isLast?: boolean\n    keyWord: string\n    breadcrumbs: string[]\n    onNavigate: () => void\n}) => {\n    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props\n\n    const makeBreadcrumbs = (breadcrumbs: string[]) => {\n        return breadcrumbs.join(' / ')\n    }\n\n    return (\n        <Link to={url} onClick={onNavigate}>\n            <div\n                className={classNames(\n                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',\n                    'hover:bg-gray-100 dark:hover:bg-gray-700',\n                )}\n            >\n                <div className=\"flex items-center gap-2\">\n                    {/* <div\n                        className={classNames(\n                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',\n                        )}\n                    >\n                        {icon && navigationIcon[icon]}\n                    </div> */}\n                    <div className=\"text-gray-900 dark:text-gray-300\">\n                        <Highlighter\n                            autoEscape\n                            highlightClassName={classNames(\n                                'text-primary',\n                                'underline bg-transparent font-semibold dark:text-white',\n                            )}\n                            searchWords={[keyWord]}\n                            textToHighlight={makeBreadcrumbs(breadcrumbs)}\n                        />\n                    </div>\n                </div>\n                <HiChevronRight className=\"text-lg\" />\n            </div>\n        </Link>\n    )\n}\n\ntype NavigationTreeFlat = NavigationTree & { parents: string[] }\n\nconst _Search = ({ className }: { className?: string }) => {\n    const [loading, setLoading] = useState(false)\n    const [searchDialogOpen, setSearchDialogOpen] = useState(false)\n    const [searchResult, setSearchResult] = useState<SearchResult[]>([])\n    const [noResult, setNoResult] = useState(false)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleReset = () => {\n        setNoResult(false)\n        setSearchResult([])\n    }\n\n    const handleSearchOpen = () => {\n        setSearchDialogOpen(true)\n    }\n\n    const handleSearchClose = () => {\n        setSearchDialogOpen(false)\n        handleReset()\n    }\n\n    const debounceFn = debounce(handleDebounceFn, 750)\n\n    const { t } = useTranslation()\n\n    const flatNavTree = useMemo(() => {\n        const arr: NavigationTreeFlat[] = []\n\n        const makeflat = (item: NavigationTree, parents: string[]) => {\n            if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {\n                item.subMenu.forEach((item) =>\n                    makeflat(item, [...parents, t(item.translateKey)]),\n                )\n            }\n            arr.push({ ...item, parents })\n        }\n\n        navigationConfig.forEach(function f(item) {\n            makeflat(item, [t(item.translateKey)])\n        })\n        return arr\n    }, [navigationConfig, t])\n\n    const filterNavigationTreeFlat = (\n        text: string,\n        tree: NavigationTreeFlat[],\n    ): NavigationTreeFlat[] => {\n        const results = tree.filter(\n            (item) =>\n                item.type === NAV_ITEM_TYPE_ITEM &&\n                item.parents.join().toUpperCase().includes(text.toUpperCase()),\n        )\n\n        return results\n    }\n\n    function navTreeFlatToSearchResult(\n        tree: NavigationTreeFlat[],\n    ): SearchResult[] {\n        const navTreeSearchResult: SearchResult = {\n            title: t('base.layout.search.results.navTree'),\n            data: [],\n        }\n        tree.forEach((item) => {\n            navTreeSearchResult.data.push({\n                category: item.path,\n                categoryTitle: item.title,\n                icon: item.icon,\n                key: item.key,\n                path: item.path,\n                title: t(item.translateKey, item.title),\n                breadcrumbs: item.parents,\n            })\n        })\n        return [navTreeSearchResult]\n    }\n\n    async function handleDebounceFn(query: string) {\n        if (!query) {\n            setLoading(false)\n            setSearchResult([])\n            return\n        }\n\n        if (noResult) {\n            setNoResult(false)\n        }\n\n        const res = await filterNavigationTreeFlat(query, flatNavTree)\n\n        if (res) {\n            if (res.length === 0) {\n                setNoResult(true)\n                setSearchResult([])\n            } else {\n                setSearchResult(navTreeFlatToSearchResult(res))\n            }\n        }\n\n        setLoading(false)\n    }\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setLoading(true)\n        debounceFn(e.target.value)\n    }\n\n    useEffect(() => {\n        if (searchDialogOpen) {\n            const timeout = setTimeout(() => inputRef.current?.focus(), 100)\n            return () => {\n                clearTimeout(timeout)\n            }\n        }\n    }, [searchDialogOpen])\n\n    const handleNavigate = () => {\n        handleSearchClose()\n    }\n\n    return (\n        <>\n            <div\n                className={classNames(className, 'text-2xl')}\n                onClick={handleSearchOpen}\n            >\n                <PiMagnifyingGlassDuotone />\n            </div>\n            <Dialog\n                contentClassName=\"p-0\"\n                isOpen={searchDialogOpen}\n                closable={false}\n                onRequestClose={handleSearchClose}\n            >\n                <div>\n                    <div className=\"flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600\">\n                        <div className=\"flex items-center\">\n                            <HiOutlineSearch className=\"text-xl\" />\n                            <input\n                                ref={inputRef}\n                                className=\"block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100\"\n                                placeholder={t('common.input.placeholder.search')}\n                                onChange={handleSearch}\n                            />\n                        </div>\n                        <Button size=\"xs\" onClick={handleSearchClose}>\n                            Esc\n                        </Button>\n                    </div>\n                    <div className=\"px-5 py-6\">\n                        {loading ? (\n                            <div\n                                className={classNames(\n                                    'flex items-center justify-center',\n                                )}\n                            >\n                                <Spinner size={40} />\n                            </div>\n                        ) : (\n                            <>\n                                <ScrollBar className=\"max-h-[350px] overflow-y-auto\">\n                                    {searchResult.map((result) => (\n                                        <div\n                                            key={result.title}\n                                            className=\"mb-4\"\n                                        >\n                                            <h6 className=\"mb-3\">\n                                                {result.title}\n                                            </h6>\n                                            {result.data.map((data, index) => (\n                                                <ListItem\n                                                    key={data.title + index}\n                                                    icon={data.icon}\n                                                    breadcrumbs={\n                                                        data.breadcrumbs\n                                                    }\n                                                    label={data.title}\n                                                    url={data.path}\n                                                    keyWord={\n                                                        inputRef.current\n                                                            ?.value || ''\n                                                    }\n                                                    onNavigate={handleNavigate}\n                                                />\n                                            ))}\n                                        </div>\n                                    ))}\n                                    {searchResult.length === 0 && noResult && (\n                                        <div className=\"my-10 text-center text-lg\">\n                                            <span className=\"pr-1\">\n                                                {t(\n                                                    'common.status.noResultsFor',\n                                                )}\n                                            </span>\n                                            <span className=\"heading-text\">\n                                                {`'`}\n                                                {inputRef.current?.value}\n                                                {`'`}\n                                            </span>\n                                        </div>\n                                    )}\n                                </ScrollBar>\n                            </>\n                        )}\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nconst Search = withHeaderItem(_Search)\n\nexport default Search\n"],"names":["ListItem","props","icon","label","url","keyWord","onNavigate","breadcrumbs","makeBreadcrumbs","jsx","Link","jsxs","classNames","Highlighter","HiChevronRight","_Search","className","loading","setLoading","useState","searchDialogOpen","setSearchDialogOpen","searchResult","setSearchResult","noResult","setNoResult","inputRef","useRef","handleReset","handleSearchOpen","handleSearchClose","debounceFn","debounce","handleDebounceFn","t","useTranslation","flatNavTree","useMemo","arr","makeflat","item","parents","navigationConfig","filterNavigationTreeFlat","text","tree","NAV_ITEM_TYPE_ITEM","navTreeFlatToSearchResult","navTreeSearchResult","query","res","handleSearch","e","useEffect","timeout","handleNavigate","Fragment","PiMagnifyingGlassDuotone","Dialog","HiOutlineSearch","Button","Spinner","ScrollBar","result","data","index","Search","withHeaderItem"],"mappings":"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"}

package/dist/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.js

@@ -1,29 +1,29 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import "../../ui/Button/index.js";
-import { InputGroup as u } from "../../ui/InputGroup/index.js";
-import p from "../../../utils/hooks/useDirection.js";
-import { THEME_ENUM as o } from "../../../constants/theme.constant.js";
-import s from "../../ui/Button/Button.js";
-const f = [
-  { value: o.DIR_LTR, label: "LTR" },
-  { value: o.DIR_RTL, label: "RTL" }
-], T = ({
+import { InputGroup as a } from "../../ui/InputGroup/index.js";
+import c from "../../../utils/hooks/useDirection.js";
+import { THEME_ENUM as e } from "../../../constants/theme.constant.js";
+import m from "../../ui/Button/Button.js";
+const s = [
+  { value: e.DIR_LTR, label: "LTR" },
+  { value: e.DIR_RTL, label: "RTL" }
+], L = ({
   callBackClose: r
 }) => {
-  const [e, n] = p(), m = (t) => {
-    n(t), r == null || r();
+  const [i, n] = c(), l = (o) => {
+    n(o), r?.();
   };
-  return /* @__PURE__ */ i(u, { size: "sm", children: f.map((t) => /* @__PURE__ */ i(
-    s,
+  return /* @__PURE__ */ t(a, { size: "sm", children: s.map((o) => /* @__PURE__ */ t(
+    m,
     {
-      active: e === t.value,
-      onClick: () => m(t.value),
-      children: t.label
+      active: i === o.value,
+      onClick: () => l(o.value),
+      children: o.label
     },
-    t.value
+    o.value
   )) });
 };
 export {
-  T as default
+  L as default
 };
 //# sourceMappingURL=DirectionSwitcher.js.map

package/dist/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport useDirection from '@/utils/hooks/useDirection'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { Direction } from '@/@types/theme'\n\nconst dirList = [\n    { value: THEME_ENUM.DIR_LTR, label: 'LTR' },\n    { value: THEME_ENUM.DIR_RTL, label: 'RTL' },\n]\n\nconst DirectionSwitcher = ({\n    callBackClose,\n}: {\n    callBackClose?: () => void\n}) => {\n    const [direction, setDirection] = useDirection()\n\n    const onDirChange = (val: Direction) => {\n        setDirection(val)\n        callBackClose?.()\n    }\n\n    return (\n        <InputGroup size=\"sm\">\n            {dirList.map((dir) => (\n                <Button\n                    key={dir.value}\n                    active={direction === dir.value}\n                    onClick={() => onDirChange(dir.value)}\n                >\n                    {dir.label}\n                </Button>\n            ))}\n        </InputGroup>\n    )\n}\n\nexport default DirectionSwitcher\n"],"names":["dirList","THEME_ENUM","DirectionSwitcher","callBackClose","direction","setDirection","useDirection","onDirChange","val","InputGroup","dir","jsx","Button"],"mappings":";;;;;;AAMA,MAAMA,IAAU;AAAA,EACZ,EAAE,OAAOC,EAAW,SAAS,OAAO,MAAA;AAAA,EACpC,EAAE,OAAOA,EAAW,SAAS,OAAO,MAAA;AACxC,GAEMC,IAAoB,CAAC;AAAA,EACvB,eAAAC;AACJ,MAEM;AACF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IAAc,CAACC,MAAmB;AACpC,IAAAH,EAAaG,CAAG,GAChBL,KAAA,QAAAA;AAAA,EACJ;AAEA,2BACKM,GAAA,EAAW,MAAK,MACZ,UAAAT,EAAQ,IAAI,CAACU,MACV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,QAAQR,MAAcM,EAAI;AAAA,MAC1B,SAAS,MAAMH,EAAYG,EAAI,KAAK;AAAA,MAEnC,UAAAA,EAAI;AAAA,IAAA;AAAA,IAJAA,EAAI;AAAA,EAAA,CAMhB,GACL;AAER;"}
+{"version":3,"file":"DirectionSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport useDirection from '@/utils/hooks/useDirection'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { Direction } from '@/@types/theme'\n\nconst dirList = [\n    { value: THEME_ENUM.DIR_LTR, label: 'LTR' },\n    { value: THEME_ENUM.DIR_RTL, label: 'RTL' },\n]\n\nconst DirectionSwitcher = ({\n    callBackClose,\n}: {\n    callBackClose?: () => void\n}) => {\n    const [direction, setDirection] = useDirection()\n\n    const onDirChange = (val: Direction) => {\n        setDirection(val)\n        callBackClose?.()\n    }\n\n    return (\n        <InputGroup size=\"sm\">\n            {dirList.map((dir) => (\n                <Button\n                    key={dir.value}\n                    active={direction === dir.value}\n                    onClick={() => onDirChange(dir.value)}\n                >\n                    {dir.label}\n                </Button>\n            ))}\n        </InputGroup>\n    )\n}\n\nexport default DirectionSwitcher\n"],"names":["dirList","THEME_ENUM","DirectionSwitcher","callBackClose","direction","setDirection","useDirection","onDirChange","val","InputGroup","dir","jsx","Button"],"mappings":";;;;;;AAMA,MAAMA,IAAU;AAAA,EACZ,EAAE,OAAOC,EAAW,SAAS,OAAO,MAAA;AAAA,EACpC,EAAE,OAAOA,EAAW,SAAS,OAAO,MAAA;AACxC,GAEMC,IAAoB,CAAC;AAAA,EACvB,eAAAC;AACJ,MAEM;AACF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IAAc,CAACC,MAAmB;AACpC,IAAAH,EAAaG,CAAG,GAChBL,IAAA;AAAA,EACJ;AAEA,2BACKM,GAAA,EAAW,MAAK,MACZ,UAAAT,EAAQ,IAAI,CAACU,MACV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,QAAQR,MAAcM,EAAI;AAAA,MAC1B,SAAS,MAAMH,EAAYG,EAAI,KAAK;AAAA,MAEnC,UAAAA,EAAI;AAAA,IAAA;AAAA,IAJAA,EAAI;AAAA,EAAA,CAMhB,GACL;AAER;"}