@dangl/angular-material-shared 2.4.0-beta0033 → 2.4.0-beta0042

package/{fesm2020 → fesm2022}/dangl-angular-material-shared.mjs

@@ -12,284 +12,284 @@ import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
-class FooterComponent {
-    constructor() {
-        this.currentYear = new Date().getFullYear();
-        this.showLegalNotice = false;
-        this.legalNoticeText = 'Legal Notice';
-        this.legalNoticeLink = 'legal-notice';
-        this.useLegalNoticeCallback = false;
-        this.legalNoticeCallback = new EventEmitter();
-    }
-}
-FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: FooterComponent, selector: "dangl-footer", inputs: { showLegalNotice: "showLegalNotice", legalNoticeText: "legalNoticeText", legalNoticeLink: "legalNoticeLink", useLegalNoticeCallback: "useLegalNoticeCallback", options: "options" }, outputs: { legalNoticeCallback: "legalNoticeCallback" }, ngImport: i0, template: "<footer class=\"gd-footer\">\r\n  <p>\r\n    <ng-template [ngIf]=\"!options\">\r\n      <span class=\"gd-logo gd-logo-sm\">GD</span>\r\n      <span>&nbsp;</span>\r\n      <a href=\"https://www.dangl-it.com\"\r\n        >Dangl<strong>IT</strong> GmbH \u00A9 {{ currentYear }}</a\r\n      >\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"options\">\r\n      <span *ngIf=\"options.logoInitials\" class=\"gd-logo gd-logo-sm\">{{\r\n        options.logoInitials\r\n      }}</span>\r\n      <span>&nbsp;</span>\r\n      <a *ngIf=\"options.copyrightUrl\" href=\"{{ options.copyrightUrl }}\"\r\n        ><span [innerHtml]=\"options.companyNameHtml\"></span\r\n      ></a>\r\n      <span\r\n        *ngIf=\"!options.copyrightUrl\"\r\n        [innerHtml]=\"options.companyNameHtml\"\r\n      ></span>\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"showLegalNotice\">\r\n      -\r\n      <a *ngIf=\"!useLegalNoticeCallback\" [routerLink]=\"legalNoticeLink\">{{\r\n        legalNoticeText\r\n      }}</a>\r\n      <a\r\n        href=\"javascript:void(0)\"\r\n        *ngIf=\"useLegalNoticeCallback\"\r\n        (click)=\"legalNoticeCallback.next(null)\"\r\n        >{{ legalNoticeText }}</a\r\n      >\r\n    </ng-template>\r\n  </p>\r\n</footer>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'dangl-footer', template: "<footer class=\"gd-footer\">\r\n  <p>\r\n    <ng-template [ngIf]=\"!options\">\r\n      <span class=\"gd-logo gd-logo-sm\">GD</span>\r\n      <span>&nbsp;</span>\r\n      <a href=\"https://www.dangl-it.com\"\r\n        >Dangl<strong>IT</strong> GmbH \u00A9 {{ currentYear }}</a\r\n      >\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"options\">\r\n      <span *ngIf=\"options.logoInitials\" class=\"gd-logo gd-logo-sm\">{{\r\n        options.logoInitials\r\n      }}</span>\r\n      <span>&nbsp;</span>\r\n      <a *ngIf=\"options.copyrightUrl\" href=\"{{ options.copyrightUrl }}\"\r\n        ><span [innerHtml]=\"options.companyNameHtml\"></span\r\n      ></a>\r\n      <span\r\n        *ngIf=\"!options.copyrightUrl\"\r\n        [innerHtml]=\"options.companyNameHtml\"\r\n      ></span>\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"showLegalNotice\">\r\n      -\r\n      <a *ngIf=\"!useLegalNoticeCallback\" [routerLink]=\"legalNoticeLink\">{{\r\n        legalNoticeText\r\n      }}</a>\r\n      <a\r\n        href=\"javascript:void(0)\"\r\n        *ngIf=\"useLegalNoticeCallback\"\r\n        (click)=\"legalNoticeCallback.next(null)\"\r\n        >{{ legalNoticeText }}</a\r\n      >\r\n    </ng-template>\r\n  </p>\r\n</footer>\r\n" }]
-        }], propDecorators: { showLegalNotice: [{
-                type: Input
-            }], legalNoticeText: [{
-                type: Input
-            }], legalNoticeLink: [{
-                type: Input
-            }], useLegalNoticeCallback: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], legalNoticeCallback: [{
-                type: Output
+class FooterComponent {
+    constructor() {
+        this.currentYear = new Date().getFullYear();
+        this.showLegalNotice = false;
+        this.legalNoticeText = 'Legal Notice';
+        this.legalNoticeLink = 'legal-notice';
+        this.useLegalNoticeCallback = false;
+        this.legalNoticeCallback = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: FooterComponent, selector: "dangl-footer", inputs: { showLegalNotice: "showLegalNotice", legalNoticeText: "legalNoticeText", legalNoticeLink: "legalNoticeLink", useLegalNoticeCallback: "useLegalNoticeCallback", options: "options" }, outputs: { legalNoticeCallback: "legalNoticeCallback" }, ngImport: i0, template: "<footer class=\"gd-footer\">\r\n  <p>\r\n    <ng-template [ngIf]=\"!options\">\r\n      <span class=\"gd-logo gd-logo-sm\">GD</span>\r\n      <span>&nbsp;</span>\r\n      <a href=\"https://www.dangl-it.com\"\r\n        >Dangl<strong>IT</strong> GmbH \u00A9 {{ currentYear }}</a\r\n      >\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"options\">\r\n      <span *ngIf=\"options.logoInitials\" class=\"gd-logo gd-logo-sm\">{{\r\n        options.logoInitials\r\n      }}</span>\r\n      <span>&nbsp;</span>\r\n      <a *ngIf=\"options.copyrightUrl\" href=\"{{ options.copyrightUrl }}\"\r\n        ><span [innerHtml]=\"options.companyNameHtml\"></span\r\n      ></a>\r\n      <span\r\n        *ngIf=\"!options.copyrightUrl\"\r\n        [innerHtml]=\"options.companyNameHtml\"\r\n      ></span>\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"showLegalNotice\">\r\n      -\r\n      <a *ngIf=\"!useLegalNoticeCallback\" [routerLink]=\"legalNoticeLink\">{{\r\n        legalNoticeText\r\n      }}</a>\r\n      <a\r\n        href=\"javascript:void(0)\"\r\n        *ngIf=\"useLegalNoticeCallback\"\r\n        (click)=\"legalNoticeCallback.next(null)\"\r\n        >{{ legalNoticeText }}</a\r\n      >\r\n    </ng-template>\r\n  </p>\r\n</footer>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: FooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dangl-footer', template: "<footer class=\"gd-footer\">\r\n  <p>\r\n    <ng-template [ngIf]=\"!options\">\r\n      <span class=\"gd-logo gd-logo-sm\">GD</span>\r\n      <span>&nbsp;</span>\r\n      <a href=\"https://www.dangl-it.com\"\r\n        >Dangl<strong>IT</strong> GmbH \u00A9 {{ currentYear }}</a\r\n      >\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"options\">\r\n      <span *ngIf=\"options.logoInitials\" class=\"gd-logo gd-logo-sm\">{{\r\n        options.logoInitials\r\n      }}</span>\r\n      <span>&nbsp;</span>\r\n      <a *ngIf=\"options.copyrightUrl\" href=\"{{ options.copyrightUrl }}\"\r\n        ><span [innerHtml]=\"options.companyNameHtml\"></span\r\n      ></a>\r\n      <span\r\n        *ngIf=\"!options.copyrightUrl\"\r\n        [innerHtml]=\"options.companyNameHtml\"\r\n      ></span>\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"showLegalNotice\">\r\n      -\r\n      <a *ngIf=\"!useLegalNoticeCallback\" [routerLink]=\"legalNoticeLink\">{{\r\n        legalNoticeText\r\n      }}</a>\r\n      <a\r\n        href=\"javascript:void(0)\"\r\n        *ngIf=\"useLegalNoticeCallback\"\r\n        (click)=\"legalNoticeCallback.next(null)\"\r\n        >{{ legalNoticeText }}</a\r\n      >\r\n    </ng-template>\r\n  </p>\r\n</footer>\r\n" }]
+        }], propDecorators: { showLegalNotice: [{
+                type: Input
+            }], legalNoticeText: [{
+                type: Input
+            }], legalNoticeLink: [{
+                type: Input
+            }], useLegalNoticeCallback: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], legalNoticeCallback: [{
+                type: Output
             }] } });
 
