@dangl/angular-material-shared 2.8.1-beta0007 → 2.9.0-beta0037

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.
Files changed (13) hide show
  1. package/fesm2022/dangl-angular-material-shared-guid-generator.mjs.map +1 -1
  2. package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs +18 -5
  3. package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs.map +1 -1
  4. package/fesm2022/dangl-angular-material-shared.mjs +18 -13
  5. package/fesm2022/dangl-angular-material-shared.mjs.map +1 -1
  6. package/package.json +5 -5
  7. package/styles/m3-theme.scss +7 -7
  8. package/styles/material-style.scss +7 -7
  9. package/styles/material-theme.scss +1 -1
  10. package/styles/material-variables.scss +1 -1
  11. package/{tiny-mce/index.d.ts → types/dangl-angular-material-shared-tiny-mce.d.ts} +3 -2
  12. package/{index.d.ts → types/dangl-angular-material-shared.d.ts} +3 -1
  13. /package/{guid-generator/index.d.ts → types/dangl-angular-material-shared-guid-generator.d.ts} +0 -0
package/fesm2022/dangl-angular-material-shared-guid-generator.mjs.map CHANGED
@@ -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;;IAGX,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;;AACA,aAAA,IAAI,MAAM,KAAK,GAAG,EAAE;AACzB,YAAA,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;AACjB;;;;;;AAME;;aACG;YACL,MAAM,IAAI,KAAK,CAAC;AACZ,kBAAA,mDAAmD,CAAC;;AAE1D,QAAA,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC;;AAExB;;AChCD;;AAEG;;;;"}
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;;;;"}
package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs CHANGED
@@ -9,6 +9,7 @@ class TinyMceComponent {
9
9
  baseUrl;
10
10
  ngZone;
11
11
  tinyMceLanguageCode;
12
+ additionalInit;
12
13
  elementId = GuidGenerator.generatePseudoRandomGuid();
13
14
  editor;
14
15
  init;
@@ -37,9 +38,11 @@ class TinyMceComponent {
37
38
  this.ngZone = ngZone;
38
39
  }
39
40
  ngOnInit() {
41
+ const { setup, init_instance_callback, plugins, toolbar, ...restAdditional } = this.additionalInit || {};
42
+ const defaultPlugins = ['link', 'table', 'image', 'code'];
40
43
  this.init = {
41
44
  selector: `#${this.elementId}`,
42
- plugins: ['link', 'table', 'image', 'code'],
45
+ plugins: [...defaultPlugins, ...(Array.isArray(plugins) ? plugins : [])].filter((v, i, a) => a.indexOf(v) === i),
43
46
  language: this.tinyMceLanguageCode,
44
47
  base_url: this.baseUrl,
45
48
  promotion: false,
@@ -49,6 +52,9 @@ class TinyMceComponent {
49
52
  const content = editor.getContent();
50
53
  this.editorContent = content;
51
54
  });
55
+ if (setup) {
56
+ setup(editor);
57
+ }
52
58
  },
53
59
  init_instance_callback: (editor) => {
54
60
  if (editor && this.editorContent) {
@@ -56,7 +62,12 @@ class TinyMceComponent {
56
62
  }
57
63
  this.editor = editor;
58
64
  this.setDisabledState(this._disabled);
59
- }
65
+ if (init_instance_callback) {
66
+ init_instance_callback(editor);
67
+ }
68
+ },
69
+ ...(toolbar ? { toolbar } : {}),
70
+ ...restAdditional,
60
71
  };
61
72
  }
62
73
  writeValue(obj) {
@@ -88,8 +99,8 @@ class TinyMceComponent {
88
99
  this.editor.mode.set('design');
89
100
  }
90
101
  }
91
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.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: "20.0.1", type: TinyMceComponent, isStandalone: true, selector: "dangl-tiny-mce", inputs: { tinyMceLanguageCode: "tinyMceLanguageCode" }, providers: [
102
+ 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 });
103
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TinyMceComponent, isStandalone: true, selector: "dangl-tiny-mce", inputs: { tinyMceLanguageCode: "tinyMceLanguageCode", additionalInit: "additionalInit" }, providers: [
93
104
  {
94
105
  provide: NG_VALUE_ACCESSOR,
95
106
  useExisting: forwardRef(() => TinyMceComponent),
@@ -97,7 +108,7 @@ class TinyMceComponent {
97
108
  }
98
109
  ], 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
110
  }
