@orbe-agro/client-core 3.4.12 → 3.4.13

package/dist/lib/@ecme/components/template/SidePanel/SidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.js","sources":["../../../../../../lib/@ecme/components/template/SidePanel/SidePanel.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Drawer from '@/components/ui/Drawer'\nimport { PiGearDuotone } from 'react-icons/pi'\nimport SidePanelContent, { SidePanelContentProps } from './SidePanelContent'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useThemeStore } from '@/store/themeStore'\nimport type { CommonProps } from '@/@types/common'\nimport { useTranslation } from 'react-i18next'\n\ntype SidePanelProps = SidePanelContentProps & CommonProps\n\nconst _SidePanel = (props: SidePanelProps) => {\n    const { className, ...rest } = props\n\n    const panelExpand = useThemeStore((state) => state.panelExpand)\n    const direction = useThemeStore((state) => state.direction)\n    const setPanelExpand = useThemeStore((state) => state.setPanelExpand)\n\n    const openPanel = () => {\n        setPanelExpand(true)\n    }\n\n    const closePanel = () => {\n        setPanelExpand(false)\n\n        if (document) {\n            const bodyClassList = document.body.classList\n            if (bodyClassList.contains('drawer-lock-scroll')) {\n                bodyClassList.remove('drawer-lock-scroll', 'drawer-open')\n            }\n        }\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <>\n            <div\n                className={classNames('text-2xl', className)}\n                onClick={openPanel}\n                {...rest}\n            >\n                <PiGearDuotone />\n            </div>\n            <Drawer\n                title={t('base.layout.themeConfig.title')}\n                isOpen={panelExpand}\n                placement={direction === 'rtl' ? 'left' : 'right'}\n                width={375}\n                onClose={closePanel}\n                onRequestClose={closePanel}\n            >\n                <SidePanelContent callBackClose={closePanel} />\n            </Drawer>\n        </>\n    )\n}\n\nconst SidePanel = withHeaderItem(_SidePanel)\n\nexport default SidePanel\n"],"names":["_SidePanel","props","className","rest","panelExpand","useThemeStore","state","direction","setPanelExpand","openPanel","closePanel","bodyClassList","t","useTranslation","jsxs","Fragment","jsx","classNames","PiGearDuotone","Drawer","SidePanelContent","SidePanel","withHeaderItem"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAa,CAACC,MAA0B;AAC1C,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GAEzBG,IAAcC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACxDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAiBH,EAAc,CAACC,MAAUA,EAAM,cAAc,GAE9DG,IAAY,MAAM;AACpB,IAAAD,EAAe,EAAI;AAAA,EACvB,GAEME,IAAa,MAAM;AAGrB,QAFAF,EAAe,EAAK,GAEhB,UAAU;AACJ,YAAAG,IAAgB,SAAS,KAAK;AAChC,MAAAA,EAAc,SAAS,oBAAoB,KAC7BA,EAAA,OAAO,sBAAsB,aAAa;AAAA,IAC5D;AAAA,EAER,GAEM,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAE7B,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAW,YAAYf,CAAS;AAAA,QAC3C,SAASO;AAAA,QACR,GAAGN;AAAA,QAEJ,4BAACe,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA,IACnB;AAAA,IACA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAOP,EAAE,+BAA+B;AAAA,QACxC,QAAQR;AAAA,QACR,WAAWG,MAAc,QAAQ,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,SAASG;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAM,EAACI,GAAiB,EAAA,eAAeV,EAAY,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACJ;AAER,GAEMW,IAAYC,EAAetB,CAAU;"}
+{"version":3,"file":"SidePanel.js","sources":["../../../../../../lib/@ecme/components/template/SidePanel/SidePanel.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Drawer from '@/components/ui/Drawer'\nimport { PiGearDuotone } from 'react-icons/pi'\nimport SidePanelContent, { SidePanelContentProps } from './SidePanelContent'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useThemeStore } from '@/store/themeStore'\nimport type { CommonProps } from '@/@types/common'\nimport { useTranslation } from 'react-i18next'\n\ntype SidePanelProps = SidePanelContentProps & CommonProps\n\nconst _SidePanel = (props: SidePanelProps) => {\n    const { className, ...rest } = props\n\n    const panelExpand = useThemeStore((state) => state.panelExpand)\n    const direction = useThemeStore((state) => state.direction)\n    const setPanelExpand = useThemeStore((state) => state.setPanelExpand)\n\n    const openPanel = () => {\n        setPanelExpand(true)\n    }\n\n    const closePanel = () => {\n        setPanelExpand(false)\n\n        if (document) {\n            const bodyClassList = document.body.classList\n            if (bodyClassList.contains('drawer-lock-scroll')) {\n                bodyClassList.remove('drawer-lock-scroll', 'drawer-open')\n            }\n        }\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <>\n            <div\n                className={classNames('text-2xl', className)}\n                onClick={openPanel}\n                {...rest}\n            >\n                <PiGearDuotone />\n            </div>\n            <Drawer\n                title={t('base.layout.themeConfig.title')}\n                isOpen={panelExpand}\n                placement={direction === 'rtl' ? 'left' : 'right'}\n                width={375}\n                onClose={closePanel}\n                onRequestClose={closePanel}\n            >\n                <SidePanelContent callBackClose={closePanel} />\n            </Drawer>\n        </>\n    )\n}\n\nconst SidePanel = withHeaderItem(_SidePanel)\n\nexport default SidePanel\n"],"names":["_SidePanel","props","className","rest","panelExpand","useThemeStore","state","direction","setPanelExpand","openPanel","closePanel","bodyClassList","t","useTranslation","jsxs","Fragment","jsx","classNames","PiGearDuotone","Drawer","SidePanelContent","SidePanel","withHeaderItem"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAa,CAACC,MAA0B;AAC1C,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GAEzBG,IAAcC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACxDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAiBH,EAAc,CAACC,MAAUA,EAAM,cAAc,GAE9DG,IAAY,MAAM;AACpB,IAAAD,EAAe,EAAI;AAAA,EAAA,GAGjBE,IAAa,MAAM;AAGrB,QAFAF,EAAe,EAAK,GAEhB,UAAU;AACV,YAAMG,IAAgB,SAAS,KAAK;AACpC,MAAIA,EAAc,SAAS,oBAAoB,KAC3CA,EAAc,OAAO,sBAAsB,aAAa;AAAA,IAC5D;AAAA,EACJ,GAGE,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAW,YAAYf,CAAS;AAAA,QAC3C,SAASO;AAAA,QACR,GAAGN;AAAA,QAEJ,4BAACe,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAOP,EAAE,+BAA+B;AAAA,QACxC,QAAQR;AAAA,QACR,WAAWG,MAAc,QAAQ,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,SAASG;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAM,EAACI,GAAA,EAAiB,eAAeV,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACJ;AAER,GAEMW,IAAYC,EAAetB,CAAU;"}

package/dist/lib/@ecme/components/template/SidePanel/SidePanelContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanelContent.js","sources":["../../../../../../lib/@ecme/components/template/SidePanel/SidePanelContent.tsx"],"sourcesContent":["import ThemeConfigurator from '@/components/template/ThemeConfigurator'\nimport type { ThemeConfiguratorProps } from '@/components/template/ThemeConfigurator'\n\nexport type SidePanelContentProps = ThemeConfiguratorProps\n\nconst SidePanelContent = (props: SidePanelContentProps) => {\n    return <ThemeConfigurator {...props} />\n}\n\nexport default SidePanelContent\n"],"names":["SidePanelContent","props","jsx","ThemeConfigurator"],"mappings":";;;AAKM,MAAAA,IAAmB,CAACC,MACf,gBAAAC,EAACC,GAAmB,EAAA,GAAGF,EAAO,CAAA;"}
+{"version":3,"file":"SidePanelContent.js","sources":["../../../../../../lib/@ecme/components/template/SidePanel/SidePanelContent.tsx"],"sourcesContent":["import ThemeConfigurator from '@/components/template/ThemeConfigurator'\nimport type { ThemeConfiguratorProps } from '@/components/template/ThemeConfigurator'\n\nexport type SidePanelContentProps = ThemeConfiguratorProps\n\nconst SidePanelContent = (props: SidePanelContentProps) => {\n    return <ThemeConfigurator {...props} />\n}\n\nexport default SidePanelContent\n"],"names":["SidePanelContent","props","jsx","ThemeConfigurator"],"mappings":";;;AAKA,MAAMA,IAAmB,CAACC,MACf,gBAAAC,EAACC,GAAA,EAAmB,GAAGF,EAAA,CAAO;"}

package/dist/lib/@ecme/components/template/StackedSideNav/StackedSideNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedSideNav.js","sources":["../../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n    SPLITTED_SIDE_NAV_MINI_WIDTH,\n    STACKED_SIDE_NAV_SECONDARY_WIDTH,\n    DIR_LTR,\n    DIR_RTL,\n} from '@/constants/theme.constant'\nimport StackedSideNavMini, { SelectedMenuItem } from './StackedSideNavMini'\nimport StackedSideNavSecondary from './StackedSideNavSecondary'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport navigationConfig from '@/configs/navigation.config'\nimport appConfig from '@/configs/app.config'\nimport isEmpty from 'lodash/isEmpty'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport type { TraslationFn } from '@/@types/common'\n\nconst stackedSideNavDefaultStyle = {\n    width: SPLITTED_SIDE_NAV_MINI_WIDTH,\n}\n\nconst StackedSideNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: {\n    translationSetup?: boolean\n}) => {\n    const { t } = useTranslation(!translationSetup)\n\n    const [selectedMenu, setSelectedMenu] = useState<SelectedMenuItem>({})\n    const [activeKeys, setActiveKeys] = useState<string[]>([])\n\n    const mode = useThemeStore((state) => state.mode)\n    const direction = useThemeStore((state) => state.direction)\n\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    const { larger } = useResponsive()\n\n    const navColor = (navType: string, mode: string) => {\n        return `${navType}-${mode}`\n    }\n\n    const handleChange = (selected: SelectedMenuItem) => {\n        setSelectedMenu(selected)\n    }\n\n    const handleCollpase = () => {\n        setSelectedMenu({})\n        setActiveKeys([])\n    }\n\n    const handleSetActiveKey = (key: string[]) => {\n        setActiveKeys(key)\n    }\n\n    const stackedSideNavSecondaryDirStyle = () => {\n        let style = {}\n        const marginValue = `${-STACKED_SIDE_NAV_SECONDARY_WIDTH}px`\n        if (direction === DIR_LTR) {\n            style = { marginLeft: marginValue }\n        }\n\n        if (direction === DIR_RTL) {\n            style = { marginRight: marginValue }\n        }\n\n        return style\n    }\n\n    return (\n        <>\n            {larger.md && (\n                <div className={`stacked-side-nav`}>\n                    <StackedSideNavMini\n                        className={`stacked-side-nav-mini ${navColor(\n                            'stacked-side-nav-mini',\n                            mode,\n                        )}`}\n                        style={stackedSideNavDefaultStyle}\n                        routeKey={currentRouteKey}\n                        activeKeys={activeKeys}\n                        mode={mode}\n                        direction={direction}\n                        navigationTree={navigationConfig}\n                        userAuthority={userAuthority || []}\n                        selectedMenu={selectedMenu}\n                        t={t as TraslationFn}\n                        onChange={handleChange}\n                        onSetActiveKey={handleSetActiveKey}\n                    />\n                    <div\n                        className={`stacked-side-nav-secondary ${navColor(\n                            'stacked-side-nav-secondary',\n                            mode,\n                        )}`}\n                        style={{\n                            width: STACKED_SIDE_NAV_SECONDARY_WIDTH,\n                            ...(isEmpty(selectedMenu)\n                                ? stackedSideNavSecondaryDirStyle()\n                                : {}),\n                        }}\n                    >\n                        {!isEmpty(selectedMenu) && (\n                            <StackedSideNavSecondary\n                                title={t(\n                                    selectedMenu.translateKey as string,\n                                    selectedMenu.title as string,\n                                )}\n                                menu={selectedMenu.menu}\n                                routeKey={currentRouteKey}\n                                direction={direction}\n                                translationSetup={translationSetup}\n                                userAuthority={userAuthority || []}\n                                onCollapse={handleCollpase}\n                            />\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default StackedSideNav\n"],"names":["stackedSideNavDefaultStyle","SPLITTED_SIDE_NAV_MINI_WIDTH","StackedSideNav","translationSetup","appConfig","t","useTranslation","selectedMenu","setSelectedMenu","useState","activeKeys","setActiveKeys","mode","useThemeStore","state","direction","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","larger","useResponsive","navColor","navType","handleChange","selected","handleCollpase","handleSetActiveKey","key","stackedSideNavSecondaryDirStyle","style","marginValue","STACKED_SIDE_NAV_SECONDARY_WIDTH","DIR_LTR","DIR_RTL","jsxs","jsx","StackedSideNavMini","navigationConfig","isEmpty","StackedSideNavSecondary"],"mappings":";;;;;;;;;;;;;AAmBA,MAAMA,IAA6B;AAAA,EAC/B,OAAOC;AACX,GAEMC,IAAiB,CAAC;AAAA,EACpB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,CAACH,CAAgB,GAExC,CAACI,GAAcC,CAAe,IAAIC,EAA2B,CAAA,CAAE,GAC/D,CAACC,GAAYC,CAAa,IAAIF,EAAmB,CAAA,CAAE,GAEnDG,IAAOC,EAAc,CAACC,MAAUA,EAAM,IAAI,GAC1CC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpDE,IAAkBC,EAAiB,CAACH,MAAUA,EAAM,eAAe,GAEnEI,IAAgBC,EAAe,CAACL,MAAUA,EAAM,KAAK,SAAS,GAE9D,EAAE,QAAAM,EAAO,IAAIC,EAAc,GAE3BC,IAAW,CAACC,GAAiBX,MACxB,GAAGW,CAAO,IAAIX,CAAI,IAGvBY,IAAe,CAACC,MAA+B;AACjD,IAAAjB,EAAgBiB,CAAQ;AAAA,EAC5B,GAEMC,IAAiB,MAAM;AACzB,IAAAlB,EAAgB,CAAA,CAAE,GAClBG,EAAc,CAAA,CAAE;AAAA,EACpB,GAEMgB,IAAqB,CAACC,MAAkB;AAC1C,IAAAjB,EAAciB,CAAG;AAAA,EACrB,GAEMC,IAAkC,MAAM;AAC1C,QAAIC,IAAQ,CAAC;AACP,UAAAC,IAAc,GAAG,CAACC,CAAgC;AACxD,WAAIjB,MAAckB,MACNH,IAAA,EAAE,YAAYC,EAAY,IAGlChB,MAAcmB,MACNJ,IAAA,EAAE,aAAaC,EAAY,IAGhCD;AAAA,EACX;AAEA,gCAES,UAAOV,EAAA,MACH,gBAAAe,EAAA,OAAA,EAAI,WAAW,oBACZ,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAW,yBAAyBf;AAAA,UAChC;AAAA,UACAV;AAAA,QAAA,CACH;AAAA,QACD,OAAOZ;AAAA,QACP,UAAUgB;AAAA,QACV,YAAAN;AAAA,QACA,MAAAE;AAAA,QACA,WAAAG;AAAA,QACA,gBAAgBuB;AAAA,QAChB,eAAepB,KAAiB,CAAC;AAAA,QACjC,cAAAX;AAAA,QACA,GAAAF;AAAA,QACA,UAAUmB;AAAA,QACV,gBAAgBG;AAAA,MAAA;AAAA,IACpB;AAAA,IACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,8BAA8Bd;AAAA,UACrC;AAAA,UACAV;AAAA,QAAA,CACH;AAAA,QACD,OAAO;AAAA,UACH,OAAOoB;AAAA,UACP,GAAIO,EAAQhC,CAAY,IAClBsB,MACA,CAAA;AAAA,QACV;AAAA,QAEC,UAAA,CAACU,EAAQhC,CAAY,KAClB,gBAAA6B;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,OAAOnC;AAAA,cACHE,EAAa;AAAA,cACbA,EAAa;AAAA,YACjB;AAAA,YACA,MAAMA,EAAa;AAAA,YACnB,UAAUS;AAAA,YACV,WAAAD;AAAA,YACA,kBAAAZ;AAAA,YACA,eAAee,KAAiB,CAAC;AAAA,YACjC,YAAYQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAER,EAAA,CACJ,EAER,CAAA;AAER;"}
+{"version":3,"file":"StackedSideNav.js","sources":["../../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n    SPLITTED_SIDE_NAV_MINI_WIDTH,\n    STACKED_SIDE_NAV_SECONDARY_WIDTH,\n    DIR_LTR,\n    DIR_RTL,\n} from '@/constants/theme.constant'\nimport StackedSideNavMini, { SelectedMenuItem } from './StackedSideNavMini'\nimport StackedSideNavSecondary from './StackedSideNavSecondary'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport navigationConfig from '@/configs/navigation.config'\nimport appConfig from '@/configs/app.config'\nimport isEmpty from 'lodash/isEmpty'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport type { TraslationFn } from '@/@types/common'\n\nconst stackedSideNavDefaultStyle = {\n    width: SPLITTED_SIDE_NAV_MINI_WIDTH,\n}\n\nconst StackedSideNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: {\n    translationSetup?: boolean\n}) => {\n    const { t } = useTranslation(!translationSetup)\n\n    const [selectedMenu, setSelectedMenu] = useState<SelectedMenuItem>({})\n    const [activeKeys, setActiveKeys] = useState<string[]>([])\n\n    const mode = useThemeStore((state) => state.mode)\n    const direction = useThemeStore((state) => state.direction)\n\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    const { larger } = useResponsive()\n\n    const navColor = (navType: string, mode: string) => {\n        return `${navType}-${mode}`\n    }\n\n    const handleChange = (selected: SelectedMenuItem) => {\n        setSelectedMenu(selected)\n    }\n\n    const handleCollpase = () => {\n        setSelectedMenu({})\n        setActiveKeys([])\n    }\n\n    const handleSetActiveKey = (key: string[]) => {\n        setActiveKeys(key)\n    }\n\n    const stackedSideNavSecondaryDirStyle = () => {\n        let style = {}\n        const marginValue = `${-STACKED_SIDE_NAV_SECONDARY_WIDTH}px`\n        if (direction === DIR_LTR) {\n            style = { marginLeft: marginValue }\n        }\n\n        if (direction === DIR_RTL) {\n            style = { marginRight: marginValue }\n        }\n\n        return style\n    }\n\n    return (\n        <>\n            {larger.md && (\n                <div className={`stacked-side-nav`}>\n                    <StackedSideNavMini\n                        className={`stacked-side-nav-mini ${navColor(\n                            'stacked-side-nav-mini',\n                            mode,\n                        )}`}\n                        style={stackedSideNavDefaultStyle}\n                        routeKey={currentRouteKey}\n                        activeKeys={activeKeys}\n                        mode={mode}\n                        direction={direction}\n                        navigationTree={navigationConfig}\n                        userAuthority={userAuthority || []}\n                        selectedMenu={selectedMenu}\n                        t={t as TraslationFn}\n                        onChange={handleChange}\n                        onSetActiveKey={handleSetActiveKey}\n                    />\n                    <div\n                        className={`stacked-side-nav-secondary ${navColor(\n                            'stacked-side-nav-secondary',\n                            mode,\n                        )}`}\n                        style={{\n                            width: STACKED_SIDE_NAV_SECONDARY_WIDTH,\n                            ...(isEmpty(selectedMenu)\n                                ? stackedSideNavSecondaryDirStyle()\n                                : {}),\n                        }}\n                    >\n                        {!isEmpty(selectedMenu) && (\n                            <StackedSideNavSecondary\n                                title={t(\n                                    selectedMenu.translateKey as string,\n                                    selectedMenu.title as string,\n                                )}\n                                menu={selectedMenu.menu}\n                                routeKey={currentRouteKey}\n                                direction={direction}\n                                translationSetup={translationSetup}\n                                userAuthority={userAuthority || []}\n                                onCollapse={handleCollpase}\n                            />\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default StackedSideNav\n"],"names":["stackedSideNavDefaultStyle","SPLITTED_SIDE_NAV_MINI_WIDTH","StackedSideNav","translationSetup","appConfig","t","useTranslation","selectedMenu","setSelectedMenu","useState","activeKeys","setActiveKeys","mode","useThemeStore","state","direction","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","larger","useResponsive","navColor","navType","handleChange","selected","handleCollpase","handleSetActiveKey","key","stackedSideNavSecondaryDirStyle","style","marginValue","STACKED_SIDE_NAV_SECONDARY_WIDTH","DIR_LTR","DIR_RTL","jsxs","jsx","StackedSideNavMini","navigationConfig","isEmpty","StackedSideNavSecondary"],"mappings":";;;;;;;;;;;;;AAmBA,MAAMA,IAA6B;AAAA,EAC/B,OAAOC;AACX,GAEMC,IAAiB,CAAC;AAAA,EACpB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,CAACH,CAAgB,GAExC,CAACI,GAAcC,CAAe,IAAIC,EAA2B,CAAA,CAAE,GAC/D,CAACC,GAAYC,CAAa,IAAIF,EAAmB,CAAA,CAAE,GAEnDG,IAAOC,EAAc,CAACC,MAAUA,EAAM,IAAI,GAC1CC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpDE,IAAkBC,EAAiB,CAACH,MAAUA,EAAM,eAAe,GAEnEI,IAAgBC,EAAe,CAACL,MAAUA,EAAM,KAAK,SAAS,GAE9D,EAAE,QAAAM,EAAA,IAAWC,EAAA,GAEbC,IAAW,CAACC,GAAiBX,MACxB,GAAGW,CAAO,IAAIX,CAAI,IAGvBY,IAAe,CAACC,MAA+B;AACjD,IAAAjB,EAAgBiB,CAAQ;AAAA,EAAA,GAGtBC,IAAiB,MAAM;AACzB,IAAAlB,EAAgB,CAAA,CAAE,GAClBG,EAAc,CAAA,CAAE;AAAA,EAAA,GAGdgB,IAAqB,CAACC,MAAkB;AAC1C,IAAAjB,EAAciB,CAAG;AAAA,EAAA,GAGfC,IAAkC,MAAM;AAC1C,QAAIC,IAAQ,CAAA;AACZ,UAAMC,IAAc,GAAG,CAACC,CAAgC;AACxD,WAAIjB,MAAckB,MACdH,IAAQ,EAAE,YAAYC,EAAA,IAGtBhB,MAAcmB,MACdJ,IAAQ,EAAE,aAAaC,EAAA,IAGpBD;AAAA,EAAA;AAGX,gCAES,UAAAV,EAAO,MACJ,gBAAAe,EAAC,OAAA,EAAI,WAAW,oBACZ,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAW,yBAAyBf;AAAA,UAChC;AAAA,UACAV;AAAA,QAAA,CACH;AAAA,QACD,OAAOZ;AAAA,QACP,UAAUgB;AAAA,QACV,YAAAN;AAAA,QACA,MAAAE;AAAA,QACA,WAAAG;AAAA,QACA,gBAAgBuB;AAAA,QAChB,eAAepB,KAAiB,CAAA;AAAA,QAChC,cAAAX;AAAA,QACA,GAAAF;AAAA,QACA,UAAUmB;AAAA,QACV,gBAAgBG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpB,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,8BAA8Bd;AAAA,UACrC;AAAA,UACAV;AAAA,QAAA,CACH;AAAA,QACD,OAAO;AAAA,UACH,OAAOoB;AAAA,UACP,GAAIO,EAAQhC,CAAY,IAClBsB,MACA,CAAA;AAAA,QAAC;AAAA,QAGV,UAAA,CAACU,EAAQhC,CAAY,KAClB,gBAAA6B;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,OAAOnC;AAAA,cACHE,EAAa;AAAA,cACbA,EAAa;AAAA,YAAA;AAAA,YAEjB,MAAMA,EAAa;AAAA,YACnB,UAAUS;AAAA,YACV,WAAAD;AAAA,YACA,kBAAAZ;AAAA,YACA,eAAee,KAAiB,CAAA;AAAA,YAChC,YAAYQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAER,EAAA,CACJ,EAAA,CAER;AAER;"}

package/dist/lib/@ecme/components/template/StackedSideNav/StackedSideNavMini.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedSideNavMini.js","sources":["../../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavMini.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Logo from '@/components/template/Logo'\nimport Menu from '@/components/ui/Menu'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport {\n    SIDE_NAV_CONTENT_GUTTER,\n    HEADER_HEIGHT,\n} from '@/constants/theme.constant'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport appConfig from '@/configs/app.config'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport isEmpty from 'lodash/isEmpty'\nimport { Link } from 'react-router-dom'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { Direction, Mode } from '@/@types/theme'\nimport type { CommonProps } from '@/@types/common'\nimport { getLogoFilename } from '@base/utils/logo'\n\nexport type SelectedMenuItem = {\n    key?: string\n    title?: string\n    menu?: NavigationTree[]\n    translateKey?: string\n}\n\ninterface StackedSideNavMiniProps extends CommonProps {\n    className?: string\n    onChange: (item: SelectedMenuItem) => void\n    routeKey: string\n    activeKeys: string[]\n    onSetActiveKey: (activeKey: string[]) => void\n    userAuthority: string[]\n    mode: Mode\n    direction: Direction\n    navigationTree: NavigationTree[]\n    selectedMenu: SelectedMenuItem\n    t: (\n        key: string,\n        fallback?: string | Record<string, string | number>,\n    ) => string\n}\n\nconst StackedSideNavMini = (props: StackedSideNavMiniProps) => {\n    const {\n        onChange,\n        routeKey,\n        activeKeys,\n        onSetActiveKey,\n        direction,\n        navigationTree,\n        userAuthority,\n        mode,\n        selectedMenu,\n        t,\n        ...rest\n    } = props\n\n    const { includedRouteTree } = useMenuActive(navigationTree, routeKey)\n\n    const handleMenuItemSelect = ({\n        key,\n        title,\n        menu,\n        translateKey,\n    }: SelectedMenuItem) => {\n        onChange({ title, menu, translateKey })\n        onSetActiveKey([key as string])\n    }\n\n    const handleLinkMenuItemSelect = ({ key }: SelectedMenuItem) => {\n        onChange({})\n        onSetActiveKey([key as string])\n    }\n\n    useEffect(() => {\n        if (\n            includedRouteTree.type !== NAV_ITEM_TYPE_ITEM &&\n            !isEmpty(includedRouteTree)\n        ) {\n            onChange({\n                key: includedRouteTree.key,\n                title: includedRouteTree.title,\n                menu: includedRouteTree.subMenu,\n                translateKey: includedRouteTree.translateKey,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [includedRouteTree.key])\n\n    const defaultActiveKeys =\n        activeKeys && activeKeys.length > 0\n            ? activeKeys\n            : isEmpty(selectedMenu)\n              ? []\n              : [includedRouteTree.key]\n\n    return (\n        <div {...rest}>\n            <Link\n                to={appConfig.authenticatedEntryPath}\n                className=\"stacked-mini-nav-header flex items-center justify-center\"\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <Logo\n                    imgClass=\"max-h-8\"\n                    name={getLogoFilename(true, mode)}\n                    className={SIDE_NAV_CONTENT_GUTTER}\n                />\n            </Link>\n            <ScrollBar autoHide direction={direction}>\n                <Menu\n                    className=\"px-4 pb-4\"\n                    defaultActiveKeys={defaultActiveKeys}\n                >\n                    {navigationTree.map((nav) => (\n                        <AuthorityCheck\n                            key={nav.key}\n                            authority={nav.authority}\n                            userAuthority={userAuthority}\n                        >\n                            <div title={t(nav.translateKey, nav.title)}>\n                                {nav.subMenu && nav.subMenu.length > 0 ? (\n                                    <Menu.MenuItem\n                                        eventKey={nav.key}\n                                        className=\"mb-2\"\n                                        onSelect={() =>\n                                            handleMenuItemSelect({\n                                                key: nav.key,\n                                                title: nav.title,\n                                                menu: nav.subMenu,\n                                                translateKey: nav.translateKey,\n                                            })\n                                        }\n                                    >\n                                        <div className=\"text-2xl\">\n                                            {navigationIcon[nav.icon]}\n                                        </div>\n                                    </Menu.MenuItem>\n                                ) : (\n                                    <Link\n                                        to={nav.path}\n                                        className=\"flex h-full w-full items-center\"\n                                        onClick={() =>\n                                            handleLinkMenuItemSelect({\n                                                key: nav.key,\n                                            })\n                                        }\n                                    >\n                                        <Menu.MenuItem\n                                            eventKey={nav.key}\n                                            className=\"mb-2\"\n                                        >\n                                            <div className=\"text-2xl\">\n                                                {navigationIcon[nav.icon]}\n                                            </div>\n                                        </Menu.MenuItem>\n                                    </Link>\n                                )}\n                            </div>\n                        </AuthorityCheck>\n                    ))}\n                </Menu>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default StackedSideNavMini\n"],"names":["StackedSideNavMini","props","onChange","routeKey","activeKeys","onSetActiveKey","direction","navigationTree","userAuthority","mode","selectedMenu","t","rest","includedRouteTree","useMenuActive","handleMenuItemSelect","key","title","menu","translateKey","handleLinkMenuItemSelect","useEffect","NAV_ITEM_TYPE_ITEM","isEmpty","defaultActiveKeys","jsxs","jsx","Link","appConfig","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","ScrollBar","Menu","nav","AuthorityCheck","navigationIcon"],"mappings":";;;;;;;;;;;;;;;AA4CM,MAAAA,IAAqB,CAACC,MAAmC;AACrD,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEE,EAAE,mBAAAY,EAAsB,IAAAC,EAAcP,GAAgBJ,CAAQ,GAE9DY,IAAuB,CAAC;AAAA,IAC1B,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,MACoB;AACpB,IAAAjB,EAAS,EAAE,OAAAe,GAAO,MAAAC,GAAM,cAAAC,EAAA,CAAc,GACvBd,EAAA,CAACW,CAAa,CAAC;AAAA,EAClC,GAEMI,IAA2B,CAAC,EAAE,KAAAJ,QAA4B;AAC5D,IAAAd,EAAS,CAAA,CAAE,GACIG,EAAA,CAACW,CAAa,CAAC;AAAA,EAClC;AAEA,EAAAK,EAAU,MAAM;AACZ,IACIR,EAAkB,SAASS,KAC3B,CAACC,EAAQV,CAAiB,KAEjBX,EAAA;AAAA,MACL,KAAKW,EAAkB;AAAA,MACvB,OAAOA,EAAkB;AAAA,MACzB,MAAMA,EAAkB;AAAA,MACxB,cAAcA,EAAkB;AAAA,IAAA,CACnC;AAAA,EACL,GAED,CAACA,EAAkB,GAAG,CAAC;AAE1B,QAAMW,IACFpB,KAAcA,EAAW,SAAS,IAC5BA,IACAmB,EAAQb,CAAY,IAClB,CAAA,IACA,CAACG,EAAkB,GAAG;AAG9B,SAAA,gBAAAY,EAAC,OAAK,EAAA,GAAGb,GACL,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAIC,EAAU;AAAA,QACd,WAAU;AAAA,QACV,OAAO,EAAE,QAAQC,EAAc;AAAA,QAE/B,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,UAAS;AAAA,YACT,MAAMC,EAAgB,IAAMtB,CAAI;AAAA,YAChC,WAAWuB;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IACJ;AAAA,IACC,gBAAAN,EAAAO,GAAA,EAAU,UAAQ,IAAC,WAAA3B,GAChB,UAAA,gBAAAoB;AAAA,MAACQ;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,mBAAAV;AAAA,QAEC,UAAAjB,EAAe,IAAI,CAAC4B,MACjB,gBAAAT;AAAA,UAACU;AAAA,UAAA;AAAA,YAEG,WAAWD,EAAI;AAAA,YACf,eAAA3B;AAAA,YAEA,UAAC,gBAAAkB,EAAA,OAAA,EAAI,OAAOf,EAAEwB,EAAI,cAAcA,EAAI,KAAK,GACpC,UAAIA,EAAA,WAAWA,EAAI,QAAQ,SAAS,IACjC,gBAAAT;AAAA,cAACQ,EAAK;AAAA,cAAL;AAAA,gBACG,UAAUC,EAAI;AAAA,gBACd,WAAU;AAAA,gBACV,UAAU,MACNpB,EAAqB;AAAA,kBACjB,KAAKoB,EAAI;AAAA,kBACT,OAAOA,EAAI;AAAA,kBACX,MAAMA,EAAI;AAAA,kBACV,cAAcA,EAAI;AAAA,gBAAA,CACrB;AAAA,gBAGL,4BAAC,OAAI,EAAA,WAAU,YACV,UAAeE,EAAAF,EAAI,IAAI,EAC5B,CAAA;AAAA,cAAA;AAAA,YAAA,IAGJ,gBAAAT;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAIQ,EAAI;AAAA,gBACR,WAAU;AAAA,gBACV,SAAS,MACLf,EAAyB;AAAA,kBACrB,KAAKe,EAAI;AAAA,gBAAA,CACZ;AAAA,gBAGL,UAAA,gBAAAT;AAAA,kBAACQ,EAAK;AAAA,kBAAL;AAAA,oBACG,UAAUC,EAAI;AAAA,oBACd,WAAU;AAAA,oBAEV,4BAAC,OAAI,EAAA,WAAU,YACV,UAAeE,EAAAF,EAAI,IAAI,EAC5B,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA,EAGZ,CAAA;AAAA,UAAA;AAAA,UA1CKA,EAAI;AAAA,QA4ChB,CAAA;AAAA,MAAA;AAAA,IAAA,EAET,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"StackedSideNavMini.js","sources":["../../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavMini.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Logo from '@/components/template/Logo'\nimport Menu from '@/components/ui/Menu'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport {\n    SIDE_NAV_CONTENT_GUTTER,\n    HEADER_HEIGHT,\n} from '@/constants/theme.constant'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport appConfig from '@/configs/app.config'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport isEmpty from 'lodash/isEmpty'\nimport { Link } from 'react-router-dom'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { Direction, Mode } from '@/@types/theme'\nimport type { CommonProps } from '@/@types/common'\nimport { getLogoFilename } from '@base/utils/logo'\n\nexport type SelectedMenuItem = {\n    key?: string\n    title?: string\n    menu?: NavigationTree[]\n    translateKey?: string\n}\n\ninterface StackedSideNavMiniProps extends CommonProps {\n    className?: string\n    onChange: (item: SelectedMenuItem) => void\n    routeKey: string\n    activeKeys: string[]\n    onSetActiveKey: (activeKey: string[]) => void\n    userAuthority: string[]\n    mode: Mode\n    direction: Direction\n    navigationTree: NavigationTree[]\n    selectedMenu: SelectedMenuItem\n    t: (\n        key: string,\n        fallback?: string | Record<string, string | number>,\n    ) => string\n}\n\nconst StackedSideNavMini = (props: StackedSideNavMiniProps) => {\n    const {\n        onChange,\n        routeKey,\n        activeKeys,\n        onSetActiveKey,\n        direction,\n        navigationTree,\n        userAuthority,\n        mode,\n        selectedMenu,\n        t,\n        ...rest\n    } = props\n\n    const { includedRouteTree } = useMenuActive(navigationTree, routeKey)\n\n    const handleMenuItemSelect = ({\n        key,\n        title,\n        menu,\n        translateKey,\n    }: SelectedMenuItem) => {\n        onChange({ title, menu, translateKey })\n        onSetActiveKey([key as string])\n    }\n\n    const handleLinkMenuItemSelect = ({ key }: SelectedMenuItem) => {\n        onChange({})\n        onSetActiveKey([key as string])\n    }\n\n    useEffect(() => {\n        if (\n            includedRouteTree.type !== NAV_ITEM_TYPE_ITEM &&\n            !isEmpty(includedRouteTree)\n        ) {\n            onChange({\n                key: includedRouteTree.key,\n                title: includedRouteTree.title,\n                menu: includedRouteTree.subMenu,\n                translateKey: includedRouteTree.translateKey,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [includedRouteTree.key])\n\n    const defaultActiveKeys =\n        activeKeys && activeKeys.length > 0\n            ? activeKeys\n            : isEmpty(selectedMenu)\n              ? []\n              : [includedRouteTree.key]\n\n    return (\n        <div {...rest}>\n            <Link\n                to={appConfig.authenticatedEntryPath}\n                className=\"stacked-mini-nav-header flex items-center justify-center\"\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <Logo\n                    imgClass=\"max-h-8\"\n                    name={getLogoFilename(true, mode)}\n                    className={SIDE_NAV_CONTENT_GUTTER}\n                />\n            </Link>\n            <ScrollBar autoHide direction={direction}>\n                <Menu\n                    className=\"px-4 pb-4\"\n                    defaultActiveKeys={defaultActiveKeys}\n                >\n                    {navigationTree.map((nav) => (\n                        <AuthorityCheck\n                            key={nav.key}\n                            authority={nav.authority}\n                            userAuthority={userAuthority}\n                        >\n                            <div title={t(nav.translateKey, nav.title)}>\n                                {nav.subMenu && nav.subMenu.length > 0 ? (\n                                    <Menu.MenuItem\n                                        eventKey={nav.key}\n                                        className=\"mb-2\"\n                                        onSelect={() =>\n                                            handleMenuItemSelect({\n                                                key: nav.key,\n                                                title: nav.title,\n                                                menu: nav.subMenu,\n                                                translateKey: nav.translateKey,\n                                            })\n                                        }\n                                    >\n                                        <div className=\"text-2xl\">\n                                            {navigationIcon[nav.icon]}\n                                        </div>\n                                    </Menu.MenuItem>\n                                ) : (\n                                    <Link\n                                        to={nav.path}\n                                        className=\"flex h-full w-full items-center\"\n                                        onClick={() =>\n                                            handleLinkMenuItemSelect({\n                                                key: nav.key,\n                                            })\n                                        }\n                                    >\n                                        <Menu.MenuItem\n                                            eventKey={nav.key}\n                                            className=\"mb-2\"\n                                        >\n                                            <div className=\"text-2xl\">\n                                                {navigationIcon[nav.icon]}\n                                            </div>\n                                        </Menu.MenuItem>\n                                    </Link>\n                                )}\n                            </div>\n                        </AuthorityCheck>\n                    ))}\n                </Menu>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default StackedSideNavMini\n"],"names":["StackedSideNavMini","props","onChange","routeKey","activeKeys","onSetActiveKey","direction","navigationTree","userAuthority","mode","selectedMenu","t","rest","includedRouteTree","useMenuActive","handleMenuItemSelect","key","title","menu","translateKey","handleLinkMenuItemSelect","useEffect","NAV_ITEM_TYPE_ITEM","isEmpty","defaultActiveKeys","jsxs","jsx","Link","appConfig","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","ScrollBar","Menu","nav","AuthorityCheck","navigationIcon"],"mappings":"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"}

package/dist/lib/@ecme/components/template/StackedSideNav/StackedSideNavSecondary.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedSideNavSecondary.js","sources":["../../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavSecondary.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\nimport classNames from '@/utils/classNames'\nimport { HEADER_HEIGHT, DIR_LTR, DIR_RTL } from '@/constants/theme.constant'\nimport VerticalMenuContent from '@/components/template/VerticalMenuContent'\nimport { HiOutlineArrowSmLeft, HiOutlineArrowSmRight } from 'react-icons/hi'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { Direction } from '@/@types/theme'\n\ntype StackedSideNavSecondaryProps = {\n    className?: string\n    title: string\n    menu?: NavigationTree[]\n    routeKey: string\n    onCollapse: () => void\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst StackedSideNavSecondary = (props: StackedSideNavSecondaryProps) => {\n    const {\n        className,\n        title,\n        menu,\n        routeKey,\n        onCollapse,\n        direction,\n        translationSetup,\n        userAuthority,\n        ...rest\n    } = props\n\n    const handleCollpase = () => {\n        onCollapse()\n    }\n\n    return (\n        <div className={classNames('h-full', className)} {...rest}>\n            <div\n                className={`flex items-center justify-between gap-4 pl-6 pr-4`}\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <h5 className=\"font-bold\">{title}</h5>\n                <button\n                    type=\"button\"\n                    className=\"close-button\"\n                    onClick={handleCollpase}\n                >\n                    {direction === DIR_LTR && <HiOutlineArrowSmLeft />}\n                    {direction === DIR_RTL && <HiOutlineArrowSmRight />}\n                </button>\n            </div>\n            <ScrollBar autoHide direction={direction}>\n                <VerticalMenuContent\n                    routeKey={routeKey}\n                    navigationTree={menu}\n                    translationSetup={translationSetup}\n                    userAuthority={userAuthority}\n                />\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default StackedSideNavSecondary\n"],"names":["StackedSideNavSecondary","props","className","title","menu","routeKey","onCollapse","direction","translationSetup","userAuthority","rest","handleCollpase","jsxs","classNames","HEADER_HEIGHT","jsx","DIR_LTR","HiOutlineArrowSmLeft","DIR_RTL","HiOutlineArrowSmRight","ScrollBar","VerticalMenuContent"],"mappings":";;;;;;;;AAmBM,MAAAA,IAA0B,CAACC,MAAwC;AAC/D,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAiB,MAAM;AACd,IAAAL,EAAA;AAAA,EACf;AAGI,SAAA,gBAAAM,EAAC,SAAI,WAAWC,EAAW,UAAUX,CAAS,GAAI,GAAGQ,GACjD,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,QAAQE,EAAc;AAAA,QAE/B,UAAA;AAAA,UAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,aAAa,UAAMZ,GAAA;AAAA,UACjC,gBAAAS;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASD;AAAA,cAER,UAAA;AAAA,gBAAcJ,MAAAS,uBAAYC,GAAqB,CAAA,CAAA;AAAA,gBAC/CV,MAAcW,KAAW,gBAAAH,EAACI,GAAsB,CAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IACJ;AAAA,IACC,gBAAAJ,EAAAK,GAAA,EAAU,UAAQ,IAAC,WAAAb,GAChB,UAAA,gBAAAQ;AAAA,MAACM;AAAA,MAAA;AAAA,QACG,UAAAhB;AAAA,QACA,gBAAgBD;AAAA,QAChB,kBAAAI;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IAAA,EAER,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"StackedSideNavSecondary.js","sources":["../../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavSecondary.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\nimport classNames from '@/utils/classNames'\nimport { HEADER_HEIGHT, DIR_LTR, DIR_RTL } from '@/constants/theme.constant'\nimport VerticalMenuContent from '@/components/template/VerticalMenuContent'\nimport { HiOutlineArrowSmLeft, HiOutlineArrowSmRight } from 'react-icons/hi'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { Direction } from '@/@types/theme'\n\ntype StackedSideNavSecondaryProps = {\n    className?: string\n    title: string\n    menu?: NavigationTree[]\n    routeKey: string\n    onCollapse: () => void\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst StackedSideNavSecondary = (props: StackedSideNavSecondaryProps) => {\n    const {\n        className,\n        title,\n        menu,\n        routeKey,\n        onCollapse,\n        direction,\n        translationSetup,\n        userAuthority,\n        ...rest\n    } = props\n\n    const handleCollpase = () => {\n        onCollapse()\n    }\n\n    return (\n        <div className={classNames('h-full', className)} {...rest}>\n            <div\n                className={`flex items-center justify-between gap-4 pl-6 pr-4`}\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <h5 className=\"font-bold\">{title}</h5>\n                <button\n                    type=\"button\"\n                    className=\"close-button\"\n                    onClick={handleCollpase}\n                >\n                    {direction === DIR_LTR && <HiOutlineArrowSmLeft />}\n                    {direction === DIR_RTL && <HiOutlineArrowSmRight />}\n                </button>\n            </div>\n            <ScrollBar autoHide direction={direction}>\n                <VerticalMenuContent\n                    routeKey={routeKey}\n                    navigationTree={menu}\n                    translationSetup={translationSetup}\n                    userAuthority={userAuthority}\n                />\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default StackedSideNavSecondary\n"],"names":["StackedSideNavSecondary","props","className","title","menu","routeKey","onCollapse","direction","translationSetup","userAuthority","rest","handleCollpase","jsxs","classNames","HEADER_HEIGHT","jsx","DIR_LTR","HiOutlineArrowSmLeft","DIR_RTL","HiOutlineArrowSmRight","ScrollBar","VerticalMenuContent"],"mappings":";;;;;;;;AAmBA,MAAMA,IAA0B,CAACC,MAAwC;AACrE,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAiB,MAAM;AACzB,IAAAL,EAAA;AAAA,EAAW;AAGf,SACI,gBAAAM,EAAC,SAAI,WAAWC,EAAW,UAAUX,CAAS,GAAI,GAAGQ,GACjD,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,QAAQE,EAAA;AAAA,QAEjB,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aAAa,UAAAZ,GAAM;AAAA,UACjC,gBAAAS;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASD;AAAA,cAER,UAAA;AAAA,gBAAAJ,MAAcS,uBAAYC,GAAA,CAAA,CAAqB;AAAA,gBAC/CV,MAAcW,KAAW,gBAAAH,EAACI,GAAA,CAAA,CAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAJ,EAACK,GAAA,EAAU,UAAQ,IAAC,WAAAb,GAChB,UAAA,gBAAAQ;AAAA,MAACM;AAAA,MAAA;AAAA,QACG,UAAAhB;AAAA,QACA,gBAAgBD;AAAA,QAChB,kBAAAI;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/components/template/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sources":["../../../../../lib/@ecme/components/template/Theme.tsx"],"sourcesContent":["import ConfigProvider from '@/components/ui/ConfigProvider'\nimport { themeConfig } from '@/configs/theme.config'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\nimport useThemeSchema from '@/utils/hooks/useThemeSchema'\nimport useLocale from '@/utils/hooks/useLocale'\nimport useDirection from '@/utils/hooks/useDirection'\nimport type { CommonProps } from '@/@types/common'\n\nconst Theme = (props: CommonProps) => {\n    useThemeSchema()\n    useDarkMode()\n    useDirection()\n\n    const { locale } = useLocale()\n\n    return (\n        <ConfigProvider\n            value={{\n                locale: locale,\n                ...themeConfig,\n            }}\n        >\n            {props.children}\n        </ConfigProvider>\n    )\n}\n\nexport default Theme\n"],"names":["Theme","props","useThemeSchema","useDarkMode","useDirection","locale","useLocale","jsx","ConfigProvider","themeConfig"],"mappings":";;;;;;;;AAQM,MAAAA,IAAQ,CAACC,MAAuB;AACnB,EAAAC,EAAA,GACHC,EAAA,GACCC,EAAA;AAEP,QAAA,EAAE,QAAAC,EAAO,IAAIC,EAAU;AAGzB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,QAAAH;AAAA,QACA,GAAGI;AAAA,MACP;AAAA,MAEC,UAAMR,EAAA;AAAA,IAAA;AAAA,EACX;AAER;"}
+{"version":3,"file":"Theme.js","sources":["../../../../../lib/@ecme/components/template/Theme.tsx"],"sourcesContent":["import ConfigProvider from '@/components/ui/ConfigProvider'\nimport { themeConfig } from '@/configs/theme.config'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\nimport useThemeSchema from '@/utils/hooks/useThemeSchema'\nimport useLocale from '@/utils/hooks/useLocale'\nimport useDirection from '@/utils/hooks/useDirection'\nimport type { CommonProps } from '@/@types/common'\n\nconst Theme = (props: CommonProps) => {\n    useThemeSchema()\n    useDarkMode()\n    useDirection()\n\n    const { locale } = useLocale()\n\n    return (\n        <ConfigProvider\n            value={{\n                locale: locale,\n                ...themeConfig,\n            }}\n        >\n            {props.children}\n        </ConfigProvider>\n    )\n}\n\nexport default Theme\n"],"names":["Theme","props","useThemeSchema","useDarkMode","useDirection","locale","useLocale","jsx","ConfigProvider","themeConfig"],"mappings":";;;;;;;;AAQA,MAAMA,IAAQ,CAACC,MAAuB;AAClC,EAAAC,EAAA,GACAC,EAAA,GACAC,EAAA;AAEA,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,QAAAH;AAAA,QACA,GAAGI;AAAA,MAAA;AAAA,MAGN,UAAAR,EAAM;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

package/dist/lib/@ecme/components/template/ThemeConfigurator/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/CopyButton.tsx"],"sourcesContent":["import Notification from '@/components/ui/Notification'\nimport Button from '@/components/ui/Button'\nimport toast from '@/components/ui/toast'\nimport { themeConfig } from '@/configs/theme.config'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useTranslation } from 'react-i18next'\n\nconst CopyButton = () => {\n    const theme = useThemeStore((state) => state)\n\n    const handleCopy = () => {\n        const config = {\n            ...themeConfig,\n            ...theme,\n            layout: {\n                type: theme.layout.type,\n                sideNavCollapse: theme.layout.sideNavCollapse,\n            },\n            panelExpand: false,\n        }\n\n        navigator.clipboard.writeText(`\n            \nexport const themeConfig: ThemeConfig = ${JSON.stringify(config, null, 2)}\n`)\n\n        toast.push(\n            <Notification title=\"Copy Success\" type=\"success\">\n                {`Please replace themeConfig in 'src/configs/theme.config.ts'`}\n            </Notification>,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <Button block variant=\"solid\" onClick={handleCopy}>\n            {t('base.layout.themeConfig.buttons.copyConfig')}\n        </Button>\n    )\n}\n\nexport default CopyButton\n"],"names":["CopyButton","theme","useThemeStore","state","handleCopy","config","themeConfig","toast","Notification","t","useTranslation","jsx","Button"],"mappings":";;;;;;;;;;AAOA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAQC,EAAc,CAACC,MAAUA,CAAK,GAEtCC,IAAa,MAAM;AACrB,UAAMC,IAAS;AAAA,MACX,GAAGC;AAAA,MACH,GAAGL;AAAA,MACH,QAAQ;AAAA,QACJ,MAAMA,EAAM,OAAO;AAAA,QACnB,iBAAiBA,EAAM,OAAO;AAAA,MAClC;AAAA,MACA,aAAa;AAAA,IACjB;AAEA,cAAU,UAAU,UAAU;AAAA;AAAA,0CAEI,KAAK,UAAUI,GAAQ,MAAM,CAAC,CAAC;AAAA,CACxE,GAEaE,EAAA;AAAA,wBACDC,GAAa,EAAA,OAAM,gBAAe,MAAK,WACnC,UACL,+DAAA;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IAEnB;AAAA,EACJ,GAEM,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAGzB,SAAA,gBAAAC,EAACC,GAAO,EAAA,OAAK,IAAC,SAAQ,SAAQ,SAASR,GAClC,UAAEK,EAAA,4CAA4C,EACnD,CAAA;AAER;"}
+{"version":3,"file":"CopyButton.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/CopyButton.tsx"],"sourcesContent":["import Notification from '@/components/ui/Notification'\nimport Button from '@/components/ui/Button'\nimport toast from '@/components/ui/toast'\nimport { themeConfig } from '@/configs/theme.config'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useTranslation } from 'react-i18next'\n\nconst CopyButton = () => {\n    const theme = useThemeStore((state) => state)\n\n    const handleCopy = () => {\n        const config = {\n            ...themeConfig,\n            ...theme,\n            layout: {\n                type: theme.layout.type,\n                sideNavCollapse: theme.layout.sideNavCollapse,\n            },\n            panelExpand: false,\n        }\n\n        navigator.clipboard.writeText(`\n            \nexport const themeConfig: ThemeConfig = ${JSON.stringify(config, null, 2)}\n`)\n\n        toast.push(\n            <Notification title=\"Copy Success\" type=\"success\">\n                {`Please replace themeConfig in 'src/configs/theme.config.ts'`}\n            </Notification>,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <Button block variant=\"solid\" onClick={handleCopy}>\n            {t('base.layout.themeConfig.buttons.copyConfig')}\n        </Button>\n    )\n}\n\nexport default CopyButton\n"],"names":["CopyButton","theme","useThemeStore","state","handleCopy","config","themeConfig","toast","Notification","t","useTranslation","jsx","Button"],"mappings":";;;;;;;;;;AAOA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAQC,EAAc,CAACC,MAAUA,CAAK,GAEtCC,IAAa,MAAM;AACrB,UAAMC,IAAS;AAAA,MACX,GAAGC;AAAA,MACH,GAAGL;AAAA,MACH,QAAQ;AAAA,QACJ,MAAMA,EAAM,OAAO;AAAA,QACnB,iBAAiBA,EAAM,OAAO;AAAA,MAAA;AAAA,MAElC,aAAa;AAAA,IAAA;AAGjB,cAAU,UAAU,UAAU;AAAA;AAAA,0CAEI,KAAK,UAAUI,GAAQ,MAAM,CAAC,CAAC;AAAA,CACxE,GAEOE,EAAM;AAAA,wBACDC,GAAA,EAAa,OAAM,gBAAe,MAAK,WACnC,UAAA,+DACL;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,EACJ,GAGE,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAACC,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASR,GAClC,UAAAK,EAAE,4CAA4C,EAAA,CACnD;AAER;"}

package/dist/lib/@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,MAAM;AAAA,EAC1C,EAAE,OAAOA,EAAW,SAAS,OAAO,MAAM;AAC9C,GAEMC,IAAoB,CAAC;AAAA,EACvB,eAAAC;AACJ,MAEM;AACF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAa,GAEzCC,IAAc,CAACC,MAAmB;AACpC,IAAAH,EAAaG,CAAG,GACAL,KAAA,QAAAA;AAAA,EACpB;AAEA,2BACKM,GAAW,EAAA,MAAK,MACZ,UAAQT,EAAA,IAAI,CAACU,MACV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,QAAQR,MAAcM,EAAI;AAAA,MAC1B,SAAS,MAAMH,EAAYG,EAAI,KAAK;AAAA,MAEnC,UAAIA,EAAA;AAAA,IAAA;AAAA,IAJAA,EAAI;AAAA,EAMhB,CAAA,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,KAAA,QAAAA;AAAA,EAAgB;AAGpB,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;"}

package/dist/lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { useThemeStore } from '@/store/themeStore'\nimport {\n    LAYOUT_COLLAPSIBLE_SIDE,\n    LAYOUT_STACKED_SIDE,\n    LAYOUT_TOP_BAR_CLASSIC,\n    LAYOUT_FRAMELESS_SIDE,\n    LAYOUT_CONTENT_OVERLAY,\n    LAYOUT_BLANK,\n} from '@/constants/theme.constant'\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\nimport BlankSvg from '@/assets/svg/BlankSvg'\nimport type { LayoutType } from '@/@types/theme'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\n\nconst LayoutSwitcher = () => {\n    const themeLayout = useThemeStore((state) => state.layout)\n    const setLayout = useThemeStore((state) => state.setLayout)\n\n    const { t } = useTranslation()\n\n    const layouts = useMemo(\n        () => [\n            {\n                value: LAYOUT_COLLAPSIBLE_SIDE,\n                label: t('base.layout.themeConfig.options.layoutCollapsible'),\n                src: '/img/thumbs/layouts/classic.jpg',\n                srcDark: '/img/thumbs/layouts/classic-dark.jpg',\n                svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_STACKED_SIDE,\n                label: t('base.layout.themeConfig.options.layoutStacked'),\n                src: '/img/thumbs/layouts/modern.jpg',\n                srcDark: '/img/thumbs/layouts/modern-dark.jpg',\n                svg: <StackedSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_TOP_BAR_CLASSIC,\n                label: t('base.layout.themeConfig.options.layoutTopbar'),\n                src: '/img/thumbs/layouts/stackedSide.jpg',\n                srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\n                svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_FRAMELESS_SIDE,\n                label: t('base.layout.themeConfig.options.layoutFrameless'),\n                src: '/img/thumbs/layouts/simple.jpg',\n                srcDark: '/img/thumbs/layouts/simple-dark.jpg',\n                svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_CONTENT_OVERLAY,\n                label: t('base.layout.themeConfig.options.layoutOverlay'),\n                src: '/img/thumbs/layouts/decked.jpg',\n                srcDark: '/img/thumbs/layouts/decked-dark.jpg',\n                svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_BLANK,\n                label: t('base.layout.themeConfig.options.layoutBlank'),\n                src: '/img/thumbs/layouts/blank.jpg',\n                srcDark: '/img/thumbs/layouts/blank-dark.jpg',\n                svg: <BlankSvg height={'100%'} width={'100%'} />,\n            },\n        ],\n        [t],\n    )\n\n    return (\n        <div>\n            <Segment\n                className=\"w-full bg-transparent p-0 dark:bg-transparent\"\n                value={[]}\n                onChange={(val) => setLayout(val as LayoutType)}\n            >\n                <div className=\"grid w-full grid-cols-3 gap-4\">\n                    {layouts.map((layout) => (\n                        <Segment.Item key={layout.value} value={layout.value}>\n                            {({ onSegmentItemClick }) => {\n                                const active = themeLayout.type === layout.value\n                                return (\n                                    <div className=\"text-center\">\n                                        <button\n                                            className={classNames(\n                                                'border-2 rounded-xl overflow-hidden',\n                                                active\n                                                    ? 'border-primary dark:border-primary'\n                                                    : 'border-gray-200 dark:border-gray-700',\n                                            )}\n                                            onClick={onSegmentItemClick}\n                                        >\n                                            {layout.svg}\n                                        </button>\n                                        <div className=\"mt-2 font-semibold\">\n                                            {layout.label}\n                                        </div>\n                                    </div>\n                                )\n                            }}\n                        </Segment.Item>\n                    ))}\n                </div>\n            </Segment>\n        </div>\n    )\n}\n\nexport default LayoutSwitcher\n"],"names":["LayoutSwitcher","themeLayout","useThemeStore","state","setLayout","t","useTranslation","layouts","useMemo","LAYOUT_COLLAPSIBLE_SIDE","jsx","CollapsibleSideSvg","LAYOUT_STACKED_SIDE","StackedSideSvg","LAYOUT_TOP_BAR_CLASSIC","TopBarClassicSvg","LAYOUT_FRAMELESS_SIDE","FrameLessSideSvg","LAYOUT_CONTENT_OVERLAY","ContentOverlaySvg","LAYOUT_BLANK","BlankSvg","Segment","val","layout","onSegmentItemClick","active","jsxs","classNames"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,IAAiB,MAAM;AACzB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,MAAM,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpD,EAAE,GAAAE,EAAE,IAAIC,EAAe,GAEvBC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAOC;AAAA,QACP,OAAOJ,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAC,GAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC5D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOP,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAG,GAAA,EAAe,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MACxD;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOT,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAK,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOX,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAO,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOb,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAS,GAAA,EAAkB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC3D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOf,EAAE,6CAA6C;AAAA,QACtD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAW,GAAA,EAAS,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAAA;AAAA,IAEtD;AAAA,IACA,CAAChB,CAAC;AAAA,EACN;AAEA,2BACK,OACG,EAAA,UAAA,gBAAAK;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAC;AAAA,MACR,UAAU,CAACC,MAAQnB,EAAUmB,CAAiB;AAAA,MAE9C,4BAAC,OAAI,EAAA,WAAU,iCACV,UAAQhB,EAAA,IAAI,CAACiB,MACV,gBAAAd,EAACY,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAC,CAAA,EAAE,oBAAAC,QAAyB;AACnB,cAAAC,IAASzB,EAAY,SAASuB,EAAO;AAEvC,eAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAjB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWkB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cACV;AAAA,cACA,SAASD;AAAA,cAER,UAAOD,EAAA;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,gBAAAd,EAAA,OAAA,EAAI,WAAU,sBACV,YAAO,MACZ,CAAA;AAAA,QAAA,GACJ;AAAA,MAAA,KAnBOc,EAAO,KAsB1B,CACH,EACL,CAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { useThemeStore } from '@/store/themeStore'\nimport {\n    LAYOUT_COLLAPSIBLE_SIDE,\n    LAYOUT_STACKED_SIDE,\n    LAYOUT_TOP_BAR_CLASSIC,\n    LAYOUT_FRAMELESS_SIDE,\n    LAYOUT_CONTENT_OVERLAY,\n    LAYOUT_BLANK,\n} from '@/constants/theme.constant'\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\nimport BlankSvg from '@/assets/svg/BlankSvg'\nimport type { LayoutType } from '@/@types/theme'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\n\nconst LayoutSwitcher = () => {\n    const themeLayout = useThemeStore((state) => state.layout)\n    const setLayout = useThemeStore((state) => state.setLayout)\n\n    const { t } = useTranslation()\n\n    const layouts = useMemo(\n        () => [\n            {\n                value: LAYOUT_COLLAPSIBLE_SIDE,\n                label: t('base.layout.themeConfig.options.layoutCollapsible'),\n                src: '/img/thumbs/layouts/classic.jpg',\n                srcDark: '/img/thumbs/layouts/classic-dark.jpg',\n                svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_STACKED_SIDE,\n                label: t('base.layout.themeConfig.options.layoutStacked'),\n                src: '/img/thumbs/layouts/modern.jpg',\n                srcDark: '/img/thumbs/layouts/modern-dark.jpg',\n                svg: <StackedSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_TOP_BAR_CLASSIC,\n                label: t('base.layout.themeConfig.options.layoutTopbar'),\n                src: '/img/thumbs/layouts/stackedSide.jpg',\n                srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\n                svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_FRAMELESS_SIDE,\n                label: t('base.layout.themeConfig.options.layoutFrameless'),\n                src: '/img/thumbs/layouts/simple.jpg',\n                srcDark: '/img/thumbs/layouts/simple-dark.jpg',\n                svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_CONTENT_OVERLAY,\n                label: t('base.layout.themeConfig.options.layoutOverlay'),\n                src: '/img/thumbs/layouts/decked.jpg',\n                srcDark: '/img/thumbs/layouts/decked-dark.jpg',\n                svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_BLANK,\n                label: t('base.layout.themeConfig.options.layoutBlank'),\n                src: '/img/thumbs/layouts/blank.jpg',\n                srcDark: '/img/thumbs/layouts/blank-dark.jpg',\n                svg: <BlankSvg height={'100%'} width={'100%'} />,\n            },\n        ],\n        [t],\n    )\n\n    return (\n        <div>\n            <Segment\n                className=\"w-full bg-transparent p-0 dark:bg-transparent\"\n                value={[]}\n                onChange={(val) => setLayout(val as LayoutType)}\n            >\n                <div className=\"grid w-full grid-cols-3 gap-4\">\n                    {layouts.map((layout) => (\n                        <Segment.Item key={layout.value} value={layout.value}>\n                            {({ onSegmentItemClick }) => {\n                                const active = themeLayout.type === layout.value\n                                return (\n                                    <div className=\"text-center\">\n                                        <button\n                                            className={classNames(\n                                                'border-2 rounded-xl overflow-hidden',\n                                                active\n                                                    ? 'border-primary dark:border-primary'\n                                                    : 'border-gray-200 dark:border-gray-700',\n                                            )}\n                                            onClick={onSegmentItemClick}\n                                        >\n                                            {layout.svg}\n                                        </button>\n                                        <div className=\"mt-2 font-semibold\">\n                                            {layout.label}\n                                        </div>\n                                    </div>\n                                )\n                            }}\n                        </Segment.Item>\n                    ))}\n                </div>\n            </Segment>\n        </div>\n    )\n}\n\nexport default LayoutSwitcher\n"],"names":["LayoutSwitcher","themeLayout","useThemeStore","state","setLayout","t","useTranslation","layouts","useMemo","LAYOUT_COLLAPSIBLE_SIDE","jsx","CollapsibleSideSvg","LAYOUT_STACKED_SIDE","StackedSideSvg","LAYOUT_TOP_BAR_CLASSIC","TopBarClassicSvg","LAYOUT_FRAMELESS_SIDE","FrameLessSideSvg","LAYOUT_CONTENT_OVERLAY","ContentOverlaySvg","LAYOUT_BLANK","BlankSvg","Segment","val","layout","onSegmentItemClick","active","jsxs","classNames"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,IAAiB,MAAM;AACzB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,MAAM,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpD,EAAE,GAAAE,EAAA,IAAMC,EAAA,GAERC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAOC;AAAA,QACP,OAAOJ,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACC,GAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOP,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACG,GAAA,EAAe,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAExD;AAAA,QACI,OAAOC;AAAA,QACP,OAAOT,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACK,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOX,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACO,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOb,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACS,GAAA,EAAkB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE3D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOf,EAAE,6CAA6C;AAAA,QACtD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACW,GAAA,EAAS,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,IAClD;AAAA,IAEJ,CAAChB,CAAC;AAAA,EAAA;AAGN,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAA;AAAA,MACP,UAAU,CAACC,MAAQnB,EAAUmB,CAAiB;AAAA,MAE9C,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAhB,EAAQ,IAAI,CAACiB,MACV,gBAAAd,EAACY,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAA,CAAC,EAAE,oBAAAC,QAAyB;AACzB,cAAMC,IAASzB,EAAY,SAASuB,EAAO;AAC3C,eACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAjB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWkB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cAAA;AAAA,cAEV,SAASD;AAAA,cAER,UAAAD,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAd,EAAC,OAAA,EAAI,WAAU,sBACV,YAAO,MAAA,CACZ;AAAA,QAAA,GACJ;AAAA,MAAA,KAnBOc,EAAO,KAsB1B,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModeSwitcher.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\nimport Switcher from '@/components/ui/Switcher'\n\nconst ModeSwitcher = () => {\n    const [isDark, setIsDark] = useDarkMode()\n\n    const onSwitchChange = useCallback(\n        (checked: boolean) => {\n            setIsDark(checked ? 'dark' : 'light')\n        },\n        [setIsDark],\n    )\n\n    return (\n        <div>\n            <Switcher\n                defaultChecked={isDark}\n                onChange={(checked) => onSwitchChange(checked)}\n            />\n        </div>\n    )\n}\n\nexport default ModeSwitcher\n"],"names":["ModeSwitcher","isDark","setIsDark","useDarkMode","onSwitchChange","useCallback","checked","jsx","Switcher"],"mappings":";;;;;AAIA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAY,GAElCC,IAAiBC;AAAA,IACnB,CAACC,MAAqB;AACR,MAAAJ,EAAAI,IAAU,SAAS,OAAO;AAAA,IACxC;AAAA,IACA,CAACJ,CAAS;AAAA,EACd;AAEA,2BACK,OACG,EAAA,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBP;AAAA,MAChB,UAAU,CAACK,MAAYF,EAAeE,CAAO;AAAA,IAAA;AAAA,EAAA,GAErD;AAER;"}
+{"version":3,"file":"ModeSwitcher.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\nimport Switcher from '@/components/ui/Switcher'\n\nconst ModeSwitcher = () => {\n    const [isDark, setIsDark] = useDarkMode()\n\n    const onSwitchChange = useCallback(\n        (checked: boolean) => {\n            setIsDark(checked ? 'dark' : 'light')\n        },\n        [setIsDark],\n    )\n\n    return (\n        <div>\n            <Switcher\n                defaultChecked={isDark}\n                onChange={(checked) => onSwitchChange(checked)}\n            />\n        </div>\n    )\n}\n\nexport default ModeSwitcher\n"],"names":["ModeSwitcher","isDark","setIsDark","useDarkMode","onSwitchChange","useCallback","checked","jsx","Switcher"],"mappings":";;;;;AAIA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAA,GAEtBC,IAAiBC;AAAA,IACnB,CAACC,MAAqB;AAClB,MAAAJ,EAAUI,IAAU,SAAS,OAAO;AAAA,IAAA;AAAA,IAExC,CAACJ,CAAS;AAAA,EAAA;AAGd,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBP;AAAA,MAChB,UAAU,CAACK,MAAYF,EAAeE,CAAO;AAAA,IAAA;AAAA,EAAA,GAErD;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\nimport LayoutSwitcher from './LayoutSwitcher'\nimport ThemeSwitcher from './ThemeSwitcher'\nimport DirectionSwitcher from './DirectionSwitcher'\nimport CopyButton from './CopyButton'\nimport { useTranslation } from 'react-i18next'\n\nexport type ThemeConfiguratorProps = {\n    callBackClose?: () => void\n}\n\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\n    const { t } = useTranslation()\n    \n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <div className=\"mb-6 flex flex-col gap-y-10\">\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.darkModeDesc')}\n                        </span>\n                    </div>\n                    <ModeSwitcher />\n                </div>\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>\n                            {t('base.layout.themeConfig.options.direction')}\n                        </h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.directionDesc')}\n                        </span>\n                    </div>\n                    <DirectionSwitcher callBackClose={callBackClose} />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.theme')}\n                    </h6>\n                    <ThemeSwitcher />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.layout')}\n                    </h6>\n                    <LayoutSwitcher />\n                </div>\n            </div>\n            <CopyButton />\n        </div>\n    )\n}\n\nexport default ThemeConfigurator\n"],"names":["ThemeConfigurator","callBackClose","t","useTranslation","jsxs","jsx","ModeSwitcher","DirectionSwitcher","ThemeSwitcher","LayoutSwitcher","CopyButton"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC,EAAE,eAAAC,QAA4C;AAC/D,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAGzB,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wCACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAA,MAAA,EAAI,UAAEH,EAAA,0CAA0C,EAAE,CAAA;AAAA,UAClD,gBAAAG,EAAA,QAAA,EACI,UAAEH,EAAA,8CAA8C,EACrD,CAAA;AAAA,QAAA,GACJ;AAAA,0BACCI,GAAa,CAAA,CAAA;AAAA,MAAA,GAClB;AAAA,MACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAA,MAAA,EACI,UAAEH,EAAA,2CAA2C,EAClD,CAAA;AAAA,UACC,gBAAAG,EAAA,QAAA,EACI,UAAEH,EAAA,+CAA+C,EACtD,CAAA;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAG,EAACE,KAAkB,eAAAN,EAA8B,CAAA;AAAA,MAAA,GACrD;AAAA,wBACC,OACG,EAAA,UAAA;AAAA,QAAA,gBAAAI,EAAC,MAAG,EAAA,WAAU,QACT,UAAAH,EAAE,uCAAuC,GAC9C;AAAA,0BACCM,GAAc,CAAA,CAAA;AAAA,MAAA,GACnB;AAAA,wBACC,OACG,EAAA,UAAA;AAAA,QAAA,gBAAAH,EAAC,MAAG,EAAA,WAAU,QACT,UAAAH,EAAE,wCAAwC,GAC/C;AAAA,0BACCO,GAAe,CAAA,CAAA;AAAA,MAAA,EACpB,CAAA;AAAA,IAAA,GACJ;AAAA,sBACCC,GAAW,CAAA,CAAA;AAAA,EAAA,GAChB;AAER;"}
+{"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\nimport LayoutSwitcher from './LayoutSwitcher'\nimport ThemeSwitcher from './ThemeSwitcher'\nimport DirectionSwitcher from './DirectionSwitcher'\nimport CopyButton from './CopyButton'\nimport { useTranslation } from 'react-i18next'\n\nexport type ThemeConfiguratorProps = {\n    callBackClose?: () => void\n}\n\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\n    const { t } = useTranslation()\n    \n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <div className=\"mb-6 flex flex-col gap-y-10\">\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.darkModeDesc')}\n                        </span>\n                    </div>\n                    <ModeSwitcher />\n                </div>\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>\n                            {t('base.layout.themeConfig.options.direction')}\n                        </h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.directionDesc')}\n                        </span>\n                    </div>\n                    <DirectionSwitcher callBackClose={callBackClose} />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.theme')}\n                    </h6>\n                    <ThemeSwitcher />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.layout')}\n                    </h6>\n                    <LayoutSwitcher />\n                </div>\n            </div>\n            <CopyButton />\n        </div>\n    )\n}\n\nexport default ThemeConfigurator\n"],"names":["ThemeConfigurator","callBackClose","t","useTranslation","jsxs","jsx","ModeSwitcher","DirectionSwitcher","ThemeSwitcher","LayoutSwitcher","CopyButton"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC,EAAE,eAAAC,QAA4C;AACrE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAI,UAAAH,EAAE,0CAA0C,EAAA,CAAE;AAAA,UACnD,gBAAAG,EAAC,QAAA,EACI,UAAAH,EAAE,8CAA8C,EAAA,CACrD;AAAA,QAAA,GACJ;AAAA,0BACCI,GAAA,CAAA,CAAa;AAAA,MAAA,GAClB;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EACI,UAAAH,EAAE,2CAA2C,EAAA,CAClD;AAAA,UACA,gBAAAG,EAAC,QAAA,EACI,UAAAH,EAAE,+CAA+C,EAAA,CACtD;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAG,EAACE,KAAkB,eAAAN,EAAA,CAA8B;AAAA,MAAA,GACrD;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,QACT,UAAAH,EAAE,uCAAuC,GAC9C;AAAA,0BACCM,GAAA,CAAA,CAAc;AAAA,MAAA,GACnB;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QACT,UAAAH,EAAE,wCAAwC,GAC/C;AAAA,0BACCO,GAAA,CAAA,CAAe;AAAA,MAAA,EAAA,CACpB;AAAA,IAAA,GACJ;AAAA,sBACCC,GAAA,CAAA,CAAW;AAAA,EAAA,GAChB;AAER;"}

package/dist/lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbCheck } from 'react-icons/tb'\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\nimport { useThemeStore } from '@/store/themeStore'\n\nconst ThemeSwitcher = () => {\n    const schema = useThemeStore((state) => state.themeSchema)\n    const setSchema = useThemeStore((state) => state.setSchema)\n    const mode = useThemeStore((state) => state.mode)\n\n    return (\n        <div className=\"inline-flex items-center gap-2\">\n            {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\n                <button\n                    key={key}\n                    className={classNames(\n                        'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\n                        schema === key && 'ring-2 ring-primary',\n                    )}\n                    style={{ backgroundColor: value[mode].primary || '' }}\n                    onClick={() => setSchema(key)}\n                >\n                    {schema === key ? (\n                        <TbCheck className=\"text-neutral text-lg\" />\n                    ) : (\n                        <></>\n                    )}\n                </button>\n            ))}\n        </div>\n    )\n}\n\nexport default ThemeSwitcher\n"],"names":["ThemeSwitcher","schema","useThemeStore","state","setSchema","mode","jsx","presetThemeSchemaConfig","key","value","classNames","TbCheck","Fragment"],"mappings":";;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAASC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAOH,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEhD,SACK,gBAAAG,EAAA,OAAA,EAAI,WAAU,kCACV,UAAO,OAAA,QAAQC,CAAuB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MACrD,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAWI;AAAA,QACP;AAAA,QACAT,MAAWO,KAAO;AAAA,MACtB;AAAA,MACA,OAAO,EAAE,iBAAiBC,EAAMJ,CAAI,EAAE,WAAW,GAAG;AAAA,MACpD,SAAS,MAAMD,EAAUI,CAAG;AAAA,MAE3B,gBAAWA,IACR,gBAAAF,EAACK,KAAQ,WAAU,uBAAuB,CAAA,IAExC,gBAAAL,EAAAM,GAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAXDJ;AAAA,EAcZ,CAAA,GACL;AAER;"}
+{"version":3,"file":"ThemeSwitcher.js","sources":["../../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbCheck } from 'react-icons/tb'\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\nimport { useThemeStore } from '@/store/themeStore'\n\nconst ThemeSwitcher = () => {\n    const schema = useThemeStore((state) => state.themeSchema)\n    const setSchema = useThemeStore((state) => state.setSchema)\n    const mode = useThemeStore((state) => state.mode)\n\n    return (\n        <div className=\"inline-flex items-center gap-2\">\n            {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\n                <button\n                    key={key}\n                    className={classNames(\n                        'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\n                        schema === key && 'ring-2 ring-primary',\n                    )}\n                    style={{ backgroundColor: value[mode].primary || '' }}\n                    onClick={() => setSchema(key)}\n                >\n                    {schema === key ? (\n                        <TbCheck className=\"text-neutral text-lg\" />\n                    ) : (\n                        <></>\n                    )}\n                </button>\n            ))}\n        </div>\n    )\n}\n\nexport default ThemeSwitcher\n"],"names":["ThemeSwitcher","schema","useThemeStore","state","setSchema","mode","jsx","presetThemeSchemaConfig","key","value","classNames","TbCheck","Fragment"],"mappings":";;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAASC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAOH,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEhD,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,kCACV,UAAA,OAAO,QAAQC,CAAuB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MACrD,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAWI;AAAA,QACP;AAAA,QACAT,MAAWO,KAAO;AAAA,MAAA;AAAA,MAEtB,OAAO,EAAE,iBAAiBC,EAAMJ,CAAI,EAAE,WAAW,GAAA;AAAA,MACjD,SAAS,MAAMD,EAAUI,CAAG;AAAA,MAE3B,gBAAWA,IACR,gBAAAF,EAACK,KAAQ,WAAU,uBAAA,CAAuB,IAE1C,gBAAAL,EAAAM,GAAA,CAAA,CAAE;AAAA,IAAA;AAAA,IAXDJ;AAAA,EAAA,CAcZ,GACL;AAER;"}

package/dist/lib/@ecme/components/template/UserProfileDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileDropdown.js","sources":["../../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useSessionUser } from '@/store/authStore'\nimport { Link } from 'react-router-dom'\nimport {\n    PiUserDuotone,\n    PiGearDuotone,\n    PiPulseDuotone,\n    PiSignOutDuotone,\n} from 'react-icons/pi'\nimport { useAuth } from '@/auth'\nimport { useMemo, type JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\n\ntype DropdownList = {\n    label: string\n    path: string\n    icon: JSX.Element\n}\n\nconst _UserDropdown = () => {\n    const { avatar, userName, email } = useSessionUser((state) => state.user)\n\n    const { signOut } = useAuth()\n\n    const handleSignOut = () => {\n        signOut()\n    }\n\n    const avatarProps = {\n        ...(avatar ? { src: avatar } : { icon: <PiUserDuotone /> }),\n    }\n\n    const { t } = useTranslation()\n\n    const dropdownItemList: DropdownList[] = useMemo(\n        () => [\n            {\n                label: t('base.layout.profile.dropdown.options.profile'),\n                path: '/concepts/account/settings',\n                icon: <PiUserDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.settings'),\n                path: '/concepts/account/settings',\n                icon: <PiGearDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.activity'),\n                path: '/concepts/account/activity-log',\n                icon: <PiPulseDuotone />,\n            },\n        ],\n        [t],\n    )\n\n    return (\n        <Dropdown\n            className=\"flex\"\n            toggleClassName=\"flex items-center\"\n            renderTitle={\n                <div className=\"flex cursor-pointer items-center\">\n                    <Avatar size={32} {...avatarProps} />\n                </div>\n            }\n            placement=\"bottom-end\"\n        >\n            <Dropdown.Item variant=\"header\">\n                <div className=\"flex items-center gap-3 px-3 py-2\">\n                    <Avatar {...avatarProps} />\n                    <div>\n                        <div className=\"font-bold text-gray-900 dark:text-gray-100\">\n                            {userName || 'Anonymous'}\n                        </div>\n                        <div className=\"text-xs\">\n                            {email || 'No email available'}\n                        </div>\n                    </div>\n                </div>\n            </Dropdown.Item>\n            <Dropdown.Item variant=\"divider\" />\n            {dropdownItemList.map((item) => (\n                <Dropdown.Item\n                    key={item.label}\n                    eventKey={item.label}\n                    className=\"px-0\"\n                >\n                    <Link className=\"flex h-full w-full px-2\" to={item.path}>\n                        <span className=\"flex w-full items-center gap-2\">\n                            <span className=\"text-xl\">{item.icon}</span>\n                            <span>{item.label}</span>\n                        </span>\n                    </Link>\n                </Dropdown.Item>\n            ))}\n            <Dropdown.Item variant=\"divider\" />\n            <Dropdown.Item\n                eventKey=\"Sign Out\"\n                className=\"gap-2\"\n                onClick={handleSignOut}\n            >\n                <span className=\"text-xl\">\n                    <PiSignOutDuotone />\n                </span>\n                <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\n            </Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst UserDropdown = withHeaderItem(_UserDropdown)\n\nexport default UserDropdown\n"],"names":["_UserDropdown","avatar","userName","email","useSessionUser","state","signOut","useAuth","handleSignOut","avatarProps","jsx","PiUserDuotone","t","useTranslation","dropdownItemList","useMemo","PiGearDuotone","PiPulseDuotone","jsxs","Dropdown","Avatar","item","Link","PiSignOutDuotone","UserDropdown","withHeaderItem"],"mappings":"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"}
+{"version":3,"file":"UserProfileDropdown.js","sources":["../../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useSessionUser } from '@/store/authStore'\nimport { Link } from 'react-router-dom'\nimport {\n    PiUserDuotone,\n    PiGearDuotone,\n    PiPulseDuotone,\n    PiSignOutDuotone,\n} from 'react-icons/pi'\nimport { useAuth } from '@/auth'\nimport { useMemo, type JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\n\ntype DropdownList = {\n    label: string\n    path: string\n    icon: JSX.Element\n}\n\nconst _UserDropdown = () => {\n    const { avatar, userName, email } = useSessionUser((state) => state.user)\n\n    const { signOut } = useAuth()\n\n    const handleSignOut = () => {\n        signOut()\n    }\n\n    const avatarProps = {\n        ...(avatar ? { src: avatar } : { icon: <PiUserDuotone /> }),\n    }\n\n    const { t } = useTranslation()\n\n    const dropdownItemList: DropdownList[] = useMemo(\n        () => [\n            {\n                label: t('base.layout.profile.dropdown.options.profile'),\n                path: '/concepts/account/settings',\n                icon: <PiUserDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.settings'),\n                path: '/concepts/account/settings',\n                icon: <PiGearDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.activity'),\n                path: '/concepts/account/activity-log',\n                icon: <PiPulseDuotone />,\n            },\n        ],\n        [t],\n    )\n\n    return (\n        <Dropdown\n            className=\"flex\"\n            toggleClassName=\"flex items-center\"\n            renderTitle={\n                <div className=\"flex cursor-pointer items-center\">\n                    <Avatar size={32} {...avatarProps} />\n                </div>\n            }\n            placement=\"bottom-end\"\n        >\n            <Dropdown.Item variant=\"header\">\n                <div className=\"flex items-center gap-3 px-3 py-2\">\n                    <Avatar {...avatarProps} />\n                    <div>\n                        <div className=\"font-bold text-gray-900 dark:text-gray-100\">\n                            {userName || 'Anonymous'}\n                        </div>\n                        <div className=\"text-xs\">\n                            {email || 'No email available'}\n                        </div>\n                    </div>\n                </div>\n            </Dropdown.Item>\n            <Dropdown.Item variant=\"divider\" />\n            {dropdownItemList.map((item) => (\n                <Dropdown.Item\n                    key={item.label}\n                    eventKey={item.label}\n                    className=\"px-0\"\n                >\n                    <Link className=\"flex h-full w-full px-2\" to={item.path}>\n                        <span className=\"flex w-full items-center gap-2\">\n                            <span className=\"text-xl\">{item.icon}</span>\n                            <span>{item.label}</span>\n                        </span>\n                    </Link>\n                </Dropdown.Item>\n            ))}\n            <Dropdown.Item variant=\"divider\" />\n            <Dropdown.Item\n                eventKey=\"Sign Out\"\n                className=\"gap-2\"\n                onClick={handleSignOut}\n            >\n                <span className=\"text-xl\">\n                    <PiSignOutDuotone />\n                </span>\n                <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\n            </Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst UserDropdown = withHeaderItem(_UserDropdown)\n\nexport default UserDropdown\n"],"names":["_UserDropdown","avatar","userName","email","useSessionUser","state","signOut","useAuth","handleSignOut","avatarProps","jsx","PiUserDuotone","t","useTranslation","dropdownItemList","useMemo","PiGearDuotone","PiPulseDuotone","jsxs","Dropdown","Avatar","item","Link","PiSignOutDuotone","UserDropdown","withHeaderItem"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,EAAA,IAAUC,EAAe,CAACC,MAAUA,EAAM,IAAI,GAElE,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAgB,MAAM;AACxB,IAAAF,EAAA;AAAA,EAAQ,GAGNG,IAAc;AAAA,IAChB,GAAIR,IAAS,EAAE,KAAKA,EAAA,IAAW,EAAE,MAAM,gBAAAS,EAACC,GAAA,EAAc,EAAA;AAAA,EAAG,GAGvD,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IAAmCC;AAAA,IACrC,MAAM;AAAA,MACF;AAAA,QACI,OAAOH,EAAE,8CAA8C;AAAA,QACvD,MAAM;AAAA,QACN,wBAAOD,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,MAEzB;AAAA,QACI,OAAOC,EAAE,+CAA+C;AAAA,QACxD,MAAM;AAAA,QACN,wBAAOI,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,MAEzB;AAAA,QACI,OAAOJ,EAAE,+CAA+C;AAAA,QACxD,MAAM;AAAA,QACN,wBAAOK,GAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAC1B;AAAA,IAEJ,CAACL,CAAC;AAAA,EAAA;AAGN,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,aACI,gBAAAT,EAAC,OAAA,EAAI,WAAU,oCACX,UAAA,gBAAAA,EAACU,GAAA,EAAO,MAAM,IAAK,GAAGX,EAAA,CAAa,EAAA,CACvC;AAAA,MAEJ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAC,EAACS,EAAS,MAAT,EAAc,SAAQ,UACnB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAR,EAACU,GAAA,EAAQ,GAAGX,GAAa;AAAA,4BACxB,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8CACV,UAAAR,KAAY,aACjB;AAAA,YACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,WACV,eAAS,qBAAA,CACd;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,gBAAAA,EAACS,EAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,QAChCL,EAAiB,IAAI,CAACO,MACnB,gBAAAX;AAAA,UAACS,EAAS;AAAA,UAAT;AAAA,YAEG,UAAUE,EAAK;AAAA,YACf,WAAU;AAAA,YAEV,UAAA,gBAAAX,EAACY,GAAA,EAAK,WAAU,2BAA0B,IAAID,EAAK,MAC/C,UAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,kCACZ,UAAA;AAAA,cAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAW,EAAK,MAAK;AAAA,cACrC,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAK,MAAA,CAAM;AAAA,YAAA,EAAA,CACtB,EAAA,CACJ;AAAA,UAAA;AAAA,UATKA,EAAK;AAAA,QAAA,CAWjB;AAAA,QACD,gBAAAX,EAACS,EAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,QACjC,gBAAAD;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACG,UAAS;AAAA,YACT,WAAU;AAAA,YACV,SAASX;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,WACZ,UAAA,gBAAAA,EAACa,KAAiB,GACtB;AAAA,cACA,gBAAAb,EAAC,QAAA,EAAM,UAAAE,EAAE,8CAA8C,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMY,IAAeC,EAAezB,CAAa;"}

package/dist/lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport Dropdown from '@/components/ui/Dropdown'\nimport VerticalMenuIcon from './VerticalMenuIcon'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport type { CommonProps, TraslationFn } from '@/@types/common'\nimport type { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\n\ninterface DefaultItemProps extends CommonProps {\n    nav: NavigationTree\n    onLinkClick?: (link: { key: string; title: string; path: string }) => void\n    t: TraslationFn\n    indent?: boolean\n    dotIndent?: boolean\n    userAuthority: string[]\n}\n\ninterface CollapsedItemProps extends DefaultItemProps {\n    direction: Direction\n    renderAsIcon?: boolean\n    currentKey?: string\n    parentKeys?: string[]\n}\n\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\n    sideCollapsed?: boolean\n}\n\nconst { MenuItem, MenuCollapse } = Menu\n\nconst DefaultItem = ({\n    nav,\n    indent,\n    dotIndent,\n    children,\n    userAuthority,\n    t,\n}: DefaultItemProps) => {\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            <MenuCollapse\n                key={nav.key}\n                label={\n                    <>\n                        <VerticalMenuIcon icon={nav.icon} />\n                        <span>{t(nav.translateKey, nav.title)}</span>\n                    </>\n                }\n                eventKey={nav.key}\n                expanded={false}\n                dotIndent={dotIndent}\n                indent={indent}\n            >\n                {children}\n            </MenuCollapse>\n        </AuthorityCheck>\n    )\n}\n\nconst CollapsedItem = ({\n    nav,\n    direction,\n    children,\n    t,\n    renderAsIcon,\n    userAuthority,\n    parentKeys,\n}: CollapsedItemProps) => {\n    const menuItem = (\n        <MenuItem key={nav.key} isActive={parentKeys?.includes(nav.key)} eventKey={nav.key} className=\"mb-2\">\n            <VerticalMenuIcon icon={nav.icon} />\n        </MenuItem>\n    )\n\n    const dropdownItem = (\n        <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\n    )\n\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            <Dropdown\n                trigger=\"hover\"\n                renderTitle={renderAsIcon ? menuItem : dropdownItem}\n                placement={direction === 'rtl' ? 'left-start' : 'right-start'}\n            >\n                {children}\n            </Dropdown>\n        </AuthorityCheck>\n    )\n}\n\nconst VerticalCollapsedMenuItem = ({\n    sideCollapsed,\n    ...rest\n}: VerticalCollapsedMenuItemProps) => {\n    return sideCollapsed ? (\n        <CollapsedItem {...rest} />\n    ) : (\n        <DefaultItem {...rest} />\n    )\n}\n\nexport default VerticalCollapsedMenuItem\n"],"names":["MenuItem","MenuCollapse","Menu","DefaultItem","nav","indent","dotIndent","children","userAuthority","t","jsx","AuthorityCheck","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACJ,MAES,gBAAAC,EAAAC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,EAACT;AAAA,EAAA;AAAA,IAEG,OAEQ,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAH,EAAAI,GAAA,EAAiB,MAAMV,EAAI,KAAM,CAAA;AAAA,wBACjC,QAAM,EAAA,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAE,CAAA;AAAA,IAAA,GAC1C;AAAA,IAEJ,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAcjB,GAIFW,IAAgB,CAAC;AAAA,EACnB,KAAAX;AAAA,EACA,WAAAY;AAAA,EACA,UAAAT;AAAA,EACA,GAAAE;AAAA,EACA,cAAAQ;AAAA,EACA,eAAAT;AAAA,EACA,YAAAU;AACJ,MAA0B;AAChB,QAAAC,sBACDnB,GAAuB,EAAA,UAAUkB,KAAA,gBAAAA,EAAY,SAASd,EAAI,MAAM,UAAUA,EAAI,KAAK,WAAU,QAC1F,UAAC,gBAAAM,EAAAI,GAAA,EAAiB,MAAMV,EAAI,KAAM,CAAA,KADvBA,EAAI,GAEnB,GAGEgB,IACD,gBAAAV,EAAA,OAAA,EAAmB,UAAED,EAAAL,EAAI,cAAcA,EAAI,KAAK,EAAvC,GAAAA,EAAI,GAAqC;AAGvD,SACK,gBAAAM,EAAAC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,aAAaJ,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAT;AAAA,IAAA;AAAA,EAAA,GAET;AAER,GAEMe,IAA4B,CAAC;AAAA,EAC/B,eAAAC;AAAA,EACA,GAAGC;AACP,MACWD,sBACFR,GAAe,EAAA,GAAGS,GAAM,IAEzB,gBAAAd,EAACP,GAAa,EAAA,GAAGqB,EAAM,CAAA;"}
+{"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport Dropdown from '@/components/ui/Dropdown'\nimport VerticalMenuIcon from './VerticalMenuIcon'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport type { CommonProps, TraslationFn } from '@/@types/common'\nimport type { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\n\ninterface DefaultItemProps extends CommonProps {\n    nav: NavigationTree\n    onLinkClick?: (link: { key: string; title: string; path: string }) => void\n    t: TraslationFn\n    indent?: boolean\n    dotIndent?: boolean\n    userAuthority: string[]\n}\n\ninterface CollapsedItemProps extends DefaultItemProps {\n    direction: Direction\n    renderAsIcon?: boolean\n    currentKey?: string\n    parentKeys?: string[]\n}\n\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\n    sideCollapsed?: boolean\n}\n\nconst { MenuItem, MenuCollapse } = Menu\n\nconst DefaultItem = ({\n    nav,\n    indent,\n    dotIndent,\n    children,\n    userAuthority,\n    t,\n}: DefaultItemProps) => {\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            <MenuCollapse\n                key={nav.key}\n                label={\n                    <>\n                        <VerticalMenuIcon icon={nav.icon} />\n                        <span>{t(nav.translateKey, nav.title)}</span>\n                    </>\n                }\n                eventKey={nav.key}\n                expanded={false}\n                dotIndent={dotIndent}\n                indent={indent}\n            >\n                {children}\n            </MenuCollapse>\n        </AuthorityCheck>\n    )\n}\n\nconst CollapsedItem = ({\n    nav,\n    direction,\n    children,\n    t,\n    renderAsIcon,\n    userAuthority,\n    parentKeys,\n}: CollapsedItemProps) => {\n    const menuItem = (\n        <MenuItem key={nav.key} isActive={parentKeys?.includes(nav.key)} eventKey={nav.key} className=\"mb-2\">\n            <VerticalMenuIcon icon={nav.icon} />\n        </MenuItem>\n    )\n\n    const dropdownItem = (\n        <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\n    )\n\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            <Dropdown\n                trigger=\"hover\"\n                renderTitle={renderAsIcon ? menuItem : dropdownItem}\n                placement={direction === 'rtl' ? 'left-start' : 'right-start'}\n            >\n                {children}\n            </Dropdown>\n        </AuthorityCheck>\n    )\n}\n\nconst VerticalCollapsedMenuItem = ({\n    sideCollapsed,\n    ...rest\n}: VerticalCollapsedMenuItemProps) => {\n    return sideCollapsed ? (\n        <CollapsedItem {...rest} />\n    ) : (\n        <DefaultItem {...rest} />\n    )\n}\n\nexport default VerticalCollapsedMenuItem\n"],"names":["MenuItem","MenuCollapse","Menu","DefaultItem","nav","indent","dotIndent","children","userAuthority","t","jsx","AuthorityCheck","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACJ,MAEQ,gBAAAC,EAACC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,EAACT;AAAA,EAAA;AAAA,IAEG,OACI,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAiB,MAAMV,EAAI,KAAA,CAAM;AAAA,wBACjC,QAAA,EAAM,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,IAAA,GAC1C;AAAA,IAEJ,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAcjB,GAIFW,IAAgB,CAAC;AAAA,EACnB,KAAAX;AAAA,EACA,WAAAY;AAAA,EACA,UAAAT;AAAA,EACA,GAAAE;AAAA,EACA,cAAAQ;AAAA,EACA,eAAAT;AAAA,EACA,YAAAU;AACJ,MAA0B;AACtB,QAAMC,sBACDnB,GAAA,EAAuB,UAAUkB,KAAA,gBAAAA,EAAY,SAASd,EAAI,MAAM,UAAUA,EAAI,KAAK,WAAU,QAC1F,UAAA,gBAAAM,EAACI,GAAA,EAAiB,MAAMV,EAAI,KAAA,CAAM,KADvBA,EAAI,GAEnB,GAGEgB,IACF,gBAAAV,EAAC,OAAA,EAAmB,UAAAD,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,GAAvCA,EAAI,GAAqC;AAGvD,SACI,gBAAAM,EAACC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,aAAaJ,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAT;AAAA,IAAA;AAAA,EAAA,GAET;AAER,GAEMe,IAA4B,CAAC;AAAA,EAC/B,eAAAC;AAAA,EACA,GAAGC;AACP,MACWD,sBACFR,GAAA,EAAe,GAAGS,GAAM,IAEzB,gBAAAd,EAACP,GAAA,EAAa,GAAGqB,EAAA,CAAM;"}

package/dist/lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalMenuContent.js","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.tsx"],"sourcesContent":["import { useState, useEffect, Fragment } from 'react'\nimport Menu from '@/components/ui/Menu'\nimport VerticalSingleMenuItem from './VerticalSingleMenuItem'\nimport VerticalCollapsedMenuItem from './VerticalCollapsedMenuItem'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport { themeConfig } from '@/configs/theme.config'\nimport {\n    NAV_ITEM_TYPE_TITLE,\n    NAV_ITEM_TYPE_COLLAPSE,\n    NAV_ITEM_TYPE_ITEM,\n} from '@/constants/navigation.constant'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { TraslationFn } from '@/@types/common'\n\nexport interface VerticalMenuContentProps {\n    collapsed?: boolean\n    routeKey: string\n    navigationTree?: NavigationTree[]\n    onMenuItemClick?: () => void\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst { MenuGroup } = Menu\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n    const {\n        collapsed,\n        routeKey,\n        navigationTree = [],\n        onMenuItemClick,\n        direction = themeConfig.direction,\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n\n    const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([])\n\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\n\n    useEffect(() => {\n        if (activedRoute?.parentKey) {\n            setDefaulExpandKey([activedRoute?.parentKey])\n        }\n    }, [activedRoute?.parentKey])\n\n    const handleLinkClick = () => {\n        onMenuItemClick?.()\n    }\n\n    const renderNavigation = (\n        navTree: NavigationTree[],\n        cascade: number = 0,\n        indent?: boolean,\n    ) => {\n        const nextCascade = cascade + 1\n\n        return (\n            <>\n                {navTree.map((nav) => (\n                    <Fragment key={nav.key}>\n                        {nav.type === NAV_ITEM_TYPE_ITEM && (\n                            <VerticalSingleMenuItem\n                                key={nav.key}\n                                currentKey={activedRoute?.key}\n                                parentKeys={defaulExpandKey}\n                                nav={nav}\n                                sideCollapsed={collapsed}\n                                direction={direction}\n                                indent={indent}\n                                renderAsIcon={cascade <= 0}\n                                showIcon={cascade <= 0}\n                                userAuthority={userAuthority}\n                                showTitle={\n                                    nav.forceShowTitle ?? (collapsed ? cascade >= 1 : cascade <= 1)\n                                }\n                                t={t as TraslationFn}\n                                onLinkClick={handleLinkClick}\n                            />\n                        )}\n                        {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n                            <VerticalCollapsedMenuItem\n                                key={nav.key}\n                                currentKey={activedRoute?.key}\n                                parentKeys={defaulExpandKey}\n                                nav={nav}\n                                sideCollapsed={collapsed}\n                                direction={direction}\n                                indent={nextCascade >= 2}\n                                dotIndent={nextCascade >= 2}\n                                renderAsIcon={nextCascade <= 1}\n                                userAuthority={userAuthority}\n                                t={t as TraslationFn}\n                                onLinkClick={onMenuItemClick}\n                            >\n                                {nav.subMenu &&\n                                    nav.subMenu.length > 0 &&\n                                    renderNavigation(\n                                        nav.subMenu,\n                                        nextCascade,\n                                        true,\n                                    )}\n                            </VerticalCollapsedMenuItem>\n                        )}\n                        {nav.type === NAV_ITEM_TYPE_TITLE && (\n                            <AuthorityCheck\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <MenuGroup\n                                    key={nav.key}\n                                    label={t(nav.translateKey) || nav.title}\n                                >\n                                    {nav.subMenu &&\n                                        nav.subMenu.length > 0 &&\n                                        renderNavigation(\n                                            nav.subMenu,\n                                            cascade,\n                                            false,\n                                        )}\n                                </MenuGroup>\n                            </AuthorityCheck>\n                        )}\n                    </Fragment>\n                ))}\n            </>\n        )\n    }\n\n    return (\n        <Menu\n            className=\"px-4 pb-4\"\n            sideCollapsed={collapsed}\n            defaultActiveKeys={activedRoute?.key ? [activedRoute.key] : []}\n            defaultExpandedKeys={defaulExpandKey}\n            defaultCollapseActiveKeys={\n                activedRoute?.parentKey ? [activedRoute.parentKey] : []\n            }\n        >\n            {renderNavigation(navigationTree, 0)}\n        </Menu>\n    )\n}\n\nexport default VerticalMenuContent\n"],"names":["MenuGroup","Menu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","userAuthority","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","navTree","cascade","indent","nextCascade","nav","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE","AuthorityCheck"],"mappings":"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"}
+{"version":3,"file":"VerticalMenuContent.js","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.tsx"],"sourcesContent":["import { useState, useEffect, Fragment } from 'react'\nimport Menu from '@/components/ui/Menu'\nimport VerticalSingleMenuItem from './VerticalSingleMenuItem'\nimport VerticalCollapsedMenuItem from './VerticalCollapsedMenuItem'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport { themeConfig } from '@/configs/theme.config'\nimport {\n    NAV_ITEM_TYPE_TITLE,\n    NAV_ITEM_TYPE_COLLAPSE,\n    NAV_ITEM_TYPE_ITEM,\n} from '@/constants/navigation.constant'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { TraslationFn } from '@/@types/common'\n\nexport interface VerticalMenuContentProps {\n    collapsed?: boolean\n    routeKey: string\n    navigationTree?: NavigationTree[]\n    onMenuItemClick?: () => void\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst { MenuGroup } = Menu\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n    const {\n        collapsed,\n        routeKey,\n        navigationTree = [],\n        onMenuItemClick,\n        direction = themeConfig.direction,\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n\n    const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([])\n\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\n\n    useEffect(() => {\n        if (activedRoute?.parentKey) {\n            setDefaulExpandKey([activedRoute?.parentKey])\n        }\n    }, [activedRoute?.parentKey])\n\n    const handleLinkClick = () => {\n        onMenuItemClick?.()\n    }\n\n    const renderNavigation = (\n        navTree: NavigationTree[],\n        cascade: number = 0,\n        indent?: boolean,\n    ) => {\n        const nextCascade = cascade + 1\n\n        return (\n            <>\n                {navTree.map((nav) => (\n                    <Fragment key={nav.key}>\n                        {nav.type === NAV_ITEM_TYPE_ITEM && (\n                            <VerticalSingleMenuItem\n                                key={nav.key}\n                                currentKey={activedRoute?.key}\n                                parentKeys={defaulExpandKey}\n                                nav={nav}\n                                sideCollapsed={collapsed}\n                                direction={direction}\n                                indent={indent}\n                                renderAsIcon={cascade <= 0}\n                                showIcon={cascade <= 0}\n                                userAuthority={userAuthority}\n                                showTitle={\n                                    nav.forceShowTitle ?? (collapsed ? cascade >= 1 : cascade <= 1)\n                                }\n                                t={t as TraslationFn}\n                                onLinkClick={handleLinkClick}\n                            />\n                        )}\n                        {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n                            <VerticalCollapsedMenuItem\n                                key={nav.key}\n                                currentKey={activedRoute?.key}\n                                parentKeys={defaulExpandKey}\n                                nav={nav}\n                                sideCollapsed={collapsed}\n                                direction={direction}\n                                indent={nextCascade >= 2}\n                                dotIndent={nextCascade >= 2}\n                                renderAsIcon={nextCascade <= 1}\n                                userAuthority={userAuthority}\n                                t={t as TraslationFn}\n                                onLinkClick={onMenuItemClick}\n                            >\n                                {nav.subMenu &&\n                                    nav.subMenu.length > 0 &&\n                                    renderNavigation(\n                                        nav.subMenu,\n                                        nextCascade,\n                                        true,\n                                    )}\n                            </VerticalCollapsedMenuItem>\n                        )}\n                        {nav.type === NAV_ITEM_TYPE_TITLE && (\n                            <AuthorityCheck\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <MenuGroup\n                                    key={nav.key}\n                                    label={t(nav.translateKey) || nav.title}\n                                >\n                                    {nav.subMenu &&\n                                        nav.subMenu.length > 0 &&\n                                        renderNavigation(\n                                            nav.subMenu,\n                                            cascade,\n                                            false,\n                                        )}\n                                </MenuGroup>\n                            </AuthorityCheck>\n                        )}\n                    </Fragment>\n                ))}\n            </>\n        )\n    }\n\n    return (\n        <Menu\n            className=\"px-4 pb-4\"\n            sideCollapsed={collapsed}\n            defaultActiveKeys={activedRoute?.key ? [activedRoute.key] : []}\n            defaultExpandedKeys={defaulExpandKey}\n            defaultCollapseActiveKeys={\n                activedRoute?.parentKey ? [activedRoute.parentKey] : []\n            }\n        >\n            {renderNavigation(navigationTree, 0)}\n        </Menu>\n    )\n}\n\nexport default VerticalMenuContent\n"],"names":["MenuGroup","Menu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","userAuthority","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","navTree","cascade","indent","nextCascade","nav","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE","AuthorityCheck"],"mappings":"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"}

package/dist/lib/@ecme/components/template/VerticalMenuContent/VerticalMenuIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalMenuIcon.js","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuIcon.tsx"],"sourcesContent":["import navigationIcon from '@/configs/navigation-icon.config'\nimport type { ElementType, ComponentPropsWithRef } from 'react'\n\ntype VerticalMenuIconProps = {\n    icon: string\n    gutter?: string\n}\n\nexport const Icon = <T extends ElementType>({\n    component,\n    ...props\n}: {\n    header: T\n} & ComponentPropsWithRef<T>) => {\n    const Component = component\n    return <Component {...props} />\n}\n\nconst VerticalMenuIcon = ({ icon }: VerticalMenuIconProps) => {\n    if (typeof icon !== 'string' && !icon) {\n        return <></>\n    }\n\n    return (\n        <>\n            {navigationIcon[icon] && (\n                <span className={`text-2xl`}>{navigationIcon[icon]}</span>\n            )}\n        </>\n    )\n}\n\nexport default VerticalMenuIcon\n"],"names":["Icon","component","props","jsx","VerticalMenuIcon","icon","Fragment","navigationIcon"],"mappings":";;AAQO,MAAMA,IAAO,CAAwB;AAAA,EACxC,WAAAC;AAAA,EACA,GAAGC;AACP,MAIW,gBAAAC,EADWF,GACC,EAAA,GAAGC,EAAO,CAAA,GAG3BE,IAAmB,CAAC,EAAE,MAAAC,QACpB,OAAOA,KAAS,YAAY,CAACA,IACpB,gBAAAF,EAAAG,GAAA,EAAA,IAIT,gBAAAH,EAAAG,GAAA,EACK,UAAeC,EAAAF,CAAI,KAChB,gBAAAF,EAAC,QAAK,EAAA,WAAW,YAAa,UAAAI,EAAeF,CAAI,EAAE,CAAA,GAE3D;"}
+{"version":3,"file":"VerticalMenuIcon.js","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuIcon.tsx"],"sourcesContent":["import navigationIcon from '@/configs/navigation-icon.config'\nimport type { ElementType, ComponentPropsWithRef } from 'react'\n\ntype VerticalMenuIconProps = {\n    icon: string\n    gutter?: string\n}\n\nexport const Icon = <T extends ElementType>({\n    component,\n    ...props\n}: {\n    header: T\n} & ComponentPropsWithRef<T>) => {\n    const Component = component\n    return <Component {...props} />\n}\n\nconst VerticalMenuIcon = ({ icon }: VerticalMenuIconProps) => {\n    if (typeof icon !== 'string' && !icon) {\n        return <></>\n    }\n\n    return (\n        <>\n            {navigationIcon[icon] && (\n                <span className={`text-2xl`}>{navigationIcon[icon]}</span>\n            )}\n        </>\n    )\n}\n\nexport default VerticalMenuIcon\n"],"names":["Icon","component","props","jsx","VerticalMenuIcon","icon","Fragment","navigationIcon"],"mappings":";;AAQO,MAAMA,IAAO,CAAwB;AAAA,EACxC,WAAAC;AAAA,EACA,GAAGC;AACP,MAIW,gBAAAC,EADWF,GACV,EAAW,GAAGC,EAAA,CAAO,GAG3BE,IAAmB,CAAC,EAAE,MAAAC,QACpB,OAAOA,KAAS,YAAY,CAACA,IACtB,gBAAAF,EAAAG,GAAA,EAAE,IAIT,gBAAAH,EAAAG,GAAA,EACK,UAAAC,EAAeF,CAAI,KAChB,gBAAAF,EAAC,QAAA,EAAK,WAAW,YAAa,UAAAI,EAAeF,CAAI,EAAA,CAAE,GAE3D;"}

package/dist/lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSingleMenuItem.js","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\nimport Menu from '@/components/ui/Menu'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport VerticalMenuIcon from './VerticalMenuIcon'\nimport { Link } from 'react-router-dom'\nimport Dropdown from '@/components/ui/Dropdown'\nimport type { CommonProps } from '@/@types/common'\nimport type { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\n\nconst { MenuItem } = Menu\n\ninterface CollapsedItemProps extends CommonProps {\n    nav: NavigationTree\n    direction?: Direction\n    onLinkClick?: (link: { key: string; title: string; path: string }) => void\n    t: (\n        key: string,\n        fallback?: string | Record<string, string | number>,\n    ) => string\n    renderAsIcon?: boolean\n    userAuthority: string[]\n    currentKey?: string\n    parentKeys?: string[]\n}\n\ninterface DefaultItemProps {\n    nav: NavigationTree\n    onLinkClick?: (link: { key: string; title: string; path: string }) => void\n    sideCollapsed?: boolean\n    t: (\n        key: string,\n        fallback?: string | Record<string, string | number>,\n    ) => string\n    indent?: boolean\n    userAuthority: string[]\n    showIcon?: boolean\n    showTitle?: boolean\n}\n\ninterface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}\n\nconst CollapsedItem = ({\n    nav,\n    children,\n    direction,\n    renderAsIcon,\n    onLinkClick,\n    userAuthority,\n    t,\n    currentKey\n}: CollapsedItemProps) => {\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            {renderAsIcon ? (\n                <Tooltip\n                    title={t(nav.translateKey, nav.title)}\n                    placement={direction === 'rtl' ? 'left' : 'right'}\n                >\n                    {children}\n                </Tooltip>\n            ) : (\n                <Dropdown.Item active={currentKey === nav.key}>\n                    {nav.path ? (\n                        <Link\n                            id={nav.path}\n                            className=\"flex h-full w-full items-center outline-none\"\n                            to={nav.path}\n                            target={nav.isExternalLink ? '_blank' : ''}\n                            onClick={() =>\n                                onLinkClick?.({\n                                    key: nav.key,\n                                    title: nav.title,\n                                    path: nav.path,\n                                })\n                            }\n                        >\n                            <span>{t(nav.translateKey, nav.title)}</span>\n                        </Link>\n                    ) : (\n                        <span>{t(nav.translateKey, nav.title)}</span>\n                    )}\n                </Dropdown.Item>\n            )}\n        </AuthorityCheck>\n    )\n}\n\nconst DefaultItem = (props: DefaultItemProps) => {\n    const {\n        nav,\n        onLinkClick,\n        showTitle,\n        indent,\n        showIcon = true,\n        userAuthority,\n        t,\n    } = props\n\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\n                <Link\n                    to={nav.path}\n                    className=\"flex h-full w-full items-center gap-2\"\n                    target={nav.isExternalLink ? '_blank' : ''}\n                    onClick={() =>\n                        onLinkClick?.({\n                            key: nav.key,\n                            title: nav.title,\n                            path: nav.path,\n                        })\n                    }\n                >\n                    {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n                    {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n                </Link>\n            </MenuItem>\n        </AuthorityCheck>\n    )\n}\n\nconst VerticalSingleMenuItem = ({\n    nav,\n    onLinkClick,\n    sideCollapsed,\n    direction,\n    indent,\n    renderAsIcon,\n    userAuthority,\n    showIcon,\n    showTitle,\n    t,\n    currentKey,\n    parentKeys\n}: Omit<VerticalMenuItemProps, 'title' | 'translateKey'>) => {\n    return (\n        <>\n            {sideCollapsed ? (\n                <CollapsedItem\n                    currentKey={currentKey}\n                    parentKeys={parentKeys}\n                    nav={nav}\n                    direction={direction}\n                    renderAsIcon={renderAsIcon}\n                    userAuthority={userAuthority}\n                    t={t}\n                    onLinkClick={onLinkClick}\n                >\n                    <DefaultItem\n                        nav={nav}\n                        sideCollapsed={sideCollapsed}\n                        userAuthority={userAuthority}\n                        showIcon={showIcon}\n                        showTitle={showTitle}\n                        t={t}\n                        onLinkClick={onLinkClick}\n                    />\n                </CollapsedItem>\n            ) : (\n                <DefaultItem\n                    nav={nav}\n                    sideCollapsed={sideCollapsed}\n                    userAuthority={userAuthority}\n                    showIcon={showIcon}\n                    showTitle={showTitle}\n                    indent={indent}\n                    t={t}\n                    onLinkClick={onLinkClick}\n                />\n            )}\n        </>\n    )\n}\n\nexport default VerticalSingleMenuItem\n"],"names":["MenuItem","Menu","CollapsedItem","nav","children","direction","renderAsIcon","onLinkClick","userAuthority","t","currentKey","AuthorityCheck","jsx","Tooltip","Dropdown","Link","DefaultItem","props","showTitle","indent","showIcon","jsxs","VerticalMenuIcon","VerticalSingleMenuItem","sideCollapsed","parentKeys"],"mappings":"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"}
+{"version":3,"file":"VerticalSingleMenuItem.js","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\nimport Menu from '@/components/ui/Menu'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport VerticalMenuIcon from './VerticalMenuIcon'\nimport { Link } from 'react-router-dom'\nimport Dropdown from '@/components/ui/Dropdown'\nimport type { CommonProps } from '@/@types/common'\nimport type { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\n\nconst { MenuItem } = Menu\n\ninterface CollapsedItemProps extends CommonProps {\n    nav: NavigationTree\n    direction?: Direction\n    onLinkClick?: (link: { key: string; title: string; path: string }) => void\n    t: (\n        key: string,\n        fallback?: string | Record<string, string | number>,\n    ) => string\n    renderAsIcon?: boolean\n    userAuthority: string[]\n    currentKey?: string\n    parentKeys?: string[]\n}\n\ninterface DefaultItemProps {\n    nav: NavigationTree\n    onLinkClick?: (link: { key: string; title: string; path: string }) => void\n    sideCollapsed?: boolean\n    t: (\n        key: string,\n        fallback?: string | Record<string, string | number>,\n    ) => string\n    indent?: boolean\n    userAuthority: string[]\n    showIcon?: boolean\n    showTitle?: boolean\n}\n\ninterface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}\n\nconst CollapsedItem = ({\n    nav,\n    children,\n    direction,\n    renderAsIcon,\n    onLinkClick,\n    userAuthority,\n    t,\n    currentKey\n}: CollapsedItemProps) => {\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            {renderAsIcon ? (\n                <Tooltip\n                    title={t(nav.translateKey, nav.title)}\n                    placement={direction === 'rtl' ? 'left' : 'right'}\n                >\n                    {children}\n                </Tooltip>\n            ) : (\n                <Dropdown.Item active={currentKey === nav.key}>\n                    {nav.path ? (\n                        <Link\n                            id={nav.path}\n                            className=\"flex h-full w-full items-center outline-none\"\n                            to={nav.path}\n                            target={nav.isExternalLink ? '_blank' : ''}\n                            onClick={() =>\n                                onLinkClick?.({\n                                    key: nav.key,\n                                    title: nav.title,\n                                    path: nav.path,\n                                })\n                            }\n                        >\n                            <span>{t(nav.translateKey, nav.title)}</span>\n                        </Link>\n                    ) : (\n                        <span>{t(nav.translateKey, nav.title)}</span>\n                    )}\n                </Dropdown.Item>\n            )}\n        </AuthorityCheck>\n    )\n}\n\nconst DefaultItem = (props: DefaultItemProps) => {\n    const {\n        nav,\n        onLinkClick,\n        showTitle,\n        indent,\n        showIcon = true,\n        userAuthority,\n        t,\n    } = props\n\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\n                <Link\n                    to={nav.path}\n                    className=\"flex h-full w-full items-center gap-2\"\n                    target={nav.isExternalLink ? '_blank' : ''}\n                    onClick={() =>\n                        onLinkClick?.({\n                            key: nav.key,\n                            title: nav.title,\n                            path: nav.path,\n                        })\n                    }\n                >\n                    {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n                    {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n                </Link>\n            </MenuItem>\n        </AuthorityCheck>\n    )\n}\n\nconst VerticalSingleMenuItem = ({\n    nav,\n    onLinkClick,\n    sideCollapsed,\n    direction,\n    indent,\n    renderAsIcon,\n    userAuthority,\n    showIcon,\n    showTitle,\n    t,\n    currentKey,\n    parentKeys\n}: Omit<VerticalMenuItemProps, 'title' | 'translateKey'>) => {\n    return (\n        <>\n            {sideCollapsed ? (\n                <CollapsedItem\n                    currentKey={currentKey}\n                    parentKeys={parentKeys}\n                    nav={nav}\n                    direction={direction}\n                    renderAsIcon={renderAsIcon}\n                    userAuthority={userAuthority}\n                    t={t}\n                    onLinkClick={onLinkClick}\n                >\n                    <DefaultItem\n                        nav={nav}\n                        sideCollapsed={sideCollapsed}\n                        userAuthority={userAuthority}\n                        showIcon={showIcon}\n                        showTitle={showTitle}\n                        t={t}\n                        onLinkClick={onLinkClick}\n                    />\n                </CollapsedItem>\n            ) : (\n                <DefaultItem\n                    nav={nav}\n                    sideCollapsed={sideCollapsed}\n                    userAuthority={userAuthority}\n                    showIcon={showIcon}\n                    showTitle={showTitle}\n                    indent={indent}\n                    t={t}\n                    onLinkClick={onLinkClick}\n                />\n            )}\n        </>\n    )\n}\n\nexport default VerticalSingleMenuItem\n"],"names":["MenuItem","Menu","CollapsedItem","nav","children","direction","renderAsIcon","onLinkClick","userAuthority","t","currentKey","AuthorityCheck","jsx","Tooltip","Dropdown","Link","DefaultItem","props","showTitle","indent","showIcon","jsxs","VerticalMenuIcon","VerticalSingleMenuItem","sideCollapsed","parentKeys"],"mappings":"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"}

package/dist/lib/@ecme/components/ui/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '../utils/classNames'\nimport useTimeout from '../hooks/useTimeout'\nimport {\n    HiCheckCircle,\n    HiInformationCircle,\n    HiExclamation,\n    HiXCircle,\n} from 'react-icons/hi'\nimport { motion } from 'framer-motion'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface AlertProps extends CommonProps {\n    closable?: boolean\n    customClose?: ReactNode | string\n    customIcon?: ReactNode | string\n    duration?: number\n    title?: ReactNode | string\n    onClose?: (e?: MouseEvent<HTMLDivElement>) => void\n    showIcon?: boolean\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DEFAULT_TYPE = 'warning'\n\nconst TYPE_MAP = {\n    success: {\n        backgroundColor: 'bg-success-subtle',\n        titleColor: 'text-success',\n        textColor: 'text-success',\n        iconColor: 'text-success',\n        icon: <HiCheckCircle />,\n    },\n    info: {\n        backgroundColor: 'bg-info-subtle',\n        titleColor: 'text-info',\n        textColor: 'text-info',\n        iconColor: 'text-info',\n        icon: <HiInformationCircle />,\n    },\n    warning: {\n        backgroundColor: 'bg-warning-subtle',\n        titleColor: 'text-warning',\n        textColor: 'text-warning',\n        iconColor: 'text-warning',\n        icon: <HiExclamation />,\n    },\n    danger: {\n        backgroundColor: 'bg-error-subtle',\n        titleColor: 'text-error',\n        textColor: 'text-error',\n        iconColor: 'text-error',\n        icon: <HiXCircle />,\n    },\n}\n\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\n    'success',\n    'danger',\n    'info',\n    'warning',\n]\n\nconst Alert = (props: AlertProps) => {\n    const {\n        children,\n        className,\n        closable = false,\n        customClose,\n        customIcon,\n        duration = 3000,\n        title = null,\n        onClose,\n        ref,\n        showIcon = false,\n        triggerByToast = false,\n        ...rest\n    } = props\n\n    const getType = () => {\n        const { type = DEFAULT_TYPE } = props\n        if (TYPE_ARRAY.includes(type)) {\n            return type\n        }\n        return DEFAULT_TYPE\n    }\n\n    const type = getType()\n    const typeMap = TYPE_MAP[type]\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(\n        onClose as () => void,\n        duration,\n        (duration as number) > 0,\n    )\n\n    const handleClose = (e: MouseEvent<HTMLDivElement>) => {\n        setDisplay('hiding')\n        onClose?.(e)\n        clear()\n        if (!triggerByToast) {\n            setTimeout(() => {\n                setDisplay('hide')\n            }, 400)\n        }\n    }\n\n    const renderClose = () => {\n        return (\n            <div\n                className=\"cursor-pointer\"\n                role=\"presentation\"\n                onClick={(e) => handleClose(e)}\n            >\n                {customClose || (\n                    <CloseButton\n                        resetDefaultClass\n                        className=\"text-lg outline-none\"\n                    />\n                )}\n            </div>\n        )\n    }\n\n    const alertClass = classNames(\n        'alert',\n        typeMap.backgroundColor,\n        typeMap.textColor,\n        !title ? 'font-semibold' : '',\n        closable ? 'justify-between' : '',\n        closable && !title ? 'items-center' : '',\n        !triggerByToast && 'rounded-xl',\n\n        className,\n    )\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <motion.div\n            ref={ref}\n            className={alertClass}\n            initial={{ opacity: 1 }}\n            animate={display === 'hiding' ? 'exit' : 'animate'}\n            transition={{ duration: 0.25, type: 'tween' }}\n            variants={{\n                animate: {\n                    opacity: 1,\n                },\n                exit: {\n                    opacity: 0,\n                },\n            }}\n            {...rest}\n        >\n            <div\n                className={classNames(\n                    'flex gap-2',\n                    !title && children ? 'items-center' : '',\n                    title && children ? 'mt-0.5' : '',\n                )}\n            >\n                {showIcon && (\n                    <StatusIcon\n                        iconColor={typeMap.iconColor}\n                        custom={customIcon}\n                        type={type}\n                    />\n                )}\n                <div>\n                    {title ? (\n                        <div\n                            className={classNames(\n                                'font-semibold text-lg mb-1',\n                                typeMap.titleColor,\n                            )}\n                        >\n                            {title}\n                        </div>\n                    ) : null}\n                    {children}\n                </div>\n            </div>\n            {closable ? renderClose() : null}\n        </motion.div>\n    )\n}\n\nexport default Alert\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":";;;;;;;;;;AA4BA,MAAMA,IAAe,WAEfC,IAAW;AAAA,EACb,SAAS;AAAA,IACL,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,wBAAOC,GAAc,CAAA,CAAA;AAAA,EACzB;AAAA,EACA,MAAM;AAAA,IACF,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,wBAAOC,GAAoB,CAAA,CAAA;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACL,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,wBAAOC,GAAc,CAAA,CAAA;AAAA,EACzB;AAAA,EACA,QAAQ;AAAA,IACJ,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,wBAAOC,GAAU,CAAA,CAAA;AAAA,EAAA;AAEzB,GAEMC,IAAsC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAQ,CAACC,MAAsB;AAC3B,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,SAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,GAAGC;AAAA,EAAA,IACHZ,GAUEa,KARU,MAAM;AAClB,UAAM,EAAE,MAAAA,IAAOrB,EAAiB,IAAAQ;AAC5B,WAAAF,EAAW,SAASe,CAAI,IACjBA,IAEJrB;AAAA,EACX,GAEqB,GACfsB,IAAUrB,EAASoB,CAAI,GAEvB,CAACE,GAASC,CAAU,IAAIC,EAAS,MAAM,GAEvC,EAAE,OAAAC,MAAUC;AAAA,IACdX;AAAA,IACAF;AAAA,IACCA,IAAsB;AAAA,EAC3B,GAEMc,IAAc,CAAC,MAAkC;AACnD,IAAAJ,EAAW,QAAQ,GACnBR,KAAA,QAAAA,EAAU,IACJU,EAAA,GACDP,KACD,WAAW,MAAM;AACb,MAAAK,EAAW,MAAM;AAAA,OAClB,GAAG;AAAA,EAEd,GAEMK,IAAc,MAEZ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAS,CAAC,MAAMF,EAAY,CAAC;AAAA,MAE5B,UACGhB,KAAA,gBAAAkB;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,mBAAiB;AAAA,UACjB,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAER,GAIFC,IAAaC;AAAA,IACf;AAAA,IACAX,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACPP,IAA0B,KAAlB;AAAA,IACTJ,IAAW,oBAAoB;AAAA,IAC/BA,KAAY,CAACI,IAAQ,iBAAiB;AAAA,IACtC,CAACI,KAAkB;AAAA,IAEnBT;AAAA,EACJ;AAEA,SAAIa,MAAY,SACL,OAIP,gBAAAW;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,KAAAlB;AAAA,MACA,WAAWe;AAAA,MACX,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAST,MAAY,WAAW,SAAS;AAAA,MACzC,YAAY,EAAE,UAAU,MAAM,MAAM,QAAQ;AAAA,MAC5C,UAAU;AAAA,QACN,SAAS;AAAA,UACL,SAAS;AAAA,QACb;AAAA,QACA,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,MAEjB;AAAA,MACC,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACA,CAAClB,KAASN,IAAW,iBAAiB;AAAA,cACtCM,KAASN,IAAW,WAAW;AAAA,YACnC;AAAA,YAEC,UAAA;AAAA,cACGS,KAAA,gBAAAY;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACG,WAAWd,EAAQ;AAAA,kBACnB,QAAQT;AAAA,kBACR,MAAAQ;AAAA,gBAAA;AAAA,cACJ;AAAA,gCAEH,OACI,EAAA,UAAA;AAAA,gBACGN,IAAA,gBAAAe;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWG;AAAA,sBACP;AAAA,sBACAX,EAAQ;AAAA,oBACZ;AAAA,oBAEC,UAAAP;AAAA,kBAAA;AAAA,gBAAA,IAEL;AAAA,gBACHN;AAAA,cAAA,EACL,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,QACCE,IAAWkB,MAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAChC;AAER;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '../utils/classNames'\nimport useTimeout from '../hooks/useTimeout'\nimport {\n    HiCheckCircle,\n    HiInformationCircle,\n    HiExclamation,\n    HiXCircle,\n} from 'react-icons/hi'\nimport { motion } from 'framer-motion'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface AlertProps extends CommonProps {\n    closable?: boolean\n    customClose?: ReactNode | string\n    customIcon?: ReactNode | string\n    duration?: number\n    title?: ReactNode | string\n    onClose?: (e?: MouseEvent<HTMLDivElement>) => void\n    showIcon?: boolean\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DEFAULT_TYPE = 'warning'\n\nconst TYPE_MAP = {\n    success: {\n        backgroundColor: 'bg-success-subtle',\n        titleColor: 'text-success',\n        textColor: 'text-success',\n        iconColor: 'text-success',\n        icon: <HiCheckCircle />,\n    },\n    info: {\n        backgroundColor: 'bg-info-subtle',\n        titleColor: 'text-info',\n        textColor: 'text-info',\n        iconColor: 'text-info',\n        icon: <HiInformationCircle />,\n    },\n    warning: {\n        backgroundColor: 'bg-warning-subtle',\n        titleColor: 'text-warning',\n        textColor: 'text-warning',\n        iconColor: 'text-warning',\n        icon: <HiExclamation />,\n    },\n    danger: {\n        backgroundColor: 'bg-error-subtle',\n        titleColor: 'text-error',\n        textColor: 'text-error',\n        iconColor: 'text-error',\n        icon: <HiXCircle />,\n    },\n}\n\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\n    'success',\n    'danger',\n    'info',\n    'warning',\n]\n\nconst Alert = (props: AlertProps) => {\n    const {\n        children,\n        className,\n        closable = false,\n        customClose,\n        customIcon,\n        duration = 3000,\n        title = null,\n        onClose,\n        ref,\n        showIcon = false,\n        triggerByToast = false,\n        ...rest\n    } = props\n\n    const getType = () => {\n        const { type = DEFAULT_TYPE } = props\n        if (TYPE_ARRAY.includes(type)) {\n            return type\n        }\n        return DEFAULT_TYPE\n    }\n\n    const type = getType()\n    const typeMap = TYPE_MAP[type]\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(\n        onClose as () => void,\n        duration,\n        (duration as number) > 0,\n    )\n\n    const handleClose = (e: MouseEvent<HTMLDivElement>) => {\n        setDisplay('hiding')\n        onClose?.(e)\n        clear()\n        if (!triggerByToast) {\n            setTimeout(() => {\n                setDisplay('hide')\n            }, 400)\n        }\n    }\n\n    const renderClose = () => {\n        return (\n            <div\n                className=\"cursor-pointer\"\n                role=\"presentation\"\n                onClick={(e) => handleClose(e)}\n            >\n                {customClose || (\n                    <CloseButton\n                        resetDefaultClass\n                        className=\"text-lg outline-none\"\n                    />\n                )}\n            </div>\n        )\n    }\n\n    const alertClass = classNames(\n        'alert',\n        typeMap.backgroundColor,\n        typeMap.textColor,\n        !title ? 'font-semibold' : '',\n        closable ? 'justify-between' : '',\n        closable && !title ? 'items-center' : '',\n        !triggerByToast && 'rounded-xl',\n\n        className,\n    )\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <motion.div\n            ref={ref}\n            className={alertClass}\n            initial={{ opacity: 1 }}\n            animate={display === 'hiding' ? 'exit' : 'animate'}\n            transition={{ duration: 0.25, type: 'tween' }}\n            variants={{\n                animate: {\n                    opacity: 1,\n                },\n                exit: {\n                    opacity: 0,\n                },\n            }}\n            {...rest}\n        >\n            <div\n                className={classNames(\n                    'flex gap-2',\n                    !title && children ? 'items-center' : '',\n                    title && children ? 'mt-0.5' : '',\n                )}\n            >\n                {showIcon && (\n                    <StatusIcon\n                        iconColor={typeMap.iconColor}\n                        custom={customIcon}\n                        type={type}\n                    />\n                )}\n                <div>\n                    {title ? (\n                        <div\n                            className={classNames(\n                                'font-semibold text-lg mb-1',\n                                typeMap.titleColor,\n                            )}\n                        >\n                            {title}\n                        </div>\n                    ) : null}\n                    {children}\n                </div>\n            </div>\n            {closable ? renderClose() : null}\n        </motion.div>\n    )\n}\n\nexport default Alert\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":"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"}

package/dist/lib/@ecme/components/ui/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../../../lib/@ecme/components/ui/Avatar/Avatar.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport useMergedRef from '../hooks/useMergeRef'\nimport classNames from 'classnames'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface AvatarProps extends CommonProps {\n    alt?: string\n    icon?: ReactNode\n    onClick?: () => void\n    ref?: Ref<HTMLSpanElement>\n    size?: 'lg' | 'md' | 'sm' | number\n    shape?: Exclude<TypeAttributes.Shape, 'none'> | 'square'\n    src?: string\n    srcSet?: string\n}\n\nconst Avatar = (props: AvatarProps) => {\n    const {\n        alt,\n        className,\n        icon,\n        ref = null,\n        shape = 'circle',\n        size = 'md',\n        src,\n        srcSet,\n        ...rest\n    } = props\n\n    let { children } = props\n    const [scale, setScale] = useState(1)\n\n    const avatarChildren = useRef<HTMLSpanElement>(null)\n    const avatarNode = useRef<HTMLSpanElement>(null)\n\n    const avatarMergeRef = useMergedRef(ref, avatarNode)\n\n    const innerScale = () => {\n        if (!avatarChildren.current || !avatarNode.current) {\n            return\n        }\n        const avatarChildrenWidth = avatarChildren.current.offsetWidth\n        const avatarNodeWidth = avatarNode.current.offsetWidth\n        if (avatarChildrenWidth === 0 || avatarNodeWidth === 0) {\n            return\n        }\n        setScale(\n            avatarNodeWidth - 8 < avatarChildrenWidth\n                ? (avatarNodeWidth - 8) / avatarChildrenWidth\n                : 1,\n        )\n    }\n\n    useEffect(() => {\n        innerScale()\n    }, [scale, children])\n\n    const sizeStyle =\n        typeof size === 'number'\n            ? {\n                  width: size,\n                  height: size,\n                  minWidth: size,\n                  lineHeight: `${size}px`,\n                  fontSize: icon ? size / 2 : 12,\n              }\n            : {}\n\n    const classes = classNames(\n        'avatar',\n        `avatar-${shape}`,\n        typeof size === 'string' ? `avatar-${size}` : '',\n        className,\n    )\n\n    if (src) {\n        children = (\n            <img\n                className={`avatar-img avatar-${shape}`}\n                src={src}\n                srcSet={srcSet}\n                alt={alt}\n                loading=\"lazy\"\n            />\n        )\n    } else if (icon) {\n        children = (\n            <span className={classNames('avatar-icon', `avatar-icon-${size}`)}>\n                {icon}\n            </span>\n        )\n    } else {\n        const childrenSizeStyle =\n            typeof size === 'number' ? { lineHeight: `${size}px` } : {}\n        const stringCentralized = {\n            transform: `translateX(-50%) scale(${scale})`,\n        }\n        children = (\n            <span\n                ref={avatarChildren}\n                className={`avatar-string ${\n                    typeof size === 'number' ? '' : `avatar-inner-${size}`\n                }`}\n                style={{\n                    ...childrenSizeStyle,\n                    ...stringCentralized,\n                    ...(typeof size === 'number' ? { height: size } : {}),\n                }}\n            >\n                {children}\n            </span>\n        )\n    }\n\n    return (\n        <span\n            ref={avatarMergeRef}\n            className={classes}\n            style={{ ...sizeStyle, ...rest.style }}\n            {...rest}\n        >\n            {children}\n        </span>\n    )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","alt","className","icon","ref","shape","size","src","srcSet","rest","children","scale","setScale","useState","avatarChildren","useRef","avatarNode","avatarMergeRef","useMergedRef","innerScale","avatarChildrenWidth","avatarNodeWidth","useEffect","sizeStyle","classes","classNames","jsx","childrenSizeStyle","stringCentralized"],"mappings":";;;;AAiBM,MAAAA,IAAS,CAACC,MAAuB;AAC7B,QAAA;AAAA,IACF,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEA,MAAA,EAAE,UAAAU,MAAaV;AACnB,QAAM,CAACW,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAE9BC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAaD,EAAwB,IAAI,GAEzCE,IAAiBC,EAAad,GAAKY,CAAU,GAE7CG,IAAa,MAAM;AACrB,QAAI,CAACL,EAAe,WAAW,CAACE,EAAW;AACvC;AAEE,UAAAI,IAAsBN,EAAe,QAAQ,aAC7CO,IAAkBL,EAAW,QAAQ;AACvC,IAAAI,MAAwB,KAAKC,MAAoB,KAGrDT;AAAA,MACIS,IAAkB,IAAID,KACfC,IAAkB,KAAKD,IACxB;AAAA,IACV;AAAA,EACJ;AAEA,EAAAE,EAAU,MAAM;AACD,IAAAH,EAAA;AAAA,EAAA,GACZ,CAACR,GAAOD,CAAQ,CAAC;AAEd,QAAAa,IACF,OAAOjB,KAAS,WACV;AAAA,IACI,OAAOA;AAAA,IACP,QAAQA;AAAA,IACR,UAAUA;AAAA,IACV,YAAY,GAAGA,CAAI;AAAA,IACnB,UAAUH,IAAOG,IAAO,IAAI;AAAA,EAAA,IAEhC,CAAC,GAELkB,IAAUC;AAAA,IACZ;AAAA,IACA,UAAUpB,CAAK;AAAA,IACf,OAAOC,KAAS,WAAW,UAAUA,CAAI,KAAK;AAAA,IAC9CJ;AAAA,EACJ;AAEA,MAAIK;AAEI,IAAAG,IAAA,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,qBAAqBrB,CAAK;AAAA,QACrC,KAAAE;AAAA,QACA,QAAAC;AAAA,QACA,KAAAP;AAAA,QACA,SAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,WAEGE;AAEH,IAAAO,IAAA,gBAAAgB,EAAC,UAAK,WAAWD,EAAW,eAAe,eAAenB,CAAI,EAAE,GAC3D,UACLH,EAAA,CAAA;AAAA,OAED;AACG,UAAAwB,IACF,OAAOrB,KAAS,WAAW,EAAE,YAAY,GAAGA,CAAI,KAAK,IAAI,CAAC,GACxDsB,IAAoB;AAAA,MACtB,WAAW,0BAA0BjB,CAAK;AAAA,IAC9C;AAEI,IAAAD,IAAA,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAW,iBACP,OAAOR,KAAS,WAAW,KAAK,gBAAgBA,CAAI,EACxD;AAAA,QACA,OAAO;AAAA,UACH,GAAGqB;AAAA,UACH,GAAGC;AAAA,UACH,GAAI,OAAOtB,KAAS,WAAW,EAAE,QAAQA,EAAA,IAAS,CAAA;AAAA,QACtD;AAAA,QAEC,UAAAI;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAKJ,SAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKT;AAAA,MACL,WAAWO;AAAA,MACX,OAAO,EAAE,GAAGD,GAAW,GAAGd,EAAK,MAAM;AAAA,MACpC,GAAGA;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EACL;AAER;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../../../lib/@ecme/components/ui/Avatar/Avatar.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport useMergedRef from '../hooks/useMergeRef'\nimport classNames from 'classnames'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface AvatarProps extends CommonProps {\n    alt?: string\n    icon?: ReactNode\n    onClick?: () => void\n    ref?: Ref<HTMLSpanElement>\n    size?: 'lg' | 'md' | 'sm' | number\n    shape?: Exclude<TypeAttributes.Shape, 'none'> | 'square'\n    src?: string\n    srcSet?: string\n}\n\nconst Avatar = (props: AvatarProps) => {\n    const {\n        alt,\n        className,\n        icon,\n        ref = null,\n        shape = 'circle',\n        size = 'md',\n        src,\n        srcSet,\n        ...rest\n    } = props\n\n    let { children } = props\n    const [scale, setScale] = useState(1)\n\n    const avatarChildren = useRef<HTMLSpanElement>(null)\n    const avatarNode = useRef<HTMLSpanElement>(null)\n\n    const avatarMergeRef = useMergedRef(ref, avatarNode)\n\n    const innerScale = () => {\n        if (!avatarChildren.current || !avatarNode.current) {\n            return\n        }\n        const avatarChildrenWidth = avatarChildren.current.offsetWidth\n        const avatarNodeWidth = avatarNode.current.offsetWidth\n        if (avatarChildrenWidth === 0 || avatarNodeWidth === 0) {\n            return\n        }\n        setScale(\n            avatarNodeWidth - 8 < avatarChildrenWidth\n                ? (avatarNodeWidth - 8) / avatarChildrenWidth\n                : 1,\n        )\n    }\n\n    useEffect(() => {\n        innerScale()\n    }, [scale, children])\n\n    const sizeStyle =\n        typeof size === 'number'\n            ? {\n                  width: size,\n                  height: size,\n                  minWidth: size,\n                  lineHeight: `${size}px`,\n                  fontSize: icon ? size / 2 : 12,\n              }\n            : {}\n\n    const classes = classNames(\n        'avatar',\n        `avatar-${shape}`,\n        typeof size === 'string' ? `avatar-${size}` : '',\n        className,\n    )\n\n    if (src) {\n        children = (\n            <img\n                className={`avatar-img avatar-${shape}`}\n                src={src}\n                srcSet={srcSet}\n                alt={alt}\n                loading=\"lazy\"\n            />\n        )\n    } else if (icon) {\n        children = (\n            <span className={classNames('avatar-icon', `avatar-icon-${size}`)}>\n                {icon}\n            </span>\n        )\n    } else {\n        const childrenSizeStyle =\n            typeof size === 'number' ? { lineHeight: `${size}px` } : {}\n        const stringCentralized = {\n            transform: `translateX(-50%) scale(${scale})`,\n        }\n        children = (\n            <span\n                ref={avatarChildren}\n                className={`avatar-string ${\n                    typeof size === 'number' ? '' : `avatar-inner-${size}`\n                }`}\n                style={{\n                    ...childrenSizeStyle,\n                    ...stringCentralized,\n                    ...(typeof size === 'number' ? { height: size } : {}),\n                }}\n            >\n                {children}\n            </span>\n        )\n    }\n\n    return (\n        <span\n            ref={avatarMergeRef}\n            className={classes}\n            style={{ ...sizeStyle, ...rest.style }}\n            {...rest}\n        >\n            {children}\n        </span>\n    )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","alt","className","icon","ref","shape","size","src","srcSet","rest","children","scale","setScale","useState","avatarChildren","useRef","avatarNode","avatarMergeRef","useMergedRef","innerScale","avatarChildrenWidth","avatarNodeWidth","useEffect","sizeStyle","classes","classNames","jsx","childrenSizeStyle","stringCentralized"],"mappings":";;;;AAiBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEJ,MAAI,EAAE,UAAAU,MAAaV;AACnB,QAAM,CAACW,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAE9BC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAaD,EAAwB,IAAI,GAEzCE,IAAiBC,EAAad,GAAKY,CAAU,GAE7CG,IAAa,MAAM;AACrB,QAAI,CAACL,EAAe,WAAW,CAACE,EAAW;AACvC;AAEJ,UAAMI,IAAsBN,EAAe,QAAQ,aAC7CO,IAAkBL,EAAW,QAAQ;AAC3C,IAAII,MAAwB,KAAKC,MAAoB,KAGrDT;AAAA,MACIS,IAAkB,IAAID,KACfC,IAAkB,KAAKD,IACxB;AAAA,IAAA;AAAA,EACV;AAGJ,EAAAE,EAAU,MAAM;AACZ,IAAAH,EAAA;AAAA,EAAW,GACZ,CAACR,GAAOD,CAAQ,CAAC;AAEpB,QAAMa,IACF,OAAOjB,KAAS,WACV;AAAA,IACI,OAAOA;AAAA,IACP,QAAQA;AAAA,IACR,UAAUA;AAAA,IACV,YAAY,GAAGA,CAAI;AAAA,IACnB,UAAUH,IAAOG,IAAO,IAAI;AAAA,EAAA,IAEhC,CAAA,GAEJkB,IAAUC;AAAA,IACZ;AAAA,IACA,UAAUpB,CAAK;AAAA,IACf,OAAOC,KAAS,WAAW,UAAUA,CAAI,KAAK;AAAA,IAC9CJ;AAAA,EAAA;AAGJ,MAAIK;AACA,IAAAG,IACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,qBAAqBrB,CAAK;AAAA,QACrC,KAAAE;AAAA,QACA,QAAAC;AAAA,QACA,KAAAP;AAAA,QACA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,WAGTE;AACP,IAAAO,IACI,gBAAAgB,EAAC,UAAK,WAAWD,EAAW,eAAe,eAAenB,CAAI,EAAE,GAC3D,UAAAH,EAAA,CACL;AAAA,OAED;AACH,UAAMwB,IACF,OAAOrB,KAAS,WAAW,EAAE,YAAY,GAAGA,CAAI,KAAA,IAAS,CAAA,GACvDsB,IAAoB;AAAA,MACtB,WAAW,0BAA0BjB,CAAK;AAAA,IAAA;AAE9C,IAAAD,IACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAW,iBACP,OAAOR,KAAS,WAAW,KAAK,gBAAgBA,CAAI,EACxD;AAAA,QACA,OAAO;AAAA,UACH,GAAGqB;AAAA,UACH,GAAGC;AAAA,UACH,GAAI,OAAOtB,KAAS,WAAW,EAAE,QAAQA,EAAA,IAAS,CAAA;AAAA,QAAC;AAAA,QAGtD,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAIR,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKT;AAAA,MACL,WAAWO;AAAA,MACX,OAAO,EAAE,GAAGD,GAAW,GAAGd,EAAK,MAAA;AAAA,MAC9B,GAAGA;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb;"}