@hh.ru/magritte-ui-nav-bar 1.3.24 → 1.3.25

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/index.css CHANGED
@@ -5,97 +5,86 @@
5
5
  .magritte-night-theme{
6
6
  --magritte-color-background-body-v24-7-0:#000000;
7
7
  }
8
- .magritte-actions-container___CBgYW_1-3-24{
8
+ .magritte-actions-container___CBgYW_1-3-25{
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-24{
14
+ .magritte-actions-no-children___rgJUl_1-3-25{
15
15
  justify-content:space-between;
16
16
  }
17
- .magritte-actions-left-slot___DNOj0_1-3-24,
18
- .magritte-actions-right-slot___aodtj_1-3-24{
17
+ .magritte-actions-left-slot___DNOj0_1-3-25,
18
+ .magritte-actions-right-slot___aodtj_1-3-25{
19
19
  display:grid;
20
20
  flex:0 0 auto;
21
- }
22
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:first-child,
23
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:first-child,
24
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:first-child,
25
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:first-child,
26
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:first-child{
27
- margin-left:-8px;
28
- }
29
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:last-child,
30
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:last-child,
31
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:last-child,
32
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:last-child,
33
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > .magritte-actions-icon-morph___-nNgW_1-3-24:last-child{
34
- margin-right:-8px;
35
- }
36
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :last-child,
37
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :last-child,
38
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :last-child,
39
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :last-child,
40
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :last-child,
41
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24),
42
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24),
43
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24),
44
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24),
45
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24){
46
- --magritte-ui-icon-margin-right-override:-8px;
47
- }
48
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :first-child,
49
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :first-child,
50
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :first-child,
51
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :first-child,
52
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :first-child,
53
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24),
54
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24),
55
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-start-stage___MJ67a_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24),
56
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-end-stage___qHtTV_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24),
57
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-3-24){
58
- --magritte-ui-icon-margin-left-override:-8px;
59
- }
60
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :first-child,
61
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :first-child{
62
- --magritte-ui-icon-margin-left-override:calc(-8px * var(--magritte-ui-navbar-animation-progress));
63
- }
64
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :last-child,
65
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :last-child{
66
- --magritte-ui-icon-margin-right-override:calc(-8px * var(--magritte-ui-navbar-animation-progress));
67
- }
68
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :first-child,
69
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :first-child{
70
- --magritte-ui-icon-margin-left-override:calc(-8px * (1 - var(--magritte-ui-navbar-animation-progress)));
71
- }
72
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-right-slot___aodtj_1-3-24 .magritte-actions-side-slot-content___TlHrX_1-3-24 > :last-child,
73
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-actions-only-stage___cg10A_1-3-24 .magritte-actions-left-slot___DNOj0_1-3-24 .magritte-actions-side-slot-content-clone___jDxVm_1-3-24 > :last-child{
74
- --magritte-ui-icon-margin-right-override:calc(-8px * (1 - var(--magritte-ui-navbar-animation-progress)));
75
- }
76
- .magritte-actions-center-slot___hLAy6_1-3-24{
21
+ --magritte-ui-icon-margin-not-transparent:var(--magritte-ui-navbar-actions-icon-margin-not-transparent-override, -8px);
22
+ --magritte-ui-icon-margin-transparent:var(--magritte-ui-navbar-actions-icon-margin-transparent-override, 0);
23
+ --magritte-ui-icon-margin-delta:calc(var(--magritte-ui-icon-margin-not-transparent) - var(--magritte-ui-icon-margin-transparent));
24
+ }
25
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
26
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
27
+ .magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
28
+ .magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child{
29
+ margin-left:var(--magritte-ui-icon-margin-not-transparent);
30
+ }
31
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
32
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
33
+ .magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
34
+ .magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child{
35
+ margin-right:var(--magritte-ui-icon-margin-not-transparent);
36
+ }
37
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
38
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
39
+ .magritte-navbar-transparent___ULEh8_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
40
+ .magritte-navbar-transparent___ULEh8_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child{
41
+ margin-left:var(--magritte-ui-icon-margin-transparent);
42
+ }
43
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
44
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
45
+ .magritte-navbar-transparent___ULEh8_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
46
+ .magritte-navbar-transparent___ULEh8_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child{
47
+ margin-right:var(--magritte-ui-icon-margin-transparent);
48
+ }
49
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
50
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content-clone___jDxVm_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child{
51
+ margin-left:calc(var(--magritte-ui-icon-margin-transparent) + (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
52
+ }
53
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
54
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content-clone___jDxVm_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child{
55
+ margin-right:calc(var(--magritte-ui-icon-margin-transparent) + (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
56
+ }
57
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
58
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content-clone___jDxVm_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child{
59
+ margin-left:calc(var(--magritte-ui-icon-margin-not-transparent) - (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
60
+ }
61
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
62
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content-clone___jDxVm_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child{
63
+ margin-right:calc(var(--magritte-ui-icon-margin-not-transparent) - (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
64
+ }
65
+ .magritte-actions-center-slot___hLAy6_1-3-25{
77
66
  display:flex;
78
67
  flex:1 1 auto;
79
68
  min-width:0;
80
69
  }
81
- .magritte-actions-center-slot___hLAy6_1-3-24.magritte-actions-center-slot-centered___merXQ_1-3-24{
70
+ .magritte-actions-center-slot___hLAy6_1-3-25.magritte-actions-center-slot-centered___merXQ_1-3-25{
82
71
  justify-content:center;
83
72
  }
84
- .magritte-actions-side-slot-content___TlHrX_1-3-24,
85
- .magritte-actions-side-slot-content-clone___jDxVm_1-3-24{
73
+ .magritte-actions-side-slot-content___TlHrX_1-3-25,
74
+ .magritte-actions-side-slot-content-clone___jDxVm_1-3-25{
86
75
  grid-area:1 / 1;
87
76
  display:flex;
88
77
  align-items:center;
89
78
  gap:4px;
90
79
  }
91
- .magritte-actions-side-slot-content-clone___jDxVm_1-3-24{
80
+ .magritte-actions-side-slot-content-clone___jDxVm_1-3-25{
92
81
  visibility:hidden;
93
82
  z-index:0;
94
83
  pointer-events:none;
95
84
  user-select:none;
96
85
  contain:style layout;
97
86
  }
98
- .magritte-title-container-wrapper___DQUcj_1-3-24{
87
+ .magritte-title-container-wrapper___DQUcj_1-3-25{
99
88
  display:flex;
100
89
  flex-direction:row;
101
90
  align-items:center;
@@ -103,45 +92,45 @@
103
92
  min-width:0;
104
93
  gap:12px;
105
94
  }
106
- .magritte-title-main-part___npoHN_1-3-24{
95
+ .magritte-title-main-part___npoHN_1-3-25{
107
96
  display:flex;
108
97
  flex-direction:column;
109
98
  flex:0 1 auto;
110
99
  min-width:0;
111
100
  }
112
- .magritte-title-left-slot___HTE7h_1-3-24{
101
+ .magritte-title-left-slot___HTE7h_1-3-25{
113
102
  display:flex;
114
103
  align-items:center;
115
104
  flex:0 0 auto;
116
105
  }
117
- .magritte-title-container___y9AIx_1-3-24{
106
+ .magritte-title-container___y9AIx_1-3-25{
118
107
  display:flex;
119
108
  flex-direction:row;
120
109
  align-items:center;
121
110
  gap:5px;
122
111
  }
123
- .magritte-subtitle-container___nVUBu_1-3-24{
112
+ .magritte-subtitle-container___nVUBu_1-3-25{
124
113
  display:flex;
125
114
  }
126
- .magritte-centered___Y2mlP_1-3-24 .magritte-subtitle-container___nVUBu_1-3-24,
127
- .magritte-centered___Y2mlP_1-3-24 .magritte-title-container___y9AIx_1-3-24{
115
+ .magritte-centered___Y2mlP_1-3-25 .magritte-subtitle-container___nVUBu_1-3-25,
116
+ .magritte-centered___Y2mlP_1-3-25 .magritte-title-container___y9AIx_1-3-25{
128
117
  justify-content:center;
129
118
  }
130
- .magritte-title-morph-item___t7Wf3_1-3-24{
119
+ .magritte-title-morph-item___t7Wf3_1-3-25{
131
120
  display:flex;
132
121
  min-width:0;
133
122
  }
134
- .magritte-title___ZbLgP_1-3-24{
123
+ .magritte-title___ZbLgP_1-3-25{
135
124
  display:flex;
136
125
  flex:0 1 auto;
137
126
  min-width:0;
138
127
  }
139
- .magritte-pane-content___UVmC6_1-3-24{
128
+ .magritte-pane-content___UVmC6_1-3-25{
140
129
  position:relative;
141
130
  pointer-events:none;
142
131
  z-index:2;
143
132
  }
144
- .magritte-pane-background___PDZAX_1-3-24{
133
+ .magritte-pane-background___PDZAX_1-3-25{
145
134
  position:absolute;
146
135
  background-color:var(--magritte-ui-nav-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-7-0)));
147
136
  opacity:0;
@@ -149,43 +138,43 @@
149
138
  z-index:-1;
150
139
  transform-origin:0 0;
151
140
  }
152
- .magritte-navbar-transparent-start___wysv0_1-3-24 .magritte-pane-background___PDZAX_1-3-24{
141
+ .magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-pane-background___PDZAX_1-3-25{
153
142
  opacity:calc(var(--magritte-ui-navbar-animation-progress) * 0.95);
154
143
  }
155
- .magritte-navbar-transparent-end___6KqLR_1-3-24 .magritte-pane-background___PDZAX_1-3-24{
144
+ .magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-pane-background___PDZAX_1-3-25{
156
145
  opacity:calc((1 - var(--magritte-ui-navbar-animation-progress)) * 0.95);
157
146
  }
158
- .magritte-navbar-not-transparent___5KZNp_1-3-24 .magritte-pane-background___PDZAX_1-3-24{
147
+ .magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-pane-background___PDZAX_1-3-25{
159
148
  opacity:0.95;
160
149
  }
161
- .magritte-morph-item___8kF46_1-3-24{
150
+ .magritte-morph-item___8kF46_1-3-25{
162
151
  line-height:0;
163
152
  transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
164
153
  }
165
- .magritte-morph-item-top___WPEkn_1-3-24{
154
+ .magritte-morph-item-top___WPEkn_1-3-25{
166
155
  --magritte-ui-morph-item-transform-origin-y:top;
167
156
  }
168
- .magritte-morph-item-bottom___zNbsF_1-3-24{
157
+ .magritte-morph-item-bottom___zNbsF_1-3-25{
169
158
  --magritte-ui-morph-item-transform-origin-y:bottom;
170
159
  }
171
- .magritte-morph-item-left___T6AMW_1-3-24{
160
+ .magritte-morph-item-left___T6AMW_1-3-25{
172
161
  --magritte-ui-morph-item-transform-origin-x:left;
173
162
  }
174
- .magritte-morph-item-right___EuT1E_1-3-24{
163
+ .magritte-morph-item-right___EuT1E_1-3-25{
175
164
  --magritte-ui-morph-item-transform-origin-x:right;
176
165
  }
177
- .magritte-pane___f8eFC_1-3-24{
166
+ .magritte-pane___f8eFC_1-3-25{
178
167
  position:relative;
179
168
  overflow:hidden;
180
169
  pointer-events:none;
181
170
  }
182
- .magritte-start-state-container___giBVb_1-3-24{
171
+ .magritte-start-state-container___giBVb_1-3-25{
183
172
  position:relative;
184
173
  z-index:1;
185
174
  box-sizing:border-box;
186
175
  pointer-events:auto;
187
176
  }
188
- .magritte-end-state-container___uiW8Q_1-3-24{
177
+ .magritte-end-state-container___uiW8Q_1-3-25{
189
178
  position:absolute;
190
179
  z-index:0;
191
180
  top:0;
@@ -194,66 +183,66 @@
194
183
  pointer-events:none;
195
184
  opacity:0;
196
185
  }
197
- .magritte-content-container___7s7vv_1-3-24{
186
+ .magritte-content-container___7s7vv_1-3-25{
198
187
  box-sizing:border-box;
199
188
  }
200
- .magritte-next-pane___H2oxQ_1-3-24{
189
+ .magritte-next-pane___H2oxQ_1-3-25{
201
190
  position:relative;
202
191
  }
203
- .magritte-nav-bar___RRGe0_1-3-24{
192
+ .magritte-nav-bar___RRGe0_1-3-25{
204
193
  top:0;
205
194
  position:sticky;
206
195
  pointer-events:none;
207
196
  overflow-anchor:none;
208
197
  z-index:10;
209
198
  }
210
- .magritte-nav-bar-overlay___Mq5ZD_1-3-24 .magritte-nav-bar-overlay-wrapper___y1VpY_1-3-24{
199
+ .magritte-nav-bar-overlay___Mq5ZD_1-3-25 .magritte-nav-bar-overlay-wrapper___y1VpY_1-3-25{
211
200
  position:absolute;
212
201
  inset:0;
213
202
  }
214
- .magritte-nav-bar-content-container___H-WMO_1-3-24{
203
+ .magritte-nav-bar-content-container___H-WMO_1-3-25{
215
204
  display:grid;
216
205
  position:relative;
217
206
  }
218
- .magritte-nav-bar-panes-container___5ZDLa_1-3-24{
207
+ .magritte-nav-bar-panes-container___5ZDLa_1-3-25{
219
208
  position:relative;
220
209
  z-index:1;
221
210
  grid-area:1 / 1;
222
211
  min-width:0;
223
212
  }
224
- .magritte-nav-bar-progressive-blur___qyeUV_1-3-24{
213
+ .magritte-nav-bar-progressive-blur___qyeUV_1-3-25{
225
214
  position:relative;
226
215
  z-index:0;
227
216
  transform-origin:0 0;
228
217
  grid-area:1 / 1;
229
218
  min-width:0;
230
219
  }
231
- .magritte-nav-bar-content-container___H-WMO_1-3-24 .magritte-nav-bar-stage___amDz7_1-3-24,
232
- .magritte-nav-bar-content-container___H-WMO_1-3-24 .nav-bar-layout-animation-stage-start,
233
- .magritte-nav-bar-content-container___H-WMO_1-3-24 .nav-bar-layout-animation-stage-end{
220
+ .magritte-nav-bar-content-container___H-WMO_1-3-25 .magritte-nav-bar-stage___amDz7_1-3-25,
221
+ .magritte-nav-bar-content-container___H-WMO_1-3-25 .nav-bar-layout-animation-stage-start,
222
+ .magritte-nav-bar-content-container___H-WMO_1-3-25 .nav-bar-layout-animation-stage-end{
234
223
  padding-top:calc(8px + var(--magritte-ui-nav-bar-padding-top-override, 0px));
235
224
  }
236
- .magritte-nav-bar-content-container___H-WMO_1-3-24 .magritte-next-pane___H2oxQ_1-3-24 .magritte-nav-bar-stage___amDz7_1-3-24,
237
- .magritte-nav-bar-content-container___H-WMO_1-3-24 .magritte-next-pane___H2oxQ_1-3-24 .nav-bar-layout-animation-stage-start,
238
- .magritte-nav-bar-content-container___H-WMO_1-3-24 .magritte-next-pane___H2oxQ_1-3-24 .nav-bar-layout-animation-stage-end{
225
+ .magritte-nav-bar-content-container___H-WMO_1-3-25 .magritte-next-pane___H2oxQ_1-3-25 .magritte-nav-bar-stage___amDz7_1-3-25,
226
+ .magritte-nav-bar-content-container___H-WMO_1-3-25 .magritte-next-pane___H2oxQ_1-3-25 .nav-bar-layout-animation-stage-start,
227
+ .magritte-nav-bar-content-container___H-WMO_1-3-25 .magritte-next-pane___H2oxQ_1-3-25 .nav-bar-layout-animation-stage-end{
239
228
  padding-top:8px;
240
229
  }
241
- .magritte-last-pane___Hf2No_1-3-24 .magritte-nav-bar-stage___amDz7_1-3-24,
242
- .magritte-last-pane___Hf2No_1-3-24 .nav-bar-layout-animation-stage-start,
243
- .magritte-last-pane___Hf2No_1-3-24 .nav-bar-layout-animation-stage-end{
230
+ .magritte-last-pane___Hf2No_1-3-25 .magritte-nav-bar-stage___amDz7_1-3-25,
231
+ .magritte-last-pane___Hf2No_1-3-25 .nav-bar-layout-animation-stage-start,
232
+ .magritte-last-pane___Hf2No_1-3-25 .nav-bar-layout-animation-stage-end{
244
233
  padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 8px);
245
234
  }
246
- .magritte-next-pane___H2oxQ_1-3-24 .magritte-last-pane___Hf2No_1-3-24 .magritte-nav-bar-stage___amDz7_1-3-24,
247
- .magritte-next-pane___H2oxQ_1-3-24 .magritte-last-pane___Hf2No_1-3-24 .nav-bar-layout-animation-stage-start,
248
- .magritte-next-pane___H2oxQ_1-3-24 .magritte-last-pane___Hf2No_1-3-24 .nav-bar-layout-animation-stage-end{
235
+ .magritte-next-pane___H2oxQ_1-3-25 .magritte-last-pane___Hf2No_1-3-25 .magritte-nav-bar-stage___amDz7_1-3-25,
236
+ .magritte-next-pane___H2oxQ_1-3-25 .magritte-last-pane___Hf2No_1-3-25 .nav-bar-layout-animation-stage-start,
237
+ .magritte-next-pane___H2oxQ_1-3-25 .magritte-last-pane___Hf2No_1-3-25 .nav-bar-layout-animation-stage-end{
249
238
  padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 16px);
250
239
  }
251
- .magritte-nav-bar-stage___amDz7_1-3-24{
240
+ .magritte-nav-bar-stage___amDz7_1-3-25{
252
241
  padding:8px var(--magritte-ui-nav-bar-stage-horizontal-padding-override, 16px);
253
242
  }
254
- .magritte-metrics-mode___h38aX_1-3-24 .magritte-morph-item___8kF46_1-3-24,
255
- .magritte-metrics-mode___h38aX_1-3-24 .magritte-pane___f8eFC_1-3-24,
256
- .magritte-metrics-mode___h38aX_1-3-24 .magritte-next-pane___H2oxQ_1-3-24{
243
+ .magritte-metrics-mode___h38aX_1-3-25 .magritte-morph-item___8kF46_1-3-25,
244
+ .magritte-metrics-mode___h38aX_1-3-25 .magritte-pane___f8eFC_1-3-25,
245
+ .magritte-metrics-mode___h38aX_1-3-25 .magritte-next-pane___H2oxQ_1-3-25{
257
246
  transform:none !important;
258
247
  }
259
248
  .nav-bar-layout-animation-stage-end,
@@ -264,41 +253,41 @@
264
253
  height:auto !important;
265
254
  transform:none !important;
266
255
  }
267
- .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-24,
268
- .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-24{
256
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-25,
257
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-25{
269
258
  position:static !important;
270
259
  width:auto !important;
271
260
  height:auto !important;
272
261
  transform:none !important;
273
262
  }
274
- .magritte-layout-morph___I3SPy_1-3-24{
263
+ .magritte-layout-morph___I3SPy_1-3-25{
275
264
  display:block;
276
265
  position:absolute;
277
266
  transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
278
267
  z-index:3;
279
268
  }
280
- .magritte-animation-stage-progress___5FthT_1-3-24 .magritte-layout-morph___I3SPy_1-3-24 > *{
269
+ .magritte-animation-stage-progress___5FthT_1-3-25 .magritte-layout-morph___I3SPy_1-3-25 > *{
281
270
  margin:0 !important;
282
271
  }
283
- .magritte-layout-morph-start___9-krP_1-3-24{
272
+ .magritte-layout-morph-start___9-krP_1-3-25{
284
273
  z-index:2;
285
274
  }
286
- .magritte-layout-morph-end___LIg4d_1-3-24{
275
+ .magritte-layout-morph-end___LIg4d_1-3-25{
287
276
  z-index:1;
288
277
  }
289
- .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-24{
278
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-25{
290
279
  display:contents;
291
280
  }
292
- .nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-3-24{
281
+ .nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-3-25{
293
282
  display:none;
294
283
  }
295
- .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-24{
284
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-25{
296
285
  display:contents;
297
286
  }
298
- .nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-3-24{
287
+ .nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-3-25{
299
288
  display:none;
300
289
  }
301
- .magritte-divider-container___-NdWi_1-3-24{
290
+ .magritte-divider-container___-NdWi_1-3-25{
302
291
  position:absolute;
303
292
  width:100%;
304
293
  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-Cp0mcX9W.js';
3
+ export { NavBar } from './public/NavBar.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';
@@ -12,12 +12,14 @@ import 'react/jsx-runtime';
12
12
  import 'react';
13
13
  import 'classnames';
14
14
  import '@hh.ru/magritte-ui-icon';
15
+ import './nav-bar-DEFIZlLr.js';
15
16
  import 'motion/react';
16
17
  import '@hh.ru/magritte-ui-divider';
17
18
  import '@hh.ru/magritte-ui-layer';
18
19
  import './internal/MetricsProvider.js';
19
20
  import './internal/utils.js';
20
21
  import 'motion';
22
+ import './internal/NavBarContext.js';
21
23
  import './internal/useAnimationRanges.js';
22
24
  import './internal/useBindScrollToAnimationProgress.js';
23
25
  import './internal/useNavBarMetrics.js';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ import type { PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';
2
+ export type PaneStoreContextValue = ((store: PaneStore) => VoidFunction) | null;
3
+ export declare const NavBarContext: import("react").Context<PaneStoreContextValue>;
4
+ export declare const useNavBarContext: () => PaneStoreContextValue;
@@ -0,0 +1,8 @@
1
+ import './../index.css';
2
+ import { createContext, useContext } from 'react';
3
+
4
+ const NavBarContext = createContext(null);
5
+ const useNavBarContext = () => useContext(NavBarContext);
6
+
7
+ export { NavBarContext, useNavBarContext };
8
+ //# sourceMappingURL=NavBarContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavBarContext.js","sources":["src/internal/NavBarContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\n\nexport type PaneStoreContextValue = ((store: PaneStore) => VoidFunction) | null;\n\nexport const NavBarContext = createContext<PaneStoreContextValue>(null);\n\nexport const useNavBarContext = (): PaneStoreContextValue => useContext(NavBarContext);\n"],"names":[],"mappings":";;MAMa,aAAa,GAAG,aAAa,CAAwB,IAAI,EAAE;AAE3D,MAAA,gBAAgB,GAAG,MAA6B,UAAU,CAAC,aAAa;;;;"}
@@ -2,22 +2,8 @@ import './../index.css';
2
2
  import { createContext, useContext, useId, useLayoutEffect } from 'react';
3
3
  import { motionValue } from 'motion';
4
4
  import { KeyedSubscriptions } from './KeyedSubscriptions.js';
5
+ import { useNavBarContext } from './NavBarContext.js';
5
6
  import { useInitOnce } from './utils.js';
6
- import { u as useNavBarContext } from '../NavBar-Cp0mcX9W.js';
7
- import 'react/jsx-runtime';
8
- import 'classnames';
9
- import 'motion/react';
10
- import '@hh.ru/magritte-ui-divider';
11
- import '@hh.ru/magritte-ui-layer';
12
- import './MetricsProvider.js';
13
- import './useAnimationRanges.js';
14
- import './useBindScrollToAnimationProgress.js';
15
- import './useNavBarMetrics.js';
16
- import './useResetFocus.js';
17
- import './useScrollAdapter.js';
18
- import '@hh.ru/magritte-internal-custom-scroll';
19
- import './useSnapScroll.js';
20
- import './useSyncMotionValue.js';
21
7
 
22
8
  /**
23
9
  * Хранилище состояния панели с поддержкой подписок на изменения.
@@ -1 +1 @@
1
- {"version":3,"file":"PaneStore.js","sources":["src/internal/PaneStore.ts"],"sourcesContent":["import { createContext, useContext, useId, useLayoutEffect } from 'react';\nimport { motionValue, type MotionValue } from 'motion';\n\nimport { KeyedSubscriptions } from '@hh.ru/magritte-ui-nav-bar/internal/KeyedSubscriptions';\nimport { useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\nimport { useNavBarContext } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';\n\nexport interface PaneData {\n id: string;\n foldable?: boolean;\n motionValue: MotionValue<number>;\n startHeight?: number;\n endHeight?: number;\n top?: number;\n animated?: boolean;\n}\n\n/**\n * Хранилище состояния панели с поддержкой подписок на изменения.\n *\n * Наследует всю подписочную логику от {@link KeyedSubscriptions}, а именно:\n * - `onChange(key, cb)` — подписка на изменения конкретного ключа состояния;\n * - `onDestroy(cb)` — подписка на уничтожение;\n * - батчинг уведомлений (несколько изменений за один цикл объединяются);\n * - дедупликация коллбеков (один коллбек, подписанный на разные ключи, вызовется один раз).\n *\n * Собственная ответственность класса:\n * - Хранение состояния панели в `PaneData`.\n * - Применение частичных обновлений через метод `set(...)`:\n * - сравнивает новые значения с текущими;\n * - обновляет только изменившиеся поля;\n * - помечает изменённые ключи (`markChanged`) и инициирует рассылку (`notify`).\n * - Получение текущего значения по ключу через `get(...)`.\n *\n * Таким образом, `PaneStore` объединяет модель данных панели\n * с реактивными подписками на её изменения.\n */\nexport class PaneStore extends KeyedSubscriptions<keyof PaneData> {\n data: PaneData;\n\n /**\n * @param data Начальное состояние панели.\n */\n constructor(data: PaneData) {\n super();\n this.data = data;\n }\n\n /**\n * Частичное обновление состояния панели.\n * Для каждого ключа из `patch` выполняется сравнение и,\n * если значение изменилось, оно записывается в `data`,\n * а ключ помечается как изменённый.\n * После всех обновлений вызывается `notify()` для рассылки подписчикам.\n *\n * @example\n * controller.set({ foldable: true, startHeight: 200 });\n */\n set<K extends keyof PaneData>(patch: Partial<Pick<PaneData, K>>): void {\n (Object.keys(patch) as K[]).forEach((key) => {\n const next = patch[key];\n if (next !== this.data[key]) {\n this.data[key] = next as PaneData[K];\n this.markChanged(key);\n }\n });\n this.notify();\n }\n\n /**\n * Получить текущее значение поля состояния.\n *\n * @param key Ключ из {@link PaneData}.\n * @returns Текущее значение по указанному ключу.\n *\n * @example\n * const height = controller.get(\"startHeight\");\n */\n get<K extends keyof PaneData>(key: K): PaneData[K] {\n return this.data[key];\n }\n}\n\nexport const PaneContext = createContext<PaneStore | null>(null);\nexport const usePaneStore = (): PaneStore => {\n const contextStore = useContext(PaneContext);\n const id = useId();\n const registerPaneStore = useNavBarContext();\n const paneStore = useInitOnce(() => contextStore ?? new PaneStore({ motionValue: motionValue(0), id }));\n useLayoutEffect(() => {\n if (!registerPaneStore || contextStore !== null) {\n return void 0;\n }\n\n return registerPaneStore(contextStore ?? paneStore);\n }, [contextStore, paneStore, registerPaneStore]);\n return contextStore ?? paneStore;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;;;;;;;AAmBG;AACG,MAAO,SAAU,SAAQ,kBAAkC,CAAA;AAC7D,IAAA,IAAI,CAAW;AAEf;;AAEG;AACH,IAAA,WAAA,CAAY,IAAc,EAAA;AACtB,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;AAED;;;;;;;;;AASG;AACH,IAAA,GAAG,CAA2B,KAAiC,EAAA;QAC1D,MAAM,CAAC,IAAI,CAAC,KAAK,CAAS,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACxC,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;AACzB,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAmB,CAAC;AACrC,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;aACzB;AACL,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,EAAE,CAAC;KACjB;AAED;;;;;;;;AAQG;AACH,IAAA,GAAG,CAA2B,GAAM,EAAA;AAChC,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzB;AACJ,CAAA;MAEY,WAAW,GAAG,aAAa,CAAmB,IAAI,EAAE;AAC1D,MAAM,YAAY,GAAG,MAAgB;AACxC,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AAC7C,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;AACnB,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,YAAY,IAAI,IAAI,SAAS,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACxG,eAAe,CAAC,MAAK;AACjB,QAAA,IAAI,CAAC,iBAAiB,IAAI,YAAY,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,OAAO,iBAAiB,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC;KACvD,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACjD,OAAO,YAAY,IAAI,SAAS,CAAC;AACrC;;;;"}
1
+ {"version":3,"file":"PaneStore.js","sources":["src/internal/PaneStore.ts"],"sourcesContent":["import { createContext, useContext, useId, useLayoutEffect } from 'react';\nimport { motionValue, type MotionValue } from 'motion';\n\nimport { KeyedSubscriptions } from '@hh.ru/magritte-ui-nav-bar/internal/KeyedSubscriptions';\nimport { useNavBarContext } from '@hh.ru/magritte-ui-nav-bar/internal/NavBarContext';\nimport { useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\n\nexport interface PaneData {\n id: string;\n foldable?: boolean;\n motionValue: MotionValue<number>;\n startHeight?: number;\n endHeight?: number;\n top?: number;\n animated?: boolean;\n}\n\n/**\n * Хранилище состояния панели с поддержкой подписок на изменения.\n *\n * Наследует всю подписочную логику от {@link KeyedSubscriptions}, а именно:\n * - `onChange(key, cb)` — подписка на изменения конкретного ключа состояния;\n * - `onDestroy(cb)` — подписка на уничтожение;\n * - батчинг уведомлений (несколько изменений за один цикл объединяются);\n * - дедупликация коллбеков (один коллбек, подписанный на разные ключи, вызовется один раз).\n *\n * Собственная ответственность класса:\n * - Хранение состояния панели в `PaneData`.\n * - Применение частичных обновлений через метод `set(...)`:\n * - сравнивает новые значения с текущими;\n * - обновляет только изменившиеся поля;\n * - помечает изменённые ключи (`markChanged`) и инициирует рассылку (`notify`).\n * - Получение текущего значения по ключу через `get(...)`.\n *\n * Таким образом, `PaneStore` объединяет модель данных панели\n * с реактивными подписками на её изменения.\n */\nexport class PaneStore extends KeyedSubscriptions<keyof PaneData> {\n data: PaneData;\n\n /**\n * @param data Начальное состояние панели.\n */\n constructor(data: PaneData) {\n super();\n this.data = data;\n }\n\n /**\n * Частичное обновление состояния панели.\n * Для каждого ключа из `patch` выполняется сравнение и,\n * если значение изменилось, оно записывается в `data`,\n * а ключ помечается как изменённый.\n * После всех обновлений вызывается `notify()` для рассылки подписчикам.\n *\n * @example\n * controller.set({ foldable: true, startHeight: 200 });\n */\n set<K extends keyof PaneData>(patch: Partial<Pick<PaneData, K>>): void {\n (Object.keys(patch) as K[]).forEach((key) => {\n const next = patch[key];\n if (next !== this.data[key]) {\n this.data[key] = next as PaneData[K];\n this.markChanged(key);\n }\n });\n this.notify();\n }\n\n /**\n * Получить текущее значение поля состояния.\n *\n * @param key Ключ из {@link PaneData}.\n * @returns Текущее значение по указанному ключу.\n *\n * @example\n * const height = controller.get(\"startHeight\");\n */\n get<K extends keyof PaneData>(key: K): PaneData[K] {\n return this.data[key];\n }\n}\n\nexport const PaneContext = createContext<PaneStore | null>(null);\nexport const usePaneStore = (): PaneStore => {\n const contextStore = useContext(PaneContext);\n const id = useId();\n const registerPaneStore = useNavBarContext();\n const paneStore = useInitOnce(() => contextStore ?? new PaneStore({ motionValue: motionValue(0), id }));\n useLayoutEffect(() => {\n if (!registerPaneStore || contextStore !== null) {\n return void 0;\n }\n\n return registerPaneStore(contextStore ?? paneStore);\n }, [contextStore, paneStore, registerPaneStore]);\n return contextStore ?? paneStore;\n};\n"],"names":[],"mappings":";;;;;;AAiBA;;;;;;;;;;;;;;;;;;;AAmBG;AACG,MAAO,SAAU,SAAQ,kBAAkC,CAAA;AAC7D,IAAA,IAAI,CAAW;AAEf;;AAEG;AACH,IAAA,WAAA,CAAY,IAAc,EAAA;AACtB,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;AAED;;;;;;;;;AASG;AACH,IAAA,GAAG,CAA2B,KAAiC,EAAA;QAC1D,MAAM,CAAC,IAAI,CAAC,KAAK,CAAS,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACxC,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;AACzB,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAmB,CAAC;AACrC,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;aACzB;AACL,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,EAAE,CAAC;KACjB;AAED;;;;;;;;AAQG;AACH,IAAA,GAAG,CAA2B,GAAM,EAAA;AAChC,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzB;AACJ,CAAA;MAEY,WAAW,GAAG,aAAa,CAAmB,IAAI,EAAE;AAC1D,MAAM,YAAY,GAAG,MAAgB;AACxC,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AAC7C,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;AACnB,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,YAAY,IAAI,IAAI,SAAS,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACxG,eAAe,CAAC,MAAK;AACjB,QAAA,IAAI,CAAC,iBAAiB,IAAI,YAAY,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,OAAO,iBAAiB,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC;KACvD,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACjD,OAAO,YAAY,IAAI,SAAS,CAAC;AACrC;;;;"}
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"actions-container":"magritte-actions-container___CBgYW_1-3-25","actionsContainer":"magritte-actions-container___CBgYW_1-3-25","actions-no-children":"magritte-actions-no-children___rgJUl_1-3-25","actionsNoChildren":"magritte-actions-no-children___rgJUl_1-3-25","actions-left-slot":"magritte-actions-left-slot___DNOj0_1-3-25","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_1-3-25","actions-right-slot":"magritte-actions-right-slot___aodtj_1-3-25","actionsRightSlot":"magritte-actions-right-slot___aodtj_1-3-25","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_1-3-25","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_1-3-25","actions-start-stage":"magritte-actions-start-stage___MJ67a_1-3-25","actionsStartStage":"magritte-actions-start-stage___MJ67a_1-3-25","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_1-3-25","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_1-3-25","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_1-3-25","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_1-3-25","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_1-3-25","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_1-3-25","actions-end-stage":"magritte-actions-end-stage___qHtTV_1-3-25","actionsEndStage":"magritte-actions-end-stage___qHtTV_1-3-25","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_1-3-25","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_1-3-25","navbar-transparent":"magritte-navbar-transparent___ULEh8_1-3-25","navbarTransparent":"magritte-navbar-transparent___ULEh8_1-3-25","actions-only-stage":"magritte-actions-only-stage___cg10A_1-3-25","actionsOnlyStage":"magritte-actions-only-stage___cg10A_1-3-25","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-25","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-25","actions-center-slot":"magritte-actions-center-slot___hLAy6_1-3-25","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_1-3-25","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_1-3-25","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_1-3-25","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_1-3-25","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_1-3-25","title-main-part":"magritte-title-main-part___npoHN_1-3-25","titleMainPart":"magritte-title-main-part___npoHN_1-3-25","title-left-slot":"magritte-title-left-slot___HTE7h_1-3-25","titleLeftSlot":"magritte-title-left-slot___HTE7h_1-3-25","title-container":"magritte-title-container___y9AIx_1-3-25","titleContainer":"magritte-title-container___y9AIx_1-3-25","subtitle-container":"magritte-subtitle-container___nVUBu_1-3-25","subtitleContainer":"magritte-subtitle-container___nVUBu_1-3-25","centered":"magritte-centered___Y2mlP_1-3-25","title-morph-item":"magritte-title-morph-item___t7Wf3_1-3-25","titleMorphItem":"magritte-title-morph-item___t7Wf3_1-3-25","title":"magritte-title___ZbLgP_1-3-25","pane-content":"magritte-pane-content___UVmC6_1-3-25","paneContent":"magritte-pane-content___UVmC6_1-3-25","pane-background":"magritte-pane-background___PDZAX_1-3-25","paneBackground":"magritte-pane-background___PDZAX_1-3-25","morph-item":"magritte-morph-item___8kF46_1-3-25","morphItem":"magritte-morph-item___8kF46_1-3-25","morph-item-top":"magritte-morph-item-top___WPEkn_1-3-25","morphItemTop":"magritte-morph-item-top___WPEkn_1-3-25","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_1-3-25","morphItemBottom":"magritte-morph-item-bottom___zNbsF_1-3-25","morph-item-left":"magritte-morph-item-left___T6AMW_1-3-25","morphItemLeft":"magritte-morph-item-left___T6AMW_1-3-25","morph-item-right":"magritte-morph-item-right___EuT1E_1-3-25","morphItemRight":"magritte-morph-item-right___EuT1E_1-3-25","pane":"magritte-pane___f8eFC_1-3-25","start-state-container":"magritte-start-state-container___giBVb_1-3-25","startStateContainer":"magritte-start-state-container___giBVb_1-3-25","end-state-container":"magritte-end-state-container___uiW8Q_1-3-25","endStateContainer":"magritte-end-state-container___uiW8Q_1-3-25","content-container":"magritte-content-container___7s7vv_1-3-25","contentContainer":"magritte-content-container___7s7vv_1-3-25","next-pane":"magritte-next-pane___H2oxQ_1-3-25","nextPane":"magritte-next-pane___H2oxQ_1-3-25","nav-bar":"magritte-nav-bar___RRGe0_1-3-25","navBar":"magritte-nav-bar___RRGe0_1-3-25","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-25","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-25","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-25","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-25","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_1-3-25","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_1-3-25","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_1-3-25","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_1-3-25","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-25","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-25","nav-bar-stage":"magritte-nav-bar-stage___amDz7_1-3-25","navBarStage":"magritte-nav-bar-stage___amDz7_1-3-25","last-pane":"magritte-last-pane___Hf2No_1-3-25","lastPane":"magritte-last-pane___Hf2No_1-3-25","metrics-mode":"magritte-metrics-mode___h38aX_1-3-25","metricsMode":"magritte-metrics-mode___h38aX_1-3-25","layout-morph":"magritte-layout-morph___I3SPy_1-3-25","layoutMorph":"magritte-layout-morph___I3SPy_1-3-25","animation-stage-progress":"magritte-animation-stage-progress___5FthT_1-3-25","animationStageProgress":"magritte-animation-stage-progress___5FthT_1-3-25","layout-morph-start":"magritte-layout-morph-start___9-krP_1-3-25","layoutMorphStart":"magritte-layout-morph-start___9-krP_1-3-25","layout-morph-end":"magritte-layout-morph-end___LIg4d_1-3-25","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_1-3-25","divider-container":"magritte-divider-container___-NdWi_1-3-25","dividerContainer":"magritte-divider-container___-NdWi_1-3-25"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=nav-bar-DEFIZlLr.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nav-bar-DEFIZlLr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-nav-bar",
3
- "version": "1.3.24",
3
+ "version": "1.3.25",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -36,5 +36,5 @@
36
36
  "@hh.ru/magritte-ui-layer": "3.2.4",
37
37
  "@hh.ru/magritte-ui-mock-component": "1.1.7"
38
38
  },
39
- "gitHead": "8f3d9128b3717d8176cb8fcecc75a8e8584df3cb"
39
+ "gitHead": "bb1e633205115ba4a178ce0a83953e09e3e40bc6"
40
40
  }