@dangl/angular-material-shared 1.2.1-beta0013 → 1.2.1-beta0028

package/fesm2020/dangl-angular-material-shared.mjs

@@ -0,0 +1,292 @@
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, forwardRef, Inject, NgModule } from '@angular/core';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i1 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i2$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+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: "13.2.2", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.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: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.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", styles: [""] }]
+        }], 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: "13.2.2", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.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: [".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{transform:scale(1.25)}.toolbar-spacer{flex:1 1 auto}\n"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2$1.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "date": i4.DatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.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: [".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{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);
+    }
+}
+
+class TinyMceComponent {
+    constructor(baseUrl, ngZone) {
+        this.baseUrl = baseUrl;
+        this.ngZone = ngZone;
+        this.elementId = GuidGenerator.generatePseudoRandomGuid();
+        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;
+            }
+        });
+    }
+    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) {
+        if (isDisabled) {
+            this.editor.setMode('readonly');
+        }
+        else {
+            this.editor.setMode('design');
+        }
+    }
+}
+TinyMceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TinyMceComponent, deps: [{ token: 'TINYMCE_BASE_URL' }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TinyMceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.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: "13.2.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", styles: [""] }]
+        }], 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: "13.2.2", ngImport: i0, type: AngularMaterialSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AngularMaterialSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: AngularMaterialSharedModule, imports: [[
+            MatToolbarModule,
+            MatIconModule,
+            MatButtonModule,
+            RouterModule,
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.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
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AngularMaterialSharedModule, FooterComponent, GuidGenerator, HeaderComponent, TinyMceComponent };
+//# sourceMappingURL=dangl-angular-material-shared.mjs.map

package/fesm2020/dangl-angular-material-shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dangl-angular-material-shared.mjs","sources":["../../../projects/angular-material-shared/src/lib/components/footer/footer.component.ts","../../../projects/angular-material-shared/src/lib/components/footer/footer.component.html","../../../projects/angular-material-shared/src/lib/components/header/header.component.ts","../../../projects/angular-material-shared/src/lib/components/header/header.component.html","../../../projects/angular-material-shared/src/lib/utils/guid-generator.ts","../../../projects/angular-material-shared/src/lib/components/tiny-mce/tiny-mce.component.ts","../../../projects/angular-material-shared/src/lib/components/tiny-mce/tiny-mce.component.html","../../../projects/angular-material-shared/src/lib/angular-material-shared.module.ts","../../../projects/angular-material-shared/src/public_api.ts","../../../projects/angular-material-shared/src/dangl-angular-material-shared.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nimport { FooterOptions } from '../../models/footer-options';\r\n\r\n@Component({\r\n  selector: 'dangl-footer',\r\n  templateUrl: './footer.component.html',\r\n  styleUrls: ['./footer.component.scss']\r\n})\r\nexport class FooterComponent {\r\n\r\n  currentYear = new Date().getFullYear();\r\n\r\n  @Input() showLegalNotice = false;\r\n  @Input() legalNoticeText = 'Legal Notice';\r\n  @Input() legalNoticeLink = 'legal-notice';\r\n  @Input() useLegalNoticeCallback = false;\r\n  @Input() options: FooterOptions;\r\n  @Output() legalNoticeCallback = new EventEmitter();\r\n\r\n}\r\n","<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 © {{ 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","import {\r\n  Component,\r\n  EventEmitter,\r\n  Input,\r\n  OnChanges,\r\n  OnInit,\r\n  Output,\r\n  SimpleChanges,\r\n} from \"@angular/core\";\r\n\r\n@Component({\r\n  selector: \"dangl-header\",\r\n  templateUrl: \"./header.component.html\",\r\n  styleUrls: [\"./header.component.scss\"],\r\n})\r\nexport class HeaderComponent implements OnChanges {\r\n  @Input() prefix: string;\r\n  @Input() postfix: string;\r\n  @Input() showMenuButton = false;\r\n  @Input() logoInitials = \"GD\";\r\n  @Input() iconUrl: string;\r\n  @Output() menuButtonClicked = new EventEmitter();\r\n\r\n  @Input() preReleaseVersion: string;\r\n  @Input() preReleaseBuildDate: Date;\r\n  @Input() preReleaseLiveSiteLink: string;\r\n\r\n  @Input() set showPrerelease(val: boolean) {\r\n    if (val) {\r\n      this._forceDisablePrereleaseHeader = false;\r\n      this._showPrerelease = this.checkPrereleaseData();\r\n    } else {\r\n      this._forceDisablePrereleaseHeader = true;\r\n      this._showPrerelease = false;\r\n    }\r\n  }\r\n\r\n  get showPrerelease() {\r\n    if (this._forceDisablePrereleaseHeader) {\r\n      return false;\r\n    }\r\n    return this._showPrerelease;\r\n  }\r\n\r\n  private _showPrerelease: boolean;\r\n  private _forceDisablePrereleaseHeader = false;\r\n\r\n  ngOnChanges(_: SimpleChanges): void {\r\n    if (!this._forceDisablePrereleaseHeader) {\r\n      this._showPrerelease = this.checkPrereleaseData();\r\n    }\r\n  }\r\n\r\n  checkPrereleaseData(): boolean {\r\n    let isShowing =\r\n      this.preReleaseVersion != null ||\r\n      this.preReleaseBuildDate != null ||\r\n      this.preReleaseLiveSiteLink != null;\r\n    if (this.preReleaseVersion != null && typeof Storage !== \"undefined\") {\r\n      isShowing =\r\n        this.preReleaseVersion !==\r\n        localStorage.getItem(\"dangl_preview_notice_header_hide_version\");\r\n    }\r\n    return isShowing;\r\n  }\r\n\r\n  hideForCurrentVersion() {\r\n    if (typeof Storage !== \"undefined\") {\r\n      localStorage.setItem(\r\n        \"dangl_preview_notice_header_hide_version\",\r\n        this.preReleaseVersion\r\n      );\r\n      this.showPrerelease = false;\r\n    }\r\n  }\r\n}\r\n","<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","// tslint:disable:no-bitwise\r\n\r\nexport class GuidGenerator {\r\n  /**\r\n  * Taken from https://github.com/Steve-Fenton/TypeScriptUtilities/blob/master/Guid\r\n  * (modified)\r\n  * Generates a Version 4 (= Pseudorandom) Guid\r\n  */\r\n  public static generatePseudoRandomGuid(): string {\r\n    const newGuidPlaceholder = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';\r\n    const pseudoGuid = newGuidPlaceholder.replace(/[xy]/g, letter => this.generateRandomHexDigit(letter));\r\n    return pseudoGuid;\r\n  }\r\n\r\n  private static generateRandomHexDigit(letter: string): string {\r\n    const r = Math.random() * 16 | 0;\r\n    let v: number;\r\n    if (letter === 'x') {\r\n      v = r;\r\n    } else if (letter === 'y') {\r\n      v = r & 0x3 | 0x8;\r\n      /*  r & 0x3 -> Allows either 0x0000, 0x0001, 0x0010 or 0x0011\r\n      * | 0x8    -> 0x1000 = 8\r\n      *             0x1001 = 9\r\n      *             0x1010 = A\r\n      *             0x1011 = B\r\n      * The possible variants of version 4 Guids\r\n      */\r\n    } else {\r\n      throw new Error('Please provide either \"x\" to indicate a random replacement or \"y\" to '\r\n        + 'indicate the generation of the variant identifier');\r\n    }\r\n    return v.toString(16);\r\n  }\r\n}\r\n","import { Component, forwardRef, Inject, NgZone, Input } from '@angular/core';\r\n// 'AfterViewInit' and 'OnDestroy' should be placed in a separate import to\r\n// mitigate this bug: https://github.com/ng-packagr/ng-packagr/issues/1543#issuecomment-593873874\r\nimport { AfterViewInit, OnDestroy } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\r\nimport { GuidGenerator } from '../../utils/guid-generator';\r\n\r\ndeclare var tinymce: any;\r\n\r\n@Component({\r\n  selector: 'dangl-tiny-mce',\r\n  templateUrl: './tiny-mce.component.html',\r\n  styleUrls: ['./tiny-mce.component.scss'],\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => TinyMceComponent),\r\n      multi: true,\r\n    }\r\n  ]\r\n})\r\nexport class TinyMceComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {\r\n\r\n  @Input() tinyMceLanguageUrl: string;\r\n  @Input() tinyMceLanguageCode: string;\r\n\r\n  elementId = GuidGenerator.generatePseudoRandomGuid();\r\n  editor: any;\r\n  private _editorContent: string;\r\n  get editorContent(): string {\r\n    return this._editorContent;\r\n  }\r\n  set editorContent(value: string) {\r\n    if (value !== this._editorContent) {\r\n      this._editorContent = value;\r\n      this.ngZone.run(() => {\r\n        // tinyMCE events are outside of the Angular zone\r\n        // ngZone.run() makes sure everything runs in the\r\n        // Angular zone, so it integrates in the Angular\r\n        // lifecycle. Otherwise, e.g., 'required' validation\r\n        // would not update on change\r\n        this.onChangeCallback(value);\r\n      });\r\n    }\r\n  }\r\n\r\n  private onTouchedCallback: () => void = () => { };\r\n  private onChangeCallback: (_: any) => void = () => { };\r\n\r\n  constructor(@Inject('TINYMCE_BASE_URL') private baseUrl: string,\r\n    private ngZone: NgZone) {\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    tinymce.init({\r\n      selector: '#' + this.elementId,\r\n      plugins: ['link', 'paste', 'table', 'image', 'code'],\r\n      language: this.tinyMceLanguageCode,\r\n      base_url: this.baseUrl,\r\n      branding: false, // To disable 'POWERED BY TINYMCE' in footer\r\n      setup: editor => {\r\n        editor.on('change keyup', () => {\r\n          const content = editor.getContent();\r\n          this.editorContent = content;\r\n        });\r\n      },\r\n      init_instance_callback: editor => {\r\n        if (editor && this.editorContent) {\r\n          editor.setContent(this.editorContent);\r\n        }\r\n        this.editor = editor;\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    tinymce.remove(this.editor);\r\n  }\r\n\r\n  writeValue(obj: any): void {\r\n    obj = obj || '';\r\n    this.editorContent = obj;\r\n    if (!this.editor) {\r\n      return;\r\n    }\r\n    const tinyMceContent = this.editor.getContent();\r\n    if (tinyMceContent !== obj) {\r\n      this.editor.setContent(obj);\r\n    }\r\n  }\r\n  registerOnChange(fn: any): void {\r\n    this.onChangeCallback = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouchedCallback = fn;\r\n  }\r\n  setDisabledState?(isDisabled: boolean): void {\r\n    if (isDisabled) {\r\n      this.editor.setMode('readonly');\r\n    } else {\r\n      this.editor.setMode('design');\r\n    }\r\n  }\r\n\r\n}\r\n","<textarea id=\"{{ elementId }}\"></textarea>\r\n","import { CommonModule } from '@angular/common';\r\nimport { FooterComponent } from './components/footer/footer.component';\r\nimport { HeaderComponent } from './components/header/header.component';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\nimport { TinyMceComponent } from './components/tiny-mce/tiny-mce.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    MatToolbarModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    RouterModule,\r\n    CommonModule\r\n  ],\r\n  declarations: [FooterComponent, HeaderComponent, TinyMceComponent],\r\n  exports: [FooterComponent, HeaderComponent, TinyMceComponent]\r\n})\r\nexport class AngularMaterialSharedModule { }\r\n","/*\r\n * Public API Surface of angular-material-shared\r\n */\r\n\r\nexport * from './lib/angular-material-shared.module';\r\nexport * from './lib/utils/guid-generator';\r\nexport * from './lib/models/footer-options';\r\n\r\nexport * from './lib/components/footer/footer.component';\r\nexport * from './lib/components/header/header.component';\r\nexport * from './lib/components/tiny-mce/tiny-mce.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MASa,eAAe;IAL5B;QAOE,gBAAW,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAE9B,oBAAe,GAAG,KAAK,CAAC;QACxB,oBAAe,GAAG,cAAc,CAAC;QACjC,oBAAe,GAAG,cAAc,CAAC;QACjC,2BAAsB,GAAG,KAAK,CAAC;QAE9B,wBAAmB,GAAG,IAAI,YAAY,EAAE,CAAC;KAEpD;;4GAXY,eAAe;gGAAf,eAAe,2SCT5B,guCAoCA;2FD3Ba,eAAe;kBAL3B,SAAS;+BACE,cAAc;8BAQf,eAAe;sBAAvB,KAAK;gBACG,eAAe;sBAAvB,KAAK;gBACG,eAAe;sBAAvB,KAAK;gBACG,sBAAsB;sBAA9B,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACI,mBAAmB;sBAA5B,MAAM;;;MEHI,eAAe;IAL5B;QAQW,mBAAc,GAAG,KAAK,CAAC;QACvB,iBAAY,GAAG,IAAI,CAAC;QAEnB,sBAAiB,GAAG,IAAI,YAAY,EAAE,CAAC;QAwBzC,kCAA6B,GAAG,KAAK,CAAC;KA8B/C;IAhDC,IAAa,cAAc,CAAC,GAAY;QACtC,IAAI,GAAG,EAAE;YACP,IAAI,CAAC,6BAA6B,GAAG,KAAK,CAAC;YAC3C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;SACnD;aAAM;YACL,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC;YAC1C,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;SAC9B;KACF;IAED,IAAI,cAAc;QAChB,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACtC,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;IAKD,WAAW,CAAC,CAAgB;QAC1B,IAAI,CAAC,IAAI,CAAC,6BAA6B,EAAE;YACvC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;SACnD;KACF;IAED,mBAAmB;QACjB,IAAI,SAAS,GACX,IAAI,CAAC,iBAAiB,IAAI,IAAI;YAC9B,IAAI,CAAC,mBAAmB,IAAI,IAAI;YAChC,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC;QACtC,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;YACpE,SAAS;gBACP,IAAI,CAAC,iBAAiB;oBACtB,YAAY,CAAC,OAAO,CAAC,0CAA0C,CAAC,CAAC;SACpE;QACD,OAAO,SAAS,CAAC;KAClB;IAED,qBAAqB;QACnB,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;YAClC,YAAY,CAAC,OAAO,CAClB,0CAA0C,EAC1C,IAAI,CAAC,iBAAiB,CACvB,CAAC;YACF,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;SAC7B;KACF;;4GA3DU,eAAe;gGAAf,eAAe,4aCf5B,s9DA0DA;2FD3Ca,eAAe;kBAL3B,SAAS;+BACE,cAAc;8BAKf,MAAM;sBAAd,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACG,cAAc;sBAAtB,KAAK;gBACG,YAAY;sBAApB,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACI,iBAAiB;sBAA1B,MAAM;gBAEE,iBAAiB;sBAAzB,KAAK;gBACG,mBAAmB;sBAA3B,KAAK;gBACG,sBAAsB;sBAA9B,KAAK;gBAEO,cAAc;sBAA1B,KAAK;;;AE3BR;MAEa,aAAa;;;;;;IAMjB,OAAO,wBAAwB;QACpC,MAAM,kBAAkB,GAAG,sCAAsC,CAAC;QAClE,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC;QACtG,OAAO,UAAU,CAAC;KACnB;IAEO,OAAO,sBAAsB,CAAC,MAAc;QAClD,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACjC,IAAI,CAAS,CAAC;QACd,IAAI,MAAM,KAAK,GAAG,EAAE;YAClB,CAAC,GAAG,CAAC,CAAC;SACP;aAAM,IAAI,MAAM,KAAK,GAAG,EAAE;YACzB,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;;;;;;;;SAQnB;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,uEAAuE;kBACnF,mDAAmD,CAAC,CAAC;SAC1D;QACD,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;KACvB;;;MCZU,gBAAgB;IA4B3B,YAAgD,OAAe,EACrD,MAAc;QADwB,YAAO,GAAP,OAAO,CAAQ;QACrD,WAAM,GAAN,MAAM,CAAQ;QAxBxB,cAAS,GAAG,aAAa,CAAC,wBAAwB,EAAE,CAAC;QAoB7C,sBAAiB,GAAe,SAAS,CAAC;QAC1C,qBAAgB,GAAqB,SAAS,CAAC;KAItD;IAtBD,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;IACD,IAAI,aAAa,CAAC,KAAa;QAC7B,IAAI,KAAK,KAAK,IAAI,CAAC,cAAc,EAAE;YACjC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;;;;;;gBAMd,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;aAC9B,CAAC,CAAC;SACJ;KACF;IASD,eAAe;QACb,OAAO,CAAC,IAAI,CAAC;YACX,QAAQ,EAAE,GAAG,GAAG,IAAI,CAAC,SAAS;YAC9B,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC;YACpD,QAAQ,EAAE,IAAI,CAAC,mBAAmB;YAClC,QAAQ,EAAE,IAAI,CAAC,OAAO;YACtB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,MAAM;gBACX,MAAM,CAAC,EAAE,CAAC,cAAc,EAAE;oBACxB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;oBACpC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;iBAC9B,CAAC,CAAC;aACJ;YACD,sBAAsB,EAAE,MAAM;gBAC5B,IAAI,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE;oBAChC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACvC;gBACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;aACtB;SACF,CAAC,CAAC;KACJ;IAED,WAAW;QACT,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC7B;IAED,UAAU,CAAC,GAAQ;QACjB,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC;QAChB,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QACD,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAChD,IAAI,cAAc,KAAK,GAAG,EAAE;YAC1B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;SAC7B;KACF;IACD,gBAAgB,CAAC,EAAO;QACtB,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;KAC5B;IACD,iBAAiB,CAAC,EAAO;QACvB,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;KAC7B;IACD,gBAAgB,CAAE,UAAmB;QACnC,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACjC;aAAM;YACL,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;SAC/B;KACF;;6GAjFU,gBAAgB,kBA4BP,kBAAkB;iGA5B3B,gBAAgB,2IARhB;QACT;YACE,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;YAC/C,KAAK,EAAE,IAAI;SACZ;KACF,0BCnBH,kDACA;2FDoBa,gBAAgB;kBAZ5B,SAAS;+BACE,gBAAgB,aAGf;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;4BAC/C,KAAK,EAAE,IAAI;yBACZ;qBACF;;0BA8BY,MAAM;2BAAC,kBAAkB;iEA1B7B,kBAAkB;sBAA1B,KAAK;gBACG,mBAAmB;sBAA3B,KAAK;;;MEHK,2BAA2B;;wHAA3B,2BAA2B;yHAA3B,2BAA2B,iBAHvB,eAAe,EAAE,eAAe,EAAE,gBAAgB,aAN/D,gBAAgB;QAChB,aAAa;QACb,eAAe;QACf,YAAY;QACZ,YAAY,aAGJ,eAAe,EAAE,eAAe,EAAE,gBAAgB;yHAEjD,2BAA2B,YAV7B;YACP,gBAAgB;YAChB,aAAa;YACb,eAAe;YACf,YAAY;YACZ,YAAY;SACb;2FAIU,2BAA2B;kBAXvC,QAAQ;mBAAC;oBACR,OAAO,EAAE;wBACP,gBAAgB;wBAChB,aAAa;wBACb,eAAe;wBACf,YAAY;wBACZ,YAAY;qBACb;oBACD,YAAY,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,gBAAgB,CAAC;oBAClE,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,gBAAgB,CAAC;iBAC9D;;;ACpBD;;;;ACAA;;;;;;"}

package/lib/angular-material-shared.module.d.ts

@@ -1,2 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/footer/footer.component";
+import * as i2 from "./components/header/header.component";
+import * as i3 from "./components/tiny-mce/tiny-mce.component";
+import * as i4 from "@angular/material/toolbar";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/router";
+import * as i8 from "@angular/common";
 export declare class AngularMaterialSharedModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularMaterialSharedModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularMaterialSharedModule, [typeof i1.FooterComponent, typeof i2.HeaderComponent, typeof i3.TinyMceComponent], [typeof i4.MatToolbarModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.RouterModule, typeof i8.CommonModule], [typeof i1.FooterComponent, typeof i2.HeaderComponent, typeof i3.TinyMceComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AngularMaterialSharedModule>;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { FooterOptions } from '../../models/footer-options';
+import * as i0 from "@angular/core";
 export declare class FooterComponent {
     currentYear: number;
     showLegalNotice: boolean;
@@ -8,4 +9,6 @@ export declare class FooterComponent {
     useLegalNoticeCallback: boolean;
     options: FooterOptions;
     legalNoticeCallback: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "dangl-footer", never, { "showLegalNotice": "showLegalNotice"; "legalNoticeText": "legalNoticeText"; "legalNoticeLink": "legalNoticeLink"; "useLegalNoticeCallback": "useLegalNoticeCallback"; "options": "options"; }, { "legalNoticeCallback": "legalNoticeCallback"; }, never, never>;
 }

package/lib/components/header/header.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnChanges, SimpleChanges } from "@angular/core";
+import * as i0 from "@angular/core";
 export declare class HeaderComponent implements OnChanges {
     prefix: string;
     postfix: string;
@@ -16,4 +17,6 @@ export declare class HeaderComponent implements OnChanges {
     ngOnChanges(_: SimpleChanges): void;
     checkPrereleaseData(): boolean;
     hideForCurrentVersion(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "dangl-header", never, { "prefix": "prefix"; "postfix": "postfix"; "showMenuButton": "showMenuButton"; "logoInitials": "logoInitials"; "iconUrl": "iconUrl"; "preReleaseVersion": "preReleaseVersion"; "preReleaseBuildDate": "preReleaseBuildDate"; "preReleaseLiveSiteLink": "preReleaseLiveSiteLink"; "showPrerelease": "showPrerelease"; }, { "menuButtonClicked": "menuButtonClicked"; }, never, ["*"]>;
 }

package/lib/components/tiny-mce/tiny-mce.component.d.ts

@@ -1,6 +1,7 @@
 import { NgZone } from '@angular/core';
 import { AfterViewInit, OnDestroy } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class TinyMceComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {
     private baseUrl;
     private ngZone;
@@ -20,4 +21,6 @@ export declare class TinyMceComponent implements AfterViewInit, OnDestroy, Contr
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TinyMceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TinyMceComponent, "dangl-tiny-mce", never, { "tinyMceLanguageUrl": "tinyMceLanguageUrl"; "tinyMceLanguageCode": "tinyMceLanguageCode"; }, {}, never, never>;
 }

package/package.json

@@ -1,25 +1,37 @@
 {
   "name": "@dangl/angular-material-shared",
-  "version": "1.2.1-beta0013",
+  "version": "1.2.1-beta0028",
   "peerDependencies": {
-    "@angular/animations": "^12.2.2",
-    "@angular/common": "^12.2.2",
-    "@angular/compiler": "^12.2.2",
-    "@angular/router": "^12.2.2",
-    "@angular/core": "^12.2.2",
-    "@angular/forms": "^12.2.2",
-    "@angular/material": "^12.2.2",
-    "@angular/cdk": "^12.2.2"
+    "@angular/animations": "^13.2.2",
+    "@angular/common": "^13.2.2",
+    "@angular/compiler": "^13.2.2",
+    "@angular/router": "^13.2.2",
+    "@angular/core": "^13.2.2",
+    "@angular/forms": "^13.2.2",
+    "@angular/material": "^13.2.2",
+    "@angular/cdk": "^13.2.2"
   },
   "dependencies": {
     "tslib": "^2.3.1"
   },
-  "main": "bundles/dangl-angular-material-shared.umd.js",
-  "module": "fesm2015/dangl-angular-material-shared.js",
-  "es2015": "fesm2015/dangl-angular-material-shared.js",
-  "esm2015": "esm2015/dangl-angular-material-shared.js",
-  "fesm2015": "fesm2015/dangl-angular-material-shared.js",
+  "module": "fesm2015/dangl-angular-material-shared.mjs",
+  "es2020": "fesm2020/dangl-angular-material-shared.mjs",
+  "esm2020": "esm2020/dangl-angular-material-shared.mjs",
+  "fesm2020": "fesm2020/dangl-angular-material-shared.mjs",
+  "fesm2015": "fesm2015/dangl-angular-material-shared.mjs",
   "typings": "dangl-angular-material-shared.d.ts",
-  "metadata": "dangl-angular-material-shared.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./dangl-angular-material-shared.d.ts",
+      "esm2020": "./esm2020/dangl-angular-material-shared.mjs",
+      "es2020": "./fesm2020/dangl-angular-material-shared.mjs",
+      "es2015": "./fesm2015/dangl-angular-material-shared.mjs",
+      "node": "./fesm2015/dangl-angular-material-shared.mjs",
+      "default": "./fesm2020/dangl-angular-material-shared.mjs"
+    }
+  },
   "sideEffects": false
 }

package/styles/material-style.scss

@@ -1,5 +1,5 @@
 // Import theming functions
-@import '~@angular/material/theming';
+@import '@angular/material/theming';
 // Import your custom theme
 @import './material-theme.scss';
 

package/styles/material-theme.scss

@@ -1,17 +1,18 @@
+@use '@angular/material' as mat;
 @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
 @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
 
 @import './material-variables.scss';
 
-@import '~@angular/material/theming';
+@import '@angular/material/theming';
 // Plus imports for other components in your app.
 
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!
-@include mat-core();
+@include mat.core();
 
 // Include theme styles for core and each component used in your app.
 // Alternatively, you can import and @include the theme mixins for each component
 // that you are using.
-@include angular-material-theme($dangl-app-theme);
+@include mat.all-component-themes($dangl-app-theme);

package/styles/material-variables.scss

@@ -1,22 +1,23 @@
 // Import material theming functions
-@import '~@angular/material/theming';
+@use '@angular/material' as mat;
+@import '@angular/material/theming';
 
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
 // hue.
 
-$dangl-app-primary: mat-palette($mat-cyan, 600, 500, 700);
-$dangl-app-accent:  mat-palette($mat-blue-grey, 500, 400, 700);
+$dangl-app-primary: mat.define-palette(mat.$cyan-palette, 600, 500, 700);
+$dangl-app-accent:  mat.define-palette(mat.$blue-grey-palette, 500, 400, 700);
 
 // The warn palette is optional (defaults to red).
-$dangl-app-warn:    mat-palette($mat-red);
+$dangl-app-warn:    mat.define-palette(mat.$red-palette);
 
 // Create the theme object (a Sass map containing all of the palettes).
-$dangl-app-theme: mat-light-theme($dangl-app-primary, $dangl-app-accent, $dangl-app-warn);
+$dangl-app-theme: mat.define-light-theme($dangl-app-primary, $dangl-app-accent, $dangl-app-warn);
 
 // They are just exported below to be easier to use in the project
-$color-primary: mat-color($dangl-app-primary);
-$color-accent:  mat-color($dangl-app-accent);
-$color-warn:    mat-color($dangl-app-warn);
+$color-primary: mat.get-color-from-palette($dangl-app-primary);
+$color-accent:  mat.get-color-from-palette($dangl-app-accent);
+$color-warn:    mat.get-color-from-palette($dangl-app-warn);
 $color-dark: #3b4c55;
 $color-light: #bdbdbd;