@gravity-ui/page-constructor 6.2.0-beta.2 → 6.2.0

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js

@@ -11,13 +11,13 @@ const utils_1 = require("../../../utils/index.js");
 const models_1 = require("../../models.js");
 const NavigationList_1 = require("../NavigationList/NavigationList.js");
 const b = (0, utils_1.block)('mobile-navigation');
-const MobileNavigation = ({ isOpened, topItems, bottomItems, ...props }) => {
+const MobileNavigation = ({ isOpened, topItems, bottomItems, portalContainer, ...props }) => {
     const [isMounted, setIsMounted] = React.useState(false);
     (0, hooks_1.useMount)(() => setIsMounted(true));
     if (!isMounted) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile, ...props })), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile, ...props }))] }) }, topItems?.length) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { container: portalContainer?.current ?? undefined, children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile, ...props })), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile, ...props }))] }) }, topItems?.length) }));
 };
 exports.MobileNavigation = MobileNavigation;
 exports.default = exports.MobileNavigation;

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,gGAA6D;AAC7D,mDAAwC;AACxC,mDAAqC;AACrC,4CAAqF;AACrF,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,cAAM,cACH,uBAAC,kBAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,uBAAC,+BAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,uBAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,yBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,EACA,WAAW,IAAI,CACZ,uBAAC,+BAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,uBAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,yBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,IACC,IApBK,QAAQ,EAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,gBAAgB,oBAwC3B;AAEF,kBAAe,wBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n    isOpened,\n    topItems,\n    bottomItems,\n    ...props\n}) => {\n    const [isMounted, setIsMounted] = React.useState(false);\n\n    useMount(() => setIsMounted(true));\n\n    if (!isMounted) {\n        return null;\n    }\n\n    return (\n        <Portal>\n            <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n                <div className={b('wrapper')}>\n                    {topItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={topItems}\n                            column={ItemColumnName.Top}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                    {bottomItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={bottomItems}\n                            column={ItemColumnName.Bottom}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                </div>\n            </Foldable>\n        </Portal>\n    );\n};\n\nexport default MobileNavigation;\n"]}
+{"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,gGAA6D;AAC7D,mDAAwC;AACxC,mDAAqC;AACrC,4CAAqF;AACrF,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,cAAM,IAAC,SAAS,EAAE,eAAe,EAAE,OAAO,IAAI,SAAS,YACpD,uBAAC,kBAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,uBAAC,+BAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,uBAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,yBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,EACA,WAAW,IAAI,CACZ,uBAAC,+BAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,uBAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,yBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,IACC,IApBK,QAAQ,EAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAzCW,QAAA,gBAAgB,oBAyC3B;AAEF,kBAAe,wBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n    isOpened,\n    topItems,\n    bottomItems,\n    portalContainer,\n    ...props\n}) => {\n    const [isMounted, setIsMounted] = React.useState(false);\n\n    useMount(() => setIsMounted(true));\n\n    if (!isMounted) {\n        return null;\n    }\n\n    return (\n        <Portal container={portalContainer?.current ?? undefined}>\n            <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n                <div className={b('wrapper')}>\n                    {topItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={topItems}\n                            column={ItemColumnName.Top}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                    {bottomItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={bottomItems}\n                            column={ItemColumnName.Bottom}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                </div>\n            </Foldable>\n        </Portal>\n    );\n};\n\nexport default MobileNavigation;\n"]}

package/build/cjs/navigation/components/Navigation/Navigation.d.ts

@@ -3,6 +3,7 @@ import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../m
 export interface NavigationComponentProps extends ClassNameProps {
     logo: ThemedNavigationLogoData;
     data: HeaderData;
+    mobilePortalContainer?: React.RefObject<HTMLElement>;
 }
 export declare const Navigation: React.FC<NavigationComponentProps>;
 export default Navigation;

package/build/cjs/navigation/components/Navigation/Navigation.js

@@ -11,13 +11,13 @@ const hooks_1 = require("../../hooks/index.js");
 const DesktopNavigation_1 = tslib_1.__importDefault(require("../DesktopNavigation/DesktopNavigation.js"));
 const MobileNavigation_1 = tslib_1.__importDefault(require("../MobileNavigation/MobileNavigation.js"));
 const b = (0, utils_1.block)('navigation');
-const Navigation = ({ data, logo, className }) => {
+const Navigation = ({ data, logo, className, mobilePortalContainer, }) => {
     const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
     const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
     const [showBorder] = (0, hooks_1.useShowBorder)(withBorder, withBorderOnScroll);
     const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = (0, hooks_1.useActiveNavItem)(iconSize, leftItems, rightItems);
     const onSidebarOpenedChange = (isOpen) => setIsSidebarOpened(isOpen);
-    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b({ 'with-border': showBorder }, className), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsxs)("nav", { children: [(0, jsx_runtime_1.jsx)(DesktopNavigation_1.default, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), (0, jsx_runtime_1.jsx)(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false), children: (0, jsx_runtime_1.jsx)(MobileNavigation_1.default, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange }) })] }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b({ 'with-border': showBorder }, className), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsxs)("nav", { children: [(0, jsx_runtime_1.jsx)(DesktopNavigation_1.default, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), (0, jsx_runtime_1.jsx)(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false), children: (0, jsx_runtime_1.jsx)(MobileNavigation_1.default, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, portalContainer: mobilePortalContainer }) })] }) }) }) }));
 };
 exports.Navigation = Navigation;
 exports.default = exports.Navigation;