-class HeaderComponent {
-    constructor() {
-        this.showMenuButton = false;
-        this.logoInitials = "GD";
-        this.menuButtonClicked = new EventEmitter();
-        this._forceDisablePrereleaseHeader = false;
-    }
-    set showPrerelease(val) {
-        if (val) {
-            this._forceDisablePrereleaseHeader = false;
-            this._showPrerelease = this.checkPrereleaseData();
-        }
-        else {
-            this._forceDisablePrereleaseHeader = true;
-            this._showPrerelease = false;
-        }
-    }
-    get showPrerelease() {
-        if (this._forceDisablePrereleaseHeader) {
-            return false;
-        }
-        return this._showPrerelease;
-    }
-    ngOnChanges(_) {
-        if (!this._forceDisablePrereleaseHeader) {
-            this._showPrerelease = this.checkPrereleaseData();
-        }
-    }
-    checkPrereleaseData() {
-        let isShowing = this.preReleaseVersion != null ||
-            this.preReleaseBuildDate != null ||
-            this.preReleaseLiveSiteLink != null;
-        if (this.preReleaseVersion != null && typeof Storage !== "undefined") {
-            isShowing =
-                this.preReleaseVersion !==
-                    localStorage.getItem("dangl_preview_notice_header_hide_version");
-        }
-        return isShowing;
-    }
-    hideForCurrentVersion() {
-        if (typeof Storage !== "undefined") {
-            localStorage.setItem("dangl_preview_notice_header_hide_version", this.preReleaseVersion);
-            this.showPrerelease = false;
-        }
-    }
-}
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: HeaderComponent, selector: "dangl-header", inputs: { prefix: "prefix", postfix: "postfix", showMenuButton: "showMenuButton", logoInitials: "logoInitials", iconUrl: "iconUrl", preReleaseVersion: "preReleaseVersion", preReleaseBuildDate: "preReleaseBuildDate", preReleaseLiveSiteLink: "preReleaseLiveSiteLink", showPrerelease: "showPrerelease" }, outputs: { menuButtonClicked: "menuButtonClicked" }, usesOnChanges: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">\r\n  <mat-toolbar-row>\r\n    <button\r\n      mat-button\r\n      class=\"menu-button\"\r\n      *ngIf=\"showMenuButton\"\r\n      (click)=\"menuButtonClicked.next(null)\"\r\n    >\r\n      <mat-icon>menu</mat-icon>\r\n    </button>\r\n    <a routerLink=\"/\" class=\"header-title\" *ngIf=\"iconUrl\">\r\n      <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n    </a>\r\n    <a routerLink=\"/\" class=\"header-title\">\r\n      <h1>\r\n        <span *ngIf=\"logoInitials\" class=\"gd-logo\">{{ logoInitials }}</span>\r\n        <ng-container *ngIf=\"prefix || postfix\">\r\n          {{ prefix }}<strong>{{ postfix }}</strong>\r\n        </ng-container>\r\n      </h1>\r\n    </a>\r\n    <span class=\"toolbar-spacer\"></span>\r\n    <ng-content></ng-content>\r\n  </mat-toolbar-row>\r\n  <mat-toolbar-row *ngIf=\"showPrerelease\" class=\"preview-notice\">\r\n    <div class=\"preview-row\">\r\n      <span> <mat-icon>warning</mat-icon> This is a preview site. </span>\r\n      <a href=\"{{ preReleaseLiveSiteLink }}\" *ngIf=\"preReleaseLiveSiteLink\"\r\n        >Click here to go to the live site</a\r\n      >\r\n      <div>\r\n        <button\r\n          mat-button\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"showPrerelease = false\"\r\n        >\r\n          OK\r\n        </button>\r\n        <button\r\n          mat-button\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"hideForCurrentVersion()\"\r\n        >\r\n          Hide for this version\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"preview-row\">\r\n      <span *ngIf=\"preReleaseVersion\">Version: {{ preReleaseVersion }}</span>\r\n      <span *ngIf=\"preReleaseBuildDate\"\r\n        >Built: {{ preReleaseBuildDate | date: \"dd.MM.yyyy HH:mm\" }}</span\r\n      >\r\n    </div>\r\n  </mat-toolbar-row>\r\n  <mat-toolbar-row class=\"header-divider\"></mat-toolbar-row>\r\n</mat-toolbar>\r\n", styles: [".mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.header-divider{background-color:#3b4c55;height:12px}.preview-notice{background-color:#f44336;display:flex;flex-direction:column}.preview-notice .preview-row{display:flex;width:100%;flex-direction:row;justify-content:space-between}.preview-notice .preview-row a{text-decoration:underline}.dangl-header-logo{max-height:64px;vertical-align:middle}@media (max-width: 599px){.dangl-header-logo{max-height:56px}}mat-toolbar-row{padding-left:0}.header-title{padding-left:16px}.menu-button{height:100%;margin-left:0;min-width:auto;width:52px}.menu-button mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem;transform:scale(1.25)}.toolbar-spacer{flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i1$1.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "dangl-header", template: "<mat-toolbar color=\"primary\">\r\n  <mat-toolbar-row>\r\n    <button\r\n      mat-button\r\n      class=\"menu-button\"\r\n      *ngIf=\"showMenuButton\"\r\n      (click)=\"menuButtonClicked.next(null)\"\r\n    >\r\n      <mat-icon>menu</mat-icon>\r\n    </button>\r\n    <a routerLink=\"/\" class=\"header-title\" *ngIf=\"iconUrl\">\r\n      <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n    </a>\r\n    <a routerLink=\"/\" class=\"header-title\">\r\n      <h1>\r\n        <span *ngIf=\"logoInitials\" class=\"gd-logo\">{{ logoInitials }}</span>\r\n        <ng-container *ngIf=\"prefix || postfix\">\r\n          {{ prefix }}<strong>{{ postfix }}</strong>\r\n        </ng-container>\r\n      </h1>\r\n    </a>\r\n    <span class=\"toolbar-spacer\"></span>\r\n    <ng-content></ng-content>\r\n  </mat-toolbar-row>\r\n  <mat-toolbar-row *ngIf=\"showPrerelease\" class=\"preview-notice\">\r\n    <div class=\"preview-row\">\r\n      <span> <mat-icon>warning</mat-icon> This is a preview site. </span>\r\n      <a href=\"{{ preReleaseLiveSiteLink }}\" *ngIf=\"preReleaseLiveSiteLink\"\r\n        >Click here to go to the live site</a\r\n      >\r\n      <div>\r\n        <button\r\n          mat-button\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"showPrerelease = false\"\r\n        >\r\n          OK\r\n        </button>\r\n        <button\r\n          mat-button\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"hideForCurrentVersion()\"\r\n        >\r\n          Hide for this version\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"preview-row\">\r\n      <span *ngIf=\"preReleaseVersion\">Version: {{ preReleaseVersion }}</span>\r\n      <span *ngIf=\"preReleaseBuildDate\"\r\n        >Built: {{ preReleaseBuildDate | date: \"dd.MM.yyyy HH:mm\" }}</span\r\n      >\r\n    </div>\r\n  </mat-toolbar-row>\r\n  <mat-toolbar-row class=\"header-divider\"></mat-toolbar-row>\r\n</mat-toolbar>\r\n", styles: [".mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.header-divider{background-color:#3b4c55;height:12px}.preview-notice{background-color:#f44336;display:flex;flex-direction:column}.preview-notice .preview-row{display:flex;width:100%;flex-direction:row;justify-content:space-between}.preview-notice .preview-row a{text-decoration:underline}.dangl-header-logo{max-height:64px;vertical-align:middle}@media (max-width: 599px){.dangl-header-logo{max-height:56px}}mat-toolbar-row{padding-left:0}.header-title{padding-left:16px}.menu-button{height:100%;margin-left:0;min-width:auto;width:52px}.menu-button mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem;transform:scale(1.25)}.toolbar-spacer{flex:1 1 auto}\n"] }]
-        }], propDecorators: { prefix: [{
-                type: Input
-            }], postfix: [{
-                type: Input
-            }], showMenuButton: [{
-                type: Input
-            }], logoInitials: [{
-                type: Input
-            }], iconUrl: [{
-                type: Input
-            }], menuButtonClicked: [{
-                type: Output
-            }], preReleaseVersion: [{
-                type: Input
-            }], preReleaseBuildDate: [{
-                type: Input
-            }], preReleaseLiveSiteLink: [{
-                type: Input
-            }], showPrerelease: [{
-                type: Input
+class HeaderComponent {
+    constructor() {
+        this.showMenuButton = false;
+        this.logoInitials = "GD";
+        this.menuButtonClicked = new EventEmitter();
+        this._forceDisablePrereleaseHeader = false;
+    }
+    set showPrerelease(val) {
+        if (val) {
+            this._forceDisablePrereleaseHeader = false;
+            this._showPrerelease = this.checkPrereleaseData();
+        }
+        else {
+            this._forceDisablePrereleaseHeader = true;
+            this._showPrerelease = false;
+        }
+    }
+    get showPrerelease() {
+        if (this._forceDisablePrereleaseHeader) {
+            return false;
+        }
+        return this._showPrerelease;
+    }
+    ngOnChanges(_) {
+        if (!this._forceDisablePrereleaseHeader) {
+            this._showPrerelease = this.checkPrereleaseData();
+        }
+    }
+    checkPrereleaseData() {
+        let isShowing = this.preReleaseVersion != null ||
+            this.preReleaseBuildDate != null ||
+            this.preReleaseLiveSiteLink != null;
+        if (this.preReleaseVersion != null && typeof Storage !== "undefined") {
+            isShowing =
+                this.preReleaseVersion !==
+                    localStorage.getItem("dangl_preview_notice_header_hide_version");
+        }
+        return isShowing;
+    }
+    hideForCurrentVersion() {
+        if (typeof Storage !== "undefined") {
+            localStorage.setItem("dangl_preview_notice_header_hide_version", this.preReleaseVersion);
+            this.showPrerelease = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: HeaderComponent, selector: "dangl-header", inputs: { prefix: "prefix", postfix: "postfix", showMenuButton: "showMenuButton", logoInitials: "logoInitials", iconUrl: "iconUrl", preReleaseVersion: "preReleaseVersion", preReleaseBuildDate: "preReleaseBuildDate", preReleaseLiveSiteLink: "preReleaseLiveSiteLink", showPrerelease: "showPrerelease" }, outputs: { menuButtonClicked: "menuButtonClicked" }, usesOnChanges: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">\r\n  <mat-toolbar-row>\r\n    <button\r\n      mat-button\r\n      class=\"menu-button\"\r\n      *ngIf=\"showMenuButton\"\r\n      (click)=\"menuButtonClicked.next(null)\"\r\n    >\r\n      <mat-icon>menu</mat-icon>\r\n    </button>\r\n    <a routerLink=\"/\" class=\"header-title\" *ngIf=\"iconUrl\">\r\n      <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n    </a>\r\n    <a routerLink=\"/\" class=\"header-title\">\r\n      <h1>\r\n        <span *ngIf=\"logoInitials\" class=\"gd-logo\">{{ logoInitials }}</span>\r\n        <ng-container *ngIf=\"prefix || postfix\">\r\n          {{ prefix }}<strong>{{ postfix }}</strong>\r\n        </ng-container>\r\n      </h1>\r\n    </a>\r\n    <span class=\"toolbar-spacer\"></span>\r\n    <ng-content></ng-content>\r\n  </mat-toolbar-row>\r\n  <mat-toolbar-row *ngIf=\"showPrerelease\" class=\"preview-notice\">\r\n    <div class=\"preview-row\">\r\n      <span> <mat-icon>warning</mat-icon> This is a preview site. </span>\r\n      <a href=\"{{ preReleaseLiveSiteLink }}\" *ngIf=\"preReleaseLiveSiteLink\"\r\n        >Click here to go to the live site</a\r\n      >\r\n      <div>\r\n        <button\r\n          mat-button\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"showPrerelease = false\"\r\n        >\r\n          OK\r\n        </button>\r\n        <button\r\n          mat-button\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"hideForCurrentVersion()\"\r\n        >\r\n          Hide for this version\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"preview-row\">\r\n      <span *ngIf=\"preReleaseVersion\">Version: {{ preReleaseVersion }}</span>\r\n      <span *ngIf=\"preReleaseBuildDate\"\r\n        >Built: {{ preReleaseBuildDate | date: \"dd.MM.yyyy HH:mm\" }}</span\r\n      >\r\n    </div>\r\n  </mat-toolbar-row>\r\n  <mat-toolbar-row class=\"header-divider\"></mat-toolbar-row>\r\n</mat-toolbar>\r\n", styles: [".mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.header-divider{background-color:#3b4c55;height:12px}.preview-notice{background-color:#f44336;display:flex;flex-direction:column}.preview-notice .preview-row{display:flex;width:100%;flex-direction:row;justify-content:space-between}.preview-notice .preview-row a{text-decoration:underline}.dangl-header-logo{max-height:64px;vertical-align:middle}@media (max-width: 599px){.dangl-header-logo{max-height:56px}}mat-toolbar-row{padding-left:0}.header-title{padding-left:16px}.menu-button{height:100%;margin-left:0;min-width:auto;width:52px}.menu-button mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem;transform:scale(1.25)}.toolbar-spacer{flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i1$1.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "dangl-header", template: "<mat-toolbar color=\"primary\">\r\n  <mat-toolbar-row>\r\n    <button\r\n      mat-button\r\n      class=\"menu-button\"\r\n      *ngIf=\"showMenuButton\"\r\n      (click)=\"menuButtonClicked.next(null)\"\r\n    >\r\n      <mat-icon>menu</mat-icon>\r\n    </button>\r\n    <a routerLink=\"/\" class=\"header-title\" *ngIf=\"iconUrl\">\r\n      <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n    </a>\r\n    <a routerLink=\"/\" class=\"header-title\">\r\n      <h1>\r\n        <span *ngIf=\"logoInitials\" class=\"gd-logo\">{{ logoInitials }}</span>\r\n        <ng-container *ngIf=\"prefix || postfix\">\r\n          {{ prefix }}<strong>{{ postfix }}</strong>\r\n        </ng-container>\r\n      </h1>\r\n    </a>\r\n    <span class=\"toolbar-spacer\"></span>\r\n    <ng-content></ng-content>\r\n  </mat-toolbar-row>\r\n  <mat-toolbar-row *ngIf=\"showPrerelease\" class=\"preview-notice\">\r\n    <div class=\"preview-row\">\r\n      <span> <mat-icon>warning</mat-icon> This is a preview site. </span>\r\n      <a href=\"{{ preReleaseLiveSiteLink }}\" *ngIf=\"preReleaseLiveSiteLink\"\r\n        >Click here to go to the live site</a\r\n      >\r\n      <div>\r\n        <button\r\n          mat-button\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"showPrerelease = false\"\r\n        >\r\n          OK\r\n        </button>\r\n        <button\r\n          mat-button\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"hideForCurrentVersion()\"\r\n        >\r\n          Hide for this version\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"preview-row\">\r\n      <span *ngIf=\"preReleaseVersion\">Version: {{ preReleaseVersion }}</span>\r\n      <span *ngIf=\"preReleaseBuildDate\"\r\n        >Built: {{ preReleaseBuildDate | date: \"dd.MM.yyyy HH:mm\" }}</span\r\n      >\r\n    </div>\r\n  </mat-toolbar-row>\r\n  <mat-toolbar-row class=\"header-divider\"></mat-toolbar-row>\r\n</mat-toolbar>\r\n", styles: [".mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.header-divider{background-color:#3b4c55;height:12px}.preview-notice{background-color:#f44336;display:flex;flex-direction:column}.preview-notice .preview-row{display:flex;width:100%;flex-direction:row;justify-content:space-between}.preview-notice .preview-row a{text-decoration:underline}.dangl-header-logo{max-height:64px;vertical-align:middle}@media (max-width: 599px){.dangl-header-logo{max-height:56px}}mat-toolbar-row{padding-left:0}.header-title{padding-left:16px}.menu-button{height:100%;margin-left:0;min-width:auto;width:52px}.menu-button mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem;transform:scale(1.25)}.toolbar-spacer{flex:1 1 auto}\n"] }]
+        }], propDecorators: { prefix: [{
+                type: Input
+            }], postfix: [{
+                type: Input
+            }], showMenuButton: [{
+                type: Input
+            }], logoInitials: [{
+                type: Input
+            }], iconUrl: [{
+                type: Input
+            }], menuButtonClicked: [{
+                type: Output
+            }], preReleaseVersion: [{
+                type: Input
+            }], preReleaseBuildDate: [{
+                type: Input
+            }], preReleaseLiveSiteLink: [{
+                type: Input
+            }], showPrerelease: [{
+                type: Input
             }] } });
 
-// tslint:disable:no-bitwise
-class GuidGenerator {
-    /**
-    * Taken from https://github.com/Steve-Fenton/TypeScriptUtilities/blob/master/Guid
-    * (modified)
-    * Generates a Version 4 (= Pseudorandom) Guid
-    */
-    static generatePseudoRandomGuid() {
-        const newGuidPlaceholder = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';
-        const pseudoGuid = newGuidPlaceholder.replace(/[xy]/g, letter => this.generateRandomHexDigit(letter));
-        return pseudoGuid;
-    }
-    static generateRandomHexDigit(letter) {
-        const r = Math.random() * 16 | 0;
-        let v;
-        if (letter === 'x') {
-            v = r;
-        }
-        else if (letter === 'y') {
-            v = r & 0x3 | 0x8;
-            /*  r & 0x3 -> Allows either 0x0000, 0x0001, 0x0010 or 0x0011
-            * | 0x8    -> 0x1000 = 8
-            *             0x1001 = 9
-            *             0x1010 = A
-            *             0x1011 = B
-            * The possible variants of version 4 Guids
-            */
-        }
-        else {
-            throw new Error('Please provide either "x" to indicate a random replacement or "y" to '
-                + 'indicate the generation of the variant identifier');
-        }
-        return v.toString(16);
-    }
+// tslint:disable:no-bitwise
+class GuidGenerator {
+    /**
+    * Taken from https://github.com/Steve-Fenton/TypeScriptUtilities/blob/master/Guid
+    * (modified)
+    * Generates a Version 4 (= Pseudorandom) Guid
+    */
+    static generatePseudoRandomGuid() {
+        const newGuidPlaceholder = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';
+        const pseudoGuid = newGuidPlaceholder.replace(/[xy]/g, letter => this.generateRandomHexDigit(letter));
+        return pseudoGuid;
+    }
+    static generateRandomHexDigit(letter) {
+        const r = Math.random() * 16 | 0;
+        let v;
+        if (letter === 'x') {
+            v = r;
+        }
+        else if (letter === 'y') {
+            v = r & 0x3 | 0x8;
+            /*  r & 0x3 -> Allows either 0x0000, 0x0001, 0x0010 or 0x0011
+            * | 0x8    -> 0x1000 = 8
+            *             0x1001 = 9
+            *             0x1010 = A
+            *             0x1011 = B
+            * The possible variants of version 4 Guids
+            */
+        }
+        else {
+            throw new Error('Please provide either "x" to indicate a random replacement or "y" to '
+                + 'indicate the generation of the variant identifier');
+        }
+        return v.toString(16);
+    }
 }
 
-class TinyMceComponent {
-    constructor(baseUrl, ngZone) {
-        this.baseUrl = baseUrl;
-        this.ngZone = ngZone;
-        this.elementId = GuidGenerator.generatePseudoRandomGuid();
-        this._disabled = false;
-        this.onTouchedCallback = () => { };
-        this.onChangeCallback = () => { };
-    }
-    get editorContent() {
-        return this._editorContent;
-    }
-    set editorContent(value) {
-        if (value !== this._editorContent) {
-            this._editorContent = value;
-            this.ngZone.run(() => {
-                // tinyMCE events are outside of the Angular zone
-                // ngZone.run() makes sure everything runs in the
-                // Angular zone, so it integrates in the Angular
-                // lifecycle. Otherwise, e.g., 'required' validation
-                // would not update on change
-                this.onChangeCallback(value);
-            });
-        }
-    }
-    ngAfterViewInit() {
-        tinymce.init({
-            selector: '#' + this.elementId,
-            plugins: ['link', 'paste', 'table', 'image', 'code'],
-            language: this.tinyMceLanguageCode,
-            base_url: this.baseUrl,
-            branding: false,
-            setup: editor => {
-                editor.on('change keyup', () => {
-                    const content = editor.getContent();
-                    this.editorContent = content;
-                });
-            },
-            init_instance_callback: editor => {
-                if (editor && this.editorContent) {
-                    editor.setContent(this.editorContent);
-                }
-                this.editor = editor;
-                this.setDisabledState(this._disabled);
-            }
-        });
-    }
-    ngOnDestroy() {
-        tinymce.remove(this.editor);
-    }
-    writeValue(obj) {
-        obj = obj || '';
-        this.editorContent = obj;
-        if (!this.editor) {
-            return;
-        }
-        const tinyMceContent = this.editor.getContent();
-        if (tinyMceContent !== obj) {
-            this.editor.setContent(obj);
-        }
-    }
-    registerOnChange(fn) {
-        this.onChangeCallback = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouchedCallback = fn;
-    }
-    setDisabledState(isDisabled) {
-        this._disabled = isDisabled;
-        if (!this.editor) {
-            return;
-        }
-        if (isDisabled) {
-            this.editor.setMode('readonly');
-        }
-        else {
-            this.editor.setMode('design');
-        }
-    }
-}
-TinyMceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TinyMceComponent, deps: [{ token: 'TINYMCE_BASE_URL' }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-TinyMceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TinyMceComponent, selector: "dangl-tiny-mce", inputs: { tinyMceLanguageUrl: "tinyMceLanguageUrl", tinyMceLanguageCode: "tinyMceLanguageCode" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => TinyMceComponent),
-            multi: true,
-        }
-    ], ngImport: i0, template: "<textarea id=\"{{ elementId }}\"></textarea>\r\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TinyMceComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'dangl-tiny-mce', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TinyMceComponent),
-                            multi: true,
-                        }
-                    ], template: "<textarea id=\"{{ elementId }}\"></textarea>\r\n" }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['TINYMCE_BASE_URL']
-                }] }, { type: i0.NgZone }]; }, propDecorators: { tinyMceLanguageUrl: [{
-                type: Input
-            }], tinyMceLanguageCode: [{
-                type: Input
+class TinyMceComponent {
+    get editorContent() {
+        return this._editorContent;
+    }
+    set editorContent(value) {
+        if (value !== this._editorContent) {
+            this._editorContent = value;
+            this.ngZone.run(() => {
+                // tinyMCE events are outside of the Angular zone
+                // ngZone.run() makes sure everything runs in the
+                // Angular zone, so it integrates in the Angular
+                // lifecycle. Otherwise, e.g., 'required' validation
+                // would not update on change
+                this.onChangeCallback(value);
+            });
+        }
+    }
+    constructor(baseUrl, ngZone) {
+        this.baseUrl = baseUrl;
+        this.ngZone = ngZone;
+        this.elementId = GuidGenerator.generatePseudoRandomGuid();
+        this._disabled = false;
+        this.onTouchedCallback = () => { };
+        this.onChangeCallback = () => { };
+    }
+    ngAfterViewInit() {
+        tinymce.init({
+            selector: '#' + this.elementId,
+            plugins: ['link', 'paste', 'table', 'image', 'code'],
+            language: this.tinyMceLanguageCode,
+            base_url: this.baseUrl,
+            branding: false,
+            setup: editor => {
+                editor.on('change keyup', () => {
+                    const content = editor.getContent();
+                    this.editorContent = content;
+                });
+            },
+            init_instance_callback: editor => {
+                if (editor && this.editorContent) {
+                    editor.setContent(this.editorContent);
+                }
+                this.editor = editor;
+                this.setDisabledState(this._disabled);
+            }
+        });
+    }
+    ngOnDestroy() {
+        tinymce.remove(this.editor);
+    }
+    writeValue(obj) {
+        obj = obj || '';
+        this.editorContent = obj;
+        if (!this.editor) {
+            return;
+        }
+        const tinyMceContent = this.editor.getContent();
+        if (tinyMceContent !== obj) {
+            this.editor.setContent(obj);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChangeCallback = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled = isDisabled;
+        if (!this.editor) {
+            return;
+        }
+        if (isDisabled) {
+            this.editor.setMode('readonly');
+        }
+        else {
+            this.editor.setMode('design');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TinyMceComponent, deps: [{ token: 'TINYMCE_BASE_URL' }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: TinyMceComponent, selector: "dangl-tiny-mce", inputs: { tinyMceLanguageUrl: "tinyMceLanguageUrl", tinyMceLanguageCode: "tinyMceLanguageCode" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TinyMceComponent),
+                multi: true,
+            }
+        ], ngImport: i0, template: "<textarea id=\"{{ elementId }}\"></textarea>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TinyMceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dangl-tiny-mce', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TinyMceComponent),
+                            multi: true,
+                        }
+                    ], template: "<textarea id=\"{{ elementId }}\"></textarea>\r\n" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['TINYMCE_BASE_URL']
+                }] }, { type: i0.NgZone }]; }, propDecorators: { tinyMceLanguageUrl: [{
+                type: Input
+            }], tinyMceLanguageCode: [{
+                type: Input
             }] } });
 
