ngx-material-navigation 0.0.1 → 1.0.0

package/components/footer/footer-element/footer-element.component.d.ts

@@ -0,0 +1,30 @@
+import { AfterContentChecked, OnInit } from '@angular/core';
+import { NavUtilities } from '../../../utilities/nav.utilities';
+import { MatButton } from '@angular/material/button';
+import { NavFooterElement } from '../../../models/footer.model';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+/**
+ * Displays a single Navigation Element.
+ */
+export declare class FooterElementComponent implements AfterContentChecked, OnInit {
+    private readonly sanitizer;
+    NavUtilities: typeof NavUtilities;
+    /**
+     * The element to display.
+     */
+    element: NavFooterElement;
+    sanitizedHtml?: SafeHtml;
+    menuButton: MatButton;
+    menuWidth: number;
+    constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
+    ngAfterContentChecked(): void;
+    /**
+     * Updates the width of the menu to the value of its button.
+     */
+    onResize(): void;
+    private getMenuWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FooterElementComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterElementComponent, "ngx-mat-navigation-footer-element", never, { "element": "element"; }, {}, never, never>;
+}

package/components/footer/footer-element/footer-element.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./footer-element.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
+import * as i4 from "@angular/material/menu";
+import * as i5 from "@angular/material/button";
+import * as i6 from "../../navbar/nav-menu/nav-menu.module";
+export declare class FooterElementModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FooterElementModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FooterElementModule, [typeof i1.FooterElementComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatMenuModule, typeof i5.MatButtonModule, typeof i6.NavMenuModule], [typeof i1.FooterElementComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FooterElementModule>;
+}

package/components/footer/footer.component.d.ts

@@ -1,13 +1,19 @@
+import { FooterRow } from '../../models/footer.model';
+import { NavUtilities } from '../../utilities/nav.utilities';
 import * as i0 from "@angular/core";
 /**
  * Displays a footer based on the provided input data.
  */