package/build/cjs/navigation/components/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,4GAAyE;AACzE,iDAA6C;AAE7C,mDAAqC;AACrC,gDAA4D;AAC5D,0GAAuE;AACvE,uGAAoE;AAIpE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAOvB,MAAM,UAAU,GAAuC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,EAAE,EAAE;IACtF,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,qBAAa,EAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,IAAA,wBAAgB,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,4CACI,uBAAC,2BAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,uBAAC,sBAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,uBAAC,0BAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AA9CW,QAAA,UAAU,cA8CrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo: ThemedNavigationLogoData;\n    data: HeaderData;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({data, logo, className}) => {\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}
+{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,4GAAyE;AACzE,iDAA6C;AAE7C,mDAAqC;AACrC,gDAA4D;AAC5D,0GAAuE;AACvE,uGAAoE;AAIpE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAQvB,MAAM,UAAU,GAAuC,CAAC,EAC3D,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,qBAAqB,GACxB,EAAE,EAAE;IACD,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,qBAAa,EAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,IAAA,wBAAgB,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,4CACI,uBAAC,2BAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,uBAAC,sBAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,uBAAC,0BAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,qBAAqB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AApDW,QAAA,UAAU,cAoDrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo: ThemedNavigationLogoData;\n    data: HeaderData;\n    mobilePortalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({\n    data,\n    logo,\n    className,\n    mobilePortalContainer,\n}) => {\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                                portalContainer={mobilePortalContainer}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}

package/build/cjs/navigation/models.d.ts

@@ -50,6 +50,7 @@ export interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {
     isOpened?: boolean;
     topItems?: NavigationItemModel[];
     bottomItems?: NavigationItemModel[];
+    portalContainer?: React.RefObject<HTMLElement>;
 }
 export interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {
     logo: ThemedNavigationLogoData;

package/build/cjs/navigation/models.js.map

@@ -1 +1 @@
-{"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":";;;AAeA,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n    ClassNameProps,\n    NavigationItemData,\n    NavigationItemModel,\n    NavigationLinkItem,\n    ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n    isSidebarOpened: boolean;\n    onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n    Left = 'left',\n    Right = 'right',\n    Top = 'top',\n    Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n    Desktop = 'desktop',\n    Mobile = 'mobile',\n    Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n    activeItemId?: string;\n    onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n    menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n    data: NavigationItemData;\n    onClick?: React.MouseEventHandler;\n    isActive?: boolean;\n    isTopLevel?: boolean;\n    hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n    data: NavigationItemModel;\n    column: ItemColumnName;\n    index: number;\n}\n\nexport interface NavigationListProps\n    extends Pick<NavigationListItemProps, 'column'>,\n        MenuLayoutProps,\n        ActiveItemProps,\n        ClassNameProps {\n    items: NavigationItemModel[];\n    itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n    extends Pick<NavigationListProps, 'items'>,\n        ActiveItemProps,\n        ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n    customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n    isOpened?: boolean;\n    topItems?: NavigationItemModel[];\n    bottomItems?: NavigationItemModel[];\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n    open: boolean;\n    items: NavigationLinkItem[];\n    onClose: () => void;\n    anchorRef: React.RefObject<Element>;\n}\n"]}
+{"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":";;;AAeA,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n    ClassNameProps,\n    NavigationItemData,\n    NavigationItemModel,\n    NavigationLinkItem,\n    ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n    isSidebarOpened: boolean;\n    onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n    Left = 'left',\n    Right = 'right',\n    Top = 'top',\n    Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n    Desktop = 'desktop',\n    Mobile = 'mobile',\n    Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n    activeItemId?: string;\n    onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n    menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n    data: NavigationItemData;\n    onClick?: React.MouseEventHandler;\n    isActive?: boolean;\n    isTopLevel?: boolean;\n    hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n    data: NavigationItemModel;\n    column: ItemColumnName;\n    index: number;\n}\n\nexport interface NavigationListProps\n    extends Pick<NavigationListItemProps, 'column'>,\n        MenuLayoutProps,\n        ActiveItemProps,\n        ClassNameProps {\n    items: NavigationItemModel[];\n    itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n    extends Pick<NavigationListProps, 'items'>,\n        ActiveItemProps,\n        ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n    customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n    isOpened?: boolean;\n    topItems?: NavigationItemModel[];\n    bottomItems?: NavigationItemModel[];\n    portalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n    open: boolean;\n    items: NavigationLinkItem[];\n    onClose: () => void;\n    anchorRef: React.RefObject<Element>;\n}\n"]}

package/build/esm/blocks/SliderNew/Slider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Swiper } from 'swiper/swiper-bundle.esm.js/react';
+import { Swiper } from 'swiper/swiper.esm.js/react';
 import { ClassNameProps, Refable, SliderProps as SliderParams } from "../../models/index.js";
 import './Slider.css';
 import 'swiper/swiper-bundle.css';

package/build/esm/blocks/SliderNew/Slider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import SwiperCore, { A11y, Autoplay, Pagination } from 'swiper/swiper-bundle.esm.js';
+import SwiperCore, { A11y, Autoplay, Pagination } from 'swiper/swiper.esm.js';
 import { Swiper, SwiperSlide } from 'swiper/swiper-react.esm.js';
 import Anchor from "../../components/Anchor/Anchor.js";
 import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";

package/build/esm/blocks/SliderNew/useSlider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Swiper } from 'swiper/swiper-bundle.esm.js';
+import type { Swiper } from 'swiper/swiper.esm.js';
 import { SlidesToShow } from "../../models/index.js";
 type UseSliderProps = React.PropsWithChildren<{
     autoplayMs?: number;

package/build/esm/blocks/SliderNew/useSliderPagination.d.ts

@@ -1,4 +1,4 @@
-import { Swiper as SwiperProps } from 'swiper/swiper-bundle.esm.js/swiper-react';
+import { Swiper as SwiperProps } from 'swiper/swiper.esm.js/swiper-react';
 export declare const useSliderPagination: (props: {
     enabled: boolean;
     isA11yControlHidden: boolean;

package/build/esm/blocks/SliderNew/utils.d.ts

@@ -1,4 +1,4 @@
-import type { SwiperOptions } from 'swiper/swiper-bundle.esm.js/types/swiper-options';
+import type { SwiperOptions } from 'swiper/swiper.esm.js/types/swiper-options';
 import { SlidesToShow } from "./models.js";
 export declare const DEFAULT_SLIDE_BREAKPOINTS: {
     lg: number;

package/build/esm/navigation/components/MobileNavigation/MobileNavigation.js

@@ -8,13 +8,13 @@ import { ItemColumnName, NavigationLayout } from "../../models.js";
 import { NavigationList } from "../NavigationList/NavigationList.js";
 import './MobileNavigation.css';
 const b = block('mobile-navigation');
-export const MobileNavigation = ({ isOpened, topItems, bottomItems, ...props }) => {
+export const MobileNavigation = ({ isOpened, topItems, bottomItems, portalContainer, ...props }) => {
     const [isMounted, setIsMounted] = React.useState(false);
     useMount(() => setIsMounted(true));
     if (!isMounted) {
         return null;
     }
-    return (_jsx(Portal, { children: _jsx(Foldable, { className: b(), isOpened: Boolean(isOpened), children: _jsxs("div", { className: b('wrapper'), children: [topItems && (_jsx(NavigationList, { className: b('rows'), items: topItems, column: ItemColumnName.Top, menuLayout: NavigationLayout.Mobile, ...props })), bottomItems && (_jsx(NavigationList, { className: b('rows'), items: bottomItems, column: ItemColumnName.Bottom, menuLayout: NavigationLayout.Mobile, ...props }))] }) }, topItems?.length) }));
+    return (_jsx(Portal, { container: portalContainer?.current ?? undefined, children: _jsx(Foldable, { className: b(), isOpened: Boolean(isOpened), children: _jsxs("div", { className: b('wrapper'), children: [topItems && (_jsx(NavigationList, { className: b('rows'), items: topItems, column: ItemColumnName.Top, menuLayout: NavigationLayout.Mobile, ...props })), bottomItems && (_jsx(NavigationList, { className: b('rows'), items: bottomItems, column: ItemColumnName.Bottom, menuLayout: NavigationLayout.Mobile, ...props }))] }) }, topItems?.length) }));
 };
 export default MobileNavigation;
 //# sourceMappingURL=MobileNavigation.js.map

package/build/esm/navigation/components/MobileNavigation/MobileNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,iDAA8C;AAC7D,OAAO,EAAC,QAAQ,EAAC,gCAAuB;AACxC,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,cAAc,EAAyB,gBAAgB,EAAC,wBAAqB;AACrF,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,MAAM,cACH,KAAC,QAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,KAAC,cAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,cAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,EACA,WAAW,IAAI,CACZ,KAAC,cAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,IACC,IApBK,QAAQ,EAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n    isOpened,\n    topItems,\n    bottomItems,\n    ...props\n}) => {\n    const [isMounted, setIsMounted] = React.useState(false);\n\n    useMount(() => setIsMounted(true));\n\n    if (!isMounted) {\n        return null;\n    }\n\n    return (\n        <Portal>\n            <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n                <div className={b('wrapper')}>\n                    {topItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={topItems}\n                            column={ItemColumnName.Top}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                    {bottomItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={bottomItems}\n                            column={ItemColumnName.Bottom}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                </div>\n            </Foldable>\n        </Portal>\n    );\n};\n\nexport default MobileNavigation;\n"]}
+{"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,iDAA8C;AAC7D,OAAO,EAAC,QAAQ,EAAC,gCAAuB;AACxC,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,cAAc,EAAyB,gBAAgB,EAAC,wBAAqB;AACrF,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,MAAM,IAAC,SAAS,EAAE,eAAe,EAAE,OAAO,IAAI,SAAS,YACpD,KAAC,QAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,KAAC,cAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,cAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,EACA,WAAW,IAAI,CACZ,KAAC,cAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,IACC,IApBK,QAAQ,EAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n    isOpened,\n    topItems,\n    bottomItems,\n    portalContainer,\n    ...props\n}) => {\n    const [isMounted, setIsMounted] = React.useState(false);\n\n    useMount(() => setIsMounted(true));\n\n    if (!isMounted) {\n        return null;\n    }\n\n    return (\n        <Portal container={portalContainer?.current ?? undefined}>\n            <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n                <div className={b('wrapper')}>\n                    {topItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={topItems}\n                            column={ItemColumnName.Top}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                    {bottomItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={bottomItems}\n                            column={ItemColumnName.Bottom}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                </div>\n            </Foldable>\n        </Portal>\n    );\n};\n\nexport default MobileNavigation;\n"]}

package/build/esm/navigation/components/Navigation/Navigation.d.ts

@@ -4,6 +4,7 @@ import './Navigation.css';
 export interface NavigationComponentProps extends ClassNameProps {
     logo: ThemedNavigationLogoData;
     data: HeaderData;
+    mobilePortalContainer?: React.RefObject<HTMLElement>;
 }
 export declare const Navigation: React.FC<NavigationComponentProps>;
 export default Navigation;

package/build/esm/navigation/components/Navigation/Navigation.js

@@ -8,13 +8,13 @@ import DesktopNavigation from "../DesktopNavigation/DesktopNavigation.js";
 import MobileNavigation from "../MobileNavigation/MobileNavigation.js";
 import './Navigation.css';
 const b = block('navigation');
-export const Navigation = ({ data, logo, className }) => {
+export const Navigation = ({ data, logo, className, mobilePortalContainer, }) => {
     const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
     const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
     const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);
     const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = useActiveNavItem(iconSize, leftItems, rightItems);
     const onSidebarOpenedChange = (isOpen) => setIsSidebarOpened(isOpen);
-    return (_jsx(Grid, { className: b({ 'with-border': showBorder }, className), children: _jsx(Row, { children: _jsx(Col, { children: _jsxs("nav", { children: [_jsx(DesktopNavigation, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), _jsx(OutsideClick, { onOutsideClick: () => onSidebarOpenedChange(false), children: _jsx(MobileNavigation, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange }) })] }) }) }) }));
+    return (_jsx(Grid, { className: b({ 'with-border': showBorder }, className), children: _jsx(Row, { children: _jsx(Col, { children: _jsxs("nav", { children: [_jsx(DesktopNavigation, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), _jsx(OutsideClick, { onOutsideClick: () => onSidebarOpenedChange(false), children: _jsx(MobileNavigation, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, portalContainer: mobilePortalContainer }) })] }) }) }) }));
 };
 export default Navigation;
 //# sourceMappingURL=Navigation.js.map

package/build/esm/navigation/components/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,YAAY,yDAAsD;AACzE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,+BAAsB;AAE7C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,6BAAoB;AAC5D,OAAO,iBAAiB,kDAA+C;AACvE,OAAO,gBAAgB,gDAA6C;AAEpE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAO9B,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,EAAE,EAAE;IACtF,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,KAAC,GAAG,cACA,KAAC,GAAG,cACA,0BACI,KAAC,iBAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,KAAC,YAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,KAAC,gBAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo: ThemedNavigationLogoData;\n    data: HeaderData;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({data, logo, className}) => {\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}
+{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,YAAY,yDAAsD;AACzE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,+BAAsB;AAE7C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,6BAAoB;AAC5D,OAAO,iBAAiB,kDAA+C;AACvE,OAAO,gBAAgB,gDAA6C;AAEpE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAQ9B,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,EAC3D,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,qBAAqB,GACxB,EAAE,EAAE;IACD,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,KAAC,GAAG,cACA,KAAC,GAAG,cACA,0BACI,KAAC,iBAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,KAAC,YAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,KAAC,gBAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,qBAAqB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo: ThemedNavigationLogoData;\n    data: HeaderData;\n    mobilePortalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({\n    data,\n    logo,\n    className,\n    mobilePortalContainer,\n}) => {\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                                portalContainer={mobilePortalContainer}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}

package/build/esm/navigation/models.d.ts

@@ -50,6 +50,7 @@ export interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {
     isOpened?: boolean;
     topItems?: NavigationItemModel[];
     bottomItems?: NavigationItemModel[];
+    portalContainer?: React.RefObject<HTMLElement>;
 }
 export interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {
     logo: ThemedNavigationLogoData;

package/build/esm/navigation/models.js.map

@@ -1 +1 @@
-{"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":"AAeA,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n    ClassNameProps,\n    NavigationItemData,\n    NavigationItemModel,\n    NavigationLinkItem,\n    ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n    isSidebarOpened: boolean;\n    onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n    Left = 'left',\n    Right = 'right',\n    Top = 'top',\n    Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n    Desktop = 'desktop',\n    Mobile = 'mobile',\n    Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n    activeItemId?: string;\n    onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n    menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n    data: NavigationItemData;\n    onClick?: React.MouseEventHandler;\n    isActive?: boolean;\n    isTopLevel?: boolean;\n    hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n    data: NavigationItemModel;\n    column: ItemColumnName;\n    index: number;\n}\n\nexport interface NavigationListProps\n    extends Pick<NavigationListItemProps, 'column'>,\n        MenuLayoutProps,\n        ActiveItemProps,\n        ClassNameProps {\n    items: NavigationItemModel[];\n    itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n    extends Pick<NavigationListProps, 'items'>,\n        ActiveItemProps,\n        ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n    customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n    isOpened?: boolean;\n    topItems?: NavigationItemModel[];\n    bottomItems?: NavigationItemModel[];\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n    open: boolean;\n    items: NavigationLinkItem[];\n    onClose: () => void;\n    anchorRef: React.RefObject<Element>;\n}\n"]}
+{"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":"AAeA,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n    ClassNameProps,\n    NavigationItemData,\n    NavigationItemModel,\n    NavigationLinkItem,\n    ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n    isSidebarOpened: boolean;\n    onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n    Left = 'left',\n    Right = 'right',\n    Top = 'top',\n    Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n    Desktop = 'desktop',\n    Mobile = 'mobile',\n    Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n    activeItemId?: string;\n    onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n    menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n    data: NavigationItemData;\n    onClick?: React.MouseEventHandler;\n    isActive?: boolean;\n    isTopLevel?: boolean;\n    hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n    data: NavigationItemModel;\n    column: ItemColumnName;\n    index: number;\n}\n\nexport interface NavigationListProps\n    extends Pick<NavigationListItemProps, 'column'>,\n        MenuLayoutProps,\n        ActiveItemProps,\n        ClassNameProps {\n    items: NavigationItemModel[];\n    itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n    extends Pick<NavigationListProps, 'items'>,\n        ActiveItemProps,\n        ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n    customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n    isOpened?: boolean;\n    topItems?: NavigationItemModel[];\n    bottomItems?: NavigationItemModel[];\n    portalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n    open: boolean;\n    items: NavigationLinkItem[];\n    onClose: () => void;\n    anchorRef: React.RefObject<Element>;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "6.2.0-beta.2",
+  "version": "6.2.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "type": "commonjs",

package/widget/index.js

@@ -1 +1 @@
-export default "(self.webpackChunk_gravity_ui_page_constructor=self.webpackChunk_gravity_ui_page_constructor||[]).push([[2390],{2390:function(_,t,e){_.exports=function(_){\"use strict\";function t(_){return _&&\"object\"==typeof _&&\"default\"in _?_:{default:_}}var e=t(_),s={name:\"zh-hk\",months:\"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月\".split(\"_\"),monthsShort:\"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月\".split(\"_\"),weekdays:\"星期日_星期一_星期二_星期三_星期四_星期五_星期六\".split(\"_\"),weekdaysShort:\"週日_週一_週二_週三_週四_週五_週六\".split(\"_\"),weekdaysMin:\"日_一_二_三_四_五_六\".split(\"_\"),ordinal:function(_,t){return\"W\"===t?_+\"週\":_+\"日\"},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"YYYY/MM/DD\",LL:\"YYYY年M月D日\",LLL:\"YYYY年M月D日 HH:mm\",LLLL:\"YYYY年M月D日dddd HH:mm\"},relativeTime:{future:\"%s內\",past:\"%s前\",s:\"幾秒\",m:\"一分鐘\",mm:\"%d 分鐘\",h:\"一小時\",hh:\"%d 小時\",d:\"一天\",dd:\"%d 天\",M:\"一個月\",MM:\"%d 個月\",y:\"一年\",yy:\"%d 年\"}};return e.default.locale(s,null,!0),s}(e(27484))}}]);";
+export default "(self.webpackChunk_gravity_ui_page_constructor=self.webpackChunk_gravity_ui_page_constructor||[]).push([[7553],{37553:function(t,_,h){t.exports=function(t){\"use strict\";function _(t){return t&&\"object\"==typeof t&&\"default\"in t?t:{default:t}}var h=_(t),n={name:\"vi\",weekdays:\"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy\".split(\"_\"),months:\"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12\".split(\"_\"),weekStart:1,weekdaysShort:\"CN_T2_T3_T4_T5_T6_T7\".split(\"_\"),monthsShort:\"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12\".split(\"_\"),weekdaysMin:\"CN_T2_T3_T4_T5_T6_T7\".split(\"_\"),ordinal:function(t){return t},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"DD/MM/YYYY\",LL:\"D MMMM [năm] YYYY\",LLL:\"D MMMM [năm] YYYY HH:mm\",LLLL:\"dddd, D MMMM [năm] YYYY HH:mm\",l:\"DD/M/YYYY\",ll:\"D MMM YYYY\",lll:\"D MMM YYYY HH:mm\",llll:\"ddd, D MMM YYYY HH:mm\"},relativeTime:{future:\"%s tới\",past:\"%s trước\",s:\"vài giây\",m:\"một phút\",mm:\"%d phút\",h:\"một giờ\",hh:\"%d giờ\",d:\"một ngày\",dd:\"%d ngày\",M:\"một tháng\",MM:\"%d tháng\",y:\"một năm\",yy:\"%d năm\"}};return h.default.locale(n,null,!0),n}(h(27484))}}]);";