-class AngularMaterialSharedModule {
-}
-AngularMaterialSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AngularMaterialSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AngularMaterialSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AngularMaterialSharedModule, declarations: [FooterComponent, HeaderComponent, TinyMceComponent], imports: [MatToolbarModule,
-        MatIconModule,
-        MatButtonModule,
-        RouterModule,
-        CommonModule], exports: [FooterComponent, HeaderComponent, TinyMceComponent] });
-AngularMaterialSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AngularMaterialSharedModule, imports: [MatToolbarModule,
-        MatIconModule,
-        MatButtonModule,
-        RouterModule,
-        CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AngularMaterialSharedModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        MatToolbarModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        RouterModule,
-                        CommonModule
-                    ],
-                    declarations: [FooterComponent, HeaderComponent, TinyMceComponent],
-                    exports: [FooterComponent, HeaderComponent, TinyMceComponent]
-                }]
+class AngularMaterialSharedModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AngularMaterialSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: AngularMaterialSharedModule, declarations: [FooterComponent, HeaderComponent, TinyMceComponent], imports: [MatToolbarModule,
+            MatIconModule,
+            MatButtonModule,
+            RouterModule,
+            CommonModule], exports: [FooterComponent, HeaderComponent, TinyMceComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AngularMaterialSharedModule, imports: [MatToolbarModule,
+            MatIconModule,
+            MatButtonModule,
+            RouterModule,
+            CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AngularMaterialSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        MatToolbarModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        RouterModule,
+                        CommonModule
+                    ],
+                    declarations: [FooterComponent, HeaderComponent, TinyMceComponent],
+                    exports: [FooterComponent, HeaderComponent, TinyMceComponent]
+                }]
         }] });
 
-/*
- * Public API Surface of angular-material-shared
+/*
+ * Public API Surface of angular-material-shared
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AngularMaterialSharedModule, FooterComponent, GuidGenerator, HeaderComponent, TinyMceComponent };