@tilde-nlp/ngx-menu 1.0.0
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/README.md +4 -0
- package/esm2020/lib/assets/menu-logo.svg.mjs +7 -0
- package/esm2020/lib/components/menu-columns/menu-columns.component.mjs +163 -0
- package/esm2020/lib/components/menu-item-icon/menu-item-icon.component.mjs +76 -0
- package/esm2020/lib/components/menu-item-icon/menu.model.mjs +4 -0
- package/esm2020/lib/components/menu-item-icon/models/menu-dialog-settings.model.mjs +2 -0
- package/esm2020/lib/components/menu-item-icon/models/menu-item-settings.model.mjs +2 -0
- package/esm2020/lib/components/menu-item-icon/models/menu-title-placement.model.mjs +7 -0
- package/esm2020/lib/components/menu-item-list/menu-item-list.component.mjs +73 -0
- package/esm2020/lib/components/menu-strapi-item-list/menu-strapi-item-list.component.mjs +15 -0
- package/esm2020/lib/components/modal-nav-menu/modal-nav-menu.component.mjs +37 -0
- package/esm2020/lib/components/nav-base/models/index.mjs +2 -0
- package/esm2020/lib/components/nav-base/models/strapi-data-location.enum.mjs +7 -0
- package/esm2020/lib/components/nav-base/nav-base.component.mjs +28 -0
- package/esm2020/lib/components/side-nav-menu/index.mjs +3 -0
- package/esm2020/lib/components/side-nav-menu/models/index.mjs +2 -0
- package/esm2020/lib/components/side-nav-menu/models/side-nav-settings.model.mjs +2 -0
- package/esm2020/lib/components/side-nav-menu/side-nav-menu.component.mjs +90 -0
- package/esm2020/lib/injection-tokens/index.mjs +2 -0
- package/esm2020/lib/injection-tokens/menu-shared-config.token.mjs +2 -0
- package/esm2020/lib/menu.module.mjs +111 -0
- package/esm2020/lib/models/custom-menu-item.mjs +2 -0
- package/esm2020/lib/models/index.mjs +6 -0
- package/esm2020/lib/models/menu-icon-strapi-extension.const.mjs +2 -0
- package/esm2020/lib/models/menu-item-group.model.mjs +2 -0
- package/esm2020/lib/models/menu-layout-direction.model.mjs +6 -0
- package/esm2020/lib/models/menu-shared-config.model.mjs +2 -0
- package/esm2020/lib/services/strapi.service.mjs +93 -0
- package/esm2020/public-api.mjs +17 -0
- package/esm2020/tilde-nlp-ngx-menu.mjs +5 -0
- package/fesm2015/tilde-nlp-ngx-menu.mjs +673 -0
- package/fesm2015/tilde-nlp-ngx-menu.mjs.map +1 -0
- package/fesm2020/tilde-nlp-ngx-menu.mjs +660 -0
- package/fesm2020/tilde-nlp-ngx-menu.mjs.map +1 -0
- package/lib/assets/menu-logo.svg.d.ts +1 -0
- package/lib/components/menu-columns/menu-columns.component.d.ts +48 -0
- package/lib/components/menu-item-icon/menu-item-icon.component.d.ts +30 -0
- package/lib/components/menu-item-icon/menu.model.d.ts +3 -0
- package/lib/components/menu-item-icon/models/menu-dialog-settings.model.d.ts +8 -0
- package/lib/components/menu-item-icon/models/menu-item-settings.model.d.ts +6 -0
- package/lib/components/menu-item-icon/models/menu-title-placement.model.d.ts +5 -0
- package/lib/components/menu-item-list/menu-item-list.component.d.ts +29 -0
- package/lib/components/menu-strapi-item-list/menu-strapi-item-list.component.d.ts +7 -0
- package/lib/components/modal-nav-menu/modal-nav-menu.component.d.ts +13 -0
- package/lib/components/nav-base/models/index.d.ts +1 -0
- package/lib/components/nav-base/models/strapi-data-location.enum.d.ts +5 -0
- package/lib/components/nav-base/nav-base.component.d.ts +13 -0
- package/lib/components/side-nav-menu/index.d.ts +2 -0
- package/lib/components/side-nav-menu/models/index.d.ts +1 -0
- package/lib/components/side-nav-menu/models/side-nav-settings.model.d.ts +7 -0
- package/lib/components/side-nav-menu/side-nav-menu.component.d.ts +31 -0
- package/lib/injection-tokens/index.d.ts +1 -0
- package/lib/injection-tokens/menu-shared-config.token.d.ts +1 -0
- package/lib/menu.module.d.ts +28 -0
- package/lib/models/custom-menu-item.d.ts +20 -0
- package/lib/models/index.d.ts +5 -0
- package/lib/models/menu-icon-strapi-extension.const.d.ts +1 -0
- package/lib/models/menu-item-group.model.d.ts +9 -0
- package/lib/models/menu-layout-direction.model.d.ts +4 -0
- package/lib/models/menu-shared-config.model.d.ts +11 -0
- package/lib/services/strapi.service.d.ts +20 -0
- package/package.json +41 -0
- package/public-api.d.ts +13 -0
- package/src/styles.scss +15 -0
- package/tilde-nlp-ngx-menu.d.ts +5 -0
package/README.md
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export const menuLogo = `
|
|
2
|
+
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path d="M3.3 6.6C2.36667 6.6 1.58333 6.28333 0.95 5.65C0.316666 5.01667 0 4.23333 0 3.3C0 2.36667 0.316666 1.58333 0.95 0.95C1.58333 0.316666 2.36667 0 3.3 0C4.23333 0 5.01667 0.316666 5.65 0.95C6.28333 1.58333 6.6 2.36667 6.6 3.3C6.6 4.23333 6.28333 5.01667 5.65 5.65C5.01667 6.28333 4.23333 6.6 3.3 6.6ZM16 32C15.0667 32 14.2833 31.6833 13.65 31.05C13.0167 30.4167 12.7 29.6333 12.7 28.7C12.7 27.7667 13.0167 26.9833 13.65 26.35C14.2833 25.7167 15.0667 25.4 16 25.4C16.9333 25.4 17.7167 25.7167 18.35 26.35C18.9833 26.9833 19.3 27.7667 19.3 28.7C19.3 29.6333 18.9833 30.4167 18.35 31.05C17.7167 31.6833 16.9333 32 16 32ZM3.3 32C2.36667 32 1.58333 31.6833 0.95 31.05C0.316666 30.4167 0 29.6333 0 28.7C0 27.7667 0.316666 26.9833 0.95 26.35C1.58333 25.7167 2.36667 25.4 3.3 25.4C4.23333 25.4 5.01667 25.7167 5.65 26.35C6.28333 26.9833 6.6 27.7667 6.6 28.7C6.6 29.6333 6.28333 30.4167 5.65 31.05C5.01667 31.6833 4.23333 32 3.3 32ZM3.3 19.3C2.36667 19.3 1.58333 18.9833 0.95 18.35C0.316666 17.7167 0 16.9333 0 16C0 15.0667 0.316666 14.2833 0.95 13.65C1.58333 13.0167 2.36667 12.7 3.3 12.7C4.23333 12.7 5.01667 13.0167 5.65 13.65C6.28333 14.2833 6.6 15.0667 6.6 16C6.6 16.9333 6.28333 17.7167 5.65 18.35C5.01667 18.9833 4.23333 19.3 3.3 19.3ZM16 19.3C15.0667 19.3 14.2833 18.9833 13.65 18.35C13.0167 17.7167 12.7 16.9333 12.7 16C12.7 15.0667 13.0167 14.2833 13.65 13.65C14.2833 13.0167 15.0667 12.7 16 12.7C16.9333 12.7 17.7167 13.0167 18.35 13.65C18.9833 14.2833 19.3 15.0667 19.3 16C19.3 16.9333 18.9833 17.7167 18.35 18.35C17.7167 18.9833 16.9333 19.3 16 19.3ZM28.7 6.6C27.7667 6.6 26.9833 6.28333 26.35 5.65C25.7167 5.01667 25.4 4.23333 25.4 3.3C25.4 2.36667 25.7167 1.58333 26.35 0.95C26.9833 0.316666 27.7667 0 28.7 0C29.6333 0 30.4167 0.316666 31.05 0.95C31.6833 1.58333 32 2.36667 32 3.3C32 4.23333 31.6833 5.01667 31.05 5.65C30.4167 6.28333 29.6333 6.6 28.7 6.6ZM16 6.6C15.0667 6.6 14.2833 6.28333 13.65 5.65C13.0167 5.01667 12.7 4.23333 12.7 3.3C12.7 2.36667 13.0167 1.58333 13.65 0.95C14.2833 0.316666 15.0667 0 16 0C16.9333 0 17.7167 0.316666 18.35 0.95C18.9833 1.58333 19.3 2.36667 19.3 3.3C19.3 4.23333 18.9833 5.01667 18.35 5.65C17.7167 6.28333 16.9333 6.6 16 6.6ZM28.7 19.3C27.7667 19.3 26.9833 18.9833 26.35 18.35C25.7167 17.7167 25.4 16.9333 25.4 16C25.4 15.0667 25.7167 14.2833 26.35 13.65C26.9833 13.0167 27.7667 12.7 28.7 12.7C29.6333 12.7 30.4167 13.0167 31.05 13.65C31.6833 14.2833 32 15.0667 32 16C32 16.9333 31.6833 17.7167 31.05 18.35C30.4167 18.9833 29.6333 19.3 28.7 19.3ZM28.7 32C27.7667 32 26.9833 31.6833 26.35 31.05C25.7167 30.4167 25.4 29.6333 25.4 28.7C25.4 27.7667 25.7167 26.9833 26.35 26.35C26.9833 25.7167 27.7667 25.4 28.7 25.4C29.6333 25.4 30.4167 25.7167 31.05 26.35C31.6833 26.9833 32 27.7667 32 28.7C32 29.6333 31.6833 30.4167 31.05 31.05C30.4167 31.6833 29.6333 32 28.7 32Z" fill="#434C56"/>
|
|
4
|
+
</svg>
|
|
5
|
+
|
|
6
|
+
`;
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1sb2dvLnN2Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvYXNzZXRzL21lbnUtbG9nby5zdmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHOzs7OztDQUt2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IG1lbnVMb2dvID0gYFxyXG48c3ZnIHdpZHRoPVwiMzJcIiBoZWlnaHQ9XCIzMlwiIHZpZXdCb3g9XCIwIDAgMzIgMzJcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cclxuPHBhdGggZD1cIk0zLjMgNi42QzIuMzY2NjcgNi42IDEuNTgzMzMgNi4yODMzMyAwLjk1IDUuNjVDMC4zMTY2NjYgNS4wMTY2NyAwIDQuMjMzMzMgMCAzLjNDMCAyLjM2NjY3IDAuMzE2NjY2IDEuNTgzMzMgMC45NSAwLjk1QzEuNTgzMzMgMC4zMTY2NjYgMi4zNjY2NyAwIDMuMyAwQzQuMjMzMzMgMCA1LjAxNjY3IDAuMzE2NjY2IDUuNjUgMC45NUM2LjI4MzMzIDEuNTgzMzMgNi42IDIuMzY2NjcgNi42IDMuM0M2LjYgNC4yMzMzMyA2LjI4MzMzIDUuMDE2NjcgNS42NSA1LjY1QzUuMDE2NjcgNi4yODMzMyA0LjIzMzMzIDYuNiAzLjMgNi42Wk0xNiAzMkMxNS4wNjY3IDMyIDE0LjI4MzMgMzEuNjgzMyAxMy42NSAzMS4wNUMxMy4wMTY3IDMwLjQxNjcgMTIuNyAyOS42MzMzIDEyLjcgMjguN0MxMi43IDI3Ljc2NjcgMTMuMDE2NyAyNi45ODMzIDEzLjY1IDI2LjM1QzE0LjI4MzMgMjUuNzE2NyAxNS4wNjY3IDI1LjQgMTYgMjUuNEMxNi45MzMzIDI1LjQgMTcuNzE2NyAyNS43MTY3IDE4LjM1IDI2LjM1QzE4Ljk4MzMgMjYuOTgzMyAxOS4zIDI3Ljc2NjcgMTkuMyAyOC43QzE5LjMgMjkuNjMzMyAxOC45ODMzIDMwLjQxNjcgMTguMzUgMzEuMDVDMTcuNzE2NyAzMS42ODMzIDE2LjkzMzMgMzIgMTYgMzJaTTMuMyAzMkMyLjM2NjY3IDMyIDEuNTgzMzMgMzEuNjgzMyAwLjk1IDMxLjA1QzAuMzE2NjY2IDMwLjQxNjcgMCAyOS42MzMzIDAgMjguN0MwIDI3Ljc2NjcgMC4zMTY2NjYgMjYuOTgzMyAwLjk1IDI2LjM1QzEuNTgzMzMgMjUuNzE2NyAyLjM2NjY3IDI1LjQgMy4zIDI1LjRDNC4yMzMzMyAyNS40IDUuMDE2NjcgMjUuNzE2NyA1LjY1IDI2LjM1QzYuMjgzMzMgMjYuOTgzMyA2LjYgMjcuNzY2NyA2LjYgMjguN0M2LjYgMjkuNjMzMyA2LjI4MzMzIDMwLjQxNjcgNS42NSAzMS4wNUM1LjAxNjY3IDMxLjY4MzMgNC4yMzMzMyAzMiAzLjMgMzJaTTMuMyAxOS4zQzIuMzY2NjcgMTkuMyAxLjU4MzMzIDE4Ljk4MzMgMC45NSAxOC4zNUMwLjMxNjY2NiAxNy43MTY3IDAgMTYuOTMzMyAwIDE2QzAgMTUuMDY2NyAwLjMxNjY2NiAxNC4yODMzIDAuOTUgMTMuNjVDMS41ODMzMyAxMy4wMTY3IDIuMzY2NjcgMTIuNyAzLjMgMTIuN0M0LjIzMzMzIDEyLjcgNS4wMTY2NyAxMy4wMTY3IDUuNjUgMTMuNjVDNi4yODMzMyAxNC4yODMzIDYuNiAxNS4wNjY3IDYuNiAxNkM2LjYgMTYuOTMzMyA2LjI4MzMzIDE3LjcxNjcgNS42NSAxOC4zNUM1LjAxNjY3IDE4Ljk4MzMgNC4yMzMzMyAxOS4zIDMuMyAxOS4zWk0xNiAxOS4zQzE1LjA2NjcgMTkuMyAxNC4yODMzIDE4Ljk4MzMgMTMuNjUgMTguMzVDMTMuMDE2NyAxNy43MTY3IDEyLjcgMTYuOTMzMyAxMi43IDE2QzEyLjcgMTUuMDY2NyAxMy4wMTY3IDE0LjI4MzMgMTMuNjUgMTMuNjVDMTQuMjgzMyAxMy4wMTY3IDE1LjA2NjcgMTIuNyAxNiAxMi43QzE2LjkzMzMgMTIuNyAxNy43MTY3IDEzLjAxNjcgMTguMzUgMTMuNjVDMTguOTgzMyAxNC4yODMzIDE5LjMgMTUuMDY2NyAxOS4zIDE2QzE5LjMgMTYuOTMzMyAxOC45ODMzIDE3LjcxNjcgMTguMzUgMTguMzVDMTcuNzE2NyAxOC45ODMzIDE2LjkzMzMgMTkuMyAxNiAxOS4zWk0yOC43IDYuNkMyNy43NjY3IDYuNiAyNi45ODMzIDYuMjgzMzMgMjYuMzUgNS42NUMyNS43MTY3IDUuMDE2NjcgMjUuNCA0LjIzMzMzIDI1LjQgMy4zQzI1LjQgMi4zNjY2NyAyNS43MTY3IDEuNTgzMzMgMjYuMzUgMC45NUMyNi45ODMzIDAuMzE2NjY2IDI3Ljc2NjcgMCAyOC43IDBDMjkuNjMzMyAwIDMwLjQxNjcgMC4zMTY2NjYgMzEuMDUgMC45NUMzMS42ODMzIDEuNTgzMzMgMzIgMi4zNjY2NyAzMiAzLjNDMzIgNC4yMzMzMyAzMS42ODMzIDUuMDE2NjcgMzEuMDUgNS42NUMzMC40MTY3IDYuMjgzMzMgMjkuNjMzMyA2LjYgMjguNyA2LjZaTTE2IDYuNkMxNS4wNjY3IDYuNiAxNC4yODMzIDYuMjgzMzMgMTMuNjUgNS42NUMxMy4wMTY3IDUuMDE2NjcgMTIuNyA0LjIzMzMzIDEyLjcgMy4zQzEyLjcgMi4zNjY2NyAxMy4wMTY3IDEuNTgzMzMgMTMuNjUgMC45NUMxNC4yODMzIDAuMzE2NjY2IDE1LjA2NjcgMCAxNiAwQzE2LjkzMzMgMCAxNy43MTY3IDAuMzE2NjY2IDE4LjM1IDAuOTVDMTguOTgzMyAxLjU4MzMzIDE5LjMgMi4zNjY2NyAxOS4zIDMuM0MxOS4zIDQuMjMzMzMgMTguOTgzMyA1LjAxNjY3IDE4LjM1IDUuNjVDMTcuNzE2NyA2LjI4MzMzIDE2LjkzMzMgNi42IDE2IDYuNlpNMjguNyAxOS4zQzI3Ljc2NjcgMTkuMyAyNi45ODMzIDE4Ljk4MzMgMjYuMzUgMTguMzVDMjUuNzE2NyAxNy43MTY3IDI1LjQgMTYuOTMzMyAyNS40IDE2QzI1LjQgMTUuMDY2NyAyNS43MTY3IDE0LjI4MzMgMjYuMzUgMTMuNjVDMjYuOTgzMyAxMy4wMTY3IDI3Ljc2NjcgMTIuNyAyOC43IDEyLjdDMjkuNjMzMyAxMi43IDMwLjQxNjcgMTMuMDE2NyAzMS4wNSAxMy42NUMzMS42ODMzIDE0LjI4MzMgMzIgMTUuMDY2NyAzMiAxNkMzMiAxNi45MzMzIDMxLjY4MzMgMTcuNzE2NyAzMS4wNSAxOC4zNUMzMC40MTY3IDE4Ljk4MzMgMjkuNjMzMyAxOS4zIDI4LjcgMTkuM1pNMjguNyAzMkMyNy43NjY3IDMyIDI2Ljk4MzMgMzEuNjgzMyAyNi4zNSAzMS4wNUMyNS43MTY3IDMwLjQxNjcgMjUuNCAyOS42MzMzIDI1LjQgMjguN0MyNS40IDI3Ljc2NjcgMjUuNzE2NyAyNi45ODMzIDI2LjM1IDI2LjM1QzI2Ljk4MzMgMjUuNzE2NyAyNy43NjY3IDI1LjQgMjguNyAyNS40QzI5LjYzMzMgMjUuNCAzMC40MTY3IDI1LjcxNjcgMzEuMDUgMjYuMzVDMzEuNjgzMyAyNi45ODMzIDMyIDI3Ljc2NjcgMzIgMjguN0MzMiAyOS42MzMzIDMxLjY4MzMgMzAuNDE2NyAzMS4wNSAzMS4wNUMzMC40MTY3IDMxLjY4MzMgMjkuNjMzMyAzMiAyOC43IDMyWlwiIGZpbGw9XCIjNDM0QzU2XCIvPlxyXG48L3N2Zz5cclxuXHJcbmA7XHJcbiJdfQ==
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
import { Component, Inject, Input, Optional } from '@angular/core';
|
|
2
|
+
import { NavigationEnd } from '@angular/router';
|
|
3
|
+
import { filter } from 'rxjs';
|
|
4
|
+
import { MENU_SHARED_CONFIG } from '../../injection-tokens';
|
|
5
|
+
import { MenuLayoutDirection } from '../../models/menu-layout-direction.model';
|
|
6
|
+
import { StrapiDataLocation } from '../nav-base/models/strapi-data-location.enum';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "../../services/strapi.service";
|
|
9
|
+
import * as i2 from "@angular/router";
|
|
10
|
+
import * as i3 from "../menu-item-list/menu-item-list.component";
|
|
11
|
+
import * as i4 from "@angular/material/divider";
|
|
12
|
+
import * as i5 from "@angular/common";
|
|
13
|
+
export class MenuColumnsComponent {
|
|
14
|
+
constructor(strapiService, router, menuSharedConfig) {
|
|
15
|
+
this.strapiService = strapiService;
|
|
16
|
+
this.router = router;
|
|
17
|
+
this.menuSharedConfig = menuSharedConfig;
|
|
18
|
+
this.direction = MenuLayoutDirection.column;
|
|
19
|
+
this.hideSelectedCustomId = false;
|
|
20
|
+
this.strapiGroupBase = {};
|
|
21
|
+
this.strapiDataLocation = StrapiDataLocation.END;
|
|
22
|
+
this.labelsVisible = true;
|
|
23
|
+
this._menuItemGroups = [];
|
|
24
|
+
this.subscribedToStrapi = false;
|
|
25
|
+
this.strapiItems = [];
|
|
26
|
+
this._mergedGroups = [];
|
|
27
|
+
this.subscriptions = [];
|
|
28
|
+
this.isActiveMatchOptions = {
|
|
29
|
+
matrixParams: 'exact',
|
|
30
|
+
queryParams: 'exact',
|
|
31
|
+
paths: 'exact',
|
|
32
|
+
fragment: 'exact'
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
get customId() {
|
|
36
|
+
return this.menuSharedConfig?.customId;
|
|
37
|
+
}
|
|
38
|
+
get strapiGroup() { return this._strapiGroup; }
|
|
39
|
+
get menuItemGroups() { return this._menuItemGroups; }
|
|
40
|
+
set menuItemGroups(groups) {
|
|
41
|
+
this._menuItemGroups = groups ?? [];
|
|
42
|
+
}
|
|
43
|
+
get mergedGroups() { return this._mergedGroups; }
|
|
44
|
+
get allRootItems() {
|
|
45
|
+
const allItems = this.mergedGroups.map(map => map.items);
|
|
46
|
+
let newArray = [];
|
|
47
|
+
allItems.forEach((array) => { newArray = newArray.concat(array); });
|
|
48
|
+
return newArray;
|
|
49
|
+
}
|
|
50
|
+
ngOnInit() {
|
|
51
|
+
this.subscribeOnRouteChange();
|
|
52
|
+
this.getStrapiData();
|
|
53
|
+
}
|
|
54
|
+
ngOnDestroy() {
|
|
55
|
+
this.subscriptions.forEach(sub => sub.unsubscribe());
|
|
56
|
+
if (this.subscribedToStrapi) {
|
|
57
|
+
this.strapiService.unsubscribe();
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
elementExpanded(element) {
|
|
61
|
+
if (!this.activeItem) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
// if active item is expanded, most likely some of his child should be active, or if it is collapsed, most likely parent should be active if no route change.
|
|
65
|
+
if (element !== this.activeItem && !element.children?.includes(this.activeItem)) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
this.changeActiveElement();
|
|
69
|
+
}
|
|
70
|
+
getStrapiData() {
|
|
71
|
+
if (!this.menuSharedConfig?.disableStrapi) {
|
|
72
|
+
this.subscribedToStrapi = true;
|
|
73
|
+
this.strapiService.getMenuItems().subscribe(this.loadData.bind(this));
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
loadData(data) {
|
|
77
|
+
// hide custom id based on input param
|
|
78
|
+
this.strapiItems = (this.hideSelectedCustomId && this.customId) ? data.filter(item => item.customId !== this.customId) : data;
|
|
79
|
+
this._strapiGroup = {
|
|
80
|
+
...this.strapiGroupBase,
|
|
81
|
+
items: this.strapiItems
|
|
82
|
+
};
|
|
83
|
+
if (this.strapiDataLocation === StrapiDataLocation.START) {
|
|
84
|
+
this._mergedGroups = [this.strapiGroup, ...this.menuItemGroups];
|
|
85
|
+
}
|
|
86
|
+
else if (this.strapiDataLocation === StrapiDataLocation.END) {
|
|
87
|
+
this._mergedGroups = [...this.menuItemGroups, this.strapiGroup];
|
|
88
|
+
}
|
|
89
|
+
this.changeActiveElement();
|
|
90
|
+
}
|
|
91
|
+
subscribeOnRouteChange() {
|
|
92
|
+
const subscription = this.router.events
|
|
93
|
+
.pipe(filter(e => e instanceof NavigationEnd))
|
|
94
|
+
.subscribe(() => { this.changeActiveElement(); });
|
|
95
|
+
this.subscriptions.push(subscription);
|
|
96
|
+
}
|
|
97
|
+
changeActiveElement() {
|
|
98
|
+
this.activeItem = this.findActiveElement(this.allRootItems);
|
|
99
|
+
}
|
|
100
|
+
/** Finds active element from whole list. RouterLink has priority over custom Id. */
|
|
101
|
+
// at this version, child elements should not have customId, since that property comes from strapi and strapi provides only one level structure
|
|
102
|
+
findActiveElement(list) {
|
|
103
|
+
if (!list) {
|
|
104
|
+
return null;
|
|
105
|
+
}
|
|
106
|
+
let customIdElement = null;
|
|
107
|
+
for (const item of list) {
|
|
108
|
+
// Child element has priority over parent, so need to check if any child is active
|
|
109
|
+
if (this.isElementRouterLinkActive(item)) {
|
|
110
|
+
// If has children and they are visible, return active child or current item
|
|
111
|
+
return this.showChildren && item.expanded ? this.findActiveElement(item.children) ?? item : item;
|
|
112
|
+
}
|
|
113
|
+
// if selected custom id element is hidden, no need to look for it and set it to active;
|
|
114
|
+
else if (!this.hideSelectedCustomId && this.isElementCustomIdActive(item)) {
|
|
115
|
+
customIdElement = item;
|
|
116
|
+
}
|
|
117
|
+
else if (this.showChildren && item.children?.length) {
|
|
118
|
+
const activeChild = this.findActiveElement(item.children);
|
|
119
|
+
if (activeChild) {
|
|
120
|
+
return activeChild;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
return customIdElement;
|
|
125
|
+
}
|
|
126
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
127
|
+
// private isMenuItem(item: any): item is MenuItems {
|
|
128
|
+
// return item.customId;
|
|
129
|
+
// }
|
|
130
|
+
isElementCustomIdActive(element) {
|
|
131
|
+
return this.customId && element.customId === this.customId;
|
|
132
|
+
}
|
|
133
|
+
isElementRouterLinkActive(element) {
|
|
134
|
+
const routerLinkActiveOptions = element.routerLinkActiveOptions ?? this.menuSharedConfig.activeMatchOptions ?? this.isActiveMatchOptions;
|
|
135
|
+
return this.router.isActive(element.link, routerLinkActiveOptions);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
MenuColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MenuColumnsComponent, deps: [{ token: i1.StarpiMenuService }, { token: i2.Router }, { token: MENU_SHARED_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
139
|
+
MenuColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: MenuColumnsComponent, selector: "menu-columns", inputs: { direction: "direction", hideSelectedCustomId: "hideSelectedCustomId", strapiGroupBase: "strapiGroupBase", strapiDataLocation: "strapiDataLocation", labelsVisible: "labelsVisible", showChildren: "showChildren", menuItemGroups: "menuItemGroups" }, ngImport: i0, template: "<ng-container *ngFor=\"let group of mergedGroups\">\r\n <menu-item-list *ngIf=\"group.items.length\" [activeItem]=\"activeItem\" [direction]=\"direction\" (toggleExpand)=\"elementExpanded($event)\"\r\n [labelsVisible]=\"labelsVisible\" [menuItemGroup]=\"group\" [items]=\"group.items\" [showChildren]=\"showChildren\">\r\n </menu-item-list>\r\n <div class=\"divider\" *ngIf=\"group.bottomDivider\">\r\n <mat-divider></mat-divider>\r\n </div>\r\n</ng-container>\r\n", styles: [":host{display:inline-block}:host menu-item-list{display:block}\n"], components: [{ type: i3.MenuItemListComponent, selector: "menu-item-list", inputs: ["direction", "labelsVisible", "activeItem", "showIcons", "showChildren", "items", "menuItemGroup"], outputs: ["toggleExpand"] }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MenuColumnsComponent, decorators: [{
|
|
141
|
+
type: Component,
|
|
142
|
+
args: [{ selector: 'menu-columns', template: "<ng-container *ngFor=\"let group of mergedGroups\">\r\n <menu-item-list *ngIf=\"group.items.length\" [activeItem]=\"activeItem\" [direction]=\"direction\" (toggleExpand)=\"elementExpanded($event)\"\r\n [labelsVisible]=\"labelsVisible\" [menuItemGroup]=\"group\" [items]=\"group.items\" [showChildren]=\"showChildren\">\r\n </menu-item-list>\r\n <div class=\"divider\" *ngIf=\"group.bottomDivider\">\r\n <mat-divider></mat-divider>\r\n </div>\r\n</ng-container>\r\n", styles: [":host{display:inline-block}:host menu-item-list{display:block}\n"] }]
|
|
143
|
+
}], ctorParameters: function () { return [{ type: i1.StarpiMenuService }, { type: i2.Router }, { type: undefined, decorators: [{
|
|
144
|
+
type: Optional
|
|
145
|
+
}, {
|
|
146
|
+
type: Inject,
|
|
147
|
+
args: [MENU_SHARED_CONFIG]
|
|
148
|
+
}] }]; }, propDecorators: { direction: [{
|
|
149
|
+
type: Input
|
|
150
|
+
}], hideSelectedCustomId: [{
|
|
151
|
+
type: Input
|
|
152
|
+
}], strapiGroupBase: [{
|
|
153
|
+
type: Input
|
|
154
|
+
}], strapiDataLocation: [{
|
|
155
|
+
type: Input
|
|
156
|
+
}], labelsVisible: [{
|
|
157
|
+
type: Input
|
|
158
|
+
}], showChildren: [{
|
|
159
|
+
type: Input
|
|
160
|
+
}], menuItemGroups: [{
|
|
161
|
+
type: Input
|
|
162
|
+
}] } });
|
|
163
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1jb2x1bW5zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWNvbHVtbnMvbWVudS1jb2x1bW5zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWNvbHVtbnMvbWVudS1jb2x1bW5zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBcUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBd0IsYUFBYSxFQUFVLE1BQU0saUJBQWlCLENBQUM7QUFDOUUsT0FBTyxFQUFFLE1BQU0sRUFBZ0IsTUFBTSxNQUFNLENBQUM7QUFDNUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFJNUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFFL0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOENBQThDLENBQUM7Ozs7Ozs7QUFPbEYsTUFBTSxPQUFPLG9CQUFvQjtJQTRDL0IsWUFBK0IsYUFBZ0MsRUFDMUMsTUFBYyxFQUMwQixnQkFBa0M7UUFGaEUsa0JBQWEsR0FBYixhQUFhLENBQW1CO1FBQzFDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDMEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQTVDdEYsY0FBUyxHQUF3QixtQkFBbUIsQ0FBQyxNQUFNLENBQUM7UUFDNUQseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBQzdCLG9CQUFlLEdBQXNCLEVBQUUsQ0FBQztRQUN4Qyx1QkFBa0IsR0FBdUIsa0JBQWtCLENBQUMsR0FBRyxDQUFDO1FBQ2hFLGtCQUFhLEdBQUcsSUFB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SUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUM7UUFFbkwsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLHVCQUF1QixDQUFDLENBQUM7SUFDckUsQ0FBQzs7aUhBdkpVLG9CQUFvQix5RUE4Q1Qsa0JBQWtCO3FHQTlDN0Isb0JBQW9CLG9UQ2hCakMsNGVBUUE7MkZEUWEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OzBCQWtEckIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxrQkFBa0I7NENBNUMvQixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBYU8sY0FBYztzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IElzQWN0aXZlTWF0Y2hPcHRpb25zLCBOYXZpZ2F0aW9uRW5kLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBmaWx0ZXIsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBNRU5VX1NIQVJFRF9DT05GSUcgfSBmcm9tICcuLi8uLi9pbmplY3Rpb24tdG9rZW5zJztcclxuaW1wb3J0IHsgQ3VzdG9tTWVudUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvY3VzdG9tLW1lbnUtaXRlbSc7XHJcbmltcG9ydCB7IE1lbnVJdGVtR3JvdXAsIE1lbnVJdGVtR3JvdXBCYXNlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL21lbnUtaXRlbS1ncm91cC5tb2RlbCc7XHJcbmltcG9ydCB7IE1lbnVTaGFyZWRDb25maWcgfSBmcm9tICcuLi8uLi9tb2RlbHMvbWVudS1zaGFyZWQtY29uZmlnLm1vZGVsJztcclxuaW1wb3J0IHsgTWVudUxheW91dERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscy9tZW51LWxheW91dC1kaXJlY3Rpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBTdGFycGlNZW51U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N0cmFwaS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU3RyYXBpRGF0YUxvY2F0aW9uIH0gZnJvbSAnLi4vbmF2LWJhc2UvbW9kZWxzL3N0cmFwaS1kYXRhLWxvY2F0aW9uLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZW51LWNvbHVtbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LWNvbHVtbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtY29sdW1ucy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51Q29sdW1uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgQElucHV0KCkgZGlyZWN0aW9uOiBNZW51TGF5b3V0RGlyZWN0aW9uID0gTWVudUxheW91dERpcmVjdGlvbi5jb2x1bW47XHJcbiAgQElucHV0KCkgaGlkZVNlbGVjdGVkQ3VzdG9tSWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzdHJhcGlHcm91cEJhc2U6IE1lbnVJdGVtR3JvdXBCYXNlID0ge307XHJcbiAgQElucHV0KCkgc3RyYXBpRGF0YUxvY2F0aW9uOiBTdHJhcGlEYXRhTG9jYXRpb24gPSBTdHJhcGlEYXRhTG9jYXRpb24uRU5EO1xyXG4gIEBJbnB1dCgpIGxhYmVsc1Zpc2libGUgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNob3dDaGlsZHJlbiE6IGJvb2xlYW47XHJcblxyXG4gIGFjdGl2ZUl0ZW0hOiBDdXN0b21NZW51SXRlbSB8IG51bGw7XHJcblxyXG4gIGdldCBjdXN0b21JZCgpIHtcclxuICAgIHJldHVybiB0aGlzLm1lbnVTaGFyZWRDb25maWc/LmN1c3RvbUlkO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfc3RyYXBpR3JvdXAhOiBNZW51SXRlbUdyb3VwO1xyXG4gIGdldCBzdHJhcGlHcm91cCgpIHsgcmV0dXJuIHRoaXMuX3N0cmFwaUdyb3VwOyB9XHJcblxyXG4gIHByaXZhdGUgX21lbnVJdGVtR3JvdXBzOiBNZW51SXRlbUdyb3VwW10gPSBbXTtcclxuICBnZXQgbWVudUl0ZW1Hcm91cHMoKSB7IHJldHVybiB0aGlzLl9tZW51SXRlbUdyb3VwczsgfVxyXG4gIEBJbnB1dCgpIHNldCBtZW51SXRlbUdyb3Vwcyhncm91cHM6IE1lbnVJdGVtR3JvdXBbXSkge1xyXG4gICAgdGhpcy5fbWVudUl0ZW1Hcm91cHMgPSBncm91cHMgPz8gW107XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHN1YnNjcmliZWRUb1N0cmFwaSA9IGZhbHNlO1xyXG4gIHByaXZhdGUgc3RyYXBpSXRlbXM6IEN1c3RvbU1lbnVJdGVtW10gPSBbXTtcclxuICBwcml2YXRlIF9tZXJnZWRHcm91cHM6IE1lbnVJdGVtR3JvdXBbXSA9IFtdO1xyXG4gIGdldCBtZXJnZWRHcm91cHMoKSB7IHJldHVybiB0aGlzLl9tZXJnZWRHcm91cHM7IH1cclxuXHJcbiAgZ2V0IGFsbFJvb3RJdGVtcygpOiBDdXN0b21NZW51SXRlbVtdIHtcclxuICAgIGNvbnN0IGFsbEl0ZW1zID0gdGhpcy5tZXJnZWRHcm91cHMubWFwKG1hcCA9PiBtYXAuaXRlbXMpO1xyXG4gICAgbGV0IG5ld0FycmF5OiBDdXN0b21NZW51SXRlbVtdID0gW107XHJcbiAgICBhbGxJdGVtcy5mb3JFYWNoKChhcnJheSkgPT4geyBuZXdBcnJheSA9IG5ld0FycmF5LmNvbmNhdChhcnJheSkgfSk7XHJcbiAgICByZXR1cm4gbmV3QXJyYXk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IHN1YnNjcmlwdGlvbnM6IFN1YnNjcmlwdGlvbltdID0gW107XHJcbiAgcHJpdmF0ZSByZWFkb25seSBpc0FjdGl2ZU1hdGNoT3B0aW9uczogSXNBY3RpdmVNYXRjaE9wdGlvbnMgPSB7XHJcbiAgICBtYXRyaXhQYXJhbXM6ICdleGFjdCcsXHJcbiAgICBxdWVyeVBhcmFtczogJ2V4YWN0JyxcclxuICAgIHBhdGhzOiAnZXhhY3QnLFxyXG4gICAgZnJhZ21lbnQ6ICdleGFjdCdcclxuICB9O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgcmVhZG9ubHkgc3RyYXBpU2VydmljZTogU3RhcnBpTWVudVNlcnZpY2UsXHJcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KE1FTlVfU0hBUkVEX0NPTkZJRykgcHJvdGVjdGVkIHJlYWRvbmx5IG1lbnVTaGFyZWRDb25maWc6IE1lbnVTaGFyZWRDb25maWcpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpYmVPblJvdXRlQ2hhbmdlKCk7XHJcbiAgICB0aGlzLmdldFN0cmFwaURhdGEoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmZvckVhY2goc3ViID0+IHN1Yi51bnN1YnNjcmliZSgpKTtcclxuXHJcbiAgICBpZiAodGhpcy5zdWJzY3JpYmVkVG9TdHJhcGkpIHtcclxuICAgICAgdGhpcy5zdHJhcGlTZXJ2aWNlLnVuc3Vic2NyaWJlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBlbGVtZW50RXhwYW5kZWQoZWxlbWVudDogQ3VzdG9tTWVudUl0ZW0pIHtcclxuICAgIGlmICghdGhpcy5hY3RpdmVJdGVtKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIC8vIGlmIGFjdGl2ZSBpdGVtIGlzIGV4cGFuZGVkLCBtb3N0IGxpa2VseSBzb21lIG9mIGhpcyBjaGlsZCBzaG91bGQgYmUgYWN0aXZlLCBvciBpZiBpdCBpcyBjb2xsYXBzZWQsIG1vc3QgbGlrZWx5IHBhcmVudCBzaG91bGQgYmUgYWN0aXZlIGlmIG5vIHJvdXRlIGNoYW5nZS5cclxuICAgIGlmIChlbGVtZW50ICE9PSB0aGlzLmFjdGl2ZUl0ZW0gJiYgIWVsZW1lbnQuY2hpbGRyZW4/LmluY2x1ZGVzKHRoaXMuYWN0aXZlSXRlbSkpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgdGhpcy5jaGFuZ2VBY3RpdmVFbGVtZW50KCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldFN0cmFwaURhdGEoKSB7XHJcbiAgICBpZiAoIXRoaXMubWVudVNoYXJlZENvbmZpZz8uZGlzYWJsZVN0cmFwaSkge1xyXG4gICAgICB0aGlzLnN1YnNjcmliZWRUb1N0cmFwaSA9IHRydWU7XHJcbiAgICAgIHRoaXMuc3RyYXBpU2VydmljZS5nZXRNZW51SXRlbXMoKS5zdWJzY3JpYmUodGhpcy5sb2FkRGF0YS5iaW5kKHRoaXMpKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgbG9hZERhdGEoZGF0YTogQ3VzdG9tTWVudUl0ZW1bXSkge1xyXG4gICAgLy8gaGlkZSBjdXN0b20gaWQgYmFzZWQgb24gaW5wdXQgcGFyYW1cclxuICAgIHRoaXMuc3RyYXBpSXRlbXMgPSAodGhpcy5oaWRlU2VsZWN0ZWRDdXN0b21JZCAmJiB0aGlzLmN1c3RvbUlkKSA/IGRhdGEuZmlsdGVyKGl0ZW0gPT4gaXRlbS5jdXN0b21JZCAhPT0gdGhpcy5jdXN0b21JZCkgOiBkYXRhO1xyXG4gICAgdGhpcy5fc3RyYXBpR3JvdXAgPSB7XHJcbiAgICAgIC4uLnRoaXMuc3RyYXBpR3JvdXBCYXNlLFxyXG4gICAgICBpdGVtczogdGhpcy5zdHJhcGlJdGVtc1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLnN0cmFwaURhdGFMb2NhdGlvbiA9PT0gU3RyYXBpRGF0YUxvY2F0aW9uLlNUQVJUKSB7XHJcbiAgICAgIHRoaXMuX21lcmdlZEdyb3VwcyA9IFt0aGlzLnN0cmFwaUdyb3VwLCAuLi50aGlzLm1lbnVJdGVtR3JvdXBzXTtcclxuICAgIH1cclxuICAgIGVsc2UgaWYgKHRoaXMuc3RyYXBpRGF0YUxvY2F0aW9uID09PSBTdHJhcGlEYXRhTG9jYXRpb24uRU5EKSB7XHJcbiAgICAgIHRoaXMuX21lcmdlZEdyb3VwcyA9IFsuLi50aGlzLm1lbnVJdGVtR3JvdXBzLCB0aGlzLnN0cmFwaUdyb3VwXTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmNoYW5nZUFjdGl2ZUVsZW1lbnQoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc3Vic2NyaWJlT25Sb3V0ZUNoYW5nZSgpIHtcclxuICAgIGNvbnN0IHN1YnNjcmlwdGlvbiA9IHRoaXMucm91dGVyLmV2ZW50c1xyXG4gICAgICAucGlwZShmaWx0ZXIoZSA9PiBlIGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4geyB0aGlzLmNoYW5nZUFjdGl2ZUVsZW1lbnQoKTsgfSk7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMucHVzaChzdWJzY3JpcHRpb24pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBjaGFuZ2VBY3RpdmVFbGVtZW50KCkge1xyXG4gICAgdGhpcy5hY3RpdmVJdGVtID0gdGhpcy5maW5kQWN0aXZlRWxlbWVudCh0aGlzLmFsbFJvb3RJdGVtcyk7XHJcbiAgfVxyXG5cclxuXHJcbiAgLyoqIEZpbmRzIGFjdGl2ZSBlbGVtZW50IGZyb20gd2hvbGUgbGlzdC4gUm91dGVyTGluayBoYXMgcHJpb3JpdHkgb3ZlciBjdXN0b20gSWQuICovXHJcbiAgLy8gYXQgdGhpcyB2ZXJzaW9uLCBjaGlsZCBlbGVtZW50cyBzaG91bGQgbm90IGhhdmUgY3VzdG9tSWQsIHNpbmNlIHRoYXQgcHJvcGVydHkgY29tZXMgZnJvbSBzdHJhcGkgYW5kIHN0cmFwaSBwcm92aWRlcyBvbmx5IG9uZSBsZXZlbCBzdHJ1Y3R1cmVcclxuICBwcml2YXRlIGZpbmRBY3RpdmVFbGVtZW50KGxpc3Q/OiAoQ3VzdG9tTWVudUl0ZW0pW10pOiBDdXN0b21NZW51SXRlbSB8IG51bGwge1xyXG4gICAgaWYgKCFsaXN0KSB7XHJcbiAgICAgIHJldHVybiBudWxsO1xyXG4gICAgfVxyXG5cclxuICAgIGxldCBjdXN0b21JZEVsZW1lbnQ6IEN1c3RvbU1lbnVJdGVtIHwgbnVsbCA9IG51bGw7XHJcbiAgICBmb3IgKGNvbnN0IGl0ZW0gb2YgbGlzdCkge1xyXG4gICAgICAvLyBDaGlsZCBlbGVtZW50IGhhcyBwcmlvcml0eSBvdmVyIHBhcmVudCwgc28gbmVlZCB0byBjaGVjayBpZiBhbnkgY2hpbGQgaXMgYWN0aXZlXHJcbiAgICAgIGlmICh0aGlzLmlzRWxlbWVudFJvdXRlckxpbmtBY3RpdmUoaXRlbSkpIHtcclxuICAgICAgICAvLyBJZiBoYXMgY2hpbGRyZW4gYW5kIHRoZXkgYXJlIHZpc2libGUsIHJldHVybiBhY3RpdmUgY2hpbGQgb3IgY3VycmVudCBpdGVtXHJcbiAgICAgICAgcmV0dXJuIHRoaXMuc2hvd0NoaWxkcmVuICYmIGl0ZW0uZXhwYW5kZWQgPyB0aGlzLmZpbmRBY3RpdmVFbGVtZW50KGl0ZW0uY2hpbGRyZW4pID8/IGl0ZW0gOiBpdGVtO1xyXG4gICAgICB9XHJcbiAgICAgIC8vIGlmIHNlbGVjdGVkIGN1c3RvbSBpZCBlbGVtZW50IGlzIGhpZGRlbiwgbm8gbmVlZCB0byBsb29rIGZvciBpdCBhbmQgc2V0IGl0IHRvIGFjdGl2ZTtcclxuICAgICAgZWxzZSBpZiAoIXRoaXMuaGlkZVNlbGVjdGVkQ3VzdG9tSWQgJiYgdGhpcy5pc0VsZW1lbnRDdXN0b21JZEFjdGl2ZShpdGVtKSkge1xyXG4gICAgICAgIGN1c3RvbUlkRWxlbWVudCA9IGl0ZW07XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSBpZiAodGhpcy5zaG93Q2hpbGRyZW4gJiYgaXRlbS5jaGlsZHJlbj8ubGVuZ3RoKSB7XHJcbiAgICAgICAgY29uc3QgYWN0aXZlQ2hpbGQgPSB0aGlzLmZpbmRBY3RpdmVFbGVtZW50KGl0ZW0uY2hpbGRyZW4pO1xyXG4gICAgICAgIGlmIChhY3RpdmVDaGlsZCkge1xyXG4gICAgICAgICAgcmV0dXJuIGFjdGl2ZUNoaWxkO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIGN1c3RvbUlkRWxlbWVudDtcclxuICB9XHJcblxyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XHJcbiAgLy8gcHJpdmF0ZSBpc01lbnVJdGVtKGl0ZW06IGFueSk6IGl0ZW0gaXMgTWVudUl0ZW1zIHtcclxuICAvLyAgIHJldHVybiBpdGVtLmN1c3RvbUlkO1xyXG4gIC8vIH1cclxuXHJcbiAgcHJpdmF0ZSBpc0VsZW1lbnRDdXN0b21JZEFjdGl2ZShlbGVtZW50OiBDdXN0b21NZW51SXRlbSkge1xyXG4gICAgcmV0dXJuIHRoaXMuY3VzdG9tSWQgJiYgZWxlbWVudC5jdXN0b21JZCA9PT0gdGhpcy5jdXN0b21JZDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgaXNFbGVtZW50Um91dGVyTGlua0FjdGl2ZShlbGVtZW50OiBDdXN0b21NZW51SXRlbSkge1xyXG4gICAgY29uc3Qgcm91dGVyTGlua0FjdGl2ZU9wdGlvbnM6IElzQWN0aXZlTWF0Y2hPcHRpb25zID0gKGVsZW1lbnQgYXMgQ3VzdG9tTWVudUl0ZW0pLnJvdXRlckxpbmtBY3RpdmVPcHRpb25zID8/IHRoaXMubWVudVNoYXJlZENvbmZpZy5hY3RpdmVNYXRjaE9wdGlvbnMgPz8gdGhpcy5pc0FjdGl2ZU1hdGNoT3B0aW9ucztcclxuXHJcbiAgICByZXR1cm4gdGhpcy5yb3V0ZXIuaXNBY3RpdmUoZWxlbWVudC5saW5rLCByb3V0ZXJMaW5rQWN0aXZlT3B0aW9ucyk7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwIG9mIG1lcmdlZEdyb3Vwc1wiPlxyXG4gICAgPG1lbnUtaXRlbS1saXN0ICpuZ0lmPVwiZ3JvdXAuaXRlbXMubGVuZ3RoXCIgW2FjdGl2ZUl0ZW1dPVwiYWN0aXZlSXRlbVwiIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCIgKHRvZ2dsZUV4cGFuZCk9XCJlbGVtZW50RXhwYW5kZWQoJGV2ZW50KVwiXHJcbiAgICAgICAgW2xhYmVsc1Zpc2libGVdPVwibGFiZWxzVmlzaWJsZVwiIFttZW51SXRlbUdyb3VwXT1cImdyb3VwXCIgW2l0ZW1zXT1cImdyb3VwLml0ZW1zXCIgW3Nob3dDaGlsZHJlbl09XCJzaG93Q2hpbGRyZW5cIj5cclxuICAgIDwvbWVudS1pdGVtLWxpc3Q+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiICpuZ0lmPVwiZ3JvdXAuYm90dG9tRGl2aWRlclwiPlxyXG4gICAgICAgIDxtYXQtZGl2aWRlcj48L21hdC1kaXZpZGVyPlxyXG4gICAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import { menuLogo } from '../../assets/menu-logo.svg';
|
|
3
|
+
import { MenuLayoutDirection } from '../../models';
|
|
4
|
+
import { NavBaseComponent } from '../nav-base/nav-base.component';
|
|
5
|
+
import { TitlePlacement } from './menu.model';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@tilde-nlp/ngx-common";
|
|
8
|
+
import * as i2 from "@angular/router";
|
|
9
|
+
import * as i3 from "@angular/material/button";
|
|
10
|
+
import * as i4 from "@angular/material/icon";
|
|
11
|
+
import * as i5 from "@angular/material/menu";
|
|
12
|
+
import * as i6 from "../modal-nav-menu/modal-nav-menu.component";
|
|
13
|
+
import * as i7 from "@angular/flex-layout/flex";
|
|
14
|
+
import * as i8 from "@angular/common";
|
|
15
|
+
import * as i9 from "@ngx-translate/core";
|
|
16
|
+
export class MenuItemIconComponent extends NavBaseComponent {
|
|
17
|
+
constructor(iconService, router) {
|
|
18
|
+
super();
|
|
19
|
+
this.iconService = iconService;
|
|
20
|
+
this.router = router;
|
|
21
|
+
this.menuSettings = {
|
|
22
|
+
titlePlacement: TitlePlacement.left
|
|
23
|
+
};
|
|
24
|
+
this.menuDialogSettings = {
|
|
25
|
+
showMenuTitle: true,
|
|
26
|
+
disableStrapi: true,
|
|
27
|
+
fullScreen: true
|
|
28
|
+
};
|
|
29
|
+
this.showChildren = true;
|
|
30
|
+
this.direction = MenuLayoutDirection.row;
|
|
31
|
+
this.subscription = [];
|
|
32
|
+
this.iconName = 'tld-menu-icon';
|
|
33
|
+
this.TITLE_PLACEMENT_NONE = TitlePlacement.none;
|
|
34
|
+
this.TITLE_PLACEMENT_LEFT = TitlePlacement.left;
|
|
35
|
+
this.PLAUSIBLE_EVENT = {
|
|
36
|
+
eventId: "burger_click"
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
ngOnInit() {
|
|
40
|
+
const routeChangeSub = this.router.events.subscribe(() => this.closeMenu());
|
|
41
|
+
this.subscription.push(routeChangeSub);
|
|
42
|
+
this.registerIcon();
|
|
43
|
+
}
|
|
44
|
+
closeMenu() {
|
|
45
|
+
this.menuTrigger?.closeMenu();
|
|
46
|
+
}
|
|
47
|
+
ngOnDestroy() {
|
|
48
|
+
this.subscription.forEach(e => e.unsubscribe());
|
|
49
|
+
}
|
|
50
|
+
registerIcon() {
|
|
51
|
+
if (this.menuSettings.iconPath) {
|
|
52
|
+
this.iconService.registerIconFromUrl(this.iconName, this.menuSettings.iconPath);
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
this.iconService.registerIcons({ [this.iconName]: menuLogo });
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
MenuItemIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MenuItemIconComponent, deps: [{ token: i1.IconService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
MenuItemIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: MenuItemIconComponent, selector: "lib-menu-item-icon", inputs: { menuSettings: "menuSettings", menuDialogSettings: "menuDialogSettings", showChildren: "showChildren", direction: "direction" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"content text-l\" mat-button [disableRipple]=\"true\" #menuTrigger=\"matMenuTrigger\"\r\n [matMenuTriggerFor]=\"menu\" [libPlausibleEvent]=\"PLAUSIBLE_EVENT\">\r\n <span fxLayout=\"row\" fxLayoutGap=\"1.5em\" fxLayoutAlign=\"center center\">\r\n <span *ngIf=\"menuSettings.titlePlacement !== TITLE_PLACEMENT_NONE\" [fxFlexOrder]=\"\r\n menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 1 : 2\r\n \" class=\"menu-label\">{{ \"MENU.MENU\" | translate }}</span>\r\n <mat-icon [fxFlexOrder]=\"\r\n menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 2 : 1\r\n \" [svgIcon]=\"iconName\">\r\n </mat-icon>\r\n </span>\r\n</button>\r\n\r\n<mat-menu [hasBackdrop]=\"true\" #menu class=\"mobile-menu-dialog {{\r\n menuDialogSettings.fullScreen ? 'full-screen' : 'minimized-screen'\r\n }}\">\r\n <!-- Click method so that menu does not get closed when clicking outside of items-->\r\n <lib-modal-nav-menu (click)=\"$event.stopPropagation()\" (closeButtonClick)=\"closeMenu()\" [menuDialogSettings]=\"menuDialogSettings\" [direction]=\"direction\"\r\n [hideSelectedCustomId]=\"hideSelectedCustomId\" [showChildren]=\"showChildren\" [strapiGroupBase]=\"strapiGroupBase\"\r\n [strapiDataLocation]=\"strapiDataLocation\" [menuItemGroups]=\"menuItemGroups\">\r\n <ng-content top select=\"[top]\"></ng-content>\r\n <ng-content bottom select=\"[bottom]\"></ng-content>\r\n </lib-modal-nav-menu>\r\n</mat-menu>\r\n", styles: [".content{gap:1.5em;cursor:pointer}button.mat-icon-button{width:inherit}:host::ng-deep button span.mat-button-focus-overlay{opacity:0!important}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen{width:100%}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen .menu-list-wrapper .menu-item{width:100%}::ng-deep div:has(.mat-menu-panel.mobile-menu-dialog.full-screen){width:100%;max-width:100%}::ng-deep .mat-menu-panel.mobile-menu-dialog.full-screen{width:100vw;margin-top:-2.5em;max-width:none}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i6.ModalNavMenuComponent, selector: "lib-modal-nav-menu", inputs: ["menuDialogSettings", "showChildren"], outputs: ["closeButtonClick"] }], directives: [{ type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i1.PlausibleEventDirective, selector: "[libPlausibleEvent]", inputs: ["libPlausibleEvent"] }, { type: i7.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.DefaultFlexOrderDirective, selector: " [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md], [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md], [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm], [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }], pipes: { "translate": i9.TranslatePipe } });
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MenuItemIconComponent, decorators: [{
|
|
62
|
+
type: Component,
|
|
63
|
+
args: [{ selector: 'lib-menu-item-icon', template: "<button class=\"content text-l\" mat-button [disableRipple]=\"true\" #menuTrigger=\"matMenuTrigger\"\r\n [matMenuTriggerFor]=\"menu\" [libPlausibleEvent]=\"PLAUSIBLE_EVENT\">\r\n <span fxLayout=\"row\" fxLayoutGap=\"1.5em\" fxLayoutAlign=\"center center\">\r\n <span *ngIf=\"menuSettings.titlePlacement !== TITLE_PLACEMENT_NONE\" [fxFlexOrder]=\"\r\n menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 1 : 2\r\n \" class=\"menu-label\">{{ \"MENU.MENU\" | translate }}</span>\r\n <mat-icon [fxFlexOrder]=\"\r\n menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 2 : 1\r\n \" [svgIcon]=\"iconName\">\r\n </mat-icon>\r\n </span>\r\n</button>\r\n\r\n<mat-menu [hasBackdrop]=\"true\" #menu class=\"mobile-menu-dialog {{\r\n menuDialogSettings.fullScreen ? 'full-screen' : 'minimized-screen'\r\n }}\">\r\n <!-- Click method so that menu does not get closed when clicking outside of items-->\r\n <lib-modal-nav-menu (click)=\"$event.stopPropagation()\" (closeButtonClick)=\"closeMenu()\" [menuDialogSettings]=\"menuDialogSettings\" [direction]=\"direction\"\r\n [hideSelectedCustomId]=\"hideSelectedCustomId\" [showChildren]=\"showChildren\" [strapiGroupBase]=\"strapiGroupBase\"\r\n [strapiDataLocation]=\"strapiDataLocation\" [menuItemGroups]=\"menuItemGroups\">\r\n <ng-content top select=\"[top]\"></ng-content>\r\n <ng-content bottom select=\"[bottom]\"></ng-content>\r\n </lib-modal-nav-menu>\r\n</mat-menu>\r\n", styles: [".content{gap:1.5em;cursor:pointer}button.mat-icon-button{width:inherit}:host::ng-deep button span.mat-button-focus-overlay{opacity:0!important}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen{width:100%}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen .menu-list-wrapper .menu-item{width:100%}::ng-deep div:has(.mat-menu-panel.mobile-menu-dialog.full-screen){width:100%;max-width:100%}::ng-deep .mat-menu-panel.mobile-menu-dialog.full-screen{width:100vw;margin-top:-2.5em;max-width:none}\n"] }]
|
|
64
|
+
}], ctorParameters: function () { return [{ type: i1.IconService }, { type: i2.Router }]; }, propDecorators: { menuTrigger: [{
|
|
65
|
+
type: ViewChild,
|
|
66
|
+
args: ['menuTrigger']
|
|
67
|
+
}], menuSettings: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], menuDialogSettings: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], showChildren: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], direction: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}] } });
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL21lbnUtaXRlbS1pY29uL21lbnUtaXRlbS1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWl0ZW0taWNvbi9tZW51LWl0ZW0taWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSy9FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDbkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbEUsT0FBTyxFQUF3QyxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7Ozs7Ozs7O0FBTXBGLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxnQkFBZ0I7SUF1QnpELFlBQTZCLFdBQXdCLEVBQ2xDLE1BQWM7UUFDL0IsS0FBSyxFQUFFLENBQUM7UUFGbUIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDbEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQXRCeEIsaUJBQVksR0FBcUI7WUFDeEMsY0FBYyxFQUFFLGNBQWMsQ0FBQyxJQUFJO1NBQ3BDLENBQUE7UUFDUSx1QkFBa0IsR0FBdUI7WUFDaEQsYUFBYSxFQUFFLElBQUk7WUFDbkIsYUFBYSxFQUFFLElBQUk7WUFDbkIsVUFBVSxFQUFFLElBQUk7U0FDakIsQ0FBQTtRQUNRLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRVgsY0FBUyxHQUFHLG1CQUFtQixDQUFDLEdBQUcsQ0FBQztRQUV0RCxpQkFBWSxHQUFtQixFQUFFLENBQUM7UUFFekIsYUFBUSxHQUFHLGVBQWUsQ0FBQztRQUMzQix5QkFBb0IsR0FBRyxjQUFjLENBQUMsSUFBSSxDQUFDO1FBQzNDLHlCQUFvQixHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUM7UUFDM0Msb0JBQWUsR0FBbUI7WUFDekMsT0FBTyxFQUFFLGNBQWM7U0FDeEIsQ0FBQztJQU1GLENBQUM7SUFDRCxRQUFRO1FBQ04sTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzVFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFTyxZQUFZO1FBQ2xCLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDakY7YUFDSTtZQUNILElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztTQUMvRDtJQUNILENBQUM7O2tIQWpEVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix1VUNkbEMsbzhDQXdCQTsyRkRWYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usb0JBQW9CO3VIQUtKLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFDZixZQUFZO3NCQUFwQixLQUFLO2dCQUdHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVZLFNBQVM7c0JBQTFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdE1lbnVUcmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEljb25TZXJ2aWNlLCBQbGF1c2libGVFdmVudCB9IGZyb20gJ0B0aWxkZS1ubHAvbmd4LWNvbW1vbic7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBtZW51TG9nbyB9IGZyb20gJy4uLy4uL2Fzc2V0cy9tZW51LWxvZ28uc3ZnJztcclxuaW1wb3J0IHsgTWVudUxheW91dERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcbmltcG9ydCB7IE5hdkJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9uYXYtYmFzZS9uYXYtYmFzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNZW51RGlhbG9nU2V0dGluZ3MsIE1lbnVJdGVtU2V0dGluZ3MsIFRpdGxlUGxhY2VtZW50IH0gZnJvbSAnLi9tZW51Lm1vZGVsJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItbWVudS1pdGVtLWljb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LWl0ZW0taWNvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS1pdGVtLWljb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVudUl0ZW1JY29uQ29tcG9uZW50IGV4dGVuZHMgTmF2QmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBAVmlld0NoaWxkKCdtZW51VHJpZ2dlcicpIG1lbnVUcmlnZ2VyOiBNYXRNZW51VHJpZ2dlciB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBtZW51U2V0dGluZ3M6IE1lbnVJdGVtU2V0dGluZ3MgPSB7XHJcbiAgICB0aXRsZVBsYWNlbWVudDogVGl0bGVQbGFjZW1lbnQubGVmdFxyXG4gIH1cclxuICBASW5wdXQoKSBtZW51RGlhbG9nU2V0dGluZ3M6IE1lbnVEaWFsb2dTZXR0aW5ncyA9IHtcclxuICAgIHNob3dNZW51VGl0bGU6IHRydWUsXHJcbiAgICBkaXNhYmxlU3RyYXBpOiB0cnVlLFxyXG4gICAgZnVsbFNjcmVlbjogdHJ1ZVxyXG4gIH1cclxuICBASW5wdXQoKSBzaG93Q2hpbGRyZW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKSBvdmVycmlkZSBkaXJlY3Rpb24gPSBNZW51TGF5b3V0RGlyZWN0aW9uLnJvdztcclxuXHJcbiAgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb25bXSA9IFtdO1xyXG5cclxuICByZWFkb25seSBpY29uTmFtZSA9ICd0bGQtbWVudS1pY29uJztcclxuICByZWFkb25seSBUSVRMRV9QTEFDRU1FTlRfTk9ORSA9IFRpdGxlUGxhY2VtZW50Lm5vbmU7XHJcbiAgcmVhZG9ubHkgVElUTEVfUExBQ0VNRU5UX0xFRlQgPSBUaXRsZVBsYWNlbWVudC5sZWZ0O1xyXG4gIHJlYWRvbmx5IFBMQVVTSUJMRV9FVkVOVDogUGxhdXNpYmxlRXZlbnQgPSB7XHJcbiAgICBldmVudElkOiBcImJ1cmdlcl9jbGlja1wiXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBpY29uU2VydmljZTogSWNvblNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJvdXRlcjogUm91dGVyKSB7XHJcbiAgICBzdXBlcigpO1xyXG5cclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCByb3V0ZUNoYW5nZVN1YiA9IHRoaXMucm91dGVyLmV2ZW50cy5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jbG9zZU1lbnUoKSk7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5wdXNoKHJvdXRlQ2hhbmdlU3ViKTtcclxuICAgIHRoaXMucmVnaXN0ZXJJY29uKCk7XHJcbiAgfVxyXG5cclxuICBjbG9zZU1lbnUoKTogdm9pZCB7XHJcbiAgICB0aGlzLm1lbnVUcmlnZ2VyPy5jbG9zZU1lbnUoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24uZm9yRWFjaChlID0+IGUudW5zdWJzY3JpYmUoKSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHJlZ2lzdGVySWNvbigpIHtcclxuICAgIGlmICh0aGlzLm1lbnVTZXR0aW5ncy5pY29uUGF0aCkge1xyXG4gICAgICB0aGlzLmljb25TZXJ2aWNlLnJlZ2lzdGVySWNvbkZyb21VcmwodGhpcy5pY29uTmFtZSwgdGhpcy5tZW51U2V0dGluZ3MuaWNvblBhdGgpO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMuaWNvblNlcnZpY2UucmVnaXN0ZXJJY29ucyh7IFt0aGlzLmljb25OYW1lXTogbWVudUxvZ28gfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8YnV0dG9uIGNsYXNzPVwiY29udGVudCB0ZXh0LWxcIiBtYXQtYnV0dG9uIFtkaXNhYmxlUmlwcGxlXT1cInRydWVcIiAjbWVudVRyaWdnZXI9XCJtYXRNZW51VHJpZ2dlclwiXHJcbiAgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIiBbbGliUGxhdXNpYmxlRXZlbnRdPVwiUExBVVNJQkxFX0VWRU5UXCI+XHJcbiAgPHNwYW4gZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEdhcD1cIjEuNWVtXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cclxuICAgIDxzcGFuICpuZ0lmPVwibWVudVNldHRpbmdzLnRpdGxlUGxhY2VtZW50ICE9PSBUSVRMRV9QTEFDRU1FTlRfTk9ORVwiIFtmeEZsZXhPcmRlcl09XCJcclxuICAgICAgICBtZW51U2V0dGluZ3MudGl0bGVQbGFjZW1lbnQgPT09IFRJVExFX1BMQUNFTUVOVF9MRUZUID8gMSA6IDJcclxuICAgICAgXCIgY2xhc3M9XCJtZW51LWxhYmVsXCI+e3sgXCJNRU5VLk1FTlVcIiB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgIDxtYXQtaWNvbiBbZnhGbGV4T3JkZXJdPVwiXHJcbiAgICAgICAgbWVudVNldHRpbmdzLnRpdGxlUGxhY2VtZW50ID09PSBUSVRMRV9QTEFDRU1FTlRfTEVGVCA/IDIgOiAxXHJcbiAgICAgIFwiIFtzdmdJY29uXT1cImljb25OYW1lXCI+XHJcbiAgICA8L21hdC1pY29uPlxyXG4gIDwvc3Bhbj5cclxuPC9idXR0b24+XHJcblxyXG48bWF0LW1lbnUgW2hhc0JhY2tkcm9wXT1cInRydWVcIiAjbWVudSBjbGFzcz1cIm1vYmlsZS1tZW51LWRpYWxvZyB7e1xyXG4gICAgbWVudURpYWxvZ1NldHRpbmdzLmZ1bGxTY3JlZW4gPyAnZnVsbC1zY3JlZW4nIDogJ21pbmltaXplZC1zY3JlZW4nXHJcbiAgfX1cIj5cclxuICA8IS0tIENsaWNrIG1ldGhvZCBzbyB0aGF0IG1lbnUgZG9lcyBub3QgZ2V0IGNsb3NlZCB3aGVuIGNsaWNraW5nIG91dHNpZGUgb2YgaXRlbXMtLT5cclxuICA8bGliLW1vZGFsLW5hdi1tZW51IChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIiAoY2xvc2VCdXR0b25DbGljayk9XCJjbG9zZU1lbnUoKVwiICBbbWVudURpYWxvZ1NldHRpbmdzXT1cIm1lbnVEaWFsb2dTZXR0aW5nc1wiIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCJcclxuICAgIFtoaWRlU2VsZWN0ZWRDdXN0b21JZF09XCJoaWRlU2VsZWN0ZWRDdXN0b21JZFwiIFtzaG93Q2hpbGRyZW5dPVwic2hvd0NoaWxkcmVuXCIgW3N0cmFwaUdyb3VwQmFzZV09XCJzdHJhcGlHcm91cEJhc2VcIlxyXG4gICAgW3N0cmFwaURhdGFMb2NhdGlvbl09XCJzdHJhcGlEYXRhTG9jYXRpb25cIiBbbWVudUl0ZW1Hcm91cHNdPVwibWVudUl0ZW1Hcm91cHNcIj5cclxuICAgIDxuZy1jb250ZW50IHRvcCBzZWxlY3Q9XCJbdG9wXVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50IGJvdHRvbSBzZWxlY3Q9XCJbYm90dG9tXVwiPjwvbmctY29udGVudD5cclxuICA8L2xpYi1tb2RhbC1uYXYtbWVudT5cclxuPC9tYXQtbWVudT5cclxuIl19
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from './models/menu-dialog-settings.model';
|
|
2
|
+
export * from './models/menu-item-settings.model';
|
|
3
|
+
export * from './models/menu-title-placement.model';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWl0ZW0taWNvbi9tZW51Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFDQUFxQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb2RlbHMvbWVudS1kaWFsb2ctc2V0dGluZ3MubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL21vZGVscy9tZW51LWl0ZW0tc2V0dGluZ3MubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL21vZGVscy9tZW51LXRpdGxlLXBsYWNlbWVudC5tb2RlbCc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1kaWFsb2ctc2V0dGluZ3MubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbWVudS9zcmMvbGliL2NvbXBvbmVudHMvbWVudS1pdGVtLWljb24vbW9kZWxzL21lbnUtZGlhbG9nLXNldHRpbmdzLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuZXhwb3J0IGludGVyZmFjZSBNZW51RGlhbG9nU2V0dGluZ3Mge1xyXG4gIGRpc2FibGVTdHJhcGk/OiBib29sZWFuO1xyXG4gIC8vIFRPRE86IEZ1bGxzY3JlZW4gbm90IHJlYWxseSB3b3JraW5nIGFuZCBuZWVkIHRvIHJlZmFjdG9yL2ZpeCB0aGlzLiBOb3Qgd29ya2luZyBvbiBGRlxyXG4gIGZ1bGxTY3JlZW4/OiBib29sZWFuO1xyXG4gIHNob3dNZW51VGl0bGU/OiBib29sZWFuO1xyXG4gIC8qKiBJbWFnZSBzcmMgZm9yIGxvZ28gaW4gc2FtZSByb3cgYXMgY2xvc2UgYnV0dG9uICovXHJcbiAgbG9nbz86IHN0cmluZztcclxuICBzaG93Q2xvc2VNZW51QnV0dG9uPzogYm9vbGVhbjtcclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLXNldHRpbmdzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL21lbnUtaXRlbS1pY29uL21vZGVscy9tZW51LWl0ZW0tc2V0dGluZ3MubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRpdGxlUGxhY2VtZW50IH0gZnJvbSBcIi4vbWVudS10aXRsZS1wbGFjZW1lbnQubW9kZWxcIjtcclxuXHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtU2V0dGluZ3Mge1xyXG4gIHRpdGxlUGxhY2VtZW50OiBUaXRsZVBsYWNlbWVudDtcclxuICAvKiogQ3VzdG9tIGljb24gcGF0aC4gTmVlZHMgdG8gYmUgc3ZnICovXHJcbiAgaWNvblBhdGg/OiBzdHJpbmc7XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export var TitlePlacement;
|
|
2
|
+
(function (TitlePlacement) {
|
|
3
|
+
TitlePlacement["none"] = "none";
|
|
4
|
+
TitlePlacement["left"] = "left";
|
|
5
|
+
TitlePlacement["right"] = "right";
|
|
6
|
+
})(TitlePlacement || (TitlePlacement = {}));
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10aXRsZS1wbGFjZW1lbnQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbWVudS9zcmMvbGliL2NvbXBvbmVudHMvbWVudS1pdGVtLWljb24vbW9kZWxzL21lbnUtdGl0bGUtcGxhY2VtZW50Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGNBSVg7QUFKRCxXQUFZLGNBQWM7SUFDeEIsK0JBQWEsQ0FBQTtJQUNiLCtCQUFhLENBQUE7SUFDYixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFKVyxjQUFjLEtBQWQsY0FBYyxRQUl6QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFRpdGxlUGxhY2VtZW50IHtcclxuICBub25lID0gJ25vbmUnLFxyXG4gIGxlZnQgPSAnbGVmdCcsXHJcbiAgcmlnaHQgPSAncmlnaHQnXHJcbn1cclxuIl19
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { MENU_ICON_STRAPI_EXTENSION } from '../../models/menu-icon-strapi-extension.const';
|
|
3
|
+
import { MenuLayoutDirection } from '../../models/menu-layout-direction.model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@tilde-nlp/ngx-strapi";
|
|
6
|
+
import * as i2 from "@angular/material/icon";
|
|
7
|
+
import * as i3 from "@angular/common";
|
|
8
|
+
import * as i4 from "@angular/flex-layout/flex";
|
|
9
|
+
import * as i5 from "@angular/material/tooltip";
|
|
10
|
+
import * as i6 from "@tilde-nlp/ngx-common";
|
|
11
|
+
import * as i7 from "@ngx-translate/core";
|
|
12
|
+
export class MenuItemListComponent {
|
|
13
|
+
constructor(strapiLinkService) {
|
|
14
|
+
this.strapiLinkService = strapiLinkService;
|
|
15
|
+
this.direction = MenuLayoutDirection.column;
|
|
16
|
+
this.labelsVisible = true;
|
|
17
|
+
this.showIcons = true;
|
|
18
|
+
this.showChildren = true;
|
|
19
|
+
this.items = [];
|
|
20
|
+
this.toggleExpand = new EventEmitter();
|
|
21
|
+
this.svgExtension = MENU_ICON_STRAPI_EXTENSION;
|
|
22
|
+
}
|
|
23
|
+
get titleKey() {
|
|
24
|
+
return this.menuItemGroup?.title;
|
|
25
|
+
}
|
|
26
|
+
get showTitle() {
|
|
27
|
+
return this.menuItemGroup?.showTitle;
|
|
28
|
+
}
|
|
29
|
+
get menuLayoutDirection() {
|
|
30
|
+
return this.direction === MenuLayoutDirection.column
|
|
31
|
+
? 'start center'
|
|
32
|
+
: (!this.labelsVisible ? 'start center' : 'start start');
|
|
33
|
+
}
|
|
34
|
+
get menuItemLayout() {
|
|
35
|
+
return this.direction === MenuLayoutDirection.column ? 'column' : 'row';
|
|
36
|
+
}
|
|
37
|
+
linkClick(event, item) {
|
|
38
|
+
this.strapiLinkService.strapiLinkClick(event, item.externalLink);
|
|
39
|
+
}
|
|
40
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
41
|
+
isIconMediaType(icon) {
|
|
42
|
+
return typeof icon !== "string";
|
|
43
|
+
}
|
|
44
|
+
toggleItemExpand(event, menuItem) {
|
|
45
|
+
// so menu doesnt get closed.
|
|
46
|
+
event.stopPropagation();
|
|
47
|
+
menuItem.expanded = !menuItem.expanded;
|
|
48
|
+
this.toggleExpand.next(menuItem);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
MenuItemListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MenuItemListComponent, deps: [{ token: i1.StrapiLinkService }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
MenuItemListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: MenuItemListComponent, selector: "menu-item-list", inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", showChildren: "showChildren", items: "items", menuItemGroup: "menuItemGroup" }, outputs: { toggleExpand: "toggleExpand" }, ngImport: i0, template: "<div class=\"menu-list-wrapper\">\r\n <div *ngIf=\"titleKey && showTitle && labelsVisible\" fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n {{ titleKey | translate }}\r\n </div>\r\n <div fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\" class=\"menu-item-list\">\r\n <ng-container *ngFor=\"let menuItem of items\">\r\n <ng-container\r\n *ngTemplateOutlet=\"!showChildren || !menuItem.children || menuItem.children.length === 0 ? menuItemLink : itemWithChildren; context: {menuItem: menuItem}\">\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n <button [fxLayout]=\"menuItemLayout\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" fxLayoutGap=\"0.375rem\"\r\n [class.active-menu-item]=\"menuItem === activeItem\" (click)=\"toggleItemExpand($event,menuItem)\">\r\n <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n <ng-template\r\n *ngTemplateOutlet=\"isIconMediaType(menuItem.icon) ? iconImgTemplate : svgIconTemplate; context: { menuItem:menuItem }\">\r\n </ng-template>\r\n </ng-container>\r\n <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n <span class=\"title-content\">{{ menuItem.title | translate }}</span></span>\r\n <span class=\"material-icons\" *ngIf=\"showChildren && menuItem.children\">\r\n {{menuItem.expanded? 'expand_more' : 'navigate_next'}}\r\n </span>\r\n </button>\r\n <ng-container *ngIf=\"showChildren && menuItem.expanded\">\r\n <menu-item-list class=\"child-list\" *ngIf=\"menuItem.children && menuItem.children.length\" [items]=\"menuItem.children\"\r\n [direction]=\"direction\" [labelsVisible]=\"labelsVisible\" [activeItem]=\"activeItem\" [showIcons]=\"false\">\r\n </menu-item-list>\r\n </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n <a [libPlausibleEvent]=\"menuItem.plausibleEvent\" [fxLayout]=\"menuItemLayout\"\r\n [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" (click)=\"linkClick($event, menuItem)\"\r\n [href]=\"menuItem.link\" [attr.target]=\"menuItem.externalLink?'_blank': '_self'\" fxLayoutGap=\"0.375rem\"\r\n [class.active-menu-item]=\"menuItem === activeItem\">\r\n <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n <ng-template\r\n *ngTemplateOutlet=\"isIconMediaType(menuItem.icon) ? iconImgTemplate : svgIconTemplate; context: { menuItem:menuItem }\">\r\n </ng-template>\r\n </ng-container>\r\n <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n <span class=\"title-content\" [attr.content]=\"menuItem.title | translate\">\r\n {{ menuItem.title | translate}}\r\n </span>\r\n </span>\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #iconImgTemplate let-icon=\"menuItem.icon\">\r\n <mat-icon class=\"menu-icon\" *ngIf=\"icon.ext===svgExtension; else nonSvgTemplate;\" [svgIcon]=\"icon.name\"></mat-icon>\r\n <ng-template #nonSvgTemplate>\r\n <img class=\"menu-icon\" [src]=\"icon.url\" [alt]=\"icon.alternativeText\" />\r\n </ng-template>\r\n</ng-template>\r\n\r\n\r\n<ng-template #svgIconTemplate let-menuItem=\"menuItem\">\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"menuItem.icon\" *ngIf=\"!menuItem.materialIcon; else materialIcon;\"></mat-icon>\r\n <ng-template #materialIcon>\r\n <mat-icon class=\"menu-icon\">{{menuItem.icon}}</mat-icon>\r\n </ng-template>\r\n</ng-template>\r\n", styles: [":host{margin:1em 0;display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item-list-title{margin-bottom:1em;font-size:1rem;font-weight:500;line-height:1.5rem}:host::ng-deep .menu-list-wrapper .text-center{text-align:center}:host::ng-deep .menu-list-wrapper .menu-item{cursor:pointer;font-family:Inter;font-style:normal;color:var(--base-30);text-decoration:none;align-items:center!important;font-weight:400;background:none;border:none}:host::ng-deep .menu-list-wrapper .menu-item:focus-visible{outline:black solid 2px}:host::ng-deep .menu-list-wrapper .menu-item:hover{font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item+.menu-item{margin-top:1.5625em}:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{color:var(--primary-accent)!important}:host::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;flex-grow:100;align-items:start}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{display:block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content:before{display:block;content:attr(content);font-weight:600;height:0;overflow:hidden;visibility:hidden}:host::ng-deep .menu-list-wrapper .menu-icon{color:var(--base-40);margin:auto;min-width:24px;min-height:24px;max-width:24px;max-height:24px}:host.child-list{margin-top:1rem;margin-bottom:1rem}:host.child-list .menu-item+.menu-item{margin-top:.5rem}::ng-deep .menu-tooltip{left:.625rem;font-family:Roboto;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--base-70);border-radius:.25rem;position:relative}::ng-deep .menu-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--menu-border-dark-color);left:-.75rem;top:calc(50% - .25rem);transform:rotate(270deg);overflow:initial}menu-item-list{padding-left:3rem;margin:0}\n"], components: [{ type: MenuItemListComponent, selector: "menu-item-list", inputs: ["direction", "labelsVisible", "activeItem", "showIcons", "showChildren", "items", "menuItemGroup"], outputs: ["toggleExpand"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i6.PlausibleEventDirective, selector: "[libPlausibleEvent]", inputs: ["libPlausibleEvent"] }], pipes: { "translate": i7.TranslatePipe } });
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MenuItemListComponent, decorators: [{
|
|
54
|
+
type: Component,
|
|
55
|
+
args: [{ selector: 'menu-item-list', template: "<div class=\"menu-list-wrapper\">\r\n <div *ngIf=\"titleKey && showTitle && labelsVisible\" fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n {{ titleKey | translate }}\r\n </div>\r\n <div fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\" class=\"menu-item-list\">\r\n <ng-container *ngFor=\"let menuItem of items\">\r\n <ng-container\r\n *ngTemplateOutlet=\"!showChildren || !menuItem.children || menuItem.children.length === 0 ? menuItemLink : itemWithChildren; context: {menuItem: menuItem}\">\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n <button [fxLayout]=\"menuItemLayout\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" fxLayoutGap=\"0.375rem\"\r\n [class.active-menu-item]=\"menuItem === activeItem\" (click)=\"toggleItemExpand($event,menuItem)\">\r\n <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n <ng-template\r\n *ngTemplateOutlet=\"isIconMediaType(menuItem.icon) ? iconImgTemplate : svgIconTemplate; context: { menuItem:menuItem }\">\r\n </ng-template>\r\n </ng-container>\r\n <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n <span class=\"title-content\">{{ menuItem.title | translate }}</span></span>\r\n <span class=\"material-icons\" *ngIf=\"showChildren && menuItem.children\">\r\n {{menuItem.expanded? 'expand_more' : 'navigate_next'}}\r\n </span>\r\n </button>\r\n <ng-container *ngIf=\"showChildren && menuItem.expanded\">\r\n <menu-item-list class=\"child-list\" *ngIf=\"menuItem.children && menuItem.children.length\" [items]=\"menuItem.children\"\r\n [direction]=\"direction\" [labelsVisible]=\"labelsVisible\" [activeItem]=\"activeItem\" [showIcons]=\"false\">\r\n </menu-item-list>\r\n </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n <a [libPlausibleEvent]=\"menuItem.plausibleEvent\" [fxLayout]=\"menuItemLayout\"\r\n [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" (click)=\"linkClick($event, menuItem)\"\r\n [href]=\"menuItem.link\" [attr.target]=\"menuItem.externalLink?'_blank': '_self'\" fxLayoutGap=\"0.375rem\"\r\n [class.active-menu-item]=\"menuItem === activeItem\">\r\n <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n <ng-template\r\n *ngTemplateOutlet=\"isIconMediaType(menuItem.icon) ? iconImgTemplate : svgIconTemplate; context: { menuItem:menuItem }\">\r\n </ng-template>\r\n </ng-container>\r\n <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n <span class=\"title-content\" [attr.content]=\"menuItem.title | translate\">\r\n {{ menuItem.title | translate}}\r\n </span>\r\n </span>\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #iconImgTemplate let-icon=\"menuItem.icon\">\r\n <mat-icon class=\"menu-icon\" *ngIf=\"icon.ext===svgExtension; else nonSvgTemplate;\" [svgIcon]=\"icon.name\"></mat-icon>\r\n <ng-template #nonSvgTemplate>\r\n <img class=\"menu-icon\" [src]=\"icon.url\" [alt]=\"icon.alternativeText\" />\r\n </ng-template>\r\n</ng-template>\r\n\r\n\r\n<ng-template #svgIconTemplate let-menuItem=\"menuItem\">\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"menuItem.icon\" *ngIf=\"!menuItem.materialIcon; else materialIcon;\"></mat-icon>\r\n <ng-template #materialIcon>\r\n <mat-icon class=\"menu-icon\">{{menuItem.icon}}</mat-icon>\r\n </ng-template>\r\n</ng-template>\r\n", styles: [":host{margin:1em 0;display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item-list-title{margin-bottom:1em;font-size:1rem;font-weight:500;line-height:1.5rem}:host::ng-deep .menu-list-wrapper .text-center{text-align:center}:host::ng-deep .menu-list-wrapper .menu-item{cursor:pointer;font-family:Inter;font-style:normal;color:var(--base-30);text-decoration:none;align-items:center!important;font-weight:400;background:none;border:none}:host::ng-deep .menu-list-wrapper .menu-item:focus-visible{outline:black solid 2px}:host::ng-deep .menu-list-wrapper .menu-item:hover{font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item+.menu-item{margin-top:1.5625em}:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{color:var(--primary-accent)!important}:host::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;flex-grow:100;align-items:start}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{display:block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content:before{display:block;content:attr(content);font-weight:600;height:0;overflow:hidden;visibility:hidden}:host::ng-deep .menu-list-wrapper .menu-icon{color:var(--base-40);margin:auto;min-width:24px;min-height:24px;max-width:24px;max-height:24px}:host.child-list{margin-top:1rem;margin-bottom:1rem}:host.child-list .menu-item+.menu-item{margin-top:.5rem}::ng-deep .menu-tooltip{left:.625rem;font-family:Roboto;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--base-70);border-radius:.25rem;position:relative}::ng-deep .menu-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--menu-border-dark-color);left:-.75rem;top:calc(50% - .25rem);transform:rotate(270deg);overflow:initial}menu-item-list{padding-left:3rem;margin:0}\n"] }]
|
|
56
|
+
}], ctorParameters: function () { return [{ type: i1.StrapiLinkService }]; }, propDecorators: { direction: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], labelsVisible: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], activeItem: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], showIcons: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], showChildren: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], items: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], menuItemGroup: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], toggleExpand: [{
|
|
71
|
+
type: Output
|
|
72
|
+
}] } });
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL21lbnUtaXRlbS1saXN0L21lbnUtaXRlbS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWl0ZW0tbGlzdC9tZW51LWl0ZW0tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSXZFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBRTNGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7Ozs7QUFPL0UsTUFBTSxPQUFPLHFCQUFxQjtJQWdDaEMsWUFBNkIsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUEvQnhELGNBQVMsR0FBd0IsbUJBQW1CLENBQUMsTUFBTSxDQUFDO1FBQzVELGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBRXJCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFcEIsVUFBSyxHQUFxQixFQUFFLENBQUM7UUFHNUIsaUJBQVksR0FBaUMsSUFBSSxZQUFZLEVBQWtCLENBQUM7UUFVakYsaUJBQVksR0FBRywwQkFBMEIsQ0FBQztJQVlrQixDQUFDO0lBcEJ0RSxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsU0FBUyxDQUFDO0lBQ3ZDLENBQUM7SUFJRCxJQUFJLG1CQUFtQjtRQUNyQixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssbUJBQW1CLENBQUMsTUFBTTtZQUNsRCxDQUFDLENBQUMsY0FBYztZQUNoQixDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssbUJBQW1CLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUMxRSxDQUFDO0lBSUQsU0FBUyxDQUFDLEtBQWlCLEVBQUUsSUFBb0I7UUFDL0MsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFRCw4REFBOEQ7SUFDOUQsZUFBZSxDQUFDLElBQVM7UUFDdkIsT0FBTyxPQUFPLElBQUksS0FBSyxRQUFRLENBQUM7SUFDbEMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQWlCLEVBQUUsUUFBd0I7UUFDMUQsNkJBQTZCO1FBQzdCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixRQUFRLENBQUMsUUFBUSxHQUFHLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQztRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuQyxDQUFDOztrSEFoRFUscUJBQXFCO3NHQUFyQixxQkFBcUIscVNDYmxDLCswSEFzRUEsNm5FRHpEYSxxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7d0dBS2pCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RyYXBpTGlua1NlcnZpY2UgfSBmcm9tICdAdGlsZGUtbmxwL25neC1zdHJhcGknO1xyXG5pbXBvcnQgeyBNZWRpYSB9IGZyb20gJ0B0aWxkZS1ubHAvc3RyYXBpLW1vZGVscyc7XHJcbmltcG9ydCB7IEN1c3RvbU1lbnVJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2N1c3RvbS1tZW51LWl0ZW0nO1xyXG5pbXBvcnQgeyBNRU5VX0lDT05fU1RSQVBJX0VYVEVOU0lPTiB9IGZyb20gJy4uLy4uL21vZGVscy9tZW51LWljb24tc3RyYXBpLWV4dGVuc2lvbi5jb25zdCc7XHJcbmltcG9ydCB7IE1lbnVJdGVtR3JvdXBCYXNlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL21lbnUtaXRlbS1ncm91cC5tb2RlbCc7XHJcbmltcG9ydCB7IE1lbnVMYXlvdXREaXJlY3Rpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvbWVudS1sYXlvdXQtZGlyZWN0aW9uLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVudS1pdGVtLWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LWl0ZW0tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS1pdGVtLWxpc3QuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVudUl0ZW1MaXN0Q29tcG9uZW50IHtcclxuICBASW5wdXQoKSBkaXJlY3Rpb246IE1lbnVMYXlvdXREaXJlY3Rpb24gPSBNZW51TGF5b3V0RGlyZWN0aW9uLmNvbHVtbjtcclxuICBASW5wdXQoKSBsYWJlbHNWaXNpYmxlID0gdHJ1ZTtcclxuICBASW5wdXQoKSBhY3RpdmVJdGVtITogQ3VzdG9tTWVudUl0ZW0gfCBudWxsO1xyXG4gIEBJbnB1dCgpIHNob3dJY29ucyA9IHRydWU7XHJcbiAgQElucHV0KCkgc2hvd0NoaWxkcmVuID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KCkgaXRlbXM6IEN1c3RvbU1lbnVJdGVtW10gPSBbXTtcclxuICBASW5wdXQoKSBtZW51SXRlbUdyb3VwITogTWVudUl0ZW1Hcm91cEJhc2U7XHJcblxyXG4gIEBPdXRwdXQoKSB0b2dnbGVFeHBhbmQ6IEV2ZW50RW1pdHRlcjxDdXN0b21NZW51SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyPEN1c3RvbU1lbnVJdGVtPigpO1xyXG5cclxuICBnZXQgdGl0bGVLZXkoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5tZW51SXRlbUdyb3VwPy50aXRsZTtcclxuICB9XHJcblxyXG4gIGdldCBzaG93VGl0bGUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5tZW51SXRlbUdyb3VwPy5zaG93VGl0bGU7XHJcbiAgfVxyXG5cclxuICByZWFkb25seSBzdmdFeHRlbnNpb24gPSBNRU5VX0lDT05fU1RSQVBJX0VYVEVOU0lPTjtcclxuXHJcbiAgZ2V0IG1lbnVMYXlvdXREaXJlY3Rpb24oKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmRpcmVjdGlvbiA9PT0gTWVudUxheW91dERpcmVjdGlvbi5jb2x1bW5cclxuICAgICAgPyAnc3RhcnQgY2VudGVyJ1xyXG4gICAgICA6ICghdGhpcy5sYWJlbHNWaXNpYmxlID8gJ3N0YXJ0IGNlbnRlcicgOiAnc3RhcnQgc3RhcnQnKTtcclxuICB9XHJcblxyXG4gIGdldCBtZW51SXRlbUxheW91dCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZGlyZWN0aW9uID09PSBNZW51TGF5b3V0RGlyZWN0aW9uLmNvbHVtbiA/ICdjb2x1bW4nIDogJ3Jvdyc7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHN0cmFwaUxpbmtTZXJ2aWNlOiBTdHJhcGlMaW5rU2VydmljZSkgeyB9XHJcblxyXG4gIGxpbmtDbGljayhldmVudDogTW91c2VFdmVudCwgaXRlbTogQ3VzdG9tTWVudUl0ZW0pIHtcclxuICAgIHRoaXMuc3RyYXBpTGlua1NlcnZpY2Uuc3RyYXBpTGlua0NsaWNrKGV2ZW50LCBpdGVtLmV4dGVybmFsTGluayk7XHJcbiAgfVxyXG5cclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIGlzSWNvbk1lZGlhVHlwZShpY29uOiBhbnkpOiBpY29uIGlzIE1lZGlhIHtcclxuICAgIHJldHVybiB0eXBlb2YgaWNvbiAhPT0gXCJzdHJpbmdcIjtcclxuICB9XHJcblxyXG4gIHRvZ2dsZUl0ZW1FeHBhbmQoZXZlbnQ6IE1vdXNlRXZlbnQsIG1lbnVJdGVtOiBDdXN0b21NZW51SXRlbSkge1xyXG4gICAgLy8gc28gbWVudSBkb2VzbnQgZ2V0IGNsb3NlZC5cclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgbWVudUl0ZW0uZXhwYW5kZWQgPSAhbWVudUl0ZW0uZXhwYW5kZWQ7XHJcbiAgICB0aGlzLnRvZ2dsZUV4cGFuZC5uZXh0KG1lbnVJdGVtKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1lbnUtbGlzdC13cmFwcGVyXCI+XHJcbiAgPGRpdiAqbmdJZj1cInRpdGxlS2V5ICYmIHNob3dUaXRsZSAmJiBsYWJlbHNWaXNpYmxlXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwibWVudS1pdGVtLWxpc3QtdGl0bGVcIj5cclxuICAgIHt7IHRpdGxlS2V5IHwgdHJhbnNsYXRlIH19XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIFtmeExheW91dEFsaWduXT1cIm1lbnVMYXlvdXREaXJlY3Rpb25cIiBjbGFzcz1cIm1lbnUtaXRlbS1saXN0XCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBtZW51SXRlbSBvZiBpdGVtc1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCIhc2hvd0NoaWxkcmVuIHx8ICFtZW51SXRlbS5jaGlsZHJlbiB8fCBtZW51SXRlbS5jaGlsZHJlbi5sZW5ndGggPT09IDAgPyBtZW51SXRlbUxpbmsgOiBpdGVtV2l0aENoaWxkcmVuOyBjb250ZXh0OiB7bWVudUl0ZW06IG1lbnVJdGVtfVwiPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaXRlbVdpdGhDaGlsZHJlbiBsZXQtbWVudUl0ZW09XCJtZW51SXRlbVwiPlxyXG4gIDxidXR0b24gW2Z4TGF5b3V0XT1cIm1lbnVJdGVtTGF5b3V0XCIgW2NsYXNzLnRleHQtY2VudGVyXT1cIm1lbnVJdGVtTGF5b3V0ID09PSAnY29sdW1uJ1wiIGNsYXNzPVwidGV4dC1tIG1lbnUtaXRlbVwiXHJcbiAgICBbbWF0VG9vbHRpcF09XCIhbGFiZWxzVmlzaWJsZSA/IChtZW51SXRlbS50aXRsZSB8IHRyYW5zbGF0ZSkgOiAnJ1wiIG1hdFRvb2x0aXBQb3NpdGlvbj1cImFmdGVyXCJcclxuICAgIFtmeExheW91dEFsaWduXT1cIm1lbnVMYXlvdXREaXJlY3Rpb25cIiBtYXRUb29sdGlwQ2xhc3M9XCJtZW51LXRvb2x0aXBcIiBmeExheW91dEdhcD1cIjAuMzc1cmVtXCJcclxuICAgIFtjbGFzcy5hY3RpdmUtbWVudS1pdGVtXT1cIm1lbnVJdGVtID09PSBhY3RpdmVJdGVtXCIgKGNsaWNrKT1cInRvZ2dsZUl0ZW1FeHBhbmQoJGV2ZW50LG1lbnVJdGVtKVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dJY29ucyAmJiBtZW51SXRlbS5pY29uXCI+XHJcbiAgICAgIDxuZy10ZW1wbGF0ZVxyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXNJY29uTWVkaWFUeXBlKG1lbnVJdGVtLmljb24pID8gaWNvbkltZ1RlbXBsYXRlIDogc3ZnSWNvblRlbXBsYXRlOyBjb250ZXh0OiB7IG1lbnVJdGVtOm1lbnVJdGVtIH1cIj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPHNwYW4gKm5nSWY9XCJsYWJlbHNWaXNpYmxlXCIgY2xhc3M9XCJtZW51LWl0ZW0tdGl0bGVcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS1jb250ZW50XCI+e3sgbWVudUl0ZW0udGl0bGUgfCB0cmFuc2xhdGUgfX08L3NwYW4+PC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiICpuZ0lmPVwic2hvd0NoaWxkcmVuICYmIG1lbnVJdGVtLmNoaWxkcmVuXCI+XHJcbiAgICAgIHt7bWVudUl0ZW0uZXhwYW5kZWQ/ICdleHBhbmRfbW9yZScgOiAnbmF2aWdhdGVfbmV4dCd9fVxyXG4gICAgPC9zcGFuPlxyXG4gIDwvYnV0dG9uPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93Q2hpbGRyZW4gJiYgbWVudUl0ZW0uZXhwYW5kZWRcIj5cclxuICAgIDxtZW51LWl0ZW0tbGlzdCBjbGFzcz1cImNoaWxkLWxpc3RcIiAqbmdJZj1cIm1lbnVJdGVtLmNoaWxkcmVuICYmIG1lbnVJdGVtLmNoaWxkcmVuLmxlbmd0aFwiIFtpdGVtc109XCJtZW51SXRlbS5jaGlsZHJlblwiXHJcbiAgICAgIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCIgW2xhYmVsc1Zpc2libGVdPVwibGFiZWxzVmlzaWJsZVwiIFthY3RpdmVJdGVtXT1cImFjdGl2ZUl0ZW1cIiBbc2hvd0ljb25zXT1cImZhbHNlXCI+XHJcbiAgICA8L21lbnUtaXRlbS1saXN0PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNtZW51SXRlbUxpbmsgbGV0LW1lbnVJdGVtPVwibWVudUl0ZW1cIj5cclxuICA8YSBbbGliUGxhdXNpYmxlRXZlbnRdPVwibWVudUl0ZW0ucGxhdXNpYmxlRXZlbnRcIiBbZnhMYXlvdXRdPVwibWVudUl0ZW1MYXlvdXRcIlxyXG4gICAgW2NsYXNzLnRleHQtY2VudGVyXT1cIm1lbnVJdGVtTGF5b3V0ID09PSAnY29sdW1uJ1wiIGNsYXNzPVwidGV4dC1tIG1lbnUtaXRlbVwiXHJcbiAgICBbbWF0VG9vbHRpcF09XCIhbGFiZWxzVmlzaWJsZSA/IChtZW51SXRlbS50aXRsZSB8IHRyYW5zbGF0ZSkgOiAnJ1wiIG1hdFRvb2x0aXBQb3NpdGlvbj1cImFmdGVyXCJcclxuICAgIFtmeExheW91dEFsaWduXT1cIm1lbnVMYXlvdXREaXJlY3Rpb25cIiBtYXRUb29sdGlwQ2xhc3M9XCJtZW51LXRvb2x0aXBcIiAoY2xpY2spPVwibGlua0NsaWNrKCRldmVudCwgbWVudUl0ZW0pXCJcclxuICAgIFtocmVmXT1cIm1lbnVJdGVtLmxpbmtcIiBbYXR0ci50YXJnZXRdPVwibWVudUl0ZW0uZXh0ZXJuYWxMaW5rPydfYmxhbmsnOiAnX3NlbGYnXCIgZnhMYXlvdXRHYXA9XCIwLjM3NXJlbVwiXHJcbiAgICBbY2xhc3MuYWN0aXZlLW1lbnUtaXRlbV09XCJtZW51SXRlbSA9PT0gYWN0aXZlSXRlbVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dJY29ucyAmJiBtZW51SXRlbS5pY29uXCI+XHJcbiAgICAgIDxuZy10ZW1wbGF0ZVxyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXNJY29uTWVkaWFUeXBlKG1lbnVJdGVtLmljb24pID8gaWNvbkltZ1RlbXBsYXRlIDogc3ZnSWNvblRlbXBsYXRlOyBjb250ZXh0OiB7IG1lbnVJdGVtOm1lbnVJdGVtIH1cIj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPHNwYW4gKm5nSWY9XCJsYWJlbHNWaXNpYmxlXCIgY2xhc3M9XCJtZW51LWl0ZW0tdGl0bGVcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS1jb250ZW50XCIgW2F0dHIuY29udGVudF09XCJtZW51SXRlbS50aXRsZSB8IHRyYW5zbGF0ZVwiPlxyXG4gICAgICAgIHt7IG1lbnVJdGVtLnRpdGxlIHwgdHJhbnNsYXRlfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvYT5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaWNvbkltZ1RlbXBsYXRlIGxldC1pY29uPVwibWVudUl0ZW0uaWNvblwiPlxyXG4gIDxtYXQtaWNvbiBjbGFzcz1cIm1lbnUtaWNvblwiICpuZ0lmPVwiaWNvbi5leHQ9PT1zdmdFeHRlbnNpb247IGVsc2Ugbm9uU3ZnVGVtcGxhdGU7XCIgW3N2Z0ljb25dPVwiaWNvbi5uYW1lXCI+PC9tYXQtaWNvbj5cclxuICA8bmctdGVtcGxhdGUgI25vblN2Z1RlbXBsYXRlPlxyXG4gICAgPGltZyBjbGFzcz1cIm1lbnUtaWNvblwiIFtzcmNdPVwiaWNvbi51cmxcIiBbYWx0XT1cImljb24uYWx0ZXJuYXRpdmVUZXh0XCIgLz5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjc3ZnSWNvblRlbXBsYXRlIGxldC1tZW51SXRlbT1cIm1lbnVJdGVtXCI+XHJcbiAgPG1hdC1pY29uIGNsYXNzPVwibWVudS1pY29uXCIgW3N2Z0ljb25dPVwibWVudUl0ZW0uaWNvblwiICpuZ0lmPVwiIW1lbnVJdGVtLm1hdGVyaWFsSWNvbjsgZWxzZSBtYXRlcmlhbEljb247XCI+PC9tYXQtaWNvbj5cclxuICA8bmctdGVtcGxhdGUgI21hdGVyaWFsSWNvbj5cclxuICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1lbnUtaWNvblwiPnt7bWVudUl0ZW0uaWNvbn19PC9tYXQtaWNvbj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../menu-columns/menu-columns.component";
|
|
4
|
+
// TODO. REMOVE THIS COMPONENT IN FUTURE, SINCE IT IS JUST WRAPPER FOR MENU-COLUMN WITH RESTRICTED FUNCTIONALITY.
|
|
5
|
+
export class MenuStrapiItemListComponent {
|
|
6
|
+
}
|
|
7
|
+
MenuStrapiItemListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MenuStrapiItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
MenuStrapiItemListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: MenuStrapiItemListComponent, selector: "lib-menu-strapi-item-list", inputs: { direction: "direction" }, ngImport: i0, template: "<menu-columns [direction]=\"direction\"></menu-columns>", styles: [""], components: [{ type: i1.MenuColumnsComponent, selector: "menu-columns", inputs: ["direction", "hideSelectedCustomId", "strapiGroupBase", "strapiDataLocation", "labelsVisible", "showChildren", "menuItemGroups"] }] });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MenuStrapiItemListComponent, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ selector: 'lib-menu-strapi-item-list', template: "<menu-columns [direction]=\"direction\"></menu-columns>", styles: [""] }]
|
|
12
|
+
}], propDecorators: { direction: [{
|
|
13
|
+
type: Input
|
|
14
|
+
}] } });
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1zdHJhcGktaXRlbS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LXN0cmFwaS1pdGVtLWxpc3QvbWVudS1zdHJhcGktaXRlbS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LXN0cmFwaS1pdGVtLWxpc3QvbWVudS1zdHJhcGktaXRlbS1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTakQsaUhBQWlIO0FBQ2pILE1BQU0sT0FBTywyQkFBMkI7O3dIQUEzQiwyQkFBMkI7NEdBQTNCLDJCQUEyQixxR0NWeEMseURBQXFEOzJGRFV4QywyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0UsMkJBQTJCOzhCQVE1QixTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNZW51TGF5b3V0RGlyZWN0aW9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLW1lbnUtc3RyYXBpLWl0ZW0tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUtc3RyYXBpLWl0ZW0tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS1zdHJhcGktaXRlbS1saXN0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5cclxuLy8gVE9ETy4gUkVNT1ZFIFRISVMgQ09NUE9ORU5UIElOIEZVVFVSRSwgU0lOQ0UgSVQgSVMgSlVTVCBXUkFQUEVSIEZPUiBNRU5VLUNPTFVNTiBXSVRIIFJFU1RSSUNURUQgRlVOQ1RJT05BTElUWS5cclxuZXhwb3J0IGNsYXNzIE1lbnVTdHJhcGlJdGVtTGlzdENvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGRpcmVjdGlvbiE6IE1lbnVMYXlvdXREaXJlY3Rpb247XHJcbn1cclxuIiwiPG1lbnUtY29sdW1ucyBbZGlyZWN0aW9uXT1cImRpcmVjdGlvblwiPjwvbWVudS1jb2x1bW5zPiJdfQ==
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { NavBaseComponent } from '../nav-base/nav-base.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/icon";
|
|
5
|
+
import * as i2 from "../menu-columns/menu-columns.component";
|
|
6
|
+
import * as i3 from "@angular/flex-layout/flex";
|
|
7
|
+
import * as i4 from "@angular/common";
|
|
8
|
+
import * as i5 from "@ngx-translate/core";
|
|
9
|
+
export class ModalNavMenuComponent extends NavBaseComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
super();
|
|
12
|
+
this.menuDialogSettings = {
|
|
13
|
+
showMenuTitle: false,
|
|
14
|
+
fullScreen: true
|
|
15
|
+
};
|
|
16
|
+
this.showChildren = true;
|
|
17
|
+
// any type because emitter doesn't really need a value
|
|
18
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
19
|
+
this.closeButtonClick = new EventEmitter();
|
|
20
|
+
}
|
|
21
|
+
close() {
|
|
22
|
+
this.closeButtonClick.emit(null);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
ModalNavMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ModalNavMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
ModalNavMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: ModalNavMenuComponent, selector: "lib-modal-nav-menu", inputs: { menuDialogSettings: "menuDialogSettings", showChildren: "showChildren" }, outputs: { closeButtonClick: "closeButtonClick" }, usesInheritance: true, ngImport: i0, template: "<div class=\"content menu-modal\" fxLayout=\"row\" fxFlexFill>\r\n <div fxLayout=\"column\" [class.full-screen]=\"menuDialogSettings.fullScreen\">\r\n <div fxLayout=\"row\" class=\"menu-header\">\r\n <img [src]=\"menuDialogSettings.logo\" *ngIf=\"menuDialogSettings.logo\" alt=\"\">\r\n <span *ngIf=\"menuDialogSettings.showMenuTitle\" fxLayoutAlign=\"start center\" fxFlex>{{\r\n \"MENU.MENU\" | translate\r\n }}</span>\r\n <span *ngIf=\"menuDialogSettings.showCloseMenuButton\" (click)=\"close()\" class=\"close-icon\" fxFlex fxLayoutAlign=\"end center\">\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n </div>\r\n <ng-content select=\"[top]\"></ng-content>\r\n <menu-columns [direction]=\"direction\" [hideSelectedCustomId]=\"hideSelectedCustomId\" [showChildren]=\"showChildren\"\r\n [strapiGroupBase]=\"strapiGroupBase\" [strapiDataLocation]=\"strapiDataLocation\" [menuItemGroups]=\"menuItemGroups\">\r\n </menu-columns>\r\n <ng-content select=\"[bottom]\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".menu-modal{background-color:var(--base-100);padding:1.375rem 1.5rem}.close-icon{cursor:pointer}.menu-header{font-style:normal;font-weight:500;font-size:1.3125rem;line-height:1.75rem;text-align:center;margin-bottom:1em;color:var(--menu-dark-color)}.close-icon>mat-icon{transform:scale(1.5)}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.MenuColumnsComponent, selector: "menu-columns", inputs: ["direction", "hideSelectedCustomId", "strapiGroupBase", "strapiDataLocation", "labelsVisible", "showChildren", "menuItemGroups"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], pipes: { "translate": i5.TranslatePipe } });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ModalNavMenuComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'lib-modal-nav-menu', template: "<div class=\"content menu-modal\" fxLayout=\"row\" fxFlexFill>\r\n <div fxLayout=\"column\" [class.full-screen]=\"menuDialogSettings.fullScreen\">\r\n <div fxLayout=\"row\" class=\"menu-header\">\r\n <img [src]=\"menuDialogSettings.logo\" *ngIf=\"menuDialogSettings.logo\" alt=\"\">\r\n <span *ngIf=\"menuDialogSettings.showMenuTitle\" fxLayoutAlign=\"start center\" fxFlex>{{\r\n \"MENU.MENU\" | translate\r\n }}</span>\r\n <span *ngIf=\"menuDialogSettings.showCloseMenuButton\" (click)=\"close()\" class=\"close-icon\" fxFlex fxLayoutAlign=\"end center\">\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n </div>\r\n <ng-content select=\"[top]\"></ng-content>\r\n <menu-columns [direction]=\"direction\" [hideSelectedCustomId]=\"hideSelectedCustomId\" [showChildren]=\"showChildren\"\r\n [strapiGroupBase]=\"strapiGroupBase\" [strapiDataLocation]=\"strapiDataLocation\" [menuItemGroups]=\"menuItemGroups\">\r\n </menu-columns>\r\n <ng-content select=\"[bottom]\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".menu-modal{background-color:var(--base-100);padding:1.375rem 1.5rem}.close-icon{cursor:pointer}.menu-header{font-style:normal;font-weight:500;font-size:1.3125rem;line-height:1.75rem;text-align:center;margin-bottom:1em;color:var(--menu-dark-color)}.close-icon>mat-icon{transform:scale(1.5)}\n"] }]
|
|
30
|
+
}], ctorParameters: function () { return []; }, propDecorators: { menuDialogSettings: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], showChildren: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], closeButtonClick: [{
|
|
35
|
+
type: Output
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbmF2LW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL21vZGFsLW5hdi1tZW51L21vZGFsLW5hdi1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC1uYXYtbWVudS9tb2RhbC1uYXYtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7Ozs7O0FBT2xFLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxnQkFBZ0I7SUFXekQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVhELHVCQUFrQixHQUF1QjtZQUNoRCxhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsSUFBSTtTQUNqQixDQUFBO1FBRVEsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFDN0IsdURBQXVEO1FBQ3ZELDhEQUE4RDtRQUNwRCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBSXJELENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDOztrSEFqQlUscUJBQXFCO3NHQUFyQixxQkFBcUIsd05DVGxDLDZpQ0FrQkE7MkZEVGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjswRUFLckIsa0JBQWtCO3NCQUExQixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBR0ksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWVudURpYWxvZ1NldHRpbmdzIH0gZnJvbSAnLi4vbWVudS1pdGVtLWljb24vbW9kZWxzL21lbnUtZGlhbG9nLXNldHRpbmdzLm1vZGVsJztcclxuaW1wb3J0IHsgTmF2QmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL25hdi1iYXNlL25hdi1iYXNlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1tb2RhbC1uYXYtbWVudScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLW5hdi1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1uYXYtbWVudS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbE5hdk1lbnVDb21wb25lbnQgZXh0ZW5kcyBOYXZCYXNlQ29tcG9uZW50e1xyXG4gIEBJbnB1dCgpIG1lbnVEaWFsb2dTZXR0aW5nczogTWVudURpYWxvZ1NldHRpbmdzID0ge1xyXG4gICAgc2hvd01lbnVUaXRsZTogZmFsc2UsXHJcbiAgICBmdWxsU2NyZWVuOiB0cnVlXHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBzaG93Q2hpbGRyZW4gPSB0cnVlO1xyXG4gIC8vIGFueSB0eXBlIGJlY2F1c2UgZW1pdHRlciBkb2Vzbid0IHJlYWxseSBuZWVkIGEgdmFsdWVcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIEBPdXRwdXQoKSBjbG9zZUJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCl7XHJcbiAgICB0aGlzLmNsb3NlQnV0dG9uQ2xpY2suZW1pdChudWxsKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRlbnQgbWVudS1tb2RhbFwiIGZ4TGF5b3V0PVwicm93XCIgZnhGbGV4RmlsbD5cclxuICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgW2NsYXNzLmZ1bGwtc2NyZWVuXT1cIm1lbnVEaWFsb2dTZXR0aW5ncy5mdWxsU2NyZWVuXCI+XHJcbiAgICA8ZGl2ICBmeExheW91dD1cInJvd1wiIGNsYXNzPVwibWVudS1oZWFkZXJcIj5cclxuICAgICAgPGltZyBbc3JjXT1cIm1lbnVEaWFsb2dTZXR0aW5ncy5sb2dvXCIgKm5nSWY9XCJtZW51RGlhbG9nU2V0dGluZ3MubG9nb1wiIGFsdD1cIlwiPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cIm1lbnVEaWFsb2dTZXR0aW5ncy5zaG93TWVudVRpdGxlXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4RmxleD57e1xyXG4gICAgICAgIFwiTUVOVS5NRU5VXCIgfCB0cmFuc2xhdGVcclxuICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgPHNwYW4gKm5nSWY9XCJtZW51RGlhbG9nU2V0dGluZ3Muc2hvd0Nsb3NlTWVudUJ1dHRvblwiIChjbGljayk9XCJjbG9zZSgpXCIgY2xhc3M9XCJjbG9zZS1pY29uXCIgZnhGbGV4IGZ4TGF5b3V0QWxpZ249XCJlbmQgY2VudGVyXCI+XHJcbiAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdG9wXVwiPjwvbmctY29udGVudD5cclxuICAgIDxtZW51LWNvbHVtbnMgW2RpcmVjdGlvbl09XCJkaXJlY3Rpb25cIiBbaGlkZVNlbGVjdGVkQ3VzdG9tSWRdPVwiaGlkZVNlbGVjdGVkQ3VzdG9tSWRcIiBbc2hvd0NoaWxkcmVuXT1cInNob3dDaGlsZHJlblwiXHJcbiAgICAgIFtzdHJhcGlHcm91cEJhc2VdPVwic3RyYXBpR3JvdXBCYXNlXCIgW3N0cmFwaURhdGFMb2NhdGlvbl09XCJzdHJhcGlEYXRhTG9jYXRpb25cIiBbbWVudUl0ZW1Hcm91cHNdPVwibWVudUl0ZW1Hcm91cHNcIj5cclxuICAgIDwvbWVudS1jb2x1bW5zPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JvdHRvbV1cIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './strapi-data-location.enum';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbWVudS9zcmMvbGliL2NvbXBvbmVudHMvbmF2LWJhc2UvbW9kZWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N0cmFwaS1kYXRhLWxvY2F0aW9uLmVudW0nOyJdfQ==
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/** Necessary for menu components to determine where loaded data from strapi should be placed - either in front of pre defined items or in end. */
|
|
2
|
+
export var StrapiDataLocation;
|
|
3
|
+
(function (StrapiDataLocation) {
|
|
4
|
+
StrapiDataLocation[StrapiDataLocation["START"] = 0] = "START";
|
|
5
|
+
StrapiDataLocation[StrapiDataLocation["END"] = 1] = "END";
|
|
6
|
+
})(StrapiDataLocation || (StrapiDataLocation = {}));
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyYXBpLWRhdGEtbG9jYXRpb24uZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9uYXYtYmFzZS9tb2RlbHMvc3RyYXBpLWRhdGEtbG9jYXRpb24uZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrSkFBa0o7QUFDbEosTUFBTSxDQUFOLElBQVksa0JBR1g7QUFIRCxXQUFZLGtCQUFrQjtJQUMxQiw2REFBSyxDQUFBO0lBQ0wseURBQUcsQ0FBQTtBQUNQLENBQUMsRUFIVyxrQkFBa0IsS0FBbEIsa0JBQWtCLFFBRzdCIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIE5lY2Vzc2FyeSBmb3IgbWVudSBjb21wb25lbnRzIHRvIGRldGVybWluZSB3aGVyZSBsb2FkZWQgZGF0YSBmcm9tIHN0cmFwaSBzaG91bGQgYmUgcGxhY2VkIC0gZWl0aGVyIGluIGZyb250IG9mIHByZSBkZWZpbmVkIGl0ZW1zIG9yIGluIGVuZC4gKi9cclxuZXhwb3J0IGVudW0gU3RyYXBpRGF0YUxvY2F0aW9uIHtcclxuICAgIFNUQVJULFxyXG4gICAgRU5EXHJcbn0iXX0=
|