100
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: TinyMceComponent, decorators: [{
111
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TinyMceComponent, decorators: [{
101
112
  type: Component,
102
113
  args: [{ selector: 'dangl-tiny-mce', providers: [
103
114
  {
@@ -111,6 +122,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImpor
111
122
  args: ['TINYMCE_BASE_URL']
112
123
  }] }, { type: i0.NgZone }], propDecorators: { tinyMceLanguageCode: [{
113
124
  type: Input
125
+ }], additionalInit: [{
126
+ type: Input
114
127
  }] } });
115
128
 
116
129
  /**
package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs.map CHANGED
@@ -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":"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"}
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 @Input() additionalInit: Partial<RawEditorOptions>;\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 const { setup, init_instance_callback, plugins, toolbar, ...restAdditional } = this.additionalInit || {};\r\n const defaultPlugins = ['link', 'table', 'image', 'code'];\r\n\r\n this.init = {\r\n selector:`#${this.elementId}`,\r\n plugins: [...defaultPlugins, ...(Array.isArray(plugins) ? plugins : [])].filter((v, i, a) => a.indexOf(v) === i),\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 if (setup) {\r\n setup(editor);\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 if (init_instance_callback) {\r\n init_instance_callback(editor);\r\n }\r\n },\r\n ...(toolbar ? { toolbar } : {}),\r\n ...restAdditional,\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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"}
package/fesm2022/dangl-angular-material-shared.mjs CHANGED
@@ -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 i1$1 from '@angular/common';
5
+ import * as i4 from '@angular/common';
6
6
  import { CommonModule } from '@angular/common';
7
- import * as i4 from '@angular/material/button';
7
+ import * as i3 from '@angular/material/button';
8
8
  import { MatButtonModule } from '@angular/material/button';
9
- import * as i3 from '@angular/material/icon';
9
+ import * as i2 from '@angular/material/icon';
10
10
  import { MatIconModule } from '@angular/material/icon';
11
- import * as i2 from '@angular/material/toolbar';
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: "20.0.1", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
28
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.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>&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 }\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>&nbsp;</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 &nbsp;\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"] }] });
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>&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 }\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>&nbsp;</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 &nbsp;\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: "20.0.1", ngImport: i0, type: FooterComponent, decorators: [{
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
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
110
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.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" }, 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)=\"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", 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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i2.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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: i4.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"] }] });
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: "20.0.1", ngImport: i0, type: HeaderComponent, decorators: [{
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)=\"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", 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}\n"] }]
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
package/fesm2022/dangl-angular-material-shared.mjs.map CHANGED
@@ -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>&nbsp;</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>&nbsp;</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 &nbsp;\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>&nbsp;</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>&nbsp;</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 &nbsp;\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.8.1-beta0007",
3
+ "version": "2.9.0-beta0037",
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": "index.d.ts",
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": "./index.d.ts",
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/index.d.ts",
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/index.d.ts",
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 './m3_theme-colors.scss' as dangl-theme;
3
- @import "./hex-to-rgba.scss";
4
- @import "./partials/logo.scss";
5
- @import "./partials/mat-toolbar.scss";
6
- @import "./partials/side-navbar.scss";
7
- @import "./partials/footer.scss";
8
- @import "./partials/highlights.scss";
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 {
package/styles/material-style.scss CHANGED
@@ -1,15 +1,15 @@
1
1
  // Import theming functions
2
2
  // @import "@angular/material/theming";
3
3
  // Import your custom theme
4
- @import "./material-theme.scss";
4
+ @use "./material-theme.scss";
5
5
 
6
- @import "./material-variables.scss";
6
+ @use "./material-variables.scss";
7
7
 
8
- @import "./partials/logo.scss";
9
- @import "./partials/mat-toolbar.scss";
10
- @import "./partials/side-navbar.scss";
11
- @import "./partials/footer.scss";
12
- @import "./partials/highlights.scss";
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
package/styles/material-theme.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use '@angular/material' as mat;
2
2
 
3
- @import './material-variables.scss';
3
+ @use './material-variables.scss';
4
4
 
5
5
  // @import '@angular/material/theming';
6
6
  // Plus imports for other components in your app.
package/styles/material-variables.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  // @import '@angular/material/theming';
4
4
  @include mat.elevation-classes();
5
5
  @include mat.app-background();
6
- @import "./hex-to-rgba.scss";
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.
package/{tiny-mce/index.d.ts → types/dangl-angular-material-shared-tiny-mce.d.ts} RENAMED
@@ -1,12 +1,13 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { OnInit, NgZone } from '@angular/core';
3
3
  import { ControlValueAccessor } from '@angular/forms';
4
- import { Editor, RawEditorOptions } from 'tinymce';
4
+ import { RawEditorOptions, Editor } from 'tinymce';
5
5
 
6
6
  declare class TinyMceComponent implements OnInit, ControlValueAccessor {
7
7
  private baseUrl;
8
8
  private ngZone;
9
9
  tinyMceLanguageCode: string;
10
+ additionalInit: Partial<RawEditorOptions>;
10
11
  elementId: string;
11
12
  editor: Editor;
12
13
  init: RawEditorOptions;
@@ -23,7 +24,7 @@ declare class TinyMceComponent implements OnInit, ControlValueAccessor {
23
24
  registerOnTouched(fn: any): void;
24
25
  setDisabledState?(isDisabled: boolean): void;
25
26
  static ɵfac: i0.ɵɵFactoryDeclaration<TinyMceComponent, never>;
26
- static ɵcmp: i0.ɵɵComponentDeclaration<TinyMceComponent, "dangl-tiny-mce", never, { "tinyMceLanguageCode": { "alias": "tinyMceLanguageCode"; "required": false; }; }, {}, never, never, true, never>;
27
+ static ɵcmp: i0.ɵɵComponentDeclaration<TinyMceComponent, "dangl-tiny-mce", never, { "tinyMceLanguageCode": { "alias": "tinyMceLanguageCode"; "required": false; }; "additionalInit": { "alias": "additionalInit"; "required": false; }; }, {}, never, never, true, never>;
27
28
  }
28
29
 
29
30
  export { TinyMceComponent };
package/{index.d.ts → types/dangl-angular-material-shared.d.ts} RENAMED
@@ -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 };