@dangl/angular-material-shared 2.8.1-beta0007 → 2.9.0-beta0036
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/dangl-angular-material-shared-guid-generator.mjs.map +1 -1
- package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs +3 -3
- package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs.map +1 -1
- package/fesm2022/dangl-angular-material-shared.mjs +18 -13
- package/fesm2022/dangl-angular-material-shared.mjs.map +1 -1
- package/package.json +5 -5
- package/styles/m3-theme.scss +7 -7
- package/styles/material-style.scss +7 -7
- package/styles/material-theme.scss +1 -1
- package/styles/material-variables.scss +1 -1
- package/{index.d.ts → types/dangl-angular-material-shared.d.ts} +3 -1
- /package/{guid-generator/index.d.ts → types/dangl-angular-material-shared-guid-generator.d.ts} +0 -0
- /package/{tiny-mce/index.d.ts → types/dangl-angular-material-shared-tiny-mce.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dangl-angular-material-shared-guid-generator.mjs","sources":["../../../projects/angular-material-shared/guid-generator/src/guid-generator.ts","../../../projects/angular-material-shared/guid-generator/dangl-angular-material-shared-guid-generator.ts"],"sourcesContent":["export 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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"MAAa,aAAa,CAAA;AACxB;;;;AAIE;AACK,IAAA,OAAO,wBAAwB,GAAA;QACpC,MAAM,kBAAkB,GAAG,sCAAsC;AACjE,QAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;AACrG,QAAA,OAAO,UAAU
|
|
1
|
+
{"version":3,"file":"dangl-angular-material-shared-guid-generator.mjs","sources":["../../../projects/angular-material-shared/guid-generator/src/guid-generator.ts","../../../projects/angular-material-shared/guid-generator/dangl-angular-material-shared-guid-generator.ts"],"sourcesContent":["export 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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"MAAa,aAAa,CAAA;AACxB;;;;AAIE;AACK,IAAA,OAAO,wBAAwB,GAAA;QACpC,MAAM,kBAAkB,GAAG,sCAAsC;AACjE,QAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;AACrG,QAAA,OAAO,UAAU;IACnB;IAEQ,OAAO,sBAAsB,CAAC,MAAc,EAAA;QAClD,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;AAChC,QAAA,IAAI,CAAS;AACb,QAAA,IAAI,MAAM,KAAK,GAAG,EAAE;YAClB,CAAC,GAAG,CAAC;QACP;AAAO,aAAA,IAAI,MAAM,KAAK,GAAG,EAAE;AACzB,YAAA,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;AACjB;;;;;;AAME;QACJ;aAAO;YACL,MAAM,IAAI,KAAK,CAAC;AACZ,kBAAA,mDAAmD,CAAC;QAC1D;AACA,QAAA,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC;IACvB;AACD;;AChCD;;AAEG;;;;"}
|
|
@@ -88,8 +88,8 @@ class TinyMceComponent {
|
|
|
88
88
|
this.editor.mode.set('design');
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
92
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
91
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TinyMceComponent, deps: [{ token: 'TINYMCE_BASE_URL' }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
92
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TinyMceComponent, isStandalone: true, selector: "dangl-tiny-mce", inputs: { tinyMceLanguageCode: "tinyMceLanguageCode" }, providers: [
|
|
93
93
|
{
|
|
94
94
|
provide: NG_VALUE_ACCESSOR,
|
|
95
95
|
useExisting: forwardRef(() => TinyMceComponent),
|
|
@@ -97,7 +97,7 @@ class TinyMceComponent {
|
|
|
97
97
|
}
|
|
98
98
|
], ngImport: i0, template: "<editor id=\"{{ elementId }}\" [init]=\"init\"></editor>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: EditorModule }, { kind: "component", type: i1.EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "licenseKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "disabled"] }] });
|
|
99
99
|
}
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TinyMceComponent, decorators: [{
|
|
101
101
|
type: Component,
|
|
102
102
|
args: [{ selector: 'dangl-tiny-mce', providers: [
|
|
103
103
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dangl-angular-material-shared-tiny-mce.mjs","sources":["../../../projects/angular-material-shared/tiny-mce/src/tiny-mce.component.ts","../../../projects/angular-material-shared/tiny-mce/src/tiny-mce.component.html","../../../projects/angular-material-shared/tiny-mce/dangl-angular-material-shared-tiny-mce.ts"],"sourcesContent":["import { Component, forwardRef, Inject, Input, NgZone, OnInit } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\r\nimport { EditorModule } from '@tinymce/tinymce-angular';\r\nimport { GuidGenerator } from '@dangl/angular-material-shared/guid-generator';\r\nimport { RawEditorOptions, Editor } from 'tinymce';\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 imports: [EditorModule]\r\n})\r\nexport class TinyMceComponent implements OnInit, ControlValueAccessor {\r\n @Input() tinyMceLanguageCode: string;\r\n\r\n elementId = GuidGenerator.generatePseudoRandomGuid();\r\n editor: Editor;\r\n init:RawEditorOptions;\r\n private _editorContent: string;\r\n private _disabled = false;\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(\r\n @Inject('TINYMCE_BASE_URL') private baseUrl: string,\r\n private ngZone: NgZone\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.init = {\r\n selector:`#${this.elementId}`,\r\n plugins: ['link', 'table', 'image', 'code'],\r\n language: this.tinyMceLanguageCode,\r\n base_url: this.baseUrl,\r\n promotion: false,\r\n branding: false, // To disable 'POWERED BY TINYMCE' in footer\r\n setup: (editor: 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: Editor) => {\r\n if (editor && this.editorContent) {\r\n editor.setContent(this.editorContent);\r\n }\r\n this.editor = editor;\r\n this.setDisabledState(this._disabled)\r\n }\r\n };\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 this._disabled = isDisabled;\r\n if (!this.editor) {\r\n return;\r\n }\r\n if (isDisabled) {\r\n this.editor.mode.set('readonly');\r\n } else {\r\n this.editor.mode.set('design');\r\n }\r\n }\r\n}\r\n","<editor id=\"{{ elementId }}\" [init]=\"init\"></editor>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;MAkBa,gBAAgB,CAAA;AA6BW,IAAA,OAAA;AAC5B,IAAA,MAAA;AA7BD,IAAA,mBAAmB;AAE5B,IAAA,SAAS,GAAG,aAAa,CAAC,wBAAwB,EAAE;AACpD,IAAA,MAAM;AACN,IAAA,IAAI;AACI,IAAA,cAAc;IACd,SAAS,GAAG,KAAK;AACzB,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,cAAc
|
|
1
|
+
{"version":3,"file":"dangl-angular-material-shared-tiny-mce.mjs","sources":["../../../projects/angular-material-shared/tiny-mce/src/tiny-mce.component.ts","../../../projects/angular-material-shared/tiny-mce/src/tiny-mce.component.html","../../../projects/angular-material-shared/tiny-mce/dangl-angular-material-shared-tiny-mce.ts"],"sourcesContent":["import { Component, forwardRef, Inject, Input, NgZone, OnInit } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\r\nimport { EditorModule } from '@tinymce/tinymce-angular';\r\nimport { GuidGenerator } from '@dangl/angular-material-shared/guid-generator';\r\nimport { RawEditorOptions, Editor } from 'tinymce';\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 imports: [EditorModule]\r\n})\r\nexport class TinyMceComponent implements OnInit, ControlValueAccessor {\r\n @Input() tinyMceLanguageCode: string;\r\n\r\n elementId = GuidGenerator.generatePseudoRandomGuid();\r\n editor: Editor;\r\n init:RawEditorOptions;\r\n private _editorContent: string;\r\n private _disabled = false;\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(\r\n @Inject('TINYMCE_BASE_URL') private baseUrl: string,\r\n private ngZone: NgZone\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.init = {\r\n selector:`#${this.elementId}`,\r\n plugins: ['link', 'table', 'image', 'code'],\r\n language: this.tinyMceLanguageCode,\r\n base_url: this.baseUrl,\r\n promotion: false,\r\n branding: false, // To disable 'POWERED BY TINYMCE' in footer\r\n setup: (editor: 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: Editor) => {\r\n if (editor && this.editorContent) {\r\n editor.setContent(this.editorContent);\r\n }\r\n this.editor = editor;\r\n this.setDisabledState(this._disabled)\r\n }\r\n };\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 this._disabled = isDisabled;\r\n if (!this.editor) {\r\n return;\r\n }\r\n if (isDisabled) {\r\n this.editor.mode.set('readonly');\r\n } else {\r\n this.editor.mode.set('design');\r\n }\r\n }\r\n}\r\n","<editor id=\"{{ elementId }}\" [init]=\"init\"></editor>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Output, Input, Component } from '@angular/core';
|
|
2
|
+
import { EventEmitter, Output, Input, Component, output } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/router';
|
|
4
4
|
import { RouterModule, RouterLink } from '@angular/router';
|
|
5
|
-
import * as
|
|
5
|
+
import * as i4 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i3 from '@angular/material/button';
|
|
8
8
|
import { MatButtonModule } from '@angular/material/button';
|
|
9
|
-
import * as
|
|
9
|
+
import * as i2 from '@angular/material/icon';
|
|
10
10
|
import { MatIconModule } from '@angular/material/icon';
|
|
11
|
-
import * as
|
|
11
|
+
import * as i1$1 from '@angular/material/toolbar';
|
|
12
12
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
13
13
|
|
|
14
14
|
class FooterComponent {
|
|
@@ -24,10 +24,10 @@ class FooterComponent {
|
|
|
24
24
|
options;
|
|
25
25
|
legalNoticeCallback = new EventEmitter();
|
|
26
26
|
privacyCallback = new EventEmitter();
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: FooterComponent, isStandalone: true, selector: "dangl-footer", inputs: { showLegalNotice: "showLegalNotice", showPrivacy: "showPrivacy", legalNoticeText: "legalNoticeText", privacyText: "privacyText", legalNoticeLink: "legalNoticeLink", privacyLink: "privacyLink", useLegalNoticeCallback: "useLegalNoticeCallback", usePrivaceCallback: "usePrivaceCallback", options: "options" }, outputs: { legalNoticeCallback: "legalNoticeCallback", privacyCallback: "privacyCallback" }, ngImport: i0, template: "<footer class=\"gd-footer\">\r\n <p>\r\n @if (!options) {\r\n <span class=\"gd-logo gd-logo-sm\">GD</span>\r\n <span> </span>\r\n <a href=\"https://www.dangl-it.com\"\r\n >Dangl<strong>IT</strong> GmbH \u00A9 {{ currentYear }}</a\r\n >\r\n }\r\n @if (options) {\r\n @if (options.logoInitials) {\r\n <span class=\"gd-logo gd-logo-sm\">{{\r\n options.logoInitials\r\n }}</span>\r\n }\r\n <span> </span>\r\n @if (options.copyrightUrl) {\r\n <a href=\"{{ options.copyrightUrl }}\"\r\n ><span [innerHtml]=\"options.companyNameHtml\"></span\r\n ></a>\r\n }\r\n @if (!options.copyrightUrl) {\r\n <span\r\n [innerHtml]=\"options.companyNameHtml\"\r\n ></span>\r\n }\r\n }\r\n @if (showLegalNotice) {\r\n -\r\n @if (!useLegalNoticeCallback) {\r\n <a [routerLink]=\"legalNoticeLink\">{{\r\n legalNoticeText\r\n }}</a>\r\n }\r\n @if (useLegalNoticeCallback) {\r\n <a\r\n href=\"javascript:void(0)\"\r\n (click)=\"legalNoticeCallback.next(null)\"\r\n >{{ legalNoticeText }}</a\r\n >\r\n }\r\n }\r\n @if (showPrivacy) {\r\n -\r\n @if (!usePrivaceCallback) {\r\n <a [routerLink]=\"privacyLink\">{{\r\n privacyText\r\n }}</a>\r\n }\r\n @if (usePrivaceCallback) {\r\n <a\r\n href=\"javascript:void(0)\"\r\n (click)=\"privacyCallback.next(null)\"\r\n >{{ privacyText }}</a\r\n >\r\n }\r\n }\r\n \r\n <ng-content></ng-content>\r\n </p>\r\n </footer>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: FooterComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'dangl-footer', imports: [
|
|
33
33
|
RouterModule
|
|
@@ -63,6 +63,7 @@ class HeaderComponent {
|
|
|
63
63
|
logoInitials = 'GD';
|
|
64
64
|
iconUrl;
|
|
65
65
|
menuButtonClicked = new EventEmitter();
|
|
66
|
+
closePreReleaseNotification = output();
|
|
66
67
|
preReleaseVersion;
|
|
67
68
|
preReleaseBuildDate;
|
|
68
69
|
preReleaseLiveSiteLink;
|
|
@@ -106,10 +107,14 @@ class HeaderComponent {
|
|
|
106
107
|
this.showPrerelease = false;
|
|
107
108
|
}
|
|
108
109
|
}
|
|
109
|
-
|
|
110
|
-
|
|
110
|
+
clickOkBtn() {
|
|
111
|
+
this.showPrerelease = false;
|
|
112
|
+
this.closePreReleaseNotification.emit();
|
|
113
|
+
}
|
|
114
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
115
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: HeaderComponent, isStandalone: true, 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", closePreReleaseNotification: "closePreReleaseNotification" }, usesOnChanges: true, ngImport: i0, template: "<mat-toolbar color=\"primary\">\r\n <mat-toolbar-row>\r\n @if (showMenuButton) {\r\n <button\r\n mat-mini-fab\r\n class=\"menu-button\"\r\n (click)=\"menuButtonClicked.next(null)\"\r\n >\r\n <mat-icon>menu</mat-icon>\r\n </button>\r\n }\r\n @if (iconUrl) {\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n </a>\r\n }\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <h1>\r\n @if (logoInitials) {\r\n <span class=\"gd-logo\">{{ logoInitials }}</span>\r\n }\r\n @if (prefix || postfix) {\r\n {{ prefix }}<strong>{{ postfix }}</strong>\r\n }\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 @if (showPrerelease) {\r\n <mat-toolbar-row class=\"preview-notice\">\r\n <div class=\"preview-row\">\r\n <div class=\"warn-message\">\r\n <mat-icon>warning</mat-icon>\r\n <span>This is a preview site. </span>\r\n </div>\r\n @if (preReleaseLiveSiteLink) {\r\n <a href=\"{{ preReleaseLiveSiteLink }}\"\r\n >Click here to go to the live site</a\r\n >\r\n }\r\n <div class=\"btn-wrap\">\r\n <button\r\n mat-button\r\n mat-raised-button\r\n color=\"primary\"\r\n (click)=\"clickOkBtn()\"\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 @if (preReleaseVersion) {\r\n <span>Version: {{ preReleaseVersion }}</span>\r\n }\r\n @if (preReleaseBuildDate) {\r\n <span\r\n >Built: {{ preReleaseBuildDate | date : \"dd.MM.yyyy HH:mm\" }}</span\r\n >\r\n }\r\n </div>\r\n </mat-toolbar-row>\r\n }\r\n <mat-toolbar-row class=\"header-divider\"></mat-toolbar-row>\r\n </mat-toolbar>\r\n", styles: [".header-divider{background-color:var(--color-dark);height:12px}mat-toolbar-row.preview-notice{height:auto;background-color:var(--color-warn);display:flex;flex-direction:column}mat-toolbar-row.preview-notice .preview-row{display:flex;width:100%;flex-direction:row;justify-content:space-between;padding-top:5px}mat-toolbar-row.preview-notice .preview-row a{text-decoration:underline}mat-toolbar-row.preview-notice .preview-row .btn-wrap button{margin:1px}.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;background:var(--color-primary);box-shadow:none!important;border-radius:0}.menu-button mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem;transform:scale(1.25)}.toolbar-spacer{flex:1 1 auto}.warn-message{display:flex;align-items:center}.preview-notice{display:flex;flex-direction:column;padding:.5rem 1rem;width:100%}.preview-notice .preview-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;text-wrap:wrap;word-break:break-all}.preview-notice .warn-message{display:flex;align-items:center;gap:.4rem;font-weight:500}.preview-notice .btn-wrap{display:flex;flex-wrap:wrap;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatToolbarModule }, { 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: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] });
|
|
111
116
|
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
113
118
|
type: Component,
|
|
114
119
|
args: [{ selector: 'dangl-header', imports: [
|
|
115
120
|
CommonModule,
|
|
@@ -117,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImpor
|
|
|
117
122
|
MatIconModule,
|
|
118
123
|
MatButtonModule,
|
|
119
124
|
RouterLink
|
|
120
|
-
], template: "<mat-toolbar color=\"primary\">\r\n <mat-toolbar-row>\r\n @if (showMenuButton) {\r\n <button\r\n mat-mini-fab\r\n class=\"menu-button\"\r\n (click)=\"menuButtonClicked.next(null)\"\r\n >\r\n <mat-icon>menu</mat-icon>\r\n </button>\r\n }\r\n @if (iconUrl) {\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n </a>\r\n }\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <h1>\r\n @if (logoInitials) {\r\n <span class=\"gd-logo\">{{ logoInitials }}</span>\r\n }\r\n @if (prefix || postfix) {\r\n {{ prefix }}<strong>{{ postfix }}</strong>\r\n }\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 @if (showPrerelease) {\r\n <mat-toolbar-row class=\"preview-notice\">\r\n <div class=\"preview-row\">\r\n <div class=\"warn-message\">\r\n <mat-icon>warning</mat-icon>\r\n <span>This is a preview site. </span>\r\n </div>\r\n @if (preReleaseLiveSiteLink) {\r\n <a href=\"{{ preReleaseLiveSiteLink }}\"\r\n >Click here to go to the live site</a\r\n >\r\n }\r\n <div class=\"btn-wrap\">\r\n <button\r\n mat-button\r\n mat-raised-button\r\n color=\"primary\"\r\n (click)=\"
|
|
125
|
+
], template: "<mat-toolbar color=\"primary\">\r\n <mat-toolbar-row>\r\n @if (showMenuButton) {\r\n <button\r\n mat-mini-fab\r\n class=\"menu-button\"\r\n (click)=\"menuButtonClicked.next(null)\"\r\n >\r\n <mat-icon>menu</mat-icon>\r\n </button>\r\n }\r\n @if (iconUrl) {\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n </a>\r\n }\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <h1>\r\n @if (logoInitials) {\r\n <span class=\"gd-logo\">{{ logoInitials }}</span>\r\n }\r\n @if (prefix || postfix) {\r\n {{ prefix }}<strong>{{ postfix }}</strong>\r\n }\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 @if (showPrerelease) {\r\n <mat-toolbar-row class=\"preview-notice\">\r\n <div class=\"preview-row\">\r\n <div class=\"warn-message\">\r\n <mat-icon>warning</mat-icon>\r\n <span>This is a preview site. </span>\r\n </div>\r\n @if (preReleaseLiveSiteLink) {\r\n <a href=\"{{ preReleaseLiveSiteLink }}\"\r\n >Click here to go to the live site</a\r\n >\r\n }\r\n <div class=\"btn-wrap\">\r\n <button\r\n mat-button\r\n mat-raised-button\r\n color=\"primary\"\r\n (click)=\"clickOkBtn()\"\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 @if (preReleaseVersion) {\r\n <span>Version: {{ preReleaseVersion }}</span>\r\n }\r\n @if (preReleaseBuildDate) {\r\n <span\r\n >Built: {{ preReleaseBuildDate | date : \"dd.MM.yyyy HH:mm\" }}</span\r\n >\r\n }\r\n </div>\r\n </mat-toolbar-row>\r\n }\r\n <mat-toolbar-row class=\"header-divider\"></mat-toolbar-row>\r\n </mat-toolbar>\r\n", styles: [".header-divider{background-color:var(--color-dark);height:12px}mat-toolbar-row.preview-notice{height:auto;background-color:var(--color-warn);display:flex;flex-direction:column}mat-toolbar-row.preview-notice .preview-row{display:flex;width:100%;flex-direction:row;justify-content:space-between;padding-top:5px}mat-toolbar-row.preview-notice .preview-row a{text-decoration:underline}mat-toolbar-row.preview-notice .preview-row .btn-wrap button{margin:1px}.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;background:var(--color-primary);box-shadow:none!important;border-radius:0}.menu-button mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem;transform:scale(1.25)}.toolbar-spacer{flex:1 1 auto}.warn-message{display:flex;align-items:center}.preview-notice{display:flex;flex-direction:column;padding:.5rem 1rem;width:100%}.preview-notice .preview-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;text-wrap:wrap;word-break:break-all}.preview-notice .warn-message{display:flex;align-items:center;gap:.4rem;font-weight:500}.preview-notice .btn-wrap{display:flex;flex-wrap:wrap;gap:.5rem}\n"] }]
|
|
121
126
|
}], propDecorators: { prefix: [{
|
|
122
127
|
type: Input
|
|
123
128
|
}], postfix: [{
|
|
@@ -130,7 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImpor
|
|
|
130
135
|
type: Input
|
|
131
136
|
}], menuButtonClicked: [{
|
|
132
137
|
type: Output
|
|
133
|
-
}], preReleaseVersion: [{
|
|
138
|
+
}], closePreReleaseNotification: [{ type: i0.Output, args: ["closePreReleaseNotification"] }], preReleaseVersion: [{
|
|
134
139
|
type: Input
|
|
135
140
|
}], preReleaseBuildDate: [{
|
|
136
141
|
type: Input
|
|
@@ -1 +1 @@
|
|
|
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/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\nimport { RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'dangl-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss'],\r\n imports: [\r\n RouterModule\r\n]\r\n})\r\nexport class FooterComponent {\r\n currentYear = new Date().getFullYear();\r\n\r\n @Input() showLegalNotice = false;\r\n @Input() showPrivacy = false;\r\n @Input() legalNoticeText = 'Legal Notice';\r\n @Input() privacyText = 'Privacy';\r\n @Input() legalNoticeLink = 'legal-notice';\r\n @Input() privacyLink = 'privacy';\r\n @Input() useLegalNoticeCallback = false;\r\n @Input() usePrivaceCallback = false;\r\n @Input() options: FooterOptions;\r\n @Output() legalNoticeCallback = new EventEmitter();\r\n @Output() privacyCallback = new EventEmitter();\r\n}\r\n","<footer class=\"gd-footer\">\r\n <p>\r\n @if (!options) {\r\n <span class=\"gd-logo gd-logo-sm\">GD</span>\r\n <span> </span>\r\n <a href=\"https://www.dangl-it.com\"\r\n >Dangl<strong>IT</strong> GmbH © {{ currentYear }}</a\r\n >\r\n }\r\n @if (options) {\r\n @if (options.logoInitials) {\r\n <span class=\"gd-logo gd-logo-sm\">{{\r\n options.logoInitials\r\n }}</span>\r\n }\r\n <span> </span>\r\n @if (options.copyrightUrl) {\r\n <a href=\"{{ options.copyrightUrl }}\"\r\n ><span [innerHtml]=\"options.companyNameHtml\"></span\r\n ></a>\r\n }\r\n @if (!options.copyrightUrl) {\r\n <span\r\n [innerHtml]=\"options.companyNameHtml\"\r\n ></span>\r\n }\r\n }\r\n @if (showLegalNotice) {\r\n -\r\n @if (!useLegalNoticeCallback) {\r\n <a [routerLink]=\"legalNoticeLink\">{{\r\n legalNoticeText\r\n }}</a>\r\n }\r\n @if (useLegalNoticeCallback) {\r\n <a\r\n href=\"javascript:void(0)\"\r\n (click)=\"legalNoticeCallback.next(null)\"\r\n >{{ legalNoticeText }}</a\r\n >\r\n }\r\n }\r\n @if (showPrivacy) {\r\n -\r\n @if (!usePrivaceCallback) {\r\n <a [routerLink]=\"privacyLink\">{{\r\n privacyText\r\n }}</a>\r\n }\r\n @if (usePrivaceCallback) {\r\n <a\r\n href=\"javascript:void(0)\"\r\n (click)=\"privacyCallback.next(null)\"\r\n >{{ privacyText }}</a\r\n >\r\n }\r\n }\r\n \r\n <ng-content></ng-content>\r\n </p>\r\n </footer>\r\n","import { CommonModule } from '@angular/common';\r\nimport {\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n Output,\r\n SimpleChanges,\r\n} from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'dangl-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.scss'],\r\n imports: [\r\n CommonModule,\r\n MatToolbarModule,\r\n MatIconModule,\r\n MatButtonModule,\r\n RouterLink\r\n ]\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 @if (showMenuButton) {\r\n <button\r\n mat-mini-fab\r\n class=\"menu-button\"\r\n (click)=\"menuButtonClicked.next(null)\"\r\n >\r\n <mat-icon>menu</mat-icon>\r\n </button>\r\n }\r\n @if (iconUrl) {\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n </a>\r\n }\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <h1>\r\n @if (logoInitials) {\r\n <span class=\"gd-logo\">{{ logoInitials }}</span>\r\n }\r\n @if (prefix || postfix) {\r\n {{ prefix }}<strong>{{ postfix }}</strong>\r\n }\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 @if (showPrerelease) {\r\n <mat-toolbar-row class=\"preview-notice\">\r\n <div class=\"preview-row\">\r\n <div class=\"warn-message\">\r\n <mat-icon>warning</mat-icon>\r\n <span>This is a preview site. </span>\r\n </div>\r\n @if (preReleaseLiveSiteLink) {\r\n <a href=\"{{ preReleaseLiveSiteLink }}\"\r\n >Click here to go to the live site</a\r\n >\r\n }\r\n <div class=\"btn-wrap\">\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 @if (preReleaseVersion) {\r\n <span>Version: {{ preReleaseVersion }}</span>\r\n }\r\n @if (preReleaseBuildDate) {\r\n <span\r\n >Built: {{ preReleaseBuildDate | date : \"dd.MM.yyyy HH:mm\" }}</span\r\n >\r\n }\r\n </div>\r\n </mat-toolbar-row>\r\n }\r\n <mat-toolbar-row class=\"header-divider\"></mat-toolbar-row>\r\n </mat-toolbar>\r\n","/*\r\n * Public API Surface of angular-material-shared\r\n */\r\n\r\nexport * from './lib/models/footer-options';\r\nexport * from './lib/components/footer/footer.component';\r\nexport * from './lib/components/header/header.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
|
|
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/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\nimport { RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'dangl-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss'],\r\n imports: [\r\n RouterModule\r\n]\r\n})\r\nexport class FooterComponent {\r\n currentYear = new Date().getFullYear();\r\n\r\n @Input() showLegalNotice = false;\r\n @Input() showPrivacy = false;\r\n @Input() legalNoticeText = 'Legal Notice';\r\n @Input() privacyText = 'Privacy';\r\n @Input() legalNoticeLink = 'legal-notice';\r\n @Input() privacyLink = 'privacy';\r\n @Input() useLegalNoticeCallback = false;\r\n @Input() usePrivaceCallback = false;\r\n @Input() options: FooterOptions;\r\n @Output() legalNoticeCallback = new EventEmitter();\r\n @Output() privacyCallback = new EventEmitter();\r\n}\r\n","<footer class=\"gd-footer\">\r\n <p>\r\n @if (!options) {\r\n <span class=\"gd-logo gd-logo-sm\">GD</span>\r\n <span> </span>\r\n <a href=\"https://www.dangl-it.com\"\r\n >Dangl<strong>IT</strong> GmbH © {{ currentYear }}</a\r\n >\r\n }\r\n @if (options) {\r\n @if (options.logoInitials) {\r\n <span class=\"gd-logo gd-logo-sm\">{{\r\n options.logoInitials\r\n }}</span>\r\n }\r\n <span> </span>\r\n @if (options.copyrightUrl) {\r\n <a href=\"{{ options.copyrightUrl }}\"\r\n ><span [innerHtml]=\"options.companyNameHtml\"></span\r\n ></a>\r\n }\r\n @if (!options.copyrightUrl) {\r\n <span\r\n [innerHtml]=\"options.companyNameHtml\"\r\n ></span>\r\n }\r\n }\r\n @if (showLegalNotice) {\r\n -\r\n @if (!useLegalNoticeCallback) {\r\n <a [routerLink]=\"legalNoticeLink\">{{\r\n legalNoticeText\r\n }}</a>\r\n }\r\n @if (useLegalNoticeCallback) {\r\n <a\r\n href=\"javascript:void(0)\"\r\n (click)=\"legalNoticeCallback.next(null)\"\r\n >{{ legalNoticeText }}</a\r\n >\r\n }\r\n }\r\n @if (showPrivacy) {\r\n -\r\n @if (!usePrivaceCallback) {\r\n <a [routerLink]=\"privacyLink\">{{\r\n privacyText\r\n }}</a>\r\n }\r\n @if (usePrivaceCallback) {\r\n <a\r\n href=\"javascript:void(0)\"\r\n (click)=\"privacyCallback.next(null)\"\r\n >{{ privacyText }}</a\r\n >\r\n }\r\n }\r\n \r\n <ng-content></ng-content>\r\n </p>\r\n </footer>\r\n","import { CommonModule } from '@angular/common';\r\nimport {\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n output,\r\n Output,\r\n SimpleChanges,\r\n} from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'dangl-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.scss'],\r\n imports: [\r\n CommonModule,\r\n MatToolbarModule,\r\n MatIconModule,\r\n MatButtonModule,\r\n RouterLink\r\n ]\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 closePreReleaseNotification = output<void>();\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 clickOkBtn() {\r\n this.showPrerelease = false;\r\n this.closePreReleaseNotification.emit();\r\n }\r\n}\r\n","<mat-toolbar color=\"primary\">\r\n <mat-toolbar-row>\r\n @if (showMenuButton) {\r\n <button\r\n mat-mini-fab\r\n class=\"menu-button\"\r\n (click)=\"menuButtonClicked.next(null)\"\r\n >\r\n <mat-icon>menu</mat-icon>\r\n </button>\r\n }\r\n @if (iconUrl) {\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <img class=\"dangl-header-logo\" [src]=\"iconUrl\" />\r\n </a>\r\n }\r\n <a routerLink=\"/\" class=\"header-title\">\r\n <h1>\r\n @if (logoInitials) {\r\n <span class=\"gd-logo\">{{ logoInitials }}</span>\r\n }\r\n @if (prefix || postfix) {\r\n {{ prefix }}<strong>{{ postfix }}</strong>\r\n }\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 @if (showPrerelease) {\r\n <mat-toolbar-row class=\"preview-notice\">\r\n <div class=\"preview-row\">\r\n <div class=\"warn-message\">\r\n <mat-icon>warning</mat-icon>\r\n <span>This is a preview site. </span>\r\n </div>\r\n @if (preReleaseLiveSiteLink) {\r\n <a href=\"{{ preReleaseLiveSiteLink }}\"\r\n >Click here to go to the live site</a\r\n >\r\n }\r\n <div class=\"btn-wrap\">\r\n <button\r\n mat-button\r\n mat-raised-button\r\n color=\"primary\"\r\n (click)=\"clickOkBtn()\"\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 @if (preReleaseVersion) {\r\n <span>Version: {{ preReleaseVersion }}</span>\r\n }\r\n @if (preReleaseBuildDate) {\r\n <span\r\n >Built: {{ preReleaseBuildDate | date : \"dd.MM.yyyy HH:mm\" }}</span\r\n >\r\n }\r\n </div>\r\n </mat-toolbar-row>\r\n }\r\n <mat-toolbar-row class=\"header-divider\"></mat-toolbar-row>\r\n </mat-toolbar>\r\n","/*\r\n * Public API Surface of angular-material-shared\r\n */\r\n\r\nexport * from './lib/models/footer-options';\r\nexport * from './lib/components/footer/footer.component';\r\nexport * from './lib/components/header/header.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dangl/angular-material-shared",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.9.0-beta0036",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/animations": ">=18.0.0",
|
|
6
6
|
"@angular/common": ">=18.0.0",
|
|
@@ -15,21 +15,21 @@
|
|
|
15
15
|
"tslib": ">=2.3.1"
|
|
16
16
|
},
|
|
17
17
|
"module": "fesm2022/dangl-angular-material-shared.mjs",
|
|
18
|
-
"typings": "
|
|
18
|
+
"typings": "types/dangl-angular-material-shared.d.ts",
|
|
19
19
|
"exports": {
|
|
20
20
|
"./package.json": {
|
|
21
21
|
"default": "./package.json"
|
|
22
22
|
},
|
|
23
23
|
".": {
|
|
24
|
-
"types": "./
|
|
24
|
+
"types": "./types/dangl-angular-material-shared.d.ts",
|
|
25
25
|
"default": "./fesm2022/dangl-angular-material-shared.mjs"
|
|
26
26
|
},
|
|
27
27
|
"./guid-generator": {
|
|
28
|
-
"types": "./guid-generator
|
|
28
|
+
"types": "./types/dangl-angular-material-shared-guid-generator.d.ts",
|
|
29
29
|
"default": "./fesm2022/dangl-angular-material-shared-guid-generator.mjs"
|
|
30
30
|
},
|
|
31
31
|
"./tiny-mce": {
|
|
32
|
-
"types": "./tiny-mce
|
|
32
|
+
"types": "./types/dangl-angular-material-shared-tiny-mce.d.ts",
|
|
33
33
|
"default": "./fesm2022/dangl-angular-material-shared-tiny-mce.mjs"
|
|
34
34
|
}
|
|
35
35
|
},
|
package/styles/m3-theme.scss
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
|
-
@use '
|
|
3
|
-
@
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
2
|
+
@use 'm3_theme-colors' as dangl-theme;
|
|
3
|
+
@use "./hex-to-rgba.scss";
|
|
4
|
+
@use "./partials/logo.scss";
|
|
5
|
+
@use "./partials/mat-toolbar.scss";
|
|
6
|
+
@use "./partials/side-navbar.scss";
|
|
7
|
+
@use "./partials/footer.scss";
|
|
8
|
+
@use "./partials/highlights.scss";
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
html {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
// Import theming functions
|
|
2
2
|
// @import "@angular/material/theming";
|
|
3
3
|
// Import your custom theme
|
|
4
|
-
@
|
|
4
|
+
@use "./material-theme.scss";
|
|
5
5
|
|
|
6
|
-
@
|
|
6
|
+
@use "./material-variables.scss";
|
|
7
7
|
|
|
8
|
-
@
|
|
9
|
-
@
|
|
10
|
-
@
|
|
11
|
-
@
|
|
12
|
-
@
|
|
8
|
+
@use "./partials/logo.scss";
|
|
9
|
+
@use "./partials/mat-toolbar.scss";
|
|
10
|
+
@use "./partials/side-navbar.scss";
|
|
11
|
+
@use "./partials/footer.scss";
|
|
12
|
+
@use "./partials/highlights.scss";
|
|
13
13
|
|
|
14
14
|
// This is required, since there's a bug in Angular Material
|
|
15
15
|
// that prevents the foreground color from being correctly
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
// @import '@angular/material/theming';
|
|
4
4
|
@include mat.elevation-classes();
|
|
5
5
|
@include mat.app-background();
|
|
6
|
-
@
|
|
6
|
+
@use "./hex-to-rgba.scss";
|
|
7
7
|
// Define the palettes for your theme using the Material Design palettes available in palette.scss
|
|
8
8
|
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
|
|
9
9
|
// hue.
|
|
@@ -31,6 +31,7 @@ declare class HeaderComponent implements OnChanges {
|
|
|
31
31
|
logoInitials: string;
|
|
32
32
|
iconUrl: string;
|
|
33
33
|
menuButtonClicked: EventEmitter<any>;
|
|
34
|
+
closePreReleaseNotification: i0.OutputEmitterRef<void>;
|
|
34
35
|
preReleaseVersion: string;
|
|
35
36
|
preReleaseBuildDate: Date;
|
|
36
37
|
preReleaseLiveSiteLink: string;
|
|
@@ -41,8 +42,9 @@ declare class HeaderComponent implements OnChanges {
|
|
|
41
42
|
ngOnChanges(_: SimpleChanges): void;
|
|
42
43
|
checkPrereleaseData(): boolean;
|
|
43
44
|
hideForCurrentVersion(): void;
|
|
45
|
+
clickOkBtn(): void;
|
|
44
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "dangl-header", never, { "prefix": { "alias": "prefix"; "required": false; }; "postfix": { "alias": "postfix"; "required": false; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; }; "logoInitials": { "alias": "logoInitials"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "preReleaseVersion": { "alias": "preReleaseVersion"; "required": false; }; "preReleaseBuildDate": { "alias": "preReleaseBuildDate"; "required": false; }; "preReleaseLiveSiteLink": { "alias": "preReleaseLiveSiteLink"; "required": false; }; "showPrerelease": { "alias": "showPrerelease"; "required": false; }; }, { "menuButtonClicked": "menuButtonClicked"; }, never, ["*"], true, never>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "dangl-header", never, { "prefix": { "alias": "prefix"; "required": false; }; "postfix": { "alias": "postfix"; "required": false; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; }; "logoInitials": { "alias": "logoInitials"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "preReleaseVersion": { "alias": "preReleaseVersion"; "required": false; }; "preReleaseBuildDate": { "alias": "preReleaseBuildDate"; "required": false; }; "preReleaseLiveSiteLink": { "alias": "preReleaseLiveSiteLink"; "required": false; }; "showPrerelease": { "alias": "showPrerelease"; "required": false; }; }, { "menuButtonClicked": "menuButtonClicked"; "closePreReleaseNotification": "closePreReleaseNotification"; }, never, ["*"], true, never>;
|
|
46
48
|
}
|
|
47
49
|
|
|
48
50
|
export { FooterComponent, HeaderComponent };
|
/package/{guid-generator/index.d.ts → types/dangl-angular-material-shared-guid-generator.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|