ngx-material-navigation 1.0.2 → 1.0.5

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 (53) hide show
  1. package/CONTRIBUTING.md +96 -96
  2. package/LICENSE.md +20 -20
  3. package/components/footer/footer-element/footer-element.component.d.ts +30 -30
  4. package/components/footer/footer-element/footer-element.module.d.ts +12 -12
  5. package/components/footer/footer.component.d.ts +19 -19
  6. package/components/footer/footer.module.d.ts +10 -10
  7. package/components/navbar/nav-element/nav-element.component.d.ts +40 -40
  8. package/components/navbar/nav-element/nav-element.module.d.ts +13 -13
  9. package/components/navbar/nav-menu/nav-menu.component.d.ts +53 -53
  10. package/components/navbar/nav-menu/nav-menu.module.d.ts +11 -11
  11. package/components/navbar/navbar.component.d.ts +58 -58
  12. package/components/navbar/navbar.module.d.ts +11 -11
  13. package/esm2020/components/footer/footer-element/footer-element.component.mjs +55 -55
  14. package/esm2020/components/footer/footer-element/footer-element.module.mjs +36 -38
  15. package/esm2020/components/footer/footer.component.mjs +24 -24
  16. package/esm2020/components/footer/footer.module.mjs +28 -30
  17. package/esm2020/components/navbar/nav-element/nav-element.component.mjs +59 -59
  18. package/esm2020/components/navbar/nav-element/nav-element.module.mjs +40 -42
  19. package/esm2020/components/navbar/nav-menu/nav-menu.component.mjs +90 -90
  20. package/esm2020/components/navbar/nav-menu/nav-menu.module.mjs +32 -34
  21. package/esm2020/components/navbar/navbar.component.mjs +120 -118
  22. package/esm2020/components/navbar/navbar.module.mjs +32 -34
  23. package/esm2020/models/footer.model.mjs +2 -2
  24. package/esm2020/models/nav-button.model.mjs +2 -2
  25. package/esm2020/models/nav-html.model.mjs +2 -2
  26. package/esm2020/models/nav-image.model.mjs +2 -2
  27. package/esm2020/models/nav-link.model.mjs +7 -8
  28. package/esm2020/models/nav-menu.model.mjs +2 -2
  29. package/esm2020/models/nav-title.model.mjs +2 -2
  30. package/esm2020/models/nav.model.mjs +4 -4
  31. package/esm2020/models/navbar.model.mjs +2 -2
  32. package/esm2020/ngx-material-navigation.mjs +4 -4
  33. package/esm2020/public-api.mjs +17 -17
  34. package/esm2020/utilities/nav.utilities.mjs +249 -250
  35. package/esm2020/utilities/purify.utilities.mjs +17 -0
  36. package/fesm2015/ngx-material-navigation.mjs +702 -693
  37. package/fesm2015/ngx-material-navigation.mjs.map +1 -1
  38. package/fesm2020/ngx-material-navigation.mjs +699 -693
  39. package/fesm2020/ngx-material-navigation.mjs.map +1 -1
  40. package/{ngx-material-navigation.d.ts → index.d.ts} +5 -5
  41. package/models/footer.model.d.ts +33 -33
  42. package/models/nav-button.model.d.ts +11 -11
  43. package/models/nav-html.model.d.ts +14 -14
  44. package/models/nav-image.model.d.ts +40 -40
  45. package/models/nav-link.model.d.ts +39 -39
  46. package/models/nav-menu.model.d.ts +29 -29
  47. package/models/nav-title.model.d.ts +52 -52
  48. package/models/nav.model.d.ts +24 -24
  49. package/models/navbar.model.d.ts +11 -11
  50. package/package.json +9 -9
  51. package/public-api.d.ts +14 -14
  52. package/utilities/nav.utilities.d.ts +108 -108
  53. package/utilities/purify.utilities.d.ts +13 -0
package/CONTRIBUTING.md CHANGED
@@ -1,97 +1,97 @@
1
- # Contributing to NgxMaterialNavigation
2
- Thank you for considering to contribute to this project! It is open for discussion to change anything regarding contributing, linting, workflow etc. at any point in time.
3
- <br>
4
- All development is done using github.
5
-
6
- # Table of Contents
7
- - [Contributing to NgxMaterialNavigation](#contributing-to-ngxmaterialnavigation)
8
- - [Table of Contents](#table-of-contents)
9
- - [Create an Issue](#create-an-issue)
10
- - [Special guidelines for bug reports](#special-guidelines-for-bug-reports)
11
- - [Folder structure of the project](#folder-structure-of-the-project)
12
- - [Starting the project](#starting-the-project)
13
- - [Codestyle](#codestyle)
14
- - [User Input](#user-input)
15
- - [Naming conventions](#naming-conventions)
16
- - [Tests](#tests)
17
- - [Workflow for submitting Code Changes](#workflow-for-submitting-code-changes)
18
- - [License](#license)
19
-
20
- # Create an Issue
21
- If you want to ask a question, need a new feature, found gaps in the documentation, found a bug, found code that can be refactored etc. you first have to start with creating an Issue.
22
- <br>
23
- Please check if there already is an issue for your problem.
24
- <br>
25
- Right now there are now specific guidelines for Issues, other than that their name and description should include enough details so that everyone knows what the issue is about. You should also include some fitting tags.
26
-
27
- ## Special guidelines for bug reports
28
-
29
- Great Bug Reports tend to have:
30
-
31
- - A quick summary
32
- - Steps to reproduce
33
- - Be specific!
34
- - Give sample code if you can
35
- - What you expected would happen
36
- - What actually happens
37
- - Notes (possibly including why you think this might be happening, or stuff you tried that didn't work)
38
-
39
- # Folder structure of the project
40
- The main projects are the library itself which will be published to npm and an showcase project used for trying things out. They can be found inside the `project/ngx-material-navigation` and `projects/ngx-material-entity-navigation` directories.
41
-
42
- # Starting the project
43
- 1. Run `npm install` in the root directory,
44
- 2. Run `npm install` in the project/ngx-material-entity directory
45
- 3. Run `npm run stack` in the root directory. This will start the build-process of the library aswell as the showcase project all in watch-mode (hot reload). That's it! You will probably only ever need this single command.
46
- > :information_source: About package.json
47
- > <br>
48
- > If you open the package.json in the root directory you will probably notice that it looks a bit messy. That is mainly because:
49
- > 1. the scripts should support Windows which means that commands like `cp` or even just chaining stuff with `&&` is not available and needed to be replaced with node alternatives.
50
- > 2. Some of the CD process is done here aswell
51
-
52
- # Codestyle
53
- This project is using eslint and requires all linting to pass in order to merge pull requests. It can happen that you need to use code that is against some of the rules (e.g. required use of "any"). In that case you can of course disable that rule at that specific point with
54
- <br>
55
- `// eslint-disable-next-line the-rule-to-disable`
56
- > You can run eslint with the command `npm run lint`
57
- > <br>
58
- > You can autofix some codestyle problems with `npm run lint:fix`
59
-
60
- ## User Input
61
- Every Input the user can make should be split up in two different models.
62
-
63
- The first model should be used internal and require all input. The second model should only require values where no default value can be set. The second model should only be used by the user and never internally.
64
-
65
- That way the components can be highly customizable without requiring the user to input the whole configuration. With the internal model that requires all values we also ensure that newly added configuration options aren't (as easily) forgotten somewhere.
66
-
67
- ## Naming conventions
68
-
69
- All angular components / modules inside the library(projects/ngx-material-entity) should be named "`NgxMatNavigation`MyGreatComponentOrModule".
70
-
71
- Their selector should follow the same logic:
72
- <br>
73
- "`ngx-mat-navigation`-my-great-component-or-module"
74
-
75
- In the folder structure however, you are encouraged to leave the prefix out, because the user will never see this anyway.
76
-
77
- # Tests
78
- The testing consists of two test types:
79
- 1. Unit Tests with Jest, should be used for everything that isn't an angular component
80
- 2. E2E Tests using Cypress, should be used to test how angular components behave in the "real" world
81
-
82
- # Workflow for submitting Code Changes
83
-
84
- 1. Create an issue if it not already exists.
85
- 2. Create a branch for that specific issue (The best way to this is directly inside the issue on the right side under "Development". That way the the issue and the branch are automatically linked)
86
- 3. Checkout the new branch
87
- 4. Add your code
88
- 5. Update / add [tests](#tests).
89
- 6. Update the documentation.
90
- 7. Check that tests and linting passes.
91
- 1. For tests: `npm run test`
92
- 2. For linting: `npm run lint` / `npm run lint:fix`
93
- 8. Rebase to dev and solve any merge-conflicts (`git rebase dev`)
94
- 9. Issue that pull request!
95
-
96
- # License
1
+ # Contributing to NgxMaterialNavigation
2
+ Thank you for considering to contribute to this project! It is open for discussion to change anything regarding contributing, linting, workflow etc. at any point in time.
3
+ <br>
4
+ All development is done using github.
5
+
6
+ # Table of Contents
7
+ - [Contributing to NgxMaterialNavigation](#contributing-to-ngxmaterialnavigation)
8
+ - [Table of Contents](#table-of-contents)
9
+ - [Create an Issue](#create-an-issue)
10
+ - [Special guidelines for bug reports](#special-guidelines-for-bug-reports)
11
+ - [Folder structure of the project](#folder-structure-of-the-project)
12
+ - [Starting the project](#starting-the-project)
13
+ - [Codestyle](#codestyle)
14
+ - [User Input](#user-input)
15
+ - [Naming conventions](#naming-conventions)
16
+ - [Tests](#tests)
17
+ - [Workflow for submitting Code Changes](#workflow-for-submitting-code-changes)
18
+ - [License](#license)
19
+
20
+ # Create an Issue
21
+ If you want to ask a question, need a new feature, found gaps in the documentation, found a bug, found code that can be refactored etc. you first have to start with creating an Issue.
22
+ <br>
23
+ Please check if there already is an issue for your problem.
24
+ <br>
25
+ Right now there are now specific guidelines for Issues, other than that their name and description should include enough details so that everyone knows what the issue is about. You should also include some fitting tags.
26
+
27
+ ## Special guidelines for bug reports
28
+
29
+ Great Bug Reports tend to have:
30
+
31
+ - A quick summary
32
+ - Steps to reproduce
33
+ - Be specific!
34
+ - Give sample code if you can
35
+ - What you expected would happen
36
+ - What actually happens
37
+ - Notes (possibly including why you think this might be happening, or stuff you tried that didn't work)
38
+
39
+ # Folder structure of the project
40
+ The main projects are the library itself which will be published to npm and an showcase project used for trying things out. They can be found inside the `project/ngx-material-navigation` and `projects/ngx-material-entity-navigation` directories.
41
+
42
+ # Starting the project
43
+ 1. Run `npm install` in the root directory,
44
+ 2. Run `npm install` in the project/ngx-material-entity directory
45
+ 3. Run `npm run stack` in the root directory. This will start the build-process of the library aswell as the showcase project all in watch-mode (hot reload). That's it! You will probably only ever need this single command.
46
+ > :information_source: About package.json
47
+ > <br>
48
+ > If you open the package.json in the root directory you will probably notice that it looks a bit messy. That is mainly because:
49
+ > 1. the scripts should support Windows which means that commands like `cp` or even just chaining stuff with `&&` is not available and needed to be replaced with node alternatives.
50
+ > 2. Some of the CD process is done here aswell
51
+
52
+ # Codestyle
53
+ This project is using eslint and requires all linting to pass in order to merge pull requests. It can happen that you need to use code that is against some of the rules (e.g. required use of "any"). In that case you can of course disable that rule at that specific point with
54
+ <br>
55
+ `// eslint-disable-next-line the-rule-to-disable`
56
+ > You can run eslint with the command `npm run lint`
57
+ > <br>
58
+ > You can autofix some codestyle problems with `npm run lint:fix`
59
+
60
+ ## User Input
61
+ Every Input the user can make should be split up in two different models.
62
+
63
+ The first model should be used internal and require all input. The second model should only require values where no default value can be set. The second model should only be used by the user and never internally.
64
+
65
+ That way the components can be highly customizable without requiring the user to input the whole configuration. With the internal model that requires all values we also ensure that newly added configuration options aren't (as easily) forgotten somewhere.
66
+
67
+ ## Naming conventions
68
+
69
+ All angular components / modules inside the library(projects/ngx-material-entity) should be named "`NgxMatNavigation`MyGreatComponentOrModule".
70
+
71
+ Their selector should follow the same logic:
72
+ <br>
73
+ "`ngx-mat-navigation`-my-great-component-or-module"
74
+
75
+ In the folder structure however, you are encouraged to leave the prefix out, because the user will never see this anyway.
76
+
77
+ # Tests
78
+ The testing consists of two test types:
79
+ 1. Unit Tests with Jest, should be used for everything that isn't an angular component
80
+ 2. E2E Tests using Cypress, should be used to test how angular components behave in the "real" world
81
+
82
+ # Workflow for submitting Code Changes
83
+
84
+ 1. Create an issue if it not already exists.
85
+ 2. Create a branch for that specific issue (The best way to this is directly inside the issue on the right side under "Development". That way the the issue and the branch are automatically linked)
86
+ 3. Checkout the new branch
87
+ 4. Add your code
88
+ 5. Update / add [tests](#tests).
89
+ 6. Update the documentation.
90
+ 7. Check that tests and linting passes.
91
+ 1. For tests: `npm run test`
92
+ 2. For linting: `npm run lint` / `npm run lint:fix`
93
+ 8. Rebase to dev and solve any merge-conflicts (`git rebase dev`)
94
+ 9. Issue that pull request!
95
+
96
+ # License
97
97
  By contributing to this project, you agree that your contributions will be licensed under its MIT License.
package/LICENSE.md CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2022 Tim Fabian
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
1
+ MIT License
2
+
3
+ Copyright (c) 2022 Tim Fabian
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
21
  SOFTWARE.
@@ -1,30 +1,30 @@
1
- import { AfterContentChecked, OnInit } from '@angular/core';
2
- import { NavUtilities } from '../../../utilities/nav.utilities';
3
- import { MatButton } from '@angular/material/button';
4
- import { NavFooterElement } from '../../../models/footer.model';
5
- import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Displays a single Navigation Element.
9
- */
10
- export declare class FooterElementComponent implements AfterContentChecked, OnInit {
11
- private readonly sanitizer;
12
- NavUtilities: typeof NavUtilities;
13
- /**
14
- * The element to display.
15
- */
16
- element: NavFooterElement;
17
- sanitizedHtml?: SafeHtml;
18
- menuButton: MatButton;
19
- menuWidth: number;
20
- constructor(sanitizer: DomSanitizer);
21
- ngOnInit(): void;
22
- ngAfterContentChecked(): void;
23
- /**
24
- * Updates the width of the menu to the value of its button.
25
- */
26
- onResize(): void;
27
- private getMenuWidth;
28
- static ɵfac: i0.ɵɵFactoryDeclaration<FooterElementComponent, never>;
29
- static ɵcmp: i0.ɵɵComponentDeclaration<FooterElementComponent, "ngx-mat-navigation-footer-element", never, { "element": "element"; }, {}, never, never>;
30
- }
1
+ import { AfterContentChecked, OnInit } from '@angular/core';
2
+ import { NavUtilities } from '../../../utilities/nav.utilities';
3
+ import { MatButton } from '@angular/material/button';
4
+ import { NavFooterElement } from '../../../models/footer.model';
5
+ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Displays a single Navigation Element.
9
+ */
10
+ export declare class FooterElementComponent implements AfterContentChecked, OnInit {
11
+ private readonly sanitizer;
12
+ NavUtilities: typeof NavUtilities;
13
+ /**
14
+ * The element to display.
15
+ */
16
+ element: NavFooterElement;
17
+ sanitizedHtml?: SafeHtml;
18
+ menuButton?: MatButton;
19
+ menuWidth: number;
20
+ constructor(sanitizer: DomSanitizer);
21
+ ngOnInit(): void;
22
+ ngAfterContentChecked(): void;
23
+ /**
24
+ * Updates the width of the menu to the value of its button.
25
+ */
26
+ onResize(): void;
27
+ private getMenuWidth;
28
+ static ɵfac: i0.ɵɵFactoryDeclaration<FooterElementComponent, never>;
29
+ static ɵcmp: i0.ɵɵComponentDeclaration<FooterElementComponent, "ngx-mat-navigation-footer-element", never, { "element": "element"; }, {}, never, never, false>;
30
+ }
@@ -1,12 +1,12 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./footer-element.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/router";
5
- import * as i4 from "@angular/material/menu";
6
- import * as i5 from "@angular/material/button";
7
- import * as i6 from "../../navbar/nav-menu/nav-menu.module";
8
- export declare class FooterElementModule {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<FooterElementModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<FooterElementModule, [typeof i1.FooterElementComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatMenuModule, typeof i5.MatButtonModule, typeof i6.NavMenuModule], [typeof i1.FooterElementComponent]>;
11
- static ɵinj: i0.ɵɵInjectorDeclaration<FooterElementModule>;
12
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./footer-element.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/router";
5
+ import * as i4 from "@angular/material/menu";
6
+ import * as i5 from "@angular/material/button";
7
+ import * as i6 from "../../navbar/nav-menu/nav-menu.module";
8
+ export declare class FooterElementModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<FooterElementModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<FooterElementModule, [typeof i1.FooterElementComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatMenuModule, typeof i5.MatButtonModule, typeof i6.NavMenuModule], [typeof i1.FooterElementComponent]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<FooterElementModule>;
12
+ }
@@ -1,19 +1,19 @@
1
- import { FooterRow } from '../../models/footer.model';
2
- import { NavUtilities } from '../../utilities/nav.utilities';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Displays a footer based on the provided input data.
6
- */
7
- export declare class NgxMatNavigationFooterComponent {
8
- NavUtilities: typeof NavUtilities;
9
- /**
10
- * The minimum height of the footer.
11
- */
12
- minHeight: number;
13
- /**
14
- * The footer rows to build the footer from.
15
- */
16
- footerRows: FooterRow[];
17
- static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNavigationFooterComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatNavigationFooterComponent, "ngx-mat-navigation-footer", never, { "minHeight": "minHeight"; "footerRows": "footerRows"; }, {}, never, never>;
19
- }
1
+ import { FooterRow } from '../../models/footer.model';
2
+ import { NavUtilities } from '../../utilities/nav.utilities';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Displays a footer based on the provided input data.
6
+ */
7
+ export declare class NgxMatNavigationFooterComponent {
8
+ NavUtilities: typeof NavUtilities;
9
+ /**
10
+ * The minimum height of the footer.
11
+ */
12
+ minHeight: number;
13
+ /**
14
+ * The footer rows to build the footer from.
15
+ */
16
+ footerRows: FooterRow[];
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNavigationFooterComponent, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatNavigationFooterComponent, "ngx-mat-navigation-footer", never, { "minHeight": "minHeight"; "footerRows": "footerRows"; }, {}, never, never, false>;
19
+ }
@@ -1,10 +1,10 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./footer.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/material/toolbar";
5
- import * as i4 from "./footer-element/footer-element.module";
6
- export declare class NgxMatNavigationFooterModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNavigationFooterModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatNavigationFooterModule, [typeof i1.NgxMatNavigationFooterComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.FooterElementModule], [typeof i1.NgxMatNavigationFooterComponent]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatNavigationFooterModule>;
10
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./footer.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/material/toolbar";
5
+ import * as i4 from "./footer-element/footer-element.module";
6
+ export declare class NgxMatNavigationFooterModule {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNavigationFooterModule, never>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatNavigationFooterModule, [typeof i1.NgxMatNavigationFooterComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.FooterElementModule], [typeof i1.NgxMatNavigationFooterComponent]>;
9
+ static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatNavigationFooterModule>;
10
+ }
@@ -1,40 +1,40 @@
1
- import { AfterContentChecked, OnInit } from '@angular/core';
2
- import { NavElement } from '../../../models/nav.model';
3
- import { NavUtilities } from '../../../utilities/nav.utilities';
4
- import { MatSidenav } from '@angular/material/sidenav';
5
- import { MatButton } from '@angular/material/button';
6
- import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Displays a single Navigation Element.
10
- */
11
- export declare class NavElementComponent implements AfterContentChecked, OnInit {
12
- private readonly sanitizer;
13
- NavUtilities: typeof NavUtilities;
14
- /**
15
- * The element to display.
16
- */
17
- element: NavElement;
18
- sanitizedHtml?: SafeHtml;
19
- /**
20
- * A reference to the sidenav. Is needed for the menu to close the sidenav.
21
- */
22
- sidenav?: MatSidenav;
23
- /**
24
- * Whether or not this element should be displayed inside the sidenav.
25
- * Used to apply different styling.
26
- */
27
- sidenavElement?: boolean;
28
- menuButton: MatButton;
29
- menuWidth: number;
30
- constructor(sanitizer: DomSanitizer);
31
- ngOnInit(): void;
32
- ngAfterContentChecked(): void;
33
- /**
34
- * Updates the width of the menu to the value of its button.
35
- */
36
- onResize(): void;
37
- private getMenuWidth;
38
- static ɵfac: i0.ɵɵFactoryDeclaration<NavElementComponent, never>;
39
- static ɵcmp: i0.ɵɵComponentDeclaration<NavElementComponent, "ngx-mat-navigation-element", never, { "element": "element"; "sidenav": "sidenav"; "sidenavElement": "sidenavElement"; }, {}, never, never>;
40
- }
1
+ import { AfterContentChecked, OnInit } from '@angular/core';
2
+ import { NavElement } from '../../../models/nav.model';
3
+ import { NavUtilities } from '../../../utilities/nav.utilities';
4
+ import { MatSidenav } from '@angular/material/sidenav';
5
+ import { MatButton } from '@angular/material/button';
6
+ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
7
+ import * as i0 from "@angular/core";
8
+ /**
9
+ * Displays a single Navigation Element.
10
+ */
11
+ export declare class NavElementComponent implements AfterContentChecked, OnInit {
12
+ private readonly sanitizer;
13
+ NavUtilities: typeof NavUtilities;
14
+ /**
15
+ * The element to display.
16
+ */
17
+ element: NavElement;
18
+ sanitizedHtml?: SafeHtml;
19
+ /**
20
+ * A reference to the sidenav. Is needed for the menu to close the sidenav.
21
+ */
22
+ sidenav?: MatSidenav;
23
+ /**
24
+ * Whether or not this element should be displayed inside the sidenav.
25
+ * Used to apply different styling.
26
+ */
27
+ sidenavElement?: boolean;
28
+ menuButton?: MatButton;
29
+ menuWidth: number;
30
+ constructor(sanitizer: DomSanitizer);
31
+ ngOnInit(): void;
32
+ ngAfterContentChecked(): void;
33
+ /**
34
+ * Updates the width of the menu to the value of its button.
35
+ */
36
+ onResize(): void;
37
+ private getMenuWidth;
38
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavElementComponent, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<NavElementComponent, "ngx-mat-navigation-element", never, { "element": "element"; "sidenav": "sidenav"; "sidenavElement": "sidenavElement"; }, {}, never, never, false>;
40
+ }
@@ -1,13 +1,13 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./nav-element.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "../nav-menu/nav-menu.module";
5
- import * as i4 from "@angular/router";
6
- import * as i5 from "@angular/material/menu";
7
- import * as i6 from "@angular/material/button";
8
- import * as i7 from "@angular/material/sidenav";
9
- export declare class NavElementModule {
10
- static ɵfac: i0.ɵɵFactoryDeclaration<NavElementModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<NavElementModule, [typeof i1.NavElementComponent], [typeof i2.CommonModule, typeof i3.NavMenuModule, typeof i4.RouterModule, typeof i5.MatMenuModule, typeof i6.MatButtonModule, typeof i7.MatSidenavModule], [typeof i1.NavElementComponent]>;
12
- static ɵinj: i0.ɵɵInjectorDeclaration<NavElementModule>;
13
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./nav-element.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "../nav-menu/nav-menu.module";
5
+ import * as i4 from "@angular/router";
6
+ import * as i5 from "@angular/material/menu";
7
+ import * as i6 from "@angular/material/button";
8
+ import * as i7 from "@angular/material/sidenav";
9
+ export declare class NavElementModule {
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavElementModule, never>;
11
+ static ɵmod: i0.ɵɵNgModuleDeclaration<NavElementModule, [typeof i1.NavElementComponent], [typeof i2.CommonModule, typeof i3.NavMenuModule, typeof i4.RouterModule, typeof i5.MatMenuModule, typeof i6.MatButtonModule, typeof i7.MatSidenavModule], [typeof i1.NavElementComponent]>;
12
+ static ɵinj: i0.ɵɵInjectorDeclaration<NavElementModule>;
13
+ }
@@ -1,53 +1,53 @@
1
- import { AfterContentChecked } from '@angular/core';
2
- import { MatMenu } from '@angular/material/menu';
3
- import { NavMenu, NavMenuElement } from '../../../models/nav-menu.model';
4
- import { NavUtilities } from '../../../utilities/nav.utilities';
5
- import { MatSidenav } from '@angular/material/sidenav';
6
- import { MatButton } from '@angular/material/button';
7
- import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * Displays a menu based on the provided NavMenu data.
11
- */
12
- export declare class NavMenuComponent implements AfterContentChecked {
13
- private readonly sanitizer;
14
- menu: MatMenu;
15
- /**
16
- * The data that is used to generate the menu.
17
- */
18
- navMenu: NavMenu;
19
- /**
20
- * The sidenav element. Is needed so that it can be closed from within a menu.
21
- */
22
- sidenav?: MatSidenav;
23
- /**
24
- * The width of the menu. Is set to the value of the button opening it.
25
- */
26
- menuWidth: number;
27
- NavUtilities: typeof NavUtilities;
28
- nestedMenuButton: MatButton;
29
- nestedMenuWidth: number;
30
- constructor(sanitizer: DomSanitizer);
31
- ngAfterContentChecked(): void;
32
- /**
33
- * Updates the width of the nestedMenu.
34
- */
35
- onResize(): void;
36
- private getMenuWidth;
37
- /**
38
- * Gets the sanitized HTML for the given element.
39
- *
40
- * @param element - The NavHtml element.
41
- * @returns The safe html.
42
- * @throws When the given element is not html.
43
- */
44
- getSanitizedHtmlFor(element: NavMenuElement): SafeHtml;
45
- /**
46
- * Defines if the sidenav should be closed when the given element is clicked.
47
- *
48
- * @param element - The element that has been clicked.
49
- */
50
- clickSidenavElement(element: NavMenuElement): void;
51
- static ɵfac: i0.ɵɵFactoryDeclaration<NavMenuComponent, never>;
52
- static ɵcmp: i0.ɵɵComponentDeclaration<NavMenuComponent, "ngx-mat-navigation-menu", never, { "navMenu": "navMenu"; "sidenav": "sidenav"; "menuWidth": "menuWidth"; }, {}, never, never>;
53
- }
1
+ import { AfterContentChecked } from '@angular/core';
2
+ import { MatMenu } from '@angular/material/menu';
3
+ import { NavMenu, NavMenuElement } from '../../../models/nav-menu.model';
4
+ import { NavUtilities } from '../../../utilities/nav.utilities';
5
+ import { MatSidenav } from '@angular/material/sidenav';
6
+ import { MatButton } from '@angular/material/button';
7
+ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
8
+ import * as i0 from "@angular/core";
9
+ /**
10
+ * Displays a menu based on the provided NavMenu data.
11
+ */
12
+ export declare class NavMenuComponent implements AfterContentChecked {
13
+ private readonly sanitizer;
14
+ menu: MatMenu;
15
+ /**
16
+ * The data that is used to generate the menu.
17
+ */
18
+ navMenu: NavMenu;
19
+ /**
20
+ * The sidenav element. Is needed so that it can be closed from within a menu.
21
+ */
22
+ sidenav?: MatSidenav;
23
+ /**
24
+ * The width of the menu. Is set to the value of the button opening it.
25
+ */
26
+ menuWidth: number;
27
+ NavUtilities: typeof NavUtilities;
28
+ nestedMenuButton?: MatButton;
29
+ nestedMenuWidth: number;
30
+ constructor(sanitizer: DomSanitizer);
31
+ ngAfterContentChecked(): void;
32
+ /**
33
+ * Updates the width of the nestedMenu.
34
+ */
35
+ onResize(): void;
36
+ private getMenuWidth;
37
+ /**
38
+ * Gets the sanitized HTML for the given element.
39
+ *
40
+ * @param element - The NavHtml element.
41
+ * @returns The safe html.
42
+ * @throws When the given element is not html.
43
+ */
44
+ getSanitizedHtmlFor(element: NavMenuElement): SafeHtml;
45
+ /**
46
+ * Defines if the sidenav should be closed when the given element is clicked.
47
+ *
48
+ * @param element - The element that has been clicked.
49
+ */
50
+ clickSidenavElement(element: NavMenuElement): void;
51
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavMenuComponent, never>;
52
+ static ɵcmp: i0.ɵɵComponentDeclaration<NavMenuComponent, "ngx-mat-navigation-menu", never, { "navMenu": "navMenu"; "sidenav": "sidenav"; "menuWidth": "menuWidth"; }, {}, never, never, false>;
53
+ }
@@ -1,11 +1,11 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./nav-menu.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/material/menu";
5
- import * as i4 from "@angular/router";
6
- import * as i5 from "@angular/material/button";
7
- export declare class NavMenuModule {
8
- static ɵfac: i0.ɵɵFactoryDeclaration<NavMenuModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<NavMenuModule, [typeof i1.NavMenuComponent], [typeof i2.CommonModule, typeof i3.MatMenuModule, typeof i4.RouterModule, typeof i5.MatButtonModule], [typeof i1.NavMenuComponent]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<NavMenuModule>;
11
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./nav-menu.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/material/menu";
5
+ import * as i4 from "@angular/router";
6
+ import * as i5 from "@angular/material/button";
7
+ export declare class NavMenuModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavMenuModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<NavMenuModule, [typeof i1.NavMenuComponent], [typeof i2.CommonModule, typeof i3.MatMenuModule, typeof i4.RouterModule, typeof i5.MatButtonModule], [typeof i1.NavMenuComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<NavMenuModule>;
11
+ }