@tilde-nlp/ngx-menu 8.1.15 → 8.1.16

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.
Files changed (5) hide show
  1. package/fesm2022/tilde-nlp-ngx-menu.mjs +98 -43
  2. package/fesm2022/tilde-nlp-ngx-menu.mjs.map +1 -1
  3. package/index.d.ts +14 -4
  4. package/package.json +1 -1
  5. package/src/lib/components/menu-accessibility/styles/contrast-themes.scss +206 -0
package/index.d.ts CHANGED
@@ -60,6 +60,7 @@ interface SideNavSettings {
60
60
  disableLogoNavigation?: boolean;
61
61
  expandableMenuChildren?: boolean;
62
62
  useLargeLoginButton?: boolean;
63
+ openExternalLinksInSameTab?: boolean;
63
64
  menuVersion?: MENU_VERSION;
64
65
  }
65
66
 
@@ -238,10 +239,15 @@ declare class NavBaseComponent implements OnInit, OnDestroy {
238
239
 
239
240
  declare class MenuAccessibilityService {
240
241
  readonly fontSizeLocalStorageKey = "ACCESSIBILITY_FONT_SIZE_IX";
242
+ readonly contrastLocalStorageKey = "ACCESSIBILITY_CONTRAST";
241
243
  sizeIncreaseSubject: Subject<boolean>;
244
+ contrastSubject: Subject<string>;
245
+ saveContrast(contrast: string): void;
246
+ getSavedContrast(): string;
242
247
  getSavedFontSize(): number;
243
248
  saveFontSize(ix: number): void;
244
249
  setFontSize(fontSizeIx: number): void;
250
+ setContrast(contrast: string): void;
245
251
  static ɵfac: i0.ɵɵFactoryDeclaration<MenuAccessibilityService, never>;
246
252
  static ɵprov: i0.ɵɵInjectableDeclaration<MenuAccessibilityService>;
247
253
  }
@@ -297,6 +303,7 @@ declare class MenuItemListComponent implements OnInit {
297
303
  labelsVisible: boolean;
298
304
  activeItem: CustomMenuItem | undefined;
299
305
  showIcons: boolean;
306
+ openExternalLinksInSameTab: boolean;
300
307
  expandableMenuChildren: boolean;
301
308
  items: CustomMenuItem[];
302
309
  menuItemGroup: MenuItemGroupBase;
@@ -311,7 +318,7 @@ declare class MenuItemListComponent implements OnInit {
311
318
  toggleExpandEvent(item: CustomMenuItem): void;
312
319
  openMenu(): void;
313
320
  static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemListComponent, never>;
314
- static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemListComponent, "menu-item-list", never, { "direction": { "alias": "direction"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuItemGroup": { "alias": "menuItemGroup"; "required": false; }; }, { "openMenuTrigger": "openMenuTrigger"; "toggleExpand": "toggleExpand"; }, never, never, false, never>;
321
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemListComponent, "menu-item-list", never, { "direction": { "alias": "direction"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "openExternalLinksInSameTab": { "alias": "openExternalLinksInSameTab"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuItemGroup": { "alias": "menuItemGroup"; "required": false; }; }, { "openMenuTrigger": "openMenuTrigger"; "toggleExpand": "toggleExpand"; }, never, never, false, never>;
315
322
  }
316
323
 
317
324
  declare class MenuColumnsComponent implements OnInit {
@@ -321,6 +328,7 @@ declare class MenuColumnsComponent implements OnInit {
321
328
  direction: MenuLayoutDirection;
322
329
  isOpen: boolean;
323
330
  expandableMenuChildren: boolean | undefined;
331
+ openExternalLinksInSameTab: boolean | undefined;
324
332
  toggleCollapseEvent: EventEmitter<any>;
325
333
  private _active;
326
334
  get active(): ActiveMenuItems;
@@ -333,7 +341,7 @@ declare class MenuColumnsComponent implements OnInit {
333
341
  openMenu(): void;
334
342
  private toggleOnMobileSelect;
335
343
  static ɵfac: i0.ɵɵFactoryDeclaration<MenuColumnsComponent, [null, { optional: true; }, null]>;
336
- static ɵcmp: i0.ɵɵComponentDeclaration<MenuColumnsComponent, "menu-columns", never, { "direction": { "alias": "direction"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "toggleCollapseEvent": "toggleCollapseEvent"; }, never, never, false, never>;
344
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuColumnsComponent, "menu-columns", never, { "direction": { "alias": "direction"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; "openExternalLinksInSameTab": { "alias": "openExternalLinksInSameTab"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "toggleCollapseEvent": "toggleCollapseEvent"; }, never, never, false, never>;
337
345
  }
338
346
 
339
347
  declare class MenuIconComponent {
@@ -351,6 +359,7 @@ declare class MenuItemLinkComponent implements OnInit, OnDestroy, PlaceholderCom
351
359
  labelsVisible: boolean;
352
360
  activeItem: CustomMenuItem | undefined;
353
361
  showIcons: boolean;
362
+ openInSameTab: boolean;
354
363
  menuItem: CustomMenuItem;
355
364
  textWithPlaceholders: string;
356
365
  href: string;
@@ -365,7 +374,7 @@ declare class MenuItemLinkComponent implements OnInit, OnDestroy, PlaceholderCom
365
374
  updateTextWithPlaceholders: (textWithReplacedPlaceholders: string) => string;
366
375
  ngOnDestroy(): void;
367
376
  static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemLinkComponent, never>;
368
- static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemLinkComponent, "tld-menu-item-link", never, { "direction": { "alias": "direction"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "menuItem": { "alias": "menuItem"; "required": false; }; }, {}, never, never, false, never>;
377
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemLinkComponent, "tld-menu-item-link", never, { "direction": { "alias": "direction"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "openInSameTab": { "alias": "openInSameTab"; "required": false; }; "menuItem": { "alias": "menuItem"; "required": false; }; }, {}, never, never, false, never>;
369
378
  }
370
379
 
371
380
  declare class MenuItemBtnComponent {
@@ -416,12 +425,13 @@ declare class MenuItemWithChildrenComponent {
416
425
  activeItem: CustomMenuItem | undefined;
417
426
  direction: MenuLayoutDirection;
418
427
  expandableMenuChildren: boolean;
428
+ openInSameTab: boolean;
419
429
  openMenu: EventEmitter<void>;
420
430
  toggleExpand: EventEmitter<CustomMenuItem>;
421
431
  toggleMenuExpand(event: MouseEvent, menuItem: CustomMenuItem): void;
422
432
  toggleItemExpand(menuItem: CustomMenuItem): void;
423
433
  static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemWithChildrenComponent, never>;
424
- static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemWithChildrenComponent, "lib-menu-item-with-children", never, { "menuItem": { "alias": "menuItem"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "menuLayoutDirection": { "alias": "menuLayoutDirection"; "required": false; }; "menuItemLayout": { "alias": "menuItemLayout"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; }, { "openMenu": "openMenu"; "toggleExpand": "toggleExpand"; }, never, never, false, never>;
434
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemWithChildrenComponent, "lib-menu-item-with-children", never, { "menuItem": { "alias": "menuItem"; "required": false; }; "labelsVisible": { "alias": "labelsVisible"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "menuLayoutDirection": { "alias": "menuLayoutDirection"; "required": false; }; "menuItemLayout": { "alias": "menuItemLayout"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "expandableMenuChildren": { "alias": "expandableMenuChildren"; "required": false; }; "openInSameTab": { "alias": "openInSameTab"; "required": false; }; }, { "openMenu": "openMenu"; "toggleExpand": "toggleExpand"; }, never, never, false, never>;
425
435
  }
426
436
 
427
437
  declare class MenuAccessibilityComponent implements OnInit {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tilde-nlp/ngx-menu",
3
- "version": "8.1.15",
3
+ "version": "8.1.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.0.0",
6
6
  "@angular/core": "^20.0.0",
package/src/lib/components/menu-accessibility/styles/contrast-themes.scss ADDED
@@ -0,0 +1,206 @@
1
+ @use "sass:map";
2
+ @use "@angular/material" as mat;
3
+
4
+ $_palettes: (
5
+ primary: (
6
+ 0: #000000,
7
+ 10: #1b1b1b,
8
+ 20: #303030,
9
+ 25: #3b3b3b,
10
+ 30: #474747,
11
+ 35: #525252,
12
+ 40: #5e5e5e,
13
+ 50: #777777,
14
+ 60: #919191,
15
+ 70: #ababab,
16
+ 80: #c6c6c6,
17
+ 90: #e2e2e2,
18
+ 95: #f1f1f1,
19
+ 98: #f9f9f9,
20
+ 99: #fcfcfc,
21
+ 100: #ffffff,
22
+ ),
23
+ secondary: (
24
+ 0: #000000,
25
+ 10: #1a1c1c,
26
+ 20: #2f3131,
27
+ 25: #3a3c3c,
28
+ 30: #454747,
29
+ 35: #515353,
30
+ 40: #5d5f5f,
31
+ 50: #767777,
32
+ 60: #909191,
33
+ 70: #aaabab,
34
+ 80: #c6c6c7,
35
+ 90: #e2e2e2,
36
+ 95: #f0f1f1,
37
+ 98: #f9f9f9,
38
+ 99: #fcfcfc,
39
+ 100: #ffffff,
40
+ ),
41
+ tertiary: (
42
+ 0: #000000,
43
+ 10: #1b1b1b,
44
+ 20: #303030,
45
+ 25: #3b3b3b,
46
+ 30: #474747,
47
+ 35: #525252,
48
+ 40: #5e5e5e,
49
+ 50: #777777,
50
+ 60: #919191,
51
+ 70: #ababab,
52
+ 80: #c6c6c6,
53
+ 90: #e2e2e2,
54
+ 95: #f1f1f1,
55
+ 98: #f9f9f9,
56
+ 99: #fcfcfc,
57
+ 100: #ffffff,
58
+ ),
59
+ neutral: (
60
+ 0: #000000,
61
+ 10: #1b1b1b,
62
+ 20: #303030,
63
+ 25: #3b3b3b,
64
+ 30: #474747,
65
+ 35: #525252,
66
+ 40: #5e5e5e,
67
+ 50: #777777,
68
+ 60: #919191,
69
+ 70: #ababab,
70
+ 80: #c6c6c6,
71
+ 90: #e2e2e2,
72
+ 95: #f1f1f1,
73
+ 98: #f9f9f9,
74
+ 99: #fcfcfc,
75
+ 100: #ffffff,
76
+ 4: #0e0e0e,
77
+ 6: #131313,
78
+ 12: #1f1f1f,
79
+ 17: #2a2a2a,
80
+ 22: #353535,
81
+ 24: #393939,
82
+ 87: #dadada,
83
+ 92: #e8e8e8,
84
+ 94: #eeeeee,
85
+ 96: #f3f3f3,
86
+ ),
87
+ neutral-variant: (
88
+ 0: #000000,
89
+ 10: #201a1b,
90
+ 20: #352f30,
91
+ 25: #413a3b,
92
+ 30: #4c4546,
93
+ 35: #585052,
94
+ 40: #645c5e,
95
+ 50: #7e7576,
96
+ 60: #988e90,
97
+ 70: #b3a9aa,
98
+ 80: #cfc4c5,
99
+ 90: #ebe0e1,
100
+ 95: #faeeef,
101
+ 98: #fff8f8,
102
+ 99: #fffbff,
103
+ 100: #ffffff,
104
+ ),
105
+ error: (
106
+ 0: #000000,
107
+ 10: #410002,
108
+ 20: #690005,
109
+ 25: #7e0007,
110
+ 30: #93000a,
111
+ 35: #a80710,
112
+ 40: #ba1a1a,
113
+ 50: #de3730,
114
+ 60: #ff5449,
115
+ 70: #ff897d,
116
+ 80: #ffb4ab,
117
+ 90: #ffdad6,
118
+ 95: #ffedea,
119
+ 98: #fff8f7,
120
+ 99: #fffbff,
121
+ 100: #ffffff,
122
+ ),
123
+ );
124
+
125
+ $_rest: (
126
+ secondary: map.get($_palettes, secondary),
127
+ neutral: map.get($_palettes, neutral),
128
+ neutral-variant: map.get($_palettes, neutral-variant),
129
+ error: map.get($_palettes, error),
130
+ );
131
+
132
+ $primary-palette: map.merge(map.get($_palettes, primary), $_rest);
133
+ $tertiary-palette: map.merge(map.get($_palettes, tertiary), $_rest);
134
+
135
+ html.black-white {
136
+ --base-0: #ffffff !important;
137
+ --base-10: #f1f1f1 !important;
138
+ --base-30: #ababab !important;
139
+ --base-40: #919191 !important;
140
+ --base-65: #5e5e5e !important;
141
+ --base-70: #474747 !important;
142
+ --base-95: #1b1b1b !important;
143
+ --base-100: #000000 !important;
144
+ --neutral-50: #847374 !important;
145
+ --neutral-95: #fbeeee !important;
146
+ --overlay: #181a1b 70% !important;
147
+ --primary-accent: #000000 !important;
148
+ --primary-accent-lighter: #373737 !important;
149
+ --secondary-accent: #ffffff !important;
150
+ --info-primary: #0288d1 !important;
151
+ --info-dark: #014361 !important;
152
+ --info-light: #e5f6fd !important;
153
+ --success-dark: #177d61 !important;
154
+ --success-light: #e1f9f3 !important;
155
+ --warning-dark: #b25300 !important;
156
+ --warning-light: #fff1e5 !important;
157
+ --error-dark: #c42121 !important;
158
+ --error-light: #fdf2f2 !important;
159
+ --gradient: #667680 !important;
160
+ --accent: #000000 !important;
161
+
162
+ --mat-menu-item-label-text-color: #000000 !important;
163
+ --mat-menu-container-color: #e2e2e2 !important;
164
+
165
+ @include mat.dialog-overrides(
166
+ (
167
+ subhead-color: var(--base-0),
168
+ )
169
+ );
170
+
171
+ @include mat.tabs-overrides(
172
+ (
173
+ inactive-label-text-color: var(--base-0),
174
+ inactive-hover-label-text-color: var(--base-0),
175
+ )
176
+ );
177
+
178
+ @include mat.button-overrides((
179
+ outlined-label-text-color: var(--base-0),
180
+ outlined-outline-color: var(--base-0)
181
+ ));
182
+
183
+ @include mat.theme(
184
+ (
185
+ color: (
186
+ primary: $primary-palette,
187
+ tertiary: $tertiary-palette,
188
+ theme-type: light,
189
+ ),
190
+ )
191
+ );
192
+
193
+ body {
194
+ color: var(--base-0) !important;
195
+ background-color: var(--base-100) !important;
196
+ }
197
+
198
+ textarea, input {
199
+ background-color: var(--base-100) !important;
200
+ }
201
+
202
+ .mat-mdc-outlined-button.mat-accent {
203
+ color: var(--base-0) !important;
204
+ border-color: var(--base-0) !important;
205
+ }
206
+ }