-export declare class FooterComponent {
+export declare class NgxMatNavigationFooterComponent {
+    NavUtilities: typeof NavUtilities;
     /**
      * The minimum height of the footer.
      */
     minHeight: number;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "ngx-mat-navigation-footer", never, { "minHeight": "minHeight"; }, {}, never, never>;
+    /**
+     * The footer rows to build the footer from.
+     */
+    footerRows: FooterRow[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNavigationFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatNavigationFooterComponent, "ngx-mat-navigation-footer", never, { "minHeight": "minHeight"; "footerRows": "footerRows"; }, {}, never, never>;
 }

package/components/footer/footer.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./footer.component";
 import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/toolbar";
+import * as i4 from "./footer-element/footer-element.module";
 export declare class NgxMatNavigationFooterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNavigationFooterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatNavigationFooterModule, [typeof i1.FooterComponent], [typeof i2.CommonModule], [typeof i1.FooterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatNavigationFooterModule, [typeof i1.NgxMatNavigationFooterComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.FooterElementModule], [typeof i1.NgxMatNavigationFooterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatNavigationFooterModule>;
 }

package/components/navbar/nav-element/nav-element.component.d.ts

@@ -1,18 +1,21 @@
-import { AfterContentChecked } from '@angular/core';
+import { AfterContentChecked, OnInit } from '@angular/core';
 import { NavElement } from '../../../models/nav.model';
 import { NavUtilities } from '../../../utilities/nav.utilities';
 import { MatSidenav } from '@angular/material/sidenav';
 import { MatButton } from '@angular/material/button';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 /**
  * Displays a single Navigation Element.
  */
-export declare class NavElementComponent implements AfterContentChecked {
+export declare class NavElementComponent implements AfterContentChecked, OnInit {
+    private readonly sanitizer;
     NavUtilities: typeof NavUtilities;
     /**
      * The element to display.
      */
     element: NavElement;
+    sanitizedHtml?: SafeHtml;
     /**
      * A reference to the sidenav. Is needed for the menu to close the sidenav.
      */
@@ -24,6 +27,8 @@ export declare class NavElementComponent implements AfterContentChecked {
     sidenavElement?: boolean;
     menuButton: MatButton;
     menuWidth: number;
+    constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
     ngAfterContentChecked(): void;
     /**
      * Updates the width of the menu to the value of its button.

package/components/navbar/nav-menu/nav-menu.component.d.ts

@@ -1,14 +1,16 @@
 import { AfterContentChecked } from '@angular/core';
 import { MatMenu } from '@angular/material/menu';
-import { NavMenu, NavMenuElement } from "../../../models/nav-menu.model";
+import { NavMenu, NavMenuElement } from '../../../models/nav-menu.model';
 import { NavUtilities } from '../../../utilities/nav.utilities';
 import { MatSidenav } from '@angular/material/sidenav';
 import { MatButton } from '@angular/material/button';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 /**
  * Displays a menu based on the provided NavMenu data.
  */
 export declare class NavMenuComponent implements AfterContentChecked {
+    private readonly sanitizer;
     menu: MatMenu;
     /**
      * The data that is used to generate the menu.
@@ -25,12 +27,21 @@ export declare class NavMenuComponent implements AfterContentChecked {
     NavUtilities: typeof NavUtilities;
     nestedMenuButton: MatButton;
     nestedMenuWidth: number;
+    constructor(sanitizer: DomSanitizer);
     ngAfterContentChecked(): void;
     /**
      * Updates the width of the nestedMenu.
      */
     onResize(): void;
     private getMenuWidth;
+    /**
+     * Gets the sanitized HTML for the given element.
+     *
+     * @param element - The NavHtml element.
+     * @returns The safe html.
+     * @throws When the given element is not html.
+     */
+    getSanitizedHtmlFor(element: NavMenuElement): SafeHtml;
     /**
      * Defines if the sidenav should be closed when the given element is clicked.
      *

package/components/navbar/navbar.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { AfterContentChecked, ElementRef, OnInit } from '@angular/core';
 import { MatSidenav } from '@angular/material/sidenav';
 import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
 import { NavElement } from '../../models/nav.model';
@@ -10,8 +10,8 @@ import * as i0 from "@angular/core";
  * Takes in your configuration and builds a toolbar as well as a sidenav accordingly.
  * Also handles responsiveness.
  */
-export declare class NavbarComponent implements OnInit {
-    sanitizer: DomSanitizer;
+export declare class NgxMatNavigationNavbarComponent implements OnInit, AfterContentChecked {
+    private readonly sanitizer;
     NavUtilities: typeof NavUtilities;
     /**
      * The navbar rows to build the navbar from.
@@ -20,16 +20,17 @@ export declare class NavbarComponent implements OnInit {
     /**
      * The minimum height of the navbar.
      */
-    minHeight: number;
+    minHeight?: number;
     /**
      * The minimum height of all other elements that are on the same level as the navbar component.
      */
-    minHeightOtherElements: number;
+    minHeightOtherElements?: number;
     /**
      * The minimum width of the sidenav.
      */
     minSidenavWidth?: string;
     sidenav: MatSidenav;
+    navbar: ElementRef<HTMLElement>;
     sidenavElements: NavElement[];
     burgerMenu: NavElement;
     sanitizedMinHeight: SafeStyle;
@@ -37,8 +38,12 @@ export declare class NavbarComponent implements OnInit {
     screenWidthName: 'lg' | 'md' | 'sm';
     constructor(sanitizer: DomSanitizer);
     ngOnInit(): void;
+    ngAfterContentChecked(): void;
+    private updateHeights;
     /**
      * Updates the current screen width and filters the sidenav elements accordingly.
+     *
+     * @throws When no height data is provided or the data is invalid.
      */
     onResize(): void;
     /**
@@ -48,6 +53,6 @@ export declare class NavbarComponent implements OnInit {
      */
     clickSidenavElement(element: NavElement): void;
     private getCurrentScreenWidth;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ngx-mat-navigation-navbar", never, { "navbarRows": "navbarRows"; "minHeight": "minHeight"; "minHeightOtherElements": "minHeightOtherElements"; "minSidenavWidth": "minSidenavWidth"; }, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNavigationNavbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatNavigationNavbarComponent, "ngx-mat-navigation-navbar", never, { "navbarRows": "navbarRows"; "minHeight": "minHeight"; "minHeightOtherElements": "minHeightOtherElements"; "minSidenavWidth": "minSidenavWidth"; }, {}, never, ["*"]>;
 }

package/components/navbar/navbar.module.d.ts

@@ -6,6 +6,6 @@ import * as i4 from "./nav-element/nav-element.module";
 import * as i5 from "@angular/material/sidenav";
 export declare class NgxMatNavigationNavbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNavigationNavbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatNavigationNavbarModule, [typeof i1.NavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.NavElementModule, typeof i5.MatSidenavModule], [typeof i1.NavbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatNavigationNavbarModule, [typeof i1.NgxMatNavigationNavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.NavElementModule, typeof i5.MatSidenavModule], [typeof i1.NgxMatNavigationNavbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatNavigationNavbarModule>;
 }

package/esm2020/components/footer/footer-element/footer-element.component.mjs

@@ -0,0 +1,55 @@
+import { Component, HostListener, Input, ViewChild } from '@angular/core';
+import { NavUtilities } from '../../../utilities/nav.utilities';
+import * as DOMPurify from 'dompurify';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/material/menu";
+import * as i3 from "@angular/material/button";
+import * as i4 from "../../navbar/nav-menu/nav-menu.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/router";
+/**
+ * Displays a single Navigation Element.
+ */
+export class FooterElementComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.NavUtilities = NavUtilities;
+    }
+    ngOnInit() {
+        if (NavUtilities.isNavHtml(this.element)) {
+            this.sanitizedHtml = this.sanitizer.bypassSecurityTrustHtml(DOMPurify.sanitize(NavUtilities.asHtml(this.element).html));
+        }
+    }
+    ngAfterContentChecked() {
+        if (this.menuButton) {
+            this.menuWidth = this.getMenuWidth();
+        }
+    }
+    /**
+     * Updates the width of the menu to the value of its button.
+     */
+    onResize() {
+        if (this.menuButton) {
+            this.menuWidth = this.getMenuWidth();
+        }
+    }
+    getMenuWidth() {
+        return this.menuButton._elementRef.nativeElement.offsetWidth;
+    }
+}
+FooterElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FooterElementComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+FooterElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FooterElementComponent, selector: "ngx-mat-navigation-footer-element", inputs: { element: "element" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }], ngImport: i0, template: "<span [ngSwitch]=\"element.type\">\r\n    <!-- Title -->\r\n    <b *ngSwitchCase=\"'title'\">\r\n        <i *ngIf=\"NavUtilities.asTitle(element).icon\" [class]=\"NavUtilities.asTitle(element).icon\"></i>\r\n        {{NavUtilities.asTitle(element).title}}\r\n    </b>\r\n    <!-- Title with internal link -->\r\n    <a id=\"title-link\" *ngSwitchCase=\"'titleWithInternalLink'\"\r\n        [routerLink]=\"\r\n            NavUtilities.asAngularRoute(NavUtilities.asTitleWithInternalLink(element).link.route).path !== undefined\r\n            ? NavUtilities.asAngularRoute(NavUtilities.asTitleWithInternalLink(element).link.route).path\r\n            : NavUtilities.asStringRoute(NavUtilities.asTitleWithInternalLink(element).link.route)\"\r\n        [target]=\"NavUtilities.asTitleWithInternalLink(element).link.openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asTitleWithInternalLink(element).link.openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <b>\r\n            <i *ngIf=\"NavUtilities.asTitle(element).icon\" [class]=\"NavUtilities.asTitle(element).icon\"></i>\r\n            {{NavUtilities.asTitle(element).title}}\r\n        </b>\r\n    </a>\r\n    <!-- Title with external link -->\r\n    <a class=\"title-link\" *ngSwitchCase=\"'titleWithExternalLink'\"\r\n        [href]=\"NavUtilities.asTitleWithExternalLink(element).link.url\"\r\n        [target]=\"NavUtilities.asTitleWithExternalLink(element).link.openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asTitleWithExternalLink(element).link.openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <h1>\r\n            <i *ngIf=\"NavUtilities.asTitle(element).icon\" [class]=\"NavUtilities.asTitle(element).icon\"></i>\r\n            {{NavUtilities.asTitle(element).title}}\r\n        </h1>\r\n    </a>\r\n    <!-- Image -->\r\n    <img mat-menu-item *ngSwitchCase=\"'image'\"\r\n        [src]=\"NavUtilities.asImage(element).url\"\r\n    >\r\n    <!-- Image with internal link -->\r\n    <a mat-menu-item disabled id=\"image-link\" *ngSwitchCase=\"'imageWithInternalLink'\"\r\n        [routerLink]=\"\r\n            NavUtilities.asAngularRoute(NavUtilities.asImageWithInternalLink(element).link.route).path !== undefined\r\n            ? NavUtilities.asAngularRoute(NavUtilities.asImageWithInternalLink(element).link.route).path\r\n            : NavUtilities.asStringRoute(NavUtilities.asImageWithInternalLink(element).link.route)\"\r\n        [target]=\"NavUtilities.asImageWithInternalLink(element).link.openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asImageWithInternalLink(element).link.openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <img [src]=\"NavUtilities.asImageWithInternalLink(element).url\">\r\n    </a>\r\n    <!-- Image with external link -->\r\n    <a mat-menu-item disabled id=\"image-link\" *ngSwitchCase=\"'imageWithExternalLink'\"\r\n        [href]=\"NavUtilities.asImageWithExternalLink(element).link.url\"\r\n        [target]=\"NavUtilities.asImageWithExternalLink(element).link.openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asImageWithExternalLink(element).link.openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <img [src]=\"NavUtilities.asImageWithExternalLink(element).url\">\r\n    </a>\r\n    <!-- Button -->\r\n    <button *ngSwitchCase=\"'button'\"\r\n        mat-raised-button\r\n        (click)=\"NavUtilities.asButton(element).action()\"\r\n    >\r\n        <i *ngIf=\"NavUtilities.asButton(element).icon\" [class]=\"NavUtilities.asButton(element).icon\"></i>\r\n        {{NavUtilities.asButton(element).name}}\r\n    </button>\r\n    <!-- Internal Link -->\r\n    <a mat-button *ngSwitchCase=\"'internalLink'\"\r\n        [routerLink]=\"\r\n            NavUtilities.asAngularRoute(NavUtilities.asInternalLink(element).route).path !== undefined\r\n            ? NavUtilities.asAngularRoute(NavUtilities.asInternalLink(element).route).path\r\n            : NavUtilities.asStringRoute(NavUtilities.asInternalLink(element).route)\"\r\n        [target]=\"NavUtilities.asInternalLink(element).openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asInternalLink(element).openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <i *ngIf=\"NavUtilities.asInternalLink(element).icon\" [class]=\"NavUtilities.asInternalLink(element).icon\"></i> \r\n        {{NavUtilities.asInternalLink(element).name}}\r\n    </a>\r\n    <!-- External Link -->\r\n    <span *ngSwitchCase=\"'externalLink'\">\r\n        <a mat-button\r\n            [href]=\"NavUtilities.asExternalLink(element).url\"\r\n            [target]=\"NavUtilities.asExternalLink(element).openInNewTab ? '_blank' : '_self'\"\r\n            [rel]=\"NavUtilities.asExternalLink(element).openInNewTab ? 'noreferrer noopener' : undefined\"\r\n        >\r\n            <i *ngIf=\"NavUtilities.asExternalLink(element).icon\" [class]=\"NavUtilities.asExternalLink(element).icon\"></i>\r\n            {{NavUtilities.asExternalLink(element).name}}\r\n        </a>\r\n    </span>\r\n    <!-- Text -->\r\n    <span *ngSwitchCase=\"'text'\">\r\n        {{NavUtilities.asText(element).text}}\r\n    </span>\r\n    <!-- Custom HTML -->\r\n    <span *ngSwitchCase=\"'html'\" [innerHtml]=\"sanitizedHtml\">\r\n    </span>\r\n    <!-- Menu -->\r\n    <button #menuButton *ngSwitchCase=\"'menu'\" mat-button [matMenuTriggerFor]=\"menu.menu\">\r\n        <i *ngIf=\"NavUtilities.asMenu(element).icon\" [class]=\"NavUtilities.asMenu(element).icon\"></i>\r\n        {{NavUtilities.asMenu(element).name}}\r\n    </button>\r\n    <ngx-mat-navigation-menu #menu [navMenu]=\"NavUtilities.asMenu(element)\" [menuWidth]=\"menuWidth\">\r\n    </ngx-mat-navigation-menu>\r\n</span>", styles: ["#title-link{display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}#image-link{display:flex;align-items:center;padding:0}#image-link img{max-height:100%;max-width:100%}#image-link:hover,#title-link:hover{cursor:pointer;background-color:transparent}mat-menu{display:none}.mat-menu-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 48px);border-radius:4px;outline:0;min-height:64px}.mat-menu-panel.ng-animating{pointer-events:none}.cdk-high-contrast-active .mat-menu-panel{outline:solid 1px}.mat-menu-content:not(:empty){padding-top:8px;padding-bottom:8px}.mat-menu-item{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative}.mat-menu-item::-moz-focus-inner{border:0}.mat-menu-item[disabled]{cursor:default}[dir=rtl] .mat-menu-item{text-align:right}.mat-menu-item .mat-icon{margin-right:16px;vertical-align:middle}.mat-menu-item .mat-icon svg{vertical-align:top}[dir=rtl] .mat-menu-item .mat-icon{margin-left:16px;margin-right:0}.mat-menu-item[disabled]:before{display:block;position:absolute;content:\"\";top:0;left:0;bottom:0;right:0}.cdk-high-contrast-active .mat-menu-item{margin-top:1px}.cdk-high-contrast-active .mat-menu-item.cdk-program-focused,.cdk-high-contrast-active .mat-menu-item.cdk-keyboard-focused,.cdk-high-contrast-active .mat-menu-item-highlighted{outline:dotted 1px}.mat-menu-item-submenu-trigger{padding-right:32px}[dir=rtl] .mat-menu-item-submenu-trigger{padding-right:16px;padding-left:32px}.mat-menu-submenu-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:5px;height:10px;fill:currentColor}[dir=rtl] .mat-menu-submenu-icon{right:auto;left:16px;transform:translateY(-50%) scaleX(-1)}.cdk-high-contrast-active .mat-menu-submenu-icon{fill:CanvasText}button.mat-menu-item{width:100%}.mat-menu-item .mat-menu-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}\n"], components: [{ type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { 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: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i4.NavMenuComponent, selector: "ngx-mat-navigation-menu", inputs: ["navMenu", "sidenav", "menuWidth"] }], directives: [{ type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FooterElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-mat-navigation-footer-element', template: "<span [ngSwitch]=\"element.type\">\r\n    <!-- Title -->\r\n    <b *ngSwitchCase=\"'title'\">\r\n        <i *ngIf=\"NavUtilities.asTitle(element).icon\" [class]=\"NavUtilities.asTitle(element).icon\"></i>\r\n        {{NavUtilities.asTitle(element).title}}\r\n    </b>\r\n    <!-- Title with internal link -->\r\n    <a id=\"title-link\" *ngSwitchCase=\"'titleWithInternalLink'\"\r\n        [routerLink]=\"\r\n            NavUtilities.asAngularRoute(NavUtilities.asTitleWithInternalLink(element).link.route).path !== undefined\r\n            ? NavUtilities.asAngularRoute(NavUtilities.asTitleWithInternalLink(element).link.route).path\r\n            : NavUtilities.asStringRoute(NavUtilities.asTitleWithInternalLink(element).link.route)\"\r\n        [target]=\"NavUtilities.asTitleWithInternalLink(element).link.openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asTitleWithInternalLink(element).link.openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <b>\r\n            <i *ngIf=\"NavUtilities.asTitle(element).icon\" [class]=\"NavUtilities.asTitle(element).icon\"></i>\r\n            {{NavUtilities.asTitle(element).title}}\r\n        </b>\r\n    </a>\r\n    <!-- Title with external link -->\r\n    <a class=\"title-link\" *ngSwitchCase=\"'titleWithExternalLink'\"\r\n        [href]=\"NavUtilities.asTitleWithExternalLink(element).link.url\"\r\n        [target]=\"NavUtilities.asTitleWithExternalLink(element).link.openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asTitleWithExternalLink(element).link.openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <h1>\r\n            <i *ngIf=\"NavUtilities.asTitle(element).icon\" [class]=\"NavUtilities.asTitle(element).icon\"></i>\r\n            {{NavUtilities.asTitle(element).title}}\r\n        </h1>\r\n    </a>\r\n    <!-- Image -->\r\n    <img mat-menu-item *ngSwitchCase=\"'image'\"\r\n        [src]=\"NavUtilities.asImage(element).url\"\r\n    >\r\n    <!-- Image with internal link -->\r\n    <a mat-menu-item disabled id=\"image-link\" *ngSwitchCase=\"'imageWithInternalLink'\"\r\n        [routerLink]=\"\r\n            NavUtilities.asAngularRoute(NavUtilities.asImageWithInternalLink(element).link.route).path !== undefined\r\n            ? NavUtilities.asAngularRoute(NavUtilities.asImageWithInternalLink(element).link.route).path\r\n            : NavUtilities.asStringRoute(NavUtilities.asImageWithInternalLink(element).link.route)\"\r\n        [target]=\"NavUtilities.asImageWithInternalLink(element).link.openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asImageWithInternalLink(element).link.openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <img [src]=\"NavUtilities.asImageWithInternalLink(element).url\">\r\n    </a>\r\n    <!-- Image with external link -->\r\n    <a mat-menu-item disabled id=\"image-link\" *ngSwitchCase=\"'imageWithExternalLink'\"\r\n        [href]=\"NavUtilities.asImageWithExternalLink(element).link.url\"\r\n        [target]=\"NavUtilities.asImageWithExternalLink(element).link.openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asImageWithExternalLink(element).link.openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <img [src]=\"NavUtilities.asImageWithExternalLink(element).url\">\r\n    </a>\r\n    <!-- Button -->\r\n    <button *ngSwitchCase=\"'button'\"\r\n        mat-raised-button\r\n        (click)=\"NavUtilities.asButton(element).action()\"\r\n    >\r\n        <i *ngIf=\"NavUtilities.asButton(element).icon\" [class]=\"NavUtilities.asButton(element).icon\"></i>\r\n        {{NavUtilities.asButton(element).name}}\r\n    </button>\r\n    <!-- Internal Link -->\r\n    <a mat-button *ngSwitchCase=\"'internalLink'\"\r\n        [routerLink]=\"\r\n            NavUtilities.asAngularRoute(NavUtilities.asInternalLink(element).route).path !== undefined\r\n            ? NavUtilities.asAngularRoute(NavUtilities.asInternalLink(element).route).path\r\n            : NavUtilities.asStringRoute(NavUtilities.asInternalLink(element).route)\"\r\n        [target]=\"NavUtilities.asInternalLink(element).openInNewTab ? '_blank' : '_self'\"\r\n        [rel]=\"NavUtilities.asInternalLink(element).openInNewTab ? 'noreferrer noopener' : undefined\"\r\n    >\r\n        <i *ngIf=\"NavUtilities.asInternalLink(element).icon\" [class]=\"NavUtilities.asInternalLink(element).icon\"></i> \r\n        {{NavUtilities.asInternalLink(element).name}}\r\n    </a>\r\n    <!-- External Link -->\r\n    <span *ngSwitchCase=\"'externalLink'\">\r\n        <a mat-button\r\n            [href]=\"NavUtilities.asExternalLink(element).url\"\r\n            [target]=\"NavUtilities.asExternalLink(element).openInNewTab ? '_blank' : '_self'\"\r\n            [rel]=\"NavUtilities.asExternalLink(element).openInNewTab ? 'noreferrer noopener' : undefined\"\r\n        >\r\n            <i *ngIf=\"NavUtilities.asExternalLink(element).icon\" [class]=\"NavUtilities.asExternalLink(element).icon\"></i>\r\n            {{NavUtilities.asExternalLink(element).name}}\r\n        </a>\r\n    </span>\r\n    <!-- Text -->\r\n    <span *ngSwitchCase=\"'text'\">\r\n        {{NavUtilities.asText(element).text}}\r\n    </span>\r\n    <!-- Custom HTML -->\r\n    <span *ngSwitchCase=\"'html'\" [innerHtml]=\"sanitizedHtml\">\r\n    </span>\r\n    <!-- Menu -->\r\n    <button #menuButton *ngSwitchCase=\"'menu'\" mat-button [matMenuTriggerFor]=\"menu.menu\">\r\n        <i *ngIf=\"NavUtilities.asMenu(element).icon\" [class]=\"NavUtilities.asMenu(element).icon\"></i>\r\n        {{NavUtilities.asMenu(element).name}}\r\n    </button>\r\n    <ngx-mat-navigation-menu #menu [navMenu]=\"NavUtilities.asMenu(element)\" [menuWidth]=\"menuWidth\">\r\n    </ngx-mat-navigation-menu>\r\n</span>", styles: ["#title-link{display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}#image-link{display:flex;align-items:center;padding:0}#image-link img{max-height:100%;max-width:100%}#image-link:hover,#title-link:hover{cursor:pointer;background-color:transparent}mat-menu{display:none}.mat-menu-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 48px);border-radius:4px;outline:0;min-height:64px}.mat-menu-panel.ng-animating{pointer-events:none}.cdk-high-contrast-active .mat-menu-panel{outline:solid 1px}.mat-menu-content:not(:empty){padding-top:8px;padding-bottom:8px}.mat-menu-item{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative}.mat-menu-item::-moz-focus-inner{border:0}.mat-menu-item[disabled]{cursor:default}[dir=rtl] .mat-menu-item{text-align:right}.mat-menu-item .mat-icon{margin-right:16px;vertical-align:middle}.mat-menu-item .mat-icon svg{vertical-align:top}[dir=rtl] .mat-menu-item .mat-icon{margin-left:16px;margin-right:0}.mat-menu-item[disabled]:before{display:block;position:absolute;content:\"\";top:0;left:0;bottom:0;right:0}.cdk-high-contrast-active .mat-menu-item{margin-top:1px}.cdk-high-contrast-active .mat-menu-item.cdk-program-focused,.cdk-high-contrast-active .mat-menu-item.cdk-keyboard-focused,.cdk-high-contrast-active .mat-menu-item-highlighted{outline:dotted 1px}.mat-menu-item-submenu-trigger{padding-right:32px}[dir=rtl] .mat-menu-item-submenu-trigger{padding-right:16px;padding-left:32px}.mat-menu-submenu-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:5px;height:10px;fill:currentColor}[dir=rtl] .mat-menu-submenu-icon{right:auto;left:16px;transform:translateY(-50%) scaleX(-1)}.cdk-high-contrast-active .mat-menu-submenu-icon{fill:CanvasText}button.mat-menu-item{width:100%}.mat-menu-item .mat-menu-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { element: [{
+                type: Input
+            }], menuButton: [{
+                type: ViewChild,
+                args: ['menuButton']
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLWVsZW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdGVyaWFsLW5hdmlnYXRpb24vc3JjL2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci1lbGVtZW50L2Zvb3Rlci1lbGVtZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tYXRlcmlhbC1uYXZpZ2F0aW9uL3NyYy9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXItZWxlbWVudC9mb290ZXItZWxlbWVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXVCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFHaEUsT0FBTyxLQUFLLFNBQVMsTUFBTSxXQUFXLENBQUM7Ozs7Ozs7O0FBR3ZDOztHQUVHO0FBTUgsTUFBTSxPQUFPLHNCQUFzQjtJQWlCL0IsWUFBNkIsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQWZwRCxpQkFBWSxHQUFHLFlBQVksQ0FBQztJQWUyQixDQUFDO0lBRXhELFFBQVE7UUFDSixJQUFJLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ3RDLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7U0FDM0g7SUFDTCxDQUFDO0lBRUQscUJBQXFCO1FBQ2pCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNqQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN4QztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUVILFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDeEM7SUFDTCxDQUFDO0lBRU8sWUFBWTtRQUNoQixPQUFRLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLGFBQTZCLENBQUMsV0FBVyxDQUFDO0lBQ2xGLENBQUM7O29IQTNDUSxzQkFBc0I7d0dBQXRCLHNCQUFzQixpUkNmbkMsd3BMQW1HTzs0RkRwRk0sc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLG1DQUFtQzttR0FZN0MsT0FBTztzQkFETixLQUFLO2dCQU1OLFVBQVU7c0JBRFQsU0FBUzt1QkFBQyxZQUFZO2dCQXVCdkIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudENoZWNrZWQsIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmF2VXRpbGl0aWVzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbGl0aWVzL25hdi51dGlsaXRpZXMnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBOYXZGb290ZXJFbGVtZW50IH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL2Zvb3Rlci5tb2RlbCc7XHJcbmltcG9ydCAqIGFzIERPTVB1cmlmeSBmcm9tICdkb21wdXJpZnknO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcblxyXG4vKipcclxuICogRGlzcGxheXMgYSBzaW5nbGUgTmF2aWdhdGlvbiBFbGVtZW50LlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ25neC1tYXQtbmF2aWdhdGlvbi1mb290ZXItZWxlbWVudCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZm9vdGVyLWVsZW1lbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZm9vdGVyLWVsZW1lbnQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9vdGVyRWxlbWVudENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudENoZWNrZWQsIE9uSW5pdCB7XHJcblxyXG4gICAgTmF2VXRpbGl0aWVzID0gTmF2VXRpbGl0aWVzO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIGVsZW1lbnQgdG8gZGlzcGxheS5cclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIGVsZW1lbnQhOiBOYXZGb290ZXJFbGVtZW50O1xyXG5cclxuICAgIHNhbml0aXplZEh0bWw/OiBTYWZlSHRtbDtcclxuXHJcbiAgICBAVmlld0NoaWxkKCdtZW51QnV0dG9uJylcclxuICAgIG1lbnVCdXR0b24hOiBNYXRCdXR0b247XHJcblxyXG4gICAgbWVudVdpZHRoITogbnVtYmVyO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHt9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKE5hdlV0aWxpdGllcy5pc05hdkh0bWwodGhpcy5lbGVtZW50KSkge1xyXG4gICAgICAgICAgICB0aGlzLnNhbml0aXplZEh0bWwgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChET01QdXJpZnkuc2FuaXRpemUoTmF2VXRpbGl0aWVzLmFzSHRtbCh0aGlzLmVsZW1lbnQpLmh0bWwpKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLm1lbnVCdXR0b24pIHtcclxuICAgICAgICAgICAgdGhpcy5tZW51V2lkdGggPSB0aGlzLmdldE1lbnVXaWR0aCgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIFVwZGF0ZXMgdGhlIHdpZHRoIG9mIHRoZSBtZW51IHRvIHRoZSB2YWx1ZSBvZiBpdHMgYnV0dG9uLlxyXG4gICAgICovXHJcbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcclxuICAgIG9uUmVzaXplKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLm1lbnVCdXR0b24pIHtcclxuICAgICAgICAgICAgdGhpcy5tZW51V2lkdGggPSB0aGlzLmdldE1lbnVXaWR0aCgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGdldE1lbnVXaWR0aCgpOiBudW1iZXIge1xyXG4gICAgICAgIHJldHVybiAodGhpcy5tZW51QnV0dG9uLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLm9mZnNldFdpZHRoO1xyXG4gICAgfVxyXG59IiwiPHNwYW4gW25nU3dpdGNoXT1cImVsZW1lbnQudHlwZVwiPlxyXG4gICAgPCEtLSBUaXRsZSAtLT5cclxuICAgIDxiICpuZ1N3aXRjaENhc2U9XCIndGl0bGUnXCI+XHJcbiAgICAgICAgPGkgKm5nSWY9XCJOYXZVdGlsaXRpZXMuYXNUaXRsZShlbGVtZW50KS5pY29uXCIgW2NsYXNzXT1cIk5hdlV0aWxpdGllcy5hc1RpdGxlKGVsZW1lbnQpLmljb25cIj48L2k+XHJcbiAgICAgICAge3tOYXZVdGlsaXRpZXMuYXNUaXRsZShlbGVtZW50KS50aXRsZX19XHJcbiAgICA8L2I+XHJcbiAgICA8IS0tIFRpdGxlIHdpdGggaW50ZXJuYWwgbGluayAtLT5cclxuICAgIDxhIGlkPVwidGl0bGUtbGlua1wiICpuZ1N3aXRjaENhc2U9XCIndGl0bGVXaXRoSW50ZXJuYWxMaW5rJ1wiXHJcbiAgICAgICAgW3JvdXRlckxpbmtdPVwiXHJcbiAgICAgICAgICAgIE5hdlV0aWxpdGllcy5hc0FuZ3VsYXJSb3V0ZShOYXZVdGlsaXRpZXMuYXNUaXRsZVdpdGhJbnRlcm5hbExpbmsoZWxlbWVudCkubGluay5yb3V0ZSkucGF0aCAhPT0gdW5kZWZpbmVkXHJcbiAgICAgICAgICAgID8gTmF2VXRpbGl0aWVzLmFzQW5ndWxhclJvdXRlKE5hdlV0aWxpdGllcy5hc1RpdGxlV2l0aEludGVybmFsTGluayhlbGVtZW50KS5saW5rLnJvdXRlKS5wYXRoXHJcbiAgICAgICAgICAgIDogTmF2VXRpbGl0aWVzLmFzU3RyaW5nUm91dGUoTmF2VXRpbGl0aWVzLmFzVGl0bGVXaXRoSW50ZXJuYWxMaW5rKGVsZW1lbnQpLmxpbmsucm91dGUpXCJcclxuICAgICAgICBbdGFyZ2V0XT1cIk5hdlV0aWxpdGllcy5hc1RpdGxlV2l0aEludGVybmFsTGluayhlbGVtZW50KS5saW5rLm9wZW5Jbk5ld1RhYiA/ICdfYmxhbmsnIDogJ19zZWxmJ1wiXHJcbiAgICAgICAgW3JlbF09XCJOYXZVdGlsaXRpZXMuYXNUaXRsZVdpdGhJbnRlcm5hbExpbmsoZWxlbWVudCkubGluay5vcGVuSW5OZXdUYWIgPyAnbm9yZWZlcnJlciBub29wZW5lcicgOiB1bmRlZmluZWRcIlxyXG4gICAgPlxyXG4gICAgICAgIDxiPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cIk5hdlV0aWxpdGllcy5hc1RpdGxlKGVsZW1lbnQpLmljb25cIiBbY2xhc3NdPVwiTmF2VXRpbGl0aWVzLmFzVGl0bGUoZWxlbWVudCkuaWNvblwiPjwvaT5cclxuICAgICAgICAgICAge3tOYXZVdGlsaXRpZXMuYXNUaXRsZShlbGVtZW50KS50aXRsZX19XHJcbiAgICAgICAgPC9iPlxyXG4gICAgPC9hPlxyXG4gICAgPCEtLSBUaXRsZSB3aXRoIGV4dGVybmFsIGxpbmsgLS0+XHJcbiAgICA8YSBjbGFzcz1cInRpdGxlLWxpbmtcIiAqbmdTd2l0Y2hDYXNlPVwiJ3RpdGxlV2l0aEV4dGVybmFsTGluaydcIlxyXG4gICAgICAgIFtocmVmXT1cIk5hdlV0aWxpdGllcy5hc1RpdGxlV2l0aEV4dGVybmFsTGluayhlbGVtZW50KS5saW5rLnVybFwiXHJcbiAgICAgICAgW3RhcmdldF09XCJOYXZVdGlsaXRpZXMuYXNUaXRsZVdpdGhFeHRlcm5hbExpbmsoZWxlbWVudCkubGluay5vcGVuSW5OZXdUYWIgPyAnX2JsYW5rJyA6ICdfc2VsZidcIlxyXG4gICAgICAgIFtyZWxdPVwiTmF2VXRpbGl0aWVzLmFzVGl0bGVXaXRoRXh0ZXJuYWxMaW5rKGVsZW1lbnQpLmxpbmsub3BlbkluTmV3VGFiID8gJ25vcmVmZXJyZXIgbm9vcGVuZXInIDogdW5kZWZpbmVkXCJcclxuICAgID5cclxuICAgICAgICA8aDE+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiTmF2VXRpbGl0aWVzLmFzVGl0bGUoZWxlbWVudCkuaWNvblwiIFtjbGFzc109XCJOYXZVdGlsaXRpZXMuYXNUaXRsZShlbGVtZW50KS5pY29uXCI+PC9pPlxyXG4gICAgICAgICAgICB7e05hdlV0aWxpdGllcy5hc1RpdGxlKGVsZW1lbnQpLnRpdGxlfX1cclxuICAgICAgICA8L2gxPlxyXG4gICAgPC9hPlxyXG4gICAgPCEtLSBJbWFnZSAtLT5cclxuICAgIDxpbWcgbWF0LW1lbnUtaXRlbSAqbmdTd2l0Y2hDYXNlPVwiJ2ltYWdlJ1wiXHJcbiAgICAgICAgW3NyY109XCJOYXZVdGlsaXRpZXMuYXNJbWFnZShlbGVtZW50KS51cmxcIlxyXG4gICAgPlxyXG4gICAgPCEtLSBJbWFnZSB3aXRoIGludGVybmFsIGxpbmsgLS0+XHJcbiAgICA8YSBtYXQtbWVudS1pdGVtIGRpc2FibGVkIGlkPVwiaW1hZ2UtbGlua1wiICpuZ1N3aXRjaENhc2U9XCInaW1hZ2VXaXRoSW50ZXJuYWxMaW5rJ1wiXHJcbiAgICAgICAgW3JvdXRlckxpbmtdPVwiXHJcbiAgICAgICAgICAgIE5hdlV0aWxpdGllcy5hc0FuZ3VsYXJSb3V0ZShOYXZVdGlsaXRpZXMuYXNJbWFnZVdpdGhJbnRlcm5hbExpbmsoZWxlbWVudCkubGluay5yb3V0ZSkucGF0aCAhPT0gdW5kZWZpbmVkXHJcbiAgICAgICAgICAgID8gTmF2VXRpbGl0aWVzLmFzQW5ndWxhclJvdXRlKE5hdlV0aWxpdGllcy5hc0ltYWdlV2l0aEludGVybmFsTGluayhlbGVtZW50KS5saW5rLnJvdXRlKS5wYXRoXHJcbiAgICAgICAgICAgIDogTmF2VXRpbGl0aWVzLmFzU3RyaW5nUm91dGUoTmF2VXRpbGl0aWVzLmFzSW1hZ2VXaXRoSW50ZXJuYWxMaW5rKGVsZW1lbnQpLmxpbmsucm91dGUpXCJcclxuICAgICAgICBbdGFyZ2V0XT1cIk5hdlV0aWxpdGllcy5hc0ltYWdlV2l0aEludGVybmFsTGluayhlbGVtZW50KS5saW5rLm9wZW5Jbk5ld1RhYiA/ICdfYmxhbmsnIDogJ19zZWxmJ1wiXHJcbiAgICAgICAgW3JlbF09XCJOYXZVdGlsaXRpZXMuYXNJbWFnZVdpdGhJbnRlcm5hbExpbmsoZWxlbWVudCkubGluay5vcGVuSW5OZXdUYWIgPyAnbm9yZWZlcnJlciBub29wZW5lcicgOiB1bmRlZmluZWRcIlxyXG4gICAgPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJOYXZVdGlsaXRpZXMuYXNJbWFnZVdpdGhJbnRlcm5hbExpbmsoZWxlbWVudCkudXJsXCI+XHJcbiAgICA8L2E+XHJcbiAgICA8IS0tIEltYWdlIHdpdGggZXh0ZXJuYWwgbGluayAtLT5cclxuICAgIDxhIG1hdC1tZW51LWl0ZW0gZGlzYWJsZWQgaWQ9XCJpbWFnZS1saW5rXCIgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZVdpdGhFeHRlcm5hbExpbmsnXCJcclxuICAgICAgICBbaHJlZl09XCJOYXZVdGlsaXRpZXMuYXNJbWFnZVdpdGhFeHRlcm5hbExpbmsoZWxlbWVudCkubGluay51cmxcIlxyXG4gICAgICAgIFt0YXJnZXRdPVwiTmF2VXRpbGl0aWVzLmFzSW1hZ2VXaXRoRXh0ZXJuYWxMaW5rKGVsZW1lbnQpLmxpbmsub3BlbkluTmV3VGFiID8gJ19ibGFuaycgOiAnX3NlbGYnXCJcclxuICAgICAgICBbcmVsXT1cIk5hdlV0aWxpdGllcy5hc0ltYWdlV2l0aEV4dGVybmFsTGluayhlbGVtZW50KS5saW5rLm9wZW5Jbk5ld1RhYiA/ICdub3JlZmVycmVyIG5vb3BlbmVyJyA6IHVuZGVmaW5lZFwiXHJcbiAgICA+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cIk5hdlV0aWxpdGllcy5hc0ltYWdlV2l0aEV4dGVybmFsTGluayhlbGVtZW50KS51cmxcIj5cclxuICAgIDwvYT5cclxuICAgIDwhLS0gQnV0dG9uIC0tPlxyXG4gICAgPGJ1dHRvbiAqbmdTd2l0Y2hDYXNlPVwiJ2J1dHRvbidcIlxyXG4gICAgICAgIG1hdC1yYWlzZWQtYnV0dG9uXHJcbiAgICAgICAgKGNsaWNrKT1cIk5hdlV0aWxpdGllcy5hc0J1dHRvbihlbGVtZW50KS5hY3Rpb24oKVwiXHJcbiAgICA+XHJcbiAgICAgICAgPGkgKm5nSWY9XCJOYXZVdGlsaXRpZXMuYXNCdXR0b24oZWxlbWVudCkuaWNvblwiIFtjbGFzc109XCJOYXZVdGlsaXRpZXMuYXNCdXR0b24oZWxlbWVudCkuaWNvblwiPjwvaT5cclxuICAgICAgICB7e05hdlV0aWxpdGllcy5hc0J1dHRvbihlbGVtZW50KS5uYW1lfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPCEtLSBJbnRlcm5hbCBMaW5rIC0tPlxyXG4gICAgPGEgbWF0LWJ1dHRvbiAqbmdTd2l0Y2hDYXNlPVwiJ2ludGVybmFsTGluaydcIlxyXG4gICAgICAgIFtyb3V0ZXJMaW5rXT1cIlxyXG4gICAgICAgICAgICBOYXZVdGlsaXRpZXMuYXNBbmd1bGFyUm91dGUoTmF2VXRpbGl0aWVzLmFzSW50ZXJuYWxMaW5rKGVsZW1lbnQpLnJvdXRlKS5wYXRoICE9PSB1bmRlZmluZWRcclxuICAgICAgICAgICAgPyBOYXZVdGlsaXRpZXMuYXNBbmd1bGFyUm91dGUoTmF2VXRpbGl0aWVzLmFzSW50ZXJuYWxMaW5rKGVsZW1lbnQpLnJvdXRlKS5wYXRoXHJcbiAgICAgICAgICAgIDogTmF2VXRpbGl0aWVzLmFzU3RyaW5nUm91dGUoTmF2VXRpbGl0aWVzLmFzSW50ZXJuYWxMaW5rKGVsZW1lbnQpLnJvdXRlKVwiXHJcbiAgICAgICAgW3RhcmdldF09XCJOYXZVdGlsaXRpZXMuYXNJbnRlcm5hbExpbmsoZWxlbWVudCkub3BlbkluTmV3VGFiID8gJ19ibGFuaycgOiAnX3NlbGYnXCJcclxuICAgICAgICBbcmVsXT1cIk5hdlV0aWxpdGllcy5hc0ludGVybmFsTGluayhlbGVtZW50KS5vcGVuSW5OZXdUYWIgPyAnbm9yZWZlcnJlciBub29wZW5lcicgOiB1bmRlZmluZWRcIlxyXG4gICAgPlxyXG4gICAgICAgIDxpICpuZ0lmPVwiTmF2VXRpbGl0aWVzLmFzSW50ZXJuYWxMaW5rKGVsZW1lbnQpLmljb25cIiBbY2xhc3NdPVwiTmF2VXRpbGl0aWVzLmFzSW50ZXJuYWxMaW5rKGVsZW1lbnQpLmljb25cIj48L2k+IFxyXG4gICAgICAgIHt7TmF2VXRpbGl0aWVzLmFzSW50ZXJuYWxMaW5rKGVsZW1lbnQpLm5hbWV9fVxyXG4gICAgPC9hPlxyXG4gICAgPCEtLSBFeHRlcm5hbCBMaW5rIC0tPlxyXG4gICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidleHRlcm5hbExpbmsnXCI+XHJcbiAgICAgICAgPGEgbWF0LWJ1dHRvblxyXG4gICAgICAgICAgICBbaHJlZl09XCJOYXZVdGlsaXRpZXMuYXNFeHRlcm5hbExpbmsoZWxlbWVudCkudXJsXCJcclxuICAgICAgICAgICAgW3RhcmdldF09XCJOYXZVdGlsaXRpZXMuYXNFeHRlcm5hbExpbmsoZWxlbWVudCkub3BlbkluTmV3VGFiID8gJ19ibGFuaycgOiAnX3NlbGYnXCJcclxuICAgICAgICAgICAgW3JlbF09XCJOYXZVdGlsaXRpZXMuYXNFeHRlcm5hbExpbmsoZWxlbWVudCkub3BlbkluTmV3VGFiID8gJ25vcmVmZXJyZXIgbm9vcGVuZXInIDogdW5kZWZpbmVkXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiTmF2VXRpbGl0aWVzLmFzRXh0ZXJuYWxMaW5rKGVsZW1lbnQpLmljb25cIiBbY2xhc3NdPVwiTmF2VXRpbGl0aWVzLmFzRXh0ZXJuYWxMaW5rKGVsZW1lbnQpLmljb25cIj48L2k+XHJcbiAgICAgICAgICAgIHt7TmF2VXRpbGl0aWVzLmFzRXh0ZXJuYWxMaW5rKGVsZW1lbnQpLm5hbWV9fVxyXG4gICAgICAgIDwvYT5cclxuICAgIDwvc3Bhbj5cclxuICAgIDwhLS0gVGV4dCAtLT5cclxuICAgIDxzcGFuICpuZ1N3aXRjaENhc2U9XCIndGV4dCdcIj5cclxuICAgICAgICB7e05hdlV0aWxpdGllcy5hc1RleHQoZWxlbWVudCkudGV4dH19XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8IS0tIEN1c3RvbSBIVE1MIC0tPlxyXG4gICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidodG1sJ1wiIFtpbm5lckh0bWxdPVwic2FuaXRpemVkSHRtbFwiPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPCEtLSBNZW51IC0tPlxyXG4gICAgPGJ1dHRvbiAjbWVudUJ1dHRvbiAqbmdTd2l0Y2hDYXNlPVwiJ21lbnUnXCIgbWF0LWJ1dHRvbiBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudS5tZW51XCI+XHJcbiAgICAgICAgPGkgKm5nSWY9XCJOYXZVdGlsaXRpZXMuYXNNZW51KGVsZW1lbnQpLmljb25cIiBbY2xhc3NdPVwiTmF2VXRpbGl0aWVzLmFzTWVudShlbGVtZW50KS5pY29uXCI+PC9pPlxyXG4gICAgICAgIHt7TmF2VXRpbGl0aWVzLmFzTWVudShlbGVtZW50KS5uYW1lfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPG5neC1tYXQtbmF2aWdhdGlvbi1tZW51ICNtZW51IFtuYXZNZW51XT1cIk5hdlV0aWxpdGllcy5hc01lbnUoZWxlbWVudClcIiBbbWVudVdpZHRoXT1cIm1lbnVXaWR0aFwiPlxyXG4gICAgPC9uZ3gtbWF0LW5hdmlnYXRpb24tbWVudT5cclxuPC9zcGFuPiJdfQ==

package/esm2020/components/footer/footer-element/footer-element.module.mjs

@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FooterElementComponent } from './footer-element.component';
+import { RouterModule } from '@angular/router';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatButtonModule } from '@angular/material/button';
+import { NavMenuModule } from '../../navbar/nav-menu/nav-menu.module';
+import * as i0 from "@angular/core";
+export class FooterElementModule {
+}
+FooterElementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FooterElementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FooterElementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FooterElementModule, declarations: [FooterElementComponent], imports: [CommonModule,
+        RouterModule,
+        MatMenuModule,
+        MatButtonModule,
+        NavMenuModule], exports: [FooterElementComponent] });
+FooterElementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FooterElementModule, imports: [[
+            CommonModule,
+            RouterModule,
+            MatMenuModule,
+            MatButtonModule,
+            NavMenuModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FooterElementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        MatMenuModule,
+                        MatButtonModule,
+                        NavMenuModule
+                    ],
+                    declarations: [FooterElementComponent],
+                    exports: [FooterElementComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLWVsZW1lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdGVyaWFsLW5hdmlnYXRpb24vc3JjL2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci1lbGVtZW50L2Zvb3Rlci1lbGVtZW50Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBYXRFLE1BQU0sT0FBTyxtQkFBbUI7O2lIQUFuQixtQkFBbUI7a0hBQW5CLG1CQUFtQixpQkFIYixzQkFBc0IsYUFOakMsWUFBWTtRQUNaLFlBQVk7UUFDWixhQUFhO1FBQ2IsZUFBZTtRQUNmLGFBQWEsYUFHUCxzQkFBc0I7a0hBRXZCLG1CQUFtQixZQVZuQjtZQUNMLFlBQVk7WUFDWixZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixhQUFhO1NBQ2hCOzRGQUlRLG1CQUFtQjtrQkFYL0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixhQUFhO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9vdGVyRWxlbWVudENvbXBvbmVudCB9IGZyb20gJy4vZm9vdGVyLWVsZW1lbnQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBOYXZNZW51TW9kdWxlIH0gZnJvbSAnLi4vLi4vbmF2YmFyL25hdi1tZW51L25hdi1tZW51Lm1vZHVsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBSb3V0ZXJNb2R1bGUsXHJcbiAgICAgICAgTWF0TWVudU1vZHVsZSxcclxuICAgICAgICBNYXRCdXR0b25Nb2R1bGUsXHJcbiAgICAgICAgTmF2TWVudU1vZHVsZVxyXG4gICAgXSxcclxuICAgIGRlY2xhcmF0aW9uczogW0Zvb3RlckVsZW1lbnRDb21wb25lbnRdLFxyXG4gICAgZXhwb3J0czogW0Zvb3RlckVsZW1lbnRDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb290ZXJFbGVtZW50TW9kdWxlIHsgfSJdfQ==

package/esm2020/components/footer/footer.component.mjs

@@ -1,17 +1,24 @@
 import { Component, Input } from '@angular/core';
+import { NavUtilities } from '../../utilities/nav.utilities';
 import * as i0 from "@angular/core";
+import * as i1 from "./footer-element/footer-element.component";
+import * as i2 from "@angular/common";
 /**
  * Displays a footer based on the provided input data.
  */
-export class FooterComponent {
-    constructor() { }
+export class NgxMatNavigationFooterComponent {
+    constructor() {
+        this.NavUtilities = NavUtilities;
+    }
 }
-FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FooterComponent, selector: "ngx-mat-navigation-footer", inputs: { minHeight: "minHeight" }, ngImport: i0, template: "<div class=\"mat-elevation-z8\" [style.minHeight.px]=\"minHeight\" style=\"background-color: #F5F5F5;\">\r\n\r\n</div>", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FooterComponent, decorators: [{
+NgxMatNavigationFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatNavigationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgxMatNavigationFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatNavigationFooterComponent, selector: "ngx-mat-navigation-footer", inputs: { minHeight: "minHeight", footerRows: "footerRows" }, ngImport: i0, template: "<footer [style.minHeight.px]=\"minHeight\">\r\n    <div class=\"container\">\r\n        <div class=\"footer-row row gy-2\" *ngFor=\"let row of footerRows\">\r\n            <div class=\"col-md-4 col-sm-6\">\r\n                <div *ngFor=\"let element of NavUtilities.getFooterElementsForRow('left', row)\">\r\n                    <ngx-mat-navigation-footer-element [element]=\"element\"></ngx-mat-navigation-footer-element>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-4 col-sm-6\">\r\n                <div *ngFor=\"let element of NavUtilities.getFooterElementsForRow('center', row)\">\r\n                    <ngx-mat-navigation-footer-element [element]=\"element\"></ngx-mat-navigation-footer-element>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-4 col-sm-6\">\r\n                <div *ngFor=\"let element of NavUtilities.getFooterElementsForRow('right', row)\">\r\n                    <ngx-mat-navigation-footer-element [element]=\"element\"></ngx-mat-navigation-footer-element>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</footer>", styles: ["footer{box-shadow:0 0 5px -1px #0003,0 0 8px 5px #00000024,0 0 14px 8px #0000001f;padding-top:20px;padding-bottom:20px}\n"], components: [{ type: i1.FooterElementComponent, selector: "ngx-mat-navigation-footer-element", inputs: ["element"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatNavigationFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-mat-navigation-footer', template: "<div class=\"mat-elevation-z8\" [style.minHeight.px]=\"minHeight\" style=\"background-color: #F5F5F5;\">\r\n\r\n</div>", styles: [""] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { minHeight: [{
+            args: [{ selector: 'ngx-mat-navigation-footer', template: "<footer [style.minHeight.px]=\"minHeight\">\r\n    <div class=\"container\">\r\n        <div class=\"footer-row row gy-2\" *ngFor=\"let row of footerRows\">\r\n            <div class=\"col-md-4 col-sm-6\">\r\n                <div *ngFor=\"let element of NavUtilities.getFooterElementsForRow('left', row)\">\r\n                    <ngx-mat-navigation-footer-element [element]=\"element\"></ngx-mat-navigation-footer-element>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-4 col-sm-6\">\r\n                <div *ngFor=\"let element of NavUtilities.getFooterElementsForRow('center', row)\">\r\n                    <ngx-mat-navigation-footer-element [element]=\"element\"></ngx-mat-navigation-footer-element>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-4 col-sm-6\">\r\n                <div *ngFor=\"let element of NavUtilities.getFooterElementsForRow('right', row)\">\r\n                    <ngx-mat-navigation-footer-element [element]=\"element\"></ngx-mat-navigation-footer-element>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</footer>", styles: ["footer{box-shadow:0 0 5px -1px #0003,0 0 8px 5px #00000024,0 0 14px 8px #0000001f;padding-top:20px;padding-bottom:20px}\n"] }]
+        }], propDecorators: { minHeight: [{
+                type: Input
+            }], footerRows: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tYXRlcmlhbC1uYXZpZ2F0aW9uL3NyYy9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdGVyaWFsLW5hdmlnYXRpb24vc3JjL2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7O0dBRUc7QUFNSCxNQUFNLE9BQU8sZUFBZTtJQVF4QixnQkFBZ0IsQ0FBQzs7NkdBUlIsZUFBZTtpR0FBZixlQUFlLHFHQ1Y1Qix3SEFFTTs0RkRRTyxlQUFlO2tCQUwzQixTQUFTOytCQUNJLDJCQUEyQjswRUFVckMsU0FBUztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIERpc3BsYXlzIGEgZm9vdGVyIGJhc2VkIG9uIHRoZSBwcm92aWRlZCBpbnB1dCBkYXRhLlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ25neC1tYXQtbmF2aWdhdGlvbi1mb290ZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Zvb3Rlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9mb290ZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9vdGVyQ29tcG9uZW50IHtcclxuXHJcbiAgICAvKipcclxuICAgICAqIFRoZSBtaW5pbXVtIGhlaWdodCBvZiB0aGUgZm9vdGVyLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgbWluSGVpZ2h0ITogbnVtYmVyO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwibWF0LWVsZXZhdGlvbi16OFwiIFtzdHlsZS5taW5IZWlnaHQucHhdPVwibWluSGVpZ2h0XCIgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiAjRjVGNUY1O1wiPlxyXG5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tYXRlcmlhbC1uYXZpZ2F0aW9uL3NyYy9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdGVyaWFsLW5hdmlnYXRpb24vc3JjL2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7QUFFN0Q7O0dBRUc7QUFNSCxNQUFNLE9BQU8sK0JBQStCO0lBTDVDO1FBT0ksaUJBQVksR0FBRyxZQUFZLENBQUM7S0FhL0I7OzZIQWZZLCtCQUErQjtpSEFBL0IsK0JBQStCLCtIQ1o1QywrbkNBb0JTOzRGRFJJLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDSSwyQkFBMkI7OEJBWXJDLFNBQVM7c0JBRFIsS0FBSztnQkFPTixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvb3RlclJvdyB9IGZyb20gJy4uLy4uL21vZGVscy9mb290ZXIubW9kZWwnO1xyXG5pbXBvcnQgeyBOYXZVdGlsaXRpZXMgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvbmF2LnV0aWxpdGllcyc7XHJcblxyXG4vKipcclxuICogRGlzcGxheXMgYSBmb290ZXIgYmFzZWQgb24gdGhlIHByb3ZpZGVkIGlucHV0IGRhdGEuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnbmd4LW1hdC1uYXZpZ2F0aW9uLWZvb3RlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2Zvb3Rlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3hNYXROYXZpZ2F0aW9uRm9vdGVyQ29tcG9uZW50IHtcclxuXHJcbiAgICBOYXZVdGlsaXRpZXMgPSBOYXZVdGlsaXRpZXM7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgbWluaW11bSBoZWlnaHQgb2YgdGhlIGZvb3Rlci5cclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIG1pbkhlaWdodCE6IG51bWJlcjtcclxuXHJcbiAgICAvKipcclxuICAgICAqIFRoZSBmb290ZXIgcm93cyB0byBidWlsZCB0aGUgZm9vdGVyIGZyb20uXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBmb290ZXJSb3dzITogRm9vdGVyUm93W107XHJcbn0iLCI8Zm9vdGVyIFtzdHlsZS5taW5IZWlnaHQucHhdPVwibWluSGVpZ2h0XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlci1yb3cgcm93IGd5LTJcIiAqbmdGb3I9XCJsZXQgcm93IG9mIGZvb3RlclJvd3NcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC00IGNvbC1zbS02XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBlbGVtZW50IG9mIE5hdlV0aWxpdGllcy5nZXRGb290ZXJFbGVtZW50c0ZvclJvdygnbGVmdCcsIHJvdylcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmd4LW1hdC1uYXZpZ2F0aW9uLWZvb3Rlci1lbGVtZW50IFtlbGVtZW50XT1cImVsZW1lbnRcIj48L25neC1tYXQtbmF2aWdhdGlvbi1mb290ZXItZWxlbWVudD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC00IGNvbC1zbS02XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBlbGVtZW50IG9mIE5hdlV0aWxpdGllcy5nZXRGb290ZXJFbGVtZW50c0ZvclJvdygnY2VudGVyJywgcm93KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZ3gtbWF0LW5hdmlnYXRpb24tZm9vdGVyLWVsZW1lbnQgW2VsZW1lbnRdPVwiZWxlbWVudFwiPjwvbmd4LW1hdC1uYXZpZ2F0aW9uLWZvb3Rlci1lbGVtZW50PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTQgY29sLXNtLTZcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGVsZW1lbnQgb2YgTmF2VXRpbGl0aWVzLmdldEZvb3RlckVsZW1lbnRzRm9yUm93KCdyaWdodCcsIHJvdylcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmd4LW1hdC1uYXZpZ2F0aW9uLWZvb3Rlci1lbGVtZW50IFtlbGVtZW50XT1cImVsZW1lbnRcIj48L25neC1tYXQtbmF2aWdhdGlvbi1mb290ZXItZWxlbWVudD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Zvb3Rlcj4iXX0=

package/esm2020/components/footer/footer.module.mjs

@@ -1,22 +1,30 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FooterComponent } from './footer.component';
+import { NgxMatNavigationFooterComponent } from './footer.component';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { FooterElementModule } from './footer-element/footer-element.module';
 import * as i0 from "@angular/core";
 export class NgxMatNavigationFooterModule {
 }
 NgxMatNavigationFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatNavigationFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxMatNavigationFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatNavigationFooterModule, declarations: [FooterComponent], imports: [CommonModule], exports: [FooterComponent] });
+NgxMatNavigationFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatNavigationFooterModule, declarations: [NgxMatNavigationFooterComponent], imports: [CommonModule,
+        MatToolbarModule,
+        FooterElementModule], exports: [NgxMatNavigationFooterComponent] });
 NgxMatNavigationFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatNavigationFooterModule, imports: [[
-            CommonModule
+            CommonModule,
+            MatToolbarModule,
+            FooterElementModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatNavigationFooterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule
+                        CommonModule,
+                        MatToolbarModule,
+                        FooterElementModule
                     ],
-                    declarations: [FooterComponent],
-                    exports: [FooterComponent]
+                    declarations: [NgxMatNavigationFooterComponent],
+                    exports: [NgxMatNavigationFooterComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tYXRlcmlhbC1uYXZpZ2F0aW9uL3NyYy9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFTckQsTUFBTSxPQUFPLDRCQUE0Qjs7MEhBQTVCLDRCQUE0QjsySEFBNUIsNEJBQTRCLGlCQUh0QixlQUFlLGFBRjFCLFlBQVksYUFHTixlQUFlOzJIQUVoQiw0QkFBNEIsWUFONUI7WUFDTCxZQUFZO1NBQ2Y7NEZBSVEsNEJBQTRCO2tCQVB4QyxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3FCQUNmO29CQUNELFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEZvb3RlckNvbXBvbmVudCB9IGZyb20gJy4vZm9vdGVyLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZVxyXG4gICAgXSxcclxuICAgIGRlY2xhcmF0aW9uczogW0Zvb3RlckNvbXBvbmVudF0sXHJcbiAgICBleHBvcnRzOiBbRm9vdGVyQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmd4TWF0TmF2aWdhdGlvbkZvb3Rlck1vZHVsZSB7IH0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tYXRlcmlhbC1uYXZpZ2F0aW9uL3NyYy9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQVc3RSxNQUFNLE9BQU8sNEJBQTRCOzswSEFBNUIsNEJBQTRCOzJIQUE1Qiw0QkFBNEIsaUJBSHRCLCtCQUErQixhQUoxQyxZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLG1CQUFtQixhQUdiLCtCQUErQjsySEFFaEMsNEJBQTRCLFlBUjVCO1lBQ0wsWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixtQkFBbUI7U0FDdEI7NEZBSVEsNEJBQTRCO2tCQVR4QyxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3FCQUN0QjtvQkFDRCxZQUFZLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQztvQkFDL0MsT0FBTyxFQUFFLENBQUMsK0JBQStCLENBQUM7aUJBQzdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmd4TWF0TmF2aWdhdGlvbkZvb3RlckNvbXBvbmVudCB9IGZyb20gJy4vZm9vdGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1hdFRvb2xiYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sYmFyJztcclxuaW1wb3J0IHsgRm9vdGVyRWxlbWVudE1vZHVsZSB9IGZyb20gJy4vZm9vdGVyLWVsZW1lbnQvZm9vdGVyLWVsZW1lbnQubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIE1hdFRvb2xiYXJNb2R1bGUsXHJcbiAgICAgICAgRm9vdGVyRWxlbWVudE1vZHVsZVxyXG4gICAgXSxcclxuICAgIGRlY2xhcmF0aW9uczogW05neE1hdE5hdmlnYXRpb25Gb290ZXJDb21wb25lbnRdLFxyXG4gICAgZXhwb3J0czogW05neE1hdE5hdmlnYXRpb25Gb290ZXJDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3hNYXROYXZpZ2F0aW9uRm9vdGVyTW9kdWxlIHsgfSJdfQ==