@orbe-agro/client-core 5.3.261 → 5.3.264

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","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":"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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":[],"mappings":"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"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.js

@@ -1,37 +1,41 @@
-import { jsx as e, Fragment as l } from "react/jsx-runtime";
-import b from "../../../utils/classNames.js";
-import d from "./HorizontalMenuNavLink.js";
-const p = (n) => {
-  const { className: a, active: i, asElement: t = "button", ...r } = n, o = {
-    className: b(
+import { jsx, Fragment } from "react/jsx-runtime";
+import classNames from "../../../utils/classNames.js";
+import HorizontalMenuNavLink from "./HorizontalMenuNavLink.js";
+const HorizontalMenuDropdownTrigger = (props) => {
+  const { className, active, asElement = "button", ...rest } = props;
+  const commonProps = {
+    className: classNames(
       "font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors",
-      a,
-      i && "bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20"
+      className,
+      active && "bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20"
     )
   };
-  if (t === "a") {
-    const { path: s, isExternalLink: g, linkRenderer: m, ...c } = r;
-    return /* @__PURE__ */ e(
-      d,
+  if (asElement === "a") {
+    const { path, isExternalLink, linkRenderer, ...anchorProps } = rest;
+    return /* @__PURE__ */ jsx(
+      HorizontalMenuNavLink,
       {
-        linkRenderer: m,
-        path: s,
-        isExternalLink: g,
-        ...o,
-        ...c
+        linkRenderer,
+        path,
+        isExternalLink,
+        ...commonProps,
+        ...anchorProps
       }
     );
   }
-  return t === "button" ? /* @__PURE__ */ e(
-    "button",
-    {
-      ref: r.ref,
-      ...o,
-      ...r
-    }
-  ) : /* @__PURE__ */ e(l, {});
+  if (asElement === "button") {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: rest.ref,
+        ...commonProps,
+        ...rest
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Fragment, {});
 };
 export {
-  p as default
+  HorizontalMenuDropdownTrigger as default
 };
 //# sourceMappingURL=HorizontalMenuDropdownTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { HorizontalMenuNavLinkProps } from \"./HorizontalMenuNavLink\";\nimport type { ButtonHTMLAttributes, Ref } from \"react\";\n\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\n  active?: boolean;\n}\n\ninterface ButtonProps\n  extends HorizontalMenuDropdownTriggerCommonProps,\n    ButtonHTMLAttributes<HTMLButtonElement> {\n  asElement?: \"button\";\n  ref?: Ref<HTMLButtonElement>;\n}\n\ninterface AnchorProps\n  extends HorizontalMenuNavLinkProps,\n    HorizontalMenuDropdownTriggerCommonProps {\n  asElement?: \"a\";\n  path: string;\n  isExternalLink?: boolean;\n  linkRenderer?: HorizontalMenuNavLinkProps[\"linkRenderer\"];\n}\n\ntype HorizontalMenuDropdownTriggerProps = ButtonProps | AnchorProps;\n\nconst HorizontalMenuDropdownTrigger = (\n  props: HorizontalMenuDropdownTriggerProps\n) => {\n  const { className, active, asElement = \"button\", ...rest } = props;\n  const commonProps = {\n    className: classNames(\n      \"font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors\",\n      className,\n      active &&\n        \"bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20\"\n    ),\n  };\n\n  if (asElement === \"a\") {\n    const { path, isExternalLink, linkRenderer, ...anchorProps } =\n      rest as AnchorProps;\n    return (\n      <HorizontalMenuNavLink\n        linkRenderer={linkRenderer}\n        path={path as string}\n        isExternalLink={isExternalLink}\n        {...commonProps}\n        {...anchorProps}\n      />\n    );\n  }\n\n  if (asElement === \"button\") {\n    return (\n      <button\n        ref={(rest as ButtonProps).ref}\n        {...commonProps}\n        {...(rest as ButtonProps)}\n      />\n    );\n  }\n\n  return <></>;\n};\n\nexport default HorizontalMenuDropdownTrigger;\n"],"names":["HorizontalMenuDropdownTrigger","props","className","active","asElement","rest","commonProps","classNames","path","isExternalLink","linkRenderer","anchorProps","jsx","HorizontalMenuNavLink","Fragment"],"mappings":";;;AA4BM,MAAAA,IAAgC,CACpCC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,UAAU,GAAGC,MAASJ,GACvDK,IAAc;AAAA,IAClB,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,MACAC,KACE;AAAA,IAAA;AAAA,EAEN;AAEA,MAAIC,MAAc,KAAK;AACrB,UAAM,EAAE,MAAAI,GAAM,gBAAAC,GAAgB,cAAAC,GAAc,GAAGC,EAC7C,IAAAN;AAEA,WAAA,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAAH;AAAA,QACA,MAAAF;AAAA,QACA,gBAAAC;AAAA,QACC,GAAGH;AAAA,QACH,GAAGK;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIJ,SAAIP,MAAc,WAEd,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAMP,EAAqB;AAAA,MAC1B,GAAGC;AAAA,MACH,GAAID;AAAA,IAAA;AAAA,EACP,IAIK,gBAAAO,EAAAE,GAAA,EAAA;AACX;"}
+{"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { HorizontalMenuNavLinkProps } from \"./HorizontalMenuNavLink\";\nimport type { ButtonHTMLAttributes, Ref } from \"react\";\n\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\n  active?: boolean;\n}\n\ninterface ButtonProps\n  extends HorizontalMenuDropdownTriggerCommonProps,\n    ButtonHTMLAttributes<HTMLButtonElement> {\n  asElement?: \"button\";\n  ref?: Ref<HTMLButtonElement>;\n}\n\ninterface AnchorProps\n  extends HorizontalMenuNavLinkProps,\n    HorizontalMenuDropdownTriggerCommonProps {\n  asElement?: \"a\";\n  path: string;\n  isExternalLink?: boolean;\n  linkRenderer?: HorizontalMenuNavLinkProps[\"linkRenderer\"];\n}\n\ntype HorizontalMenuDropdownTriggerProps = ButtonProps | AnchorProps;\n\nconst HorizontalMenuDropdownTrigger = (\n  props: HorizontalMenuDropdownTriggerProps\n) => {\n  const { className, active, asElement = \"button\", ...rest } = props;\n  const commonProps = {\n    className: classNames(\n      \"font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors\",\n      className,\n      active &&\n        \"bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20\"\n    ),\n  };\n\n  if (asElement === \"a\") {\n    const { path, isExternalLink, linkRenderer, ...anchorProps } =\n      rest as AnchorProps;\n    return (\n      <HorizontalMenuNavLink\n        linkRenderer={linkRenderer}\n        path={path as string}\n        isExternalLink={isExternalLink}\n        {...commonProps}\n        {...anchorProps}\n      />\n    );\n  }\n\n  if (asElement === \"button\") {\n    return (\n      <button\n        ref={(rest as ButtonProps).ref}\n        {...commonProps}\n        {...(rest as ButtonProps)}\n      />\n    );\n  }\n\n  return <></>;\n};\n\nexport default HorizontalMenuDropdownTrigger;\n"],"names":[],"mappings":";;;AA4BM,MAAA,gCAAgC,CACpC,UACG;AACH,QAAM,EAAE,WAAW,QAAQ,YAAY,UAAU,GAAG,SAAS;AAC7D,QAAM,cAAc;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA,UACE;AAAA,IAAA;AAAA,EAEN;AAEA,MAAI,cAAc,KAAK;AACrB,UAAM,EAAE,MAAM,gBAAgB,cAAc,GAAG,YAC7C,IAAA;AAEA,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIJ,MAAI,cAAc,UAAU;AAExB,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAM,KAAqB;AAAA,QAC1B,GAAG;AAAA,QACH,GAAI;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAIJ,SAAS,oBAAA,UAAA,EAAA;AACX;"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.js

@@ -1,18 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Link as l } from "react-router-dom";
-const m = (a) => {
-  const { className: i, path: r, isExternalLink: n, children: t, linkRenderer: e } = a;
-  return e ? e({ path: r, isExternalLink: n }, t) : /* @__PURE__ */ o(
-    l,
+import { jsx } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+const HorizontalMenuNavLink = (props) => {
+  const { className, path, isExternalLink, children, linkRenderer } = props;
+  if (linkRenderer) {
+    return linkRenderer({ path, isExternalLink }, children);
+  }
+  return /* @__PURE__ */ jsx(
+    Link,
     {
-      to: r,
-      className: i,
-      target: n ? "_blank" : "",
-      children: t
+      to: path,
+      className,
+      target: isExternalLink ? "_blank" : "",
+      children
     }
   );
 };
 export {
-  m as default
+  HorizontalMenuNavLink as default
 };
 //# sourceMappingURL=HorizontalMenuNavLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { AnchorHTMLAttributes } from \"react\";\n\nexport interface HorizontalMenuNavLinkProps extends CommonProps {\n  path: string;\n  isExternalLink?: boolean;\n  onClick?: AnchorHTMLAttributes<HTMLAnchorElement>[\"onClick\"];\n  linkRenderer?: (\n    nav: { path: string; isExternalLink?: boolean },\n    children: React.ReactNode\n  ) => React.ReactNode;\n}\n\nconst HorizontalMenuNavLink = (props: HorizontalMenuNavLinkProps) => {\n  const { className, path, isExternalLink, children, linkRenderer } = props;\n\n  if (linkRenderer) {\n    return linkRenderer({ path, isExternalLink }, children);\n  }\n\n  return (\n    <Link\n      to={path}\n      className={className}\n      target={isExternalLink ? \"_blank\" : \"\"}\n    >\n      {children}\n    </Link>\n  );\n};\n\nexport default HorizontalMenuNavLink;\n"],"names":["HorizontalMenuNavLink","props","className","path","isExternalLink","children","linkRenderer","jsx","Link"],"mappings":";;AAcM,MAAAA,IAAwB,CAACC,MAAsC;AACnE,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,gBAAAC,GAAgB,UAAAC,GAAU,cAAAC,MAAiBL;AAEpE,SAAIK,IACKA,EAAa,EAAE,MAAAH,GAAM,gBAAAC,EAAA,GAAkBC,CAAQ,IAItD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIL;AAAA,MACJ,WAAAD;AAAA,MACA,QAAQE,IAAiB,WAAW;AAAA,MAEnC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { AnchorHTMLAttributes } from \"react\";\n\nexport interface HorizontalMenuNavLinkProps extends CommonProps {\n  path: string;\n  isExternalLink?: boolean;\n  onClick?: AnchorHTMLAttributes<HTMLAnchorElement>[\"onClick\"];\n  linkRenderer?: (\n    nav: { path: string; isExternalLink?: boolean },\n    children: React.ReactNode\n  ) => React.ReactNode;\n}\n\nconst HorizontalMenuNavLink = (props: HorizontalMenuNavLinkProps) => {\n  const { className, path, isExternalLink, children, linkRenderer } = props;\n\n  if (linkRenderer) {\n    return linkRenderer({ path, isExternalLink }, children);\n  }\n\n  return (\n    <Link\n      to={path}\n      className={className}\n      target={isExternalLink ? \"_blank\" : \"\"}\n    >\n      {children}\n    </Link>\n  );\n};\n\nexport default HorizontalMenuNavLink;\n"],"names":[],"mappings":";;AAcM,MAAA,wBAAwB,CAAC,UAAsC;AACnE,QAAM,EAAE,WAAW,MAAM,gBAAgB,UAAU,iBAAiB;AAEpE,MAAI,cAAc;AAChB,WAAO,aAAa,EAAE,MAAM,eAAA,GAAkB,QAAQ;AAAA,EAAA;AAItD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,QAAQ,iBAAiB,WAAW;AAAA,MAEnC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/@ecme/components/template/HorizontalMenuContent/index.js

@@ -1,5 +1,5 @@
-import t from "./HorizontalMenuContent.js";
+import HorizontalMenuContent from "./HorizontalMenuContent.js";
 export {
-  t as default
+  HorizontalMenuContent as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,25 +1,26 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import "./HorizontalMenuContent/index.js";
-import { useRouteKeyStore as n } from "../../store/routeKeyStore.js";
-import { useSessionUser as u } from "../../store/authStore.js";
-import a from "../../configs/app.config.js";
-import s from "../../configs/navigation.config/index.js";
-import m from "./HorizontalMenuContent/HorizontalMenuContent.js";
-const K = ({
-  translationSetup: t = a.activeNavTranslation
+import { useRouteKeyStore } from "../../store/routeKeyStore.js";
+import { useSessionUser } from "../../store/authStore.js";
+import appConfig from "../../configs/app.config.js";
+import navigationConfig from "../../configs/navigation.config/index.js";
+import HorizontalMenuContent from "./HorizontalMenuContent/HorizontalMenuContent.js";
+const HorizontalNav = ({
+  translationSetup = appConfig.activeNavTranslation
 }) => {
-  const r = n((o) => o.currentRouteKey), e = u((o) => o.user.authority);
-  return /* @__PURE__ */ i(
-    m,
+  const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey);
+  const userAuthority = useSessionUser((state) => state.user.authority);
+  return /* @__PURE__ */ jsx(
+    HorizontalMenuContent,
     {
-      navigationTree: s,
-      routeKey: r,
-      userAuthority: e || [],
-      translationSetup: t
+      navigationTree: navigationConfig,
+      routeKey: currentRouteKey,
+      userAuthority: userAuthority || [],
+      translationSetup
     }
   );
 };
 export {
-  K as default
+  HorizontalNav as default
 };
 //# sourceMappingURL=HorizontalNav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalNav.js","sources":["../../../../lib/@ecme/components/template/HorizontalNav.tsx"],"sourcesContent":["import HorizontalMenuContent from './HorizontalMenuContent'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport appConfig from '@/configs/app.config'\nimport navigationConfig from '@/configs/navigation.config'\n\nconst HorizontalNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: {\n    translationSetup?: boolean\n}) => {\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <HorizontalMenuContent\n            navigationTree={navigationConfig}\n            routeKey={currentRouteKey}\n            userAuthority={userAuthority || []}\n            translationSetup={translationSetup}\n        />\n    )\n}\n\nexport default HorizontalNav\n"],"names":["HorizontalNav","translationSetup","appConfig","currentRouteKey","useRouteKeyStore","state","userAuthority","useSessionUser","jsx","HorizontalMenuContent","navigationConfig"],"mappings":";;;;;;;AAMA,MAAMA,IAAgB,CAAC;AAAA,EACnB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAMC,IAAkBC,EAAiB,CAACC,MAAUA,EAAM,eAAe,GAEnEC,IAAgBC,EAAe,CAACF,MAAUA,EAAM,KAAK,SAAS;AAGhE,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBC;AAAA,MAChB,UAAUP;AAAA,MACV,eAAeG,KAAiB,CAAC;AAAA,MACjC,kBAAAL;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"version":3,"file":"HorizontalNav.js","sources":["../../../../lib/@ecme/components/template/HorizontalNav.tsx"],"sourcesContent":["import HorizontalMenuContent from './HorizontalMenuContent'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport appConfig from '@/configs/app.config'\nimport navigationConfig from '@/configs/navigation.config'\n\nconst HorizontalNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: {\n    translationSetup?: boolean\n}) => {\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <HorizontalMenuContent\n            navigationTree={navigationConfig}\n            routeKey={currentRouteKey}\n            userAuthority={userAuthority || []}\n            translationSetup={translationSetup}\n        />\n    )\n}\n\nexport default HorizontalNav\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,CAAC;AAAA,EACnB,mBAAmB,UAAU;AACjC,MAEM;AACF,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAGhE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe,iBAAiB,CAAC;AAAA,MACjC;AAAA,IAAA;AAAA,EACJ;AAER;"}

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

@@ -1,49 +1,55 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { useMemo as p } from "react";
-import { Avatar as a } from "../ui/Avatar/index.js";
-import { Dropdown as s } from "../ui/Dropdown/index.js";
-import u from "classnames";
-import g from "../../utils/hoc/withHeaderItem.js";
-import { useLocaleStore as d } from "../../store/localeStore.js";
-import { HiCheck as h } from "react-icons/hi";
-import { getFlagByCode as o } from "../../../base/utils/countryFlags.js";
-const c = [
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Avatar } from "../ui/Avatar/index.js";
+import { Dropdown } from "../ui/Dropdown/index.js";
+import classNames from "classnames";
+import withHeaderItem from "../../utils/hoc/withHeaderItem.js";
+import { useLocaleStore } from "../../store/localeStore.js";
+import { HiCheck } from "react-icons/hi";
+import { getFlagByCode } from "../../../base/utils/countryFlags.js";
+const languageList = [
   { label: "English", value: "en", flag: "US" },
   { label: "Português", value: "ptBR", flag: "BR" }
-], v = ({ className: m }) => {
-  const { currentLang: l, setLang: n } = d((e) => e), i = p(() => c.find((e) => e.value === l)?.flag, [l]), f = /* @__PURE__ */ t("div", { className: u(m, "flex items-center"), children: /* @__PURE__ */ t(
-    a,
+];
+const _LanguageSelector = ({ className }) => {
+  const { currentLang: locale, setLang } = useLocaleStore((state) => state);
+  const selectLangFlag = useMemo(() => {
+    return languageList.find((lang) => lang.value === locale)?.flag;
+  }, [locale]);
+  const selectedLanguage = /* @__PURE__ */ jsx("div", { className: classNames(className, "flex items-center"), children: /* @__PURE__ */ jsx(
+    Avatar,
     {
       size: 24,
       shape: "circle",
-      src: o(i)
+      src: getFlagByCode(selectLangFlag)
     }
   ) });
-  return /* @__PURE__ */ t(s, { renderTitle: f, placement: "bottom-end", children: c.map((e) => /* @__PURE__ */ r(
-    s.Item,
+  return /* @__PURE__ */ jsx(Dropdown, { renderTitle: selectedLanguage, placement: "bottom-end", children: languageList.map((lang) => /* @__PURE__ */ jsxs(
+    Dropdown.Item,
     {
       className: "justify-between",
-      eventKey: e.label,
-      onClick: () => n(e.value),
+      eventKey: lang.label,
+      onClick: () => setLang(lang.value),
       children: [
-        /* @__PURE__ */ r("span", { className: "flex items-center", children: [
-          /* @__PURE__ */ t(
-            a,
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsx(
+            Avatar,
             {
               size: 18,
               shape: "circle",
-              src: o(e.flag)
+              src: getFlagByCode(lang.flag)
             }
           ),
-          /* @__PURE__ */ t("span", { className: "ltr:ml-2 rtl:mr-2", children: e.label })
+          /* @__PURE__ */ jsx("span", { className: "ltr:ml-2 rtl:mr-2", children: lang.label })
         ] }),
-        l === e.value && /* @__PURE__ */ t(h, { className: "text-lg text-emerald-500" })
+        locale === lang.value && /* @__PURE__ */ jsx(HiCheck, { className: "text-lg text-emerald-500" })
       ]
     },
-    e.label
+    lang.label
   )) });
-}, C = g(v);
+};
+const LanguageSelector = withHeaderItem(_LanguageSelector);
 export {
-  C as default
+  LanguageSelector 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'\nimport { getFlagByCode } from '@base/utils/countryFlags'\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={getFlagByCode(selectLangFlag!)}\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={getFlagByCode(lang.flag)}\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","getFlagByCode","Dropdown","jsxs","HiCheck","LanguageSelector","withHeaderItem"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAK;AAAA,EAC5C,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAK;AACpD,GAEMC,IAAoB,CAAC,EAAE,WAAAC,QAA6B;AAChD,QAAA,EAAE,aAAaC,GAAQ,SAAAC,MAAYC,EAAe,CAACC,MAAUA,CAAK,GAElEC,IAAiBC,EAAQ,MACpBR,EAAa,KAAK,CAACS,MAASA,EAAK,UAAUN,CAAM,GAAG,MAC5D,CAACA,CAAM,CAAC,GAELO,IACD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAWV,GAAW,mBAAmB,GACrD,UAAA,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAKC,EAAcP,CAAe;AAAA,IAAA;AAAA,EAAA,GAE1C;AAIA,SAAA,gBAAAI,EAACI,KAAS,aAAaL,GAAkB,WAAU,cAC9C,UAAAV,EAAa,IAAI,CAACS,MACf,gBAAAO;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAUN,EAAK;AAAA,MACf,SAAS,MAAML,EAAQK,EAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAC,gBAAAO,EAAA,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAKC,EAAcL,EAAK,IAAI;AAAA,YAAA;AAAA,UAChC;AAAA,UACC,gBAAAE,EAAA,QAAA,EAAK,WAAU,qBAAqB,YAAK,MAAM,CAAA;AAAA,QAAA,GACpD;AAAA,QACCR,MAAWM,EAAK,SACZ,gBAAAE,EAAAM,GAAA,EAAQ,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7CR,EAAK;AAAA,EAiBjB,CAAA,GACL;AAER,GAEMS,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'\nimport { getFlagByCode } from '@base/utils/countryFlags'\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={getFlagByCode(selectLangFlag!)}\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={getFlagByCode(lang.flag)}\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":[],"mappings":";;;;;;;;;AAUA,MAAM,eAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAK;AAAA,EAC5C,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAK;AACpD;AAEA,MAAM,oBAAoB,CAAC,EAAE,gBAA6B;AAChD,QAAA,EAAE,aAAa,QAAQ,YAAY,eAAe,CAAC,UAAU,KAAK;AAElE,QAAA,iBAAiB,QAAQ,MAAM;AACjC,WAAO,aAAa,KAAK,CAAC,SAAS,KAAK,UAAU,MAAM,GAAG;AAAA,EAAA,GAC5D,CAAC,MAAM,CAAC;AAEX,QAAM,mBACD,oBAAA,OAAA,EAAI,WAAW,WAAW,WAAW,mBAAmB,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAK,cAAc,cAAe;AAAA,IAAA;AAAA,EAAA,GAE1C;AAIA,SAAA,oBAAC,YAAS,aAAa,kBAAkB,WAAU,cAC9C,UAAA,aAAa,IAAI,CAAC,SACf;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAU,KAAK;AAAA,MACf,SAAS,MAAM,QAAQ,KAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAC,qBAAA,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAK,cAAc,KAAK,IAAI;AAAA,YAAA;AAAA,UAChC;AAAA,UACC,oBAAA,QAAA,EAAK,WAAU,qBAAqB,eAAK,MAAM,CAAA;AAAA,QAAA,GACpD;AAAA,QACC,WAAW,KAAK,SACZ,oBAAA,SAAA,EAAQ,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7C,KAAK;AAAA,EAiBjB,CAAA,GACL;AAER;AAEM,MAAA,mBAAmB,eAAe,iBAAiB;"}

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

@@ -1,22 +1,22 @@
-import { jsx as e } from "react/jsx-runtime";
-import { LayoutContext as n } from "../../utils/hooks/useLayout.js";
-const l = (t) => {
+import { jsx } from "react/jsx-runtime";
+import { LayoutContext } from "../../utils/hooks/useLayout.js";
+const LayoutBase = (props) => {
   const {
-    children: a,
-    className: r,
-    adaptiveCardActive: o,
-    type: i,
-    pageContainerReassemble: s
-  } = t;
-  return /* @__PURE__ */ e(
-    n.Provider,
+    children,
+    className,
+    adaptiveCardActive,
+    type,
+    pageContainerReassemble
+  } = props;
+  return /* @__PURE__ */ jsx(
+    LayoutContext.Provider,
     {
-      value: { adaptiveCardActive: o, pageContainerReassemble: s, type: i },
-      children: /* @__PURE__ */ e("div", { className: r, children: a })
+      value: { adaptiveCardActive, pageContainerReassemble, type },
+      children: /* @__PURE__ */ jsx("div", { className, children })
     }
   );
 };
 export {
-  l as default
+  LayoutBase as default
 };
 //# sourceMappingURL=LayoutBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutBase.js","sources":["../../../../lib/@ecme/components/template/LayoutBase.tsx"],"sourcesContent":["import { LayoutContext } from '@/utils/hooks/useLayout'\nimport type { LayoutContextProps } from '@/utils/hooks/useLayout'\nimport type { CommonProps } from '@/@types/common'\n\ntype LayoutBaseProps = CommonProps & LayoutContextProps\n\nconst LayoutBase = (props: LayoutBaseProps) => {\n    const {\n        children,\n        className,\n        adaptiveCardActive,\n        type,\n        pageContainerReassemble,\n    } = props\n\n    return (\n        <LayoutContext.Provider\n            value={{ adaptiveCardActive, pageContainerReassemble, type }}\n        >\n            <div className={className}>{children}</div>\n        </LayoutContext.Provider>\n    )\n}\n\nexport default LayoutBase\n"],"names":["LayoutBase","props","children","className","adaptiveCardActive","type","pageContainerReassemble","jsx","LayoutContext"],"mappings":";;AAMM,MAAAA,IAAa,CAACC,MAA2B;AACrC,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACAL;AAGA,SAAA,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACG,OAAO,EAAE,oBAAAJ,GAAoB,yBAAAE,GAAyB,MAAAD,EAAK;AAAA,MAE3D,UAAA,gBAAAE,EAAC,OAAI,EAAA,WAAAJ,GAAuB,UAAAD,EAAS,CAAA;AAAA,IAAA;AAAA,EACzC;AAER;"}
+{"version":3,"file":"LayoutBase.js","sources":["../../../../lib/@ecme/components/template/LayoutBase.tsx"],"sourcesContent":["import { LayoutContext } from '@/utils/hooks/useLayout'\nimport type { LayoutContextProps } from '@/utils/hooks/useLayout'\nimport type { CommonProps } from '@/@types/common'\n\ntype LayoutBaseProps = CommonProps & LayoutContextProps\n\nconst LayoutBase = (props: LayoutBaseProps) => {\n    const {\n        children,\n        className,\n        adaptiveCardActive,\n        type,\n        pageContainerReassemble,\n    } = props\n\n    return (\n        <LayoutContext.Provider\n            value={{ adaptiveCardActive, pageContainerReassemble, type }}\n        >\n            <div className={className}>{children}</div>\n        </LayoutContext.Provider>\n    )\n}\n\nexport default LayoutBase\n"],"names":[],"mappings":";;AAMM,MAAA,aAAa,CAAC,UAA2B;AACrC,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAGA,SAAA;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACG,OAAO,EAAE,oBAAoB,yBAAyB,KAAK;AAAA,MAE3D,UAAA,oBAAC,OAAI,EAAA,WAAuB,SAAS,CAAA;AAAA,IAAA;AAAA,EACzC;AAER;"}

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

@@ -1,21 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
-import c from "classnames";
-import { APP_NAME as i } from "../../constants/app.constant.js";
-const f = (s) => {
-  const { name: a, className: t, imgClass: l, style: m, logoWidth: r = "auto" } = s, e = `${a}`;
-  return /* @__PURE__ */ o(
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { APP_NAME } from "../../constants/app.constant.js";
+const Logo = (props) => {
+  const { name, className, imgClass, style, logoWidth = "auto" } = props;
+  const finalLogoSrc = `${name}`;
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: c("logo", t),
+      className: classNames("logo", className),
       style: {
-        ...m,
-        width: r
+        ...style,
+        ...{ width: logoWidth }
       },
-      children: /* @__PURE__ */ o("img", { className: l, src: e, alt: `${i} logo` })
+      children: /* @__PURE__ */ jsx("img", { className: imgClass, src: finalLogoSrc, alt: `${APP_NAME} logo` })
     }
   );
 };
 export {
-  f as default
+  Logo as default
 };
 //# sourceMappingURL=Logo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../lib/@ecme/components/template/Logo.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { APP_NAME } from \"@/constants/app.constant\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { useAppConfig } from \"@/configs/AppConfigContext\";\n\ninterface LogoProps extends CommonProps {\n  name: string;\n  imgClass?: string;\n  logoWidth?: number | string;\n}\n\nconst Logo = (props: LogoProps) => {\n  const { name, className, imgClass, style, logoWidth = \"auto\" } = props;\n  const finalLogoSrc = `${name}`;\n  \n  return (\n    <div\n      className={classNames(\"logo\", className)}\n      style={{\n        ...style,\n        ...{ width: logoWidth },\n      }}\n    >\n      <img className={imgClass} src={finalLogoSrc} alt={`${APP_NAME} logo`} />\n    </div>\n  );\n};\n\nexport default Logo;\n"],"names":["Logo","props","name","className","imgClass","style","logoWidth","finalLogoSrc","jsx","classNames","APP_NAME"],"mappings":";;;AAWM,MAAAA,IAAO,CAACC,MAAqB;AACjC,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,WAAAC,IAAY,WAAWL,GAC3DM,IAAe,GAAGL,CAAI;AAG1B,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,QAAQN,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,GAAGE;AAAA,QACE,OAAOC;AAAA,MACd;AAAA,MAEA,UAAA,gBAAAE,EAAC,SAAI,WAAWJ,GAAU,KAAKG,GAAc,KAAK,GAAGG,CAAQ,QAAS,CAAA;AAAA,IAAA;AAAA,EACxE;AAEJ;"}
+{"version":3,"file":"Logo.js","sources":["../../../../lib/@ecme/components/template/Logo.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { APP_NAME } from \"@/constants/app.constant\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { useAppConfig } from \"@/configs/AppConfigContext\";\n\ninterface LogoProps extends CommonProps {\n  name: string;\n  imgClass?: string;\n  logoWidth?: number | string;\n}\n\nconst Logo = (props: LogoProps) => {\n  const { name, className, imgClass, style, logoWidth = \"auto\" } = props;\n  const finalLogoSrc = `${name}`;\n  \n  return (\n    <div\n      className={classNames(\"logo\", className)}\n      style={{\n        ...style,\n        ...{ width: logoWidth },\n      }}\n    >\n      <img className={imgClass} src={finalLogoSrc} alt={`${APP_NAME} logo`} />\n    </div>\n  );\n};\n\nexport default Logo;\n"],"names":[],"mappings":";;;AAWM,MAAA,OAAO,CAAC,UAAqB;AACjC,QAAM,EAAE,MAAM,WAAW,UAAU,OAAO,YAAY,WAAW;AAC3D,QAAA,eAAe,GAAG,IAAI;AAG1B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,QAAQ,SAAS;AAAA,MACvC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,EAAE,OAAO,UAAU;AAAA,MACxB;AAAA,MAEA,UAAA,oBAAC,SAAI,WAAW,UAAU,KAAK,cAAc,KAAK,GAAG,QAAQ,QAAS,CAAA;AAAA,IAAA;AAAA,EACxE;AAEJ;"}