@hh.ru/magritte-ui-nav-bar 1.3.5 → 1.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{NavBar-B-hISzmq.js → NavBar-D7kMx-Hi.js} +2 -2
- package/NavBar-D7kMx-Hi.js.map +1 -0
- package/index.css +106 -106
- package/index.js +1 -1
- package/index.mock.js.map +1 -1
- package/internal/KeyedSubscriptions.js.map +1 -1
- package/internal/MetricsProvider.js.map +1 -1
- package/internal/MorphStore.js.map +1 -1
- package/internal/PaneStore.js +1 -1
- package/internal/PaneStore.js.map +1 -1
- package/internal/useAnimationRanges.js.map +1 -1
- package/internal/useBindScrollToAnimationProgress.js.map +1 -1
- package/internal/useInert.js.map +1 -1
- package/internal/useNavBarMetrics.js.map +1 -1
- package/internal/useResetFocus.js.map +1 -1
- package/internal/useScrollAdapter.js.map +1 -1
- package/internal/useSnapScroll.js.map +1 -1
- package/internal/useSyncMotionValue.js.map +1 -1
- package/internal/utils.js.map +1 -1
- package/package.json +10 -10
- package/public/Actions.js +1 -1
- package/public/Actions.js.map +1 -1
- package/public/EnvironmentFingerprintNode.js.map +1 -1
- package/public/LayoutMorph.js +1 -1
- package/public/LayoutMorph.js.map +1 -1
- package/public/LayoutStage.js +1 -1
- package/public/LayoutStage.js.map +1 -1
- package/public/Morph.js +1 -1
- package/public/Morph.js.map +1 -1
- package/public/NavBar.js +1 -1
- package/public/Pane.js +1 -1
- package/public/Pane.js.map +1 -1
- package/public/Stage.js +1 -1
- package/public/Stage.js.map +1 -1
- package/public/TitleContainer.js +1 -1
- package/public/TitleContainer.js.map +1 -1
- package/NavBar-B-hISzmq.js.map +0 -1
|
@@ -15,7 +15,7 @@ import { useSnapScroll } from './internal/useSnapScroll.js';
|
|
|
15
15
|
import { useSyncMotionValue } from './internal/useSyncMotionValue.js';
|
|
16
16
|
import { useInitOnce, scheduleMicro, scheduleMacro, remap } from './internal/utils.js';
|
|
17
17
|
|
|
18
|
-
var styles = {"actions-container":"magritte-actions-container___CBgYW_1-3-
|
|
18
|
+
var styles = {"actions-container":"magritte-actions-container___CBgYW_1-3-7","actionsContainer":"magritte-actions-container___CBgYW_1-3-7","actions-no-children":"magritte-actions-no-children___rgJUl_1-3-7","actionsNoChildren":"magritte-actions-no-children___rgJUl_1-3-7","actions-left-slot":"magritte-actions-left-slot___DNOj0_1-3-7","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_1-3-7","actions-right-slot":"magritte-actions-right-slot___aodtj_1-3-7","actionsRightSlot":"magritte-actions-right-slot___aodtj_1-3-7","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_1-3-7","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_1-3-7","actions-start-stage":"magritte-actions-start-stage___MJ67a_1-3-7","actionsStartStage":"magritte-actions-start-stage___MJ67a_1-3-7","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_1-3-7","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_1-3-7","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_1-3-7","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_1-3-7","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_1-3-7","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_1-3-7","actions-end-stage":"magritte-actions-end-stage___qHtTV_1-3-7","actionsEndStage":"magritte-actions-end-stage___qHtTV_1-3-7","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_1-3-7","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_1-3-7","actions-only-stage":"magritte-actions-only-stage___cg10A_1-3-7","actionsOnlyStage":"magritte-actions-only-stage___cg10A_1-3-7","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-7","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-7","actions-center-slot":"magritte-actions-center-slot___hLAy6_1-3-7","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_1-3-7","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_1-3-7","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_1-3-7","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_1-3-7","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_1-3-7","title-main-part":"magritte-title-main-part___npoHN_1-3-7","titleMainPart":"magritte-title-main-part___npoHN_1-3-7","title-left-slot":"magritte-title-left-slot___HTE7h_1-3-7","titleLeftSlot":"magritte-title-left-slot___HTE7h_1-3-7","title-container":"magritte-title-container___y9AIx_1-3-7","titleContainer":"magritte-title-container___y9AIx_1-3-7","subtitle-container":"magritte-subtitle-container___nVUBu_1-3-7","subtitleContainer":"magritte-subtitle-container___nVUBu_1-3-7","centered":"magritte-centered___Y2mlP_1-3-7","title-morph-item":"magritte-title-morph-item___t7Wf3_1-3-7","titleMorphItem":"magritte-title-morph-item___t7Wf3_1-3-7","title":"magritte-title___ZbLgP_1-3-7","pane-content":"magritte-pane-content___UVmC6_1-3-7","paneContent":"magritte-pane-content___UVmC6_1-3-7","pane-background":"magritte-pane-background___PDZAX_1-3-7","paneBackground":"magritte-pane-background___PDZAX_1-3-7","morph-item":"magritte-morph-item___8kF46_1-3-7","morphItem":"magritte-morph-item___8kF46_1-3-7","morph-item-top":"magritte-morph-item-top___WPEkn_1-3-7","morphItemTop":"magritte-morph-item-top___WPEkn_1-3-7","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_1-3-7","morphItemBottom":"magritte-morph-item-bottom___zNbsF_1-3-7","morph-item-left":"magritte-morph-item-left___T6AMW_1-3-7","morphItemLeft":"magritte-morph-item-left___T6AMW_1-3-7","morph-item-right":"magritte-morph-item-right___EuT1E_1-3-7","morphItemRight":"magritte-morph-item-right___EuT1E_1-3-7","pane":"magritte-pane___f8eFC_1-3-7","start-state-container":"magritte-start-state-container___giBVb_1-3-7","startStateContainer":"magritte-start-state-container___giBVb_1-3-7","end-state-container":"magritte-end-state-container___uiW8Q_1-3-7","endStateContainer":"magritte-end-state-container___uiW8Q_1-3-7","content-container":"magritte-content-container___7s7vv_1-3-7","contentContainer":"magritte-content-container___7s7vv_1-3-7","next-pane":"magritte-next-pane___H2oxQ_1-3-7","nextPane":"magritte-next-pane___H2oxQ_1-3-7","nav-bar":"magritte-nav-bar___RRGe0_1-3-7","navBar":"magritte-nav-bar___RRGe0_1-3-7","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-7","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-7","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-7","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-7","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_1-3-7","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_1-3-7","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_1-3-7","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_1-3-7","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-7","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-7","nav-bar-stage":"magritte-nav-bar-stage___amDz7_1-3-7","navBarStage":"magritte-nav-bar-stage___amDz7_1-3-7","last-pane":"magritte-last-pane___Hf2No_1-3-7","lastPane":"magritte-last-pane___Hf2No_1-3-7","metrics-mode":"magritte-metrics-mode___h38aX_1-3-7","metricsMode":"magritte-metrics-mode___h38aX_1-3-7","layout-morph":"magritte-layout-morph___I3SPy_1-3-7","layoutMorph":"magritte-layout-morph___I3SPy_1-3-7","animation-stage-progress":"magritte-animation-stage-progress___5FthT_1-3-7","animationStageProgress":"magritte-animation-stage-progress___5FthT_1-3-7","layout-morph-start":"magritte-layout-morph-start___9-krP_1-3-7","layoutMorphStart":"magritte-layout-morph-start___9-krP_1-3-7","layout-morph-end":"magritte-layout-morph-end___LIg4d_1-3-7","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_1-3-7","divider-container":"magritte-divider-container___-NdWi_1-3-7","dividerContainer":"magritte-divider-container___-NdWi_1-3-7"};
|
|
19
19
|
|
|
20
20
|
const NavBarContext = createContext(null);
|
|
21
21
|
const useNavBarContext = () => useContext(NavBarContext);
|
|
@@ -113,4 +113,4 @@ const NavBar = ({ children, transparent = false, startTriggerPosition = 'start',
|
|
|
113
113
|
};
|
|
114
114
|
|
|
115
115
|
export { NavBar as N, styles as s, useNavBarContext as u };
|
|
116
|
-
//# sourceMappingURL=NavBar-
|
|
116
|
+
//# sourceMappingURL=NavBar-D7kMx-Hi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavBar-D7kMx-Hi.js","sources":["src/public/NavBar.tsx"],"sourcesContent":["import React, { createContext, type RefObject, useContext, useLayoutEffect, useRef, type FC } from 'react';\nimport classNames from 'classnames';\nimport { motion, type MotionStyle, MotionValue, frame } from 'motion/react';\n\nimport { Divider, type ShowDivider } from '@hh.ru/magritte-ui-divider';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { MetricsProvider } from '@hh.ru/magritte-ui-nav-bar/internal/MetricsProvider';\nimport { PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\nimport { useAnimationRanges } from '@hh.ru/magritte-ui-nav-bar/internal/useAnimationRanges';\nimport { useBindScrollToAnimationProgress } from '@hh.ru/magritte-ui-nav-bar/internal/useBindScrollToAnimationProgress';\nimport { useNavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';\nimport { useResetFocus } from '@hh.ru/magritte-ui-nav-bar/internal/useResetFocus';\nimport { useScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';\nimport { useSnapScroll } from '@hh.ru/magritte-ui-nav-bar/internal/useSnapScroll';\nimport { useSyncMotionValue } from '@hh.ru/magritte-ui-nav-bar/internal/useSyncMotionValue';\nimport { remap, scheduleMicro, scheduleMacro, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\nimport { type PaneElement, type InternalPaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';\n\nimport styles from './nav-bar.less';\n\ntype PaneStoreContextValue = ((store: PaneStore) => VoidFunction) | null;\nconst NavBarContext = createContext<PaneStoreContextValue>(null);\n\nexport const useNavBarContext = (): PaneStoreContextValue => useContext(NavBarContext);\n\nexport interface NavBarProps {\n /**\n * В качестве потомков могут передаваться только компоненты <Pane />\n */\n children: PaneElement | PaneElement[];\n /**\n * Управляет режимом прозрачности:\n * -- Прозрачность отключена (`false`)\n * -- Прозрачный всегда (`true`)\n * -- Прозрачный в начале анимации (`start`)\n * -- Прозрачный в конце анимации (`end`)\n */\n transparent?: 'start' | 'end' | boolean;\n /**\n * Управляет позицией триггера начала анимации\n */\n startTriggerPosition?: 'start' | 'full-area' | RefObject<HTMLElement | null>;\n /**\n * Управляет позицией триггера конца анимации. Если не передан вычисляется автоматически на основе изменения\n * высоты навбара в процессе анимации и позиции триггера начала анмиации. Если передано число, то интерпретируется\n * как отступ в пикселях от позиции триггера старта анимации.\n */\n endTriggerPosition?: RefObject<HTMLElement | null> | number;\n /**\n * Включает режим когда NavBar не занимает место в лейауте и контент располагается под ним.\n */\n overlay?: boolean;\n /**\n * Управляет режимом автодоскролла. По умолчанию включен.\n */\n snapScroll?: boolean;\n /**\n * Управляет режимом отображения дивайдера:\n * - `false` дивайдер отключен\n * - `always` дивайдер отображается постоянно\n * - `with-scroll` дивайдер отображается только когда контент подскроллен под NavBar\n */\n showDivider?: ShowDivider;\n /**\n * Принимает MotionValue значение которого будет обновляться синхронно с анимацией всего NavBar.\n * Прогресс анимации представляется в виде числа 0..1\n * Предназначен для синхронизации внешних анимаций с анимациями NavBar.\n */\n animationProgress?: MotionValue<number>;\n}\n\nexport const NavBar: FC<NavBarProps> = ({\n children,\n transparent = false,\n startTriggerPosition = 'start',\n endTriggerPosition,\n overlay = false,\n snapScroll: scrollSnapping = true,\n showDivider = false,\n animationProgress,\n}) => {\n const paneStoreRegistry = useInitOnce(() => new Set<PaneStore>());\n const prevFullHeight = useRef<null | number>(0);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const [scrollAdapter, scrollPosition] = useScrollAdapter(rootRef);\n const [getMetrics, invalidateMetrics] = useNavBarMetrics(paneStoreRegistry, rootRef, scrollAdapter);\n const [getAnimationRanges, invalidateAnimationRanges] = useAnimationRanges(paneStoreRegistry, getMetrics);\n const [bindScrollToAnimation, getClosestStops, totalAnimationProgress, dividerStyle] =\n useBindScrollToAnimationProgress(\n scrollPosition,\n getMetrics,\n getAnimationRanges,\n scrollAdapter,\n startTriggerPosition,\n endTriggerPosition\n );\n const snapScroll = useSnapScroll(\n scrollPosition,\n totalAnimationProgress,\n scrollAdapter,\n getClosestStops,\n scrollSnapping\n );\n\n // При получении размеров важно дождаться применения MotionValue к DOM, поэтому используем frame.render\n const bindScrollToAnimationScheduled = useInitOnce(() => scheduleMicro(() => frame.render(bindScrollToAnimation)));\n useResetFocus(rootRef, totalAnimationProgress);\n useSyncMotionValue(totalAnimationProgress, animationProgress);\n\n const dividerVisibility =\n // eslint-disable-next-line no-nested-ternary\n showDivider === 'with-scroll' ? dividerStyle.visibility : showDivider ? 'visible' : 'hidden';\n\n const registerPaneStore = useInitOnce(() => {\n const subscriptions: VoidFunction[] = [];\n\n const updateAnimationParams = () => {\n subscriptions.length = 0;\n invalidateMetrics();\n invalidateAnimationRanges();\n bindScrollToAnimationScheduled();\n const navBarMetrics = getMetrics();\n const fullPanesStartHeight = navBarMetrics.bottom - navBarMetrics.top;\n\n let scroll = scrollAdapter.getScrollTop();\n if (prevFullHeight.current !== null && scroll !== 0) {\n const heightDelta = fullPanesStartHeight - prevFullHeight.current;\n scroll += heightDelta;\n\n requestAnimationFrame(() => {\n scrollPosition.jump(scrollAdapter.getScrollTop() - 1);\n scrollPosition.jump(scrollAdapter.getScrollTop());\n });\n }\n\n const animationRanges = getAnimationRanges();\n [...paneStoreRegistry.values()].forEach((paneStore) => {\n const range = animationRanges.get(paneStore.get('id'));\n if (!range) {\n return;\n }\n const remapFn = remap(\n range[0] === 0 && range[1] === 0\n ? [0, 1]\n : [range[0] / navBarMetrics.animationHeight, range[1] / navBarMetrics.animationHeight],\n [0, 1]\n );\n const motionValue = paneStore.get('motionValue');\n motionValue.set(remapFn(totalAnimationProgress.get()));\n subscriptions.push(totalAnimationProgress.on('change', (value) => motionValue.set(remapFn(value))));\n });\n\n prevFullHeight.current = fullPanesStartHeight;\n };\n\n // основной триггер запуска updateAnimationParams это изменения размеров, обработка которых происходит\n // в очереди микрозадач, поэтому откладываем запуск функции до перехдоа к макрозадачам, чтобы сократить\n // количество вызовов при массовых изменениях\n const onChange = scheduleMacro(updateAnimationParams);\n\n return (paneStore: PaneStore) => {\n const unsubscribe = paneStore.onChange(\n ['startHeight', 'endHeight', 'top', 'foldable', 'animated'],\n onChange\n );\n paneStoreRegistry.add(paneStore);\n return () => {\n paneStoreRegistry.delete(paneStore);\n unsubscribe();\n };\n };\n });\n\n useLayoutEffect(() => {\n bindScrollToAnimation();\n snapScroll();\n if (!rootRef.current || (typeof startTriggerPosition === 'string' && !endTriggerPosition)) {\n return void 0;\n }\n return scrollAdapter.onResize(bindScrollToAnimationScheduled);\n }, [\n startTriggerPosition,\n endTriggerPosition,\n bindScrollToAnimation,\n bindScrollToAnimationScheduled,\n snapScroll,\n scrollAdapter,\n ]);\n\n // Вкладываем панели друг в друга через проп nextPane\n const items = React.Children.toArray(children) as PaneElement[];\n\n const nested = items.reduceRight<PaneElement | null>((acc, child) => {\n return React.cloneElement<InternalPaneProps>(child, {\n ...child.props,\n nextPane: acc,\n }) as PaneElement;\n }, null);\n\n return (\n <Layer layer=\"navigation-bar\">\n <MetricsProvider\n className={classNames(styles.navBar, {\n [styles.navbarTransparentStart]: transparent === 'start',\n [styles.navbarTransparentEnd]: transparent === 'end',\n [styles.navbarNotTransparent]: !transparent,\n [styles.navBarOverlay]: overlay,\n })}\n ref={rootRef}\n measureClassName={styles.metricsMode}\n >\n <div className={styles.navBarOverlayWrapper}>\n <div className={styles.navBarContentContainer}>\n <motion.div\n style={{ '--magritte-ui-navbar-animation-progress': totalAnimationProgress } as MotionStyle}\n className={styles.navBarPanesContainer}\n >\n <NavBarContext.Provider value={registerPaneStore}>{nested}</NavBarContext.Provider>\n </motion.div>\n <motion.div\n className={styles.dividerContainer}\n style={{ ...dividerStyle, visibility: dividerVisibility }}\n >\n <Divider />\n </motion.div>\n </div>\n </div>\n </MetricsProvider>\n </Layer>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
package/index.css
CHANGED
|
@@ -1,101 +1,101 @@
|
|
|
1
1
|
:root{
|
|
2
|
-
--magritte-color-background-body-v24-4-
|
|
2
|
+
--magritte-color-background-body-v24-4-1:#ffffff;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.magritte-night-theme{
|
|
6
|
-
--magritte-color-background-body-v24-4-
|
|
6
|
+
--magritte-color-background-body-v24-4-1:#000000;
|
|
7
7
|
}
|
|
8
|
-
.magritte-actions-container___CBgYW_1-3-
|
|
8
|
+
.magritte-actions-container___CBgYW_1-3-7{
|
|
9
9
|
display:flex;
|
|
10
10
|
flex-direction:row;
|
|
11
11
|
gap:12px;
|
|
12
12
|
min-height:40px;
|
|
13
13
|
}
|
|
14
|
-
.magritte-actions-no-children___rgJUl_1-3-
|
|
14
|
+
.magritte-actions-no-children___rgJUl_1-3-7{
|
|
15
15
|
justify-content:space-between;
|
|
16
16
|
}
|
|
17
|
-
.magritte-actions-left-slot___DNOj0_1-3-
|
|
18
|
-
.magritte-actions-right-slot___aodtj_1-3-
|
|
17
|
+
.magritte-actions-left-slot___DNOj0_1-3-7,
|
|
18
|
+
.magritte-actions-right-slot___aodtj_1-3-7{
|
|
19
19
|
display:grid;
|
|
20
20
|
flex:0 0 auto;
|
|
21
21
|
}
|
|
22
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
23
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
24
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
25
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
26
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
22
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:first-child,
|
|
23
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:first-child,
|
|
24
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:first-child,
|
|
25
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:first-child,
|
|
26
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:first-child{
|
|
27
27
|
margin-left:-8px;
|
|
28
28
|
}
|
|
29
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
30
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
31
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
32
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
33
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
29
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:last-child,
|
|
30
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:last-child,
|
|
31
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:last-child,
|
|
32
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:last-child,
|
|
33
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > .magritte-actions-icon-morph___-nNgW_1-3-7:last-child{
|
|
34
34
|
margin-right:-8px;
|
|
35
35
|
}
|
|
36
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
37
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
38
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
39
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
40
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
41
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
42
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
43
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
44
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
45
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
36
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :last-child,
|
|
37
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :last-child,
|
|
38
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :last-child,
|
|
39
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :last-child,
|
|
40
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :last-child,
|
|
41
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7),
|
|
42
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7),
|
|
43
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7),
|
|
44
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7),
|
|
45
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7){
|
|
46
46
|
--magritte-ui-icon-margin-right-override:-8px;
|
|
47
47
|
}
|
|
48
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
49
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
50
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
51
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
52
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
53
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
54
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
55
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
56
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
57
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
48
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :first-child,
|
|
49
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :first-child,
|
|
50
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :first-child,
|
|
51
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :first-child,
|
|
52
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :first-child,
|
|
53
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7),
|
|
54
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7),
|
|
55
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-start-stage___MJ67a_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7),
|
|
56
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-end-stage___qHtTV_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7),
|
|
57
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-7){
|
|
58
58
|
--magritte-ui-icon-margin-left-override:-8px;
|
|
59
59
|
}
|
|
60
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
61
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
60
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :first-child,
|
|
61
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :first-child{
|
|
62
62
|
--magritte-ui-icon-margin-left-override:calc(-8px * var(--magritte-ui-navbar-animation-progress));
|
|
63
63
|
}
|
|
64
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
65
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
64
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :last-child,
|
|
65
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :last-child{
|
|
66
66
|
--magritte-ui-icon-margin-right-override:calc(-8px * var(--magritte-ui-navbar-animation-progress));
|
|
67
67
|
}
|
|
68
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
69
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
68
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :first-child,
|
|
69
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :first-child{
|
|
70
70
|
--magritte-ui-icon-margin-left-override:calc(-8px * (1 - var(--magritte-ui-navbar-animation-progress)));
|
|
71
71
|
}
|
|
72
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
73
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
72
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-right-slot___aodtj_1-3-7 .magritte-actions-side-slot-content___TlHrX_1-3-7 > :last-child,
|
|
73
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-actions-only-stage___cg10A_1-3-7 .magritte-actions-left-slot___DNOj0_1-3-7 .magritte-actions-side-slot-content-clone___jDxVm_1-3-7 > :last-child{
|
|
74
74
|
--magritte-ui-icon-margin-right-override:calc(-8px * (1 - var(--magritte-ui-navbar-animation-progress)));
|
|
75
75
|
}
|
|
76
|
-
.magritte-actions-center-slot___hLAy6_1-3-
|
|
76
|
+
.magritte-actions-center-slot___hLAy6_1-3-7{
|
|
77
77
|
display:flex;
|
|
78
78
|
flex:1 1 auto;
|
|
79
79
|
min-width:0;
|
|
80
80
|
}
|
|
81
|
-
.magritte-actions-center-slot___hLAy6_1-3-
|
|
81
|
+
.magritte-actions-center-slot___hLAy6_1-3-7.magritte-actions-center-slot-centered___merXQ_1-3-7{
|
|
82
82
|
justify-content:center;
|
|
83
83
|
}
|
|
84
|
-
.magritte-actions-side-slot-content___TlHrX_1-3-
|
|
85
|
-
.magritte-actions-side-slot-content-clone___jDxVm_1-3-
|
|
84
|
+
.magritte-actions-side-slot-content___TlHrX_1-3-7,
|
|
85
|
+
.magritte-actions-side-slot-content-clone___jDxVm_1-3-7{
|
|
86
86
|
grid-area:1 / 1;
|
|
87
87
|
display:flex;
|
|
88
88
|
align-items:center;
|
|
89
89
|
gap:4px;
|
|
90
90
|
}
|
|
91
|
-
.magritte-actions-side-slot-content-clone___jDxVm_1-3-
|
|
91
|
+
.magritte-actions-side-slot-content-clone___jDxVm_1-3-7{
|
|
92
92
|
visibility:hidden;
|
|
93
93
|
z-index:0;
|
|
94
94
|
pointer-events:none;
|
|
95
95
|
user-select:none;
|
|
96
96
|
contain:style layout;
|
|
97
97
|
}
|
|
98
|
-
.magritte-title-container-wrapper___DQUcj_1-3-
|
|
98
|
+
.magritte-title-container-wrapper___DQUcj_1-3-7{
|
|
99
99
|
display:flex;
|
|
100
100
|
flex-direction:row;
|
|
101
101
|
align-items:center;
|
|
@@ -103,89 +103,89 @@
|
|
|
103
103
|
min-width:0;
|
|
104
104
|
gap:12px;
|
|
105
105
|
}
|
|
106
|
-
.magritte-title-main-part___npoHN_1-3-
|
|
106
|
+
.magritte-title-main-part___npoHN_1-3-7{
|
|
107
107
|
display:flex;
|
|
108
108
|
flex-direction:column;
|
|
109
109
|
flex:0 1 auto;
|
|
110
110
|
min-width:0;
|
|
111
111
|
}
|
|
112
|
-
.magritte-title-left-slot___HTE7h_1-3-
|
|
112
|
+
.magritte-title-left-slot___HTE7h_1-3-7{
|
|
113
113
|
display:flex;
|
|
114
114
|
align-items:center;
|
|
115
115
|
flex:0 0 auto;
|
|
116
116
|
}
|
|
117
|
-
.magritte-title-container___y9AIx_1-3-
|
|
117
|
+
.magritte-title-container___y9AIx_1-3-7{
|
|
118
118
|
display:flex;
|
|
119
119
|
flex-direction:row;
|
|
120
120
|
align-items:center;
|
|
121
121
|
gap:5px;
|
|
122
122
|
}
|
|
123
|
-
.magritte-subtitle-container___nVUBu_1-3-
|
|
123
|
+
.magritte-subtitle-container___nVUBu_1-3-7{
|
|
124
124
|
display:flex;
|
|
125
125
|
}
|
|
126
|
-
.magritte-centered___Y2mlP_1-3-
|
|
127
|
-
.magritte-centered___Y2mlP_1-3-
|
|
126
|
+
.magritte-centered___Y2mlP_1-3-7 .magritte-subtitle-container___nVUBu_1-3-7,
|
|
127
|
+
.magritte-centered___Y2mlP_1-3-7 .magritte-title-container___y9AIx_1-3-7{
|
|
128
128
|
justify-content:center;
|
|
129
129
|
}
|
|
130
|
-
.magritte-title-morph-item___t7Wf3_1-3-
|
|
130
|
+
.magritte-title-morph-item___t7Wf3_1-3-7{
|
|
131
131
|
display:flex;
|
|
132
132
|
min-width:0;
|
|
133
133
|
}
|
|
134
|
-
.magritte-title___ZbLgP_1-3-
|
|
134
|
+
.magritte-title___ZbLgP_1-3-7{
|
|
135
135
|
display:flex;
|
|
136
136
|
flex:0 1 auto;
|
|
137
137
|
min-width:0;
|
|
138
138
|
}
|
|
139
|
-
.magritte-pane-content___UVmC6_1-3-
|
|
139
|
+
.magritte-pane-content___UVmC6_1-3-7{
|
|
140
140
|
position:relative;
|
|
141
141
|
pointer-events:none;
|
|
142
142
|
z-index:2;
|
|
143
143
|
}
|
|
144
|
-
.magritte-pane-background___PDZAX_1-3-
|
|
144
|
+
.magritte-pane-background___PDZAX_1-3-7{
|
|
145
145
|
position:absolute;
|
|
146
|
-
background-color:var(--magritte-ui-nav-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-4-
|
|
146
|
+
background-color:var(--magritte-ui-nav-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-4-1)));
|
|
147
147
|
opacity:0;
|
|
148
148
|
inset:0;
|
|
149
149
|
z-index:-1;
|
|
150
150
|
transform-origin:0 0;
|
|
151
151
|
}
|
|
152
|
-
.magritte-navbar-transparent-start___wysv0_1-3-
|
|
152
|
+
.magritte-navbar-transparent-start___wysv0_1-3-7 .magritte-pane-background___PDZAX_1-3-7{
|
|
153
153
|
opacity:calc(var(--magritte-ui-navbar-animation-progress) * 0.95);
|
|
154
154
|
}
|
|
155
|
-
.magritte-navbar-transparent-end___6KqLR_1-3-
|
|
155
|
+
.magritte-navbar-transparent-end___6KqLR_1-3-7 .magritte-pane-background___PDZAX_1-3-7{
|
|
156
156
|
opacity:calc((1 - var(--magritte-ui-navbar-animation-progress)) * 0.95);
|
|
157
157
|
}
|
|
158
|
-
.magritte-navbar-not-transparent___5KZNp_1-3-
|
|
158
|
+
.magritte-navbar-not-transparent___5KZNp_1-3-7 .magritte-pane-background___PDZAX_1-3-7{
|
|
159
159
|
opacity:0.95;
|
|
160
160
|
}
|
|
161
|
-
.magritte-morph-item___8kF46_1-3-
|
|
161
|
+
.magritte-morph-item___8kF46_1-3-7{
|
|
162
162
|
line-height:0;
|
|
163
163
|
transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
|
|
164
164
|
}
|
|
165
|
-
.magritte-morph-item-top___WPEkn_1-3-
|
|
165
|
+
.magritte-morph-item-top___WPEkn_1-3-7{
|
|
166
166
|
--magritte-ui-morph-item-transform-origin-y:top;
|
|
167
167
|
}
|
|
168
|
-
.magritte-morph-item-bottom___zNbsF_1-3-
|
|
168
|
+
.magritte-morph-item-bottom___zNbsF_1-3-7{
|
|
169
169
|
--magritte-ui-morph-item-transform-origin-y:bottom;
|
|
170
170
|
}
|
|
171
|
-
.magritte-morph-item-left___T6AMW_1-3-
|
|
171
|
+
.magritte-morph-item-left___T6AMW_1-3-7{
|
|
172
172
|
--magritte-ui-morph-item-transform-origin-x:left;
|
|
173
173
|
}
|
|
174
|
-
.magritte-morph-item-right___EuT1E_1-3-
|
|
174
|
+
.magritte-morph-item-right___EuT1E_1-3-7{
|
|
175
175
|
--magritte-ui-morph-item-transform-origin-x:right;
|
|
176
176
|
}
|
|
177
|
-
.magritte-pane___f8eFC_1-3-
|
|
177
|
+
.magritte-pane___f8eFC_1-3-7{
|
|
178
178
|
position:relative;
|
|
179
179
|
overflow:hidden;
|
|
180
180
|
pointer-events:none;
|
|
181
181
|
}
|
|
182
|
-
.magritte-start-state-container___giBVb_1-3-
|
|
182
|
+
.magritte-start-state-container___giBVb_1-3-7{
|
|
183
183
|
position:relative;
|
|
184
184
|
z-index:1;
|
|
185
185
|
box-sizing:border-box;
|
|
186
186
|
pointer-events:auto;
|
|
187
187
|
}
|
|
188
|
-
.magritte-end-state-container___uiW8Q_1-3-
|
|
188
|
+
.magritte-end-state-container___uiW8Q_1-3-7{
|
|
189
189
|
position:absolute;
|
|
190
190
|
z-index:0;
|
|
191
191
|
top:0;
|
|
@@ -194,66 +194,66 @@
|
|
|
194
194
|
pointer-events:none;
|
|
195
195
|
opacity:0;
|
|
196
196
|
}
|
|
197
|
-
.magritte-content-container___7s7vv_1-3-
|
|
197
|
+
.magritte-content-container___7s7vv_1-3-7{
|
|
198
198
|
box-sizing:border-box;
|
|
199
199
|
}
|
|
200
|
-
.magritte-next-pane___H2oxQ_1-3-
|
|
200
|
+
.magritte-next-pane___H2oxQ_1-3-7{
|
|
201
201
|
position:relative;
|
|
202
202
|
}
|
|
203
|
-
.magritte-nav-bar___RRGe0_1-3-
|
|
203
|
+
.magritte-nav-bar___RRGe0_1-3-7{
|
|
204
204
|
top:0;
|
|
205
205
|
position:sticky;
|
|
206
206
|
pointer-events:none;
|
|
207
207
|
overflow-anchor:none;
|
|
208
208
|
z-index:10;
|
|
209
209
|
}
|
|
210
|
-
.magritte-nav-bar-overlay___Mq5ZD_1-3-
|
|
210
|
+
.magritte-nav-bar-overlay___Mq5ZD_1-3-7 .magritte-nav-bar-overlay-wrapper___y1VpY_1-3-7{
|
|
211
211
|
position:absolute;
|
|
212
212
|
inset:0;
|
|
213
213
|
}
|
|
214
|
-
.magritte-nav-bar-content-container___H-WMO_1-3-
|
|
214
|
+
.magritte-nav-bar-content-container___H-WMO_1-3-7{
|
|
215
215
|
display:grid;
|
|
216
216
|
position:relative;
|
|
217
217
|
}
|
|
218
|
-
.magritte-nav-bar-panes-container___5ZDLa_1-3-
|
|
218
|
+
.magritte-nav-bar-panes-container___5ZDLa_1-3-7{
|
|
219
219
|
position:relative;
|
|
220
220
|
z-index:1;
|
|
221
221
|
grid-area:1 / 1;
|
|
222
222
|
min-width:0;
|
|
223
223
|
}
|
|
224
|
-
.magritte-nav-bar-progressive-blur___qyeUV_1-3-
|
|
224
|
+
.magritte-nav-bar-progressive-blur___qyeUV_1-3-7{
|
|
225
225
|
position:relative;
|
|
226
226
|
z-index:0;
|
|
227
227
|
transform-origin:0 0;
|
|
228
228
|
grid-area:1 / 1;
|
|
229
229
|
min-width:0;
|
|
230
230
|
}
|
|
231
|
-
.magritte-nav-bar-content-container___H-WMO_1-3-
|
|
232
|
-
.magritte-nav-bar-content-container___H-WMO_1-3-
|
|
233
|
-
.magritte-nav-bar-content-container___H-WMO_1-3-
|
|
231
|
+
.magritte-nav-bar-content-container___H-WMO_1-3-7 .magritte-nav-bar-stage___amDz7_1-3-7,
|
|
232
|
+
.magritte-nav-bar-content-container___H-WMO_1-3-7 .nav-bar-layout-animation-stage-start,
|
|
233
|
+
.magritte-nav-bar-content-container___H-WMO_1-3-7 .nav-bar-layout-animation-stage-end{
|
|
234
234
|
padding-top:calc(8px + var(--magritte-ui-nav-bar-padding-top-override, 0px));
|
|
235
235
|
}
|
|
236
|
-
.magritte-nav-bar-content-container___H-WMO_1-3-
|
|
237
|
-
.magritte-nav-bar-content-container___H-WMO_1-3-
|
|
238
|
-
.magritte-nav-bar-content-container___H-WMO_1-3-
|
|
236
|
+
.magritte-nav-bar-content-container___H-WMO_1-3-7 .magritte-next-pane___H2oxQ_1-3-7 .magritte-nav-bar-stage___amDz7_1-3-7,
|
|
237
|
+
.magritte-nav-bar-content-container___H-WMO_1-3-7 .magritte-next-pane___H2oxQ_1-3-7 .nav-bar-layout-animation-stage-start,
|
|
238
|
+
.magritte-nav-bar-content-container___H-WMO_1-3-7 .magritte-next-pane___H2oxQ_1-3-7 .nav-bar-layout-animation-stage-end{
|
|
239
239
|
padding-top:8px;
|
|
240
240
|
}
|
|
241
|
-
.magritte-last-pane___Hf2No_1-3-
|
|
242
|
-
.magritte-last-pane___Hf2No_1-3-
|
|
243
|
-
.magritte-last-pane___Hf2No_1-3-
|
|
241
|
+
.magritte-last-pane___Hf2No_1-3-7 .magritte-nav-bar-stage___amDz7_1-3-7,
|
|
242
|
+
.magritte-last-pane___Hf2No_1-3-7 .nav-bar-layout-animation-stage-start,
|
|
243
|
+
.magritte-last-pane___Hf2No_1-3-7 .nav-bar-layout-animation-stage-end{
|
|
244
244
|
padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 8px);
|
|
245
245
|
}
|
|
246
|
-
.magritte-next-pane___H2oxQ_1-3-
|
|
247
|
-
.magritte-next-pane___H2oxQ_1-3-
|
|
248
|
-
.magritte-next-pane___H2oxQ_1-3-
|
|
246
|
+
.magritte-next-pane___H2oxQ_1-3-7 .magritte-last-pane___Hf2No_1-3-7 .magritte-nav-bar-stage___amDz7_1-3-7,
|
|
247
|
+
.magritte-next-pane___H2oxQ_1-3-7 .magritte-last-pane___Hf2No_1-3-7 .nav-bar-layout-animation-stage-start,
|
|
248
|
+
.magritte-next-pane___H2oxQ_1-3-7 .magritte-last-pane___Hf2No_1-3-7 .nav-bar-layout-animation-stage-end{
|
|
249
249
|
padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 16px);
|
|
250
250
|
}
|
|
251
|
-
.magritte-nav-bar-stage___amDz7_1-3-
|
|
251
|
+
.magritte-nav-bar-stage___amDz7_1-3-7{
|
|
252
252
|
padding:8px var(--magritte-ui-nav-bar-stage-horizontal-padding-override, 16px);
|
|
253
253
|
}
|
|
254
|
-
.magritte-metrics-mode___h38aX_1-3-
|
|
255
|
-
.magritte-metrics-mode___h38aX_1-3-
|
|
256
|
-
.magritte-metrics-mode___h38aX_1-3-
|
|
254
|
+
.magritte-metrics-mode___h38aX_1-3-7 .magritte-morph-item___8kF46_1-3-7,
|
|
255
|
+
.magritte-metrics-mode___h38aX_1-3-7 .magritte-pane___f8eFC_1-3-7,
|
|
256
|
+
.magritte-metrics-mode___h38aX_1-3-7 .magritte-next-pane___H2oxQ_1-3-7{
|
|
257
257
|
transform:none !important;
|
|
258
258
|
}
|
|
259
259
|
.nav-bar-layout-animation-stage-end,
|
|
@@ -264,41 +264,41 @@
|
|
|
264
264
|
height:auto !important;
|
|
265
265
|
transform:none !important;
|
|
266
266
|
}
|
|
267
|
-
.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-
|
|
268
|
-
.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-
|
|
267
|
+
.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-7,
|
|
268
|
+
.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-7{
|
|
269
269
|
position:static !important;
|
|
270
270
|
width:auto !important;
|
|
271
271
|
height:auto !important;
|
|
272
272
|
transform:none !important;
|
|
273
273
|
}
|
|
274
|
-
.magritte-layout-morph___I3SPy_1-3-
|
|
274
|
+
.magritte-layout-morph___I3SPy_1-3-7{
|
|
275
275
|
display:block;
|
|
276
276
|
position:absolute;
|
|
277
277
|
transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
|
|
278
278
|
z-index:3;
|
|
279
279
|
}
|
|
280
|
-
.magritte-animation-stage-progress___5FthT_1-3-
|
|
280
|
+
.magritte-animation-stage-progress___5FthT_1-3-7 .magritte-layout-morph___I3SPy_1-3-7 > *{
|
|
281
281
|
margin:0 !important;
|
|
282
282
|
}
|
|
283
|
-
.magritte-layout-morph-start___9-krP_1-3-
|
|
283
|
+
.magritte-layout-morph-start___9-krP_1-3-7{
|
|
284
284
|
z-index:2;
|
|
285
285
|
}
|
|
286
|
-
.magritte-layout-morph-end___LIg4d_1-3-
|
|
286
|
+
.magritte-layout-morph-end___LIg4d_1-3-7{
|
|
287
287
|
z-index:1;
|
|
288
288
|
}
|
|
289
|
-
.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-
|
|
289
|
+
.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-7{
|
|
290
290
|
display:contents;
|
|
291
291
|
}
|
|
292
|
-
.nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-3-
|
|
292
|
+
.nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-3-7{
|
|
293
293
|
display:none;
|
|
294
294
|
}
|
|
295
|
-
.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-
|
|
295
|
+
.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-7{
|
|
296
296
|
display:contents;
|
|
297
297
|
}
|
|
298
|
-
.nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-3-
|
|
298
|
+
.nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-3-7{
|
|
299
299
|
display:none;
|
|
300
300
|
}
|
|
301
|
-
.magritte-divider-container___-NdWi_1-3-
|
|
301
|
+
.magritte-divider-container___-NdWi_1-3-7{
|
|
302
302
|
position:absolute;
|
|
303
303
|
width:100%;
|
|
304
304
|
bottom:0;
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
export { Actions } from './public/Actions.js';
|
|
3
|
-
export { N as NavBar } from './NavBar-
|
|
3
|
+
export { N as NavBar } from './NavBar-D7kMx-Hi.js';
|
|
4
4
|
export { ExternalPane as Pane } from './public/Pane.js';
|
|
5
5
|
export { ExternalStage as Stage } from './public/Stage.js';
|
|
6
6
|
export { Morph } from './public/Morph.js';
|
package/index.mock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mock.js","sources":["
|
|
1
|
+
{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';\nexport { type NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';\nexport { type ExternalPaneProps as PaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';\nexport { type MorphProps } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nexport { type TitleContainerProps } from '@hh.ru/magritte-ui-nav-bar/public/TitleContainer';\nexport { type LayoutMorphProps } from '@hh.ru/magritte-ui-nav-bar/public/LayoutMorph';\nexport { type EnvironmentFingerprintNodeProps } from '@hh.ru/magritte-ui-nav-bar/public/EnvironmentFingerprintNode';\n\nexport const NavBar: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('NavBar', undefined, {\n withChildren: true,\n});\n\nexport const Actions = mockComponent('Action', undefined, { withChildren: true });\nexport const TitleContainer = mockComponent('TitleContainer', undefined, { withChildren: true });\nexport const Pane = mockComponent('Pane', undefined, { withChildren: true });\nexport const Morph = mockComponent('Morph', undefined, { withChildren: true });\nexport const Stage = mockComponent('Stage', undefined, { withChildren: true });\nexport const LayoutMorph = mockComponent('LayoutMorph', undefined, { withChildren: true });\nexport const LayoutStage = mockComponent('LayoutStage', undefined, { withChildren: true });\nexport const EnvironmentFingerprintNode: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'EnvironmentFingerprintNode',\n undefined,\n { withChildren: true }\n);\n"],"names":[],"mappings":";;MAYa,MAAM,GAAuD,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE;AACzG,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;AAEU,MAAA,OAAO,GAAG,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AACrE,MAAA,cAAc,GAAG,aAAa,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AACpF,MAAA,IAAI,GAAG,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAChE,MAAA,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAClE,MAAA,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAClE,MAAA,WAAW,GAAG,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAC9E,MAAA,WAAW,GAAG,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAC9E,MAAA,0BAA0B,GAAuD,aAAa,CACvG,4BAA4B,EAC5B,SAAS,EACT,EAAE,YAAY,EAAE,IAAI,EAAE;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyedSubscriptions.js","sources":["
|
|
1
|
+
{"version":3,"file":"KeyedSubscriptions.js","sources":["src/internal/KeyedSubscriptions.ts"],"sourcesContent":["import { scheduleMicro } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\n\n/**\n * Класс для управления подписками на изменения по ключам с батч-нотификацией.\n *\n * Основные возможности:\n * - Подписка на изменение конкретного ключа (`onChange`).\n * - Подписка на уничтожение (`onDestroy`).\n * - Пометка ключей как изменённых (`markChanged`) и отложенная рассылка уведомлений (`notify`).\n * - Батчинг уведомлений: если в течение одного тика изменилось несколько ключей,\n * подписчики будут вызваны один раз в ближайшей микрозадаче {@link scheduleMicro}.\n * - Дедупликация: один и тот же коллбек, подписанный на несколько ключей, вызывается ровно один раз.\n *\n * Механизм планирования (по умолчанию через микрозадачу) можно переопределить,\n * передав собственную функцию `scheduleFn` в конструктор (например, для тестов).\n *\n * @typeParam K Тип ключей (например, keyof SomeData).\n */\nexport class KeyedSubscriptions<K extends PropertyKey> {\n private changeListeners = new Map<K | '*', Set<VoidFunction>>();\n private pendingKeys = new Set<K>();\n private readonly runScheduled: VoidFunction;\n\n constructor() {\n const cbSet = new Set<VoidFunction>();\n this.runScheduled = scheduleMicro(() => {\n // Собираем все коллбеки по ключам, которые были помечены как изменённые\n this.pendingKeys.forEach((key) => {\n this.changeListeners.get(key)?.forEach((cb) => cbSet.add(cb));\n });\n this.changeListeners.get('*')?.forEach((cb) => cbSet.add(cb));\n this.pendingKeys.clear();\n\n // Вызываем каждый коллбек ровно один раз, даже если он подписан на несколько ключей из набора изменившихся\n for (const cb of cbSet) {\n cb();\n }\n cbSet.clear();\n });\n }\n\n /**\n * Подписаться на изменения указанного ключа.\n *\n * @param key Ключ, изменения которого отслеживаем.\n * @param cb Коллбек, вызываемый при изменении этого ключа.\n * @returns Функция для отписки.\n */\n onChange(key: K | K[] | '*', cb: VoidFunction): VoidFunction {\n if (Array.isArray(key)) {\n const subscriptions = key.map((key) => this.onChange(key, cb));\n return () => subscriptions.forEach((sub) => sub());\n }\n if (!this.changeListeners.has(key)) {\n this.changeListeners.set(key, new Set());\n }\n this.changeListeners.get(key)?.add(cb);\n return () => this.changeListeners.get(key)?.delete(cb);\n }\n\n /**\n * Пометить ключ как изменённый.\n * Уведомления будут отправлены при ближайшем вызове `notify()`.\n */\n protected markChanged(key: K): void {\n this.pendingKeys.add(key);\n }\n\n /**\n * Запланировать рассылку уведомлений.\n * Уведомления будут выполнены не более одного раза за цикл планировщика\n * (по умолчанию - за один тик).\n */\n protected notify(): void {\n if (this.pendingKeys.size > 0) {\n this.runScheduled();\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;AAeG;MACU,kBAAkB,CAAA;AACnB,IAAA,eAAe,GAAG,IAAI,GAAG,EAA8B,CAAC;AACxD,IAAA,WAAW,GAAG,IAAI,GAAG,EAAK,CAAC;AAClB,IAAA,YAAY,CAAe;AAE5C,IAAA,WAAA,GAAA;AACI,QAAA,MAAM,KAAK,GAAG,IAAI,GAAG,EAAgB,CAAC;AACtC,QAAA,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,MAAK;;YAEnC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;gBAC7B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAClE,aAAC,CAAC,CAAC;YACH,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9D,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;;AAGzB,YAAA,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE;AACpB,gBAAA,EAAE,EAAE,CAAC;aACR;YACD,KAAK,CAAC,KAAK,EAAE,CAAC;AAClB,SAAC,CAAC,CAAC;KACN;AAED;;;;;;AAMG;IACH,QAAQ,CAAC,GAAkB,EAAE,EAAgB,EAAA;AACzC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACpB,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AAC/D,YAAA,OAAO,MAAM,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC;SACtD;QACD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAChC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;SAC5C;AACD,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;AACvC,QAAA,OAAO,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;KAC1D;AAED;;;AAGG;AACO,IAAA,WAAW,CAAC,GAAM,EAAA;AACxB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KAC7B;AAED;;;;AAIG;IACO,MAAM,GAAA;QACZ,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;SACvB;KACJ;AACJ;;;;"}
|