@tilde-nlp/ngx-common 6.1.63 → 6.1.65
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/esm2022/lib/new-feature-dialog/new-feature-dialog-wrapper/new-feature-dialog-wrapper.component.mjs +28 -24
- package/esm2022/lib/open-close-button/open-close-button.component.mjs +35 -17
- package/fesm2022/tilde-nlp-ngx-common.mjs +60 -39
- package/fesm2022/tilde-nlp-ngx-common.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@ import { Component, inject, Input, signal } from '@angular/core';
|
|
|
2
2
|
import { MatDialog, MatDialogModule, } from '@angular/material/dialog';
|
|
3
3
|
import { NewFeatureDialogComponent } from '../new-feature-dialog.component';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { ResolutionHelper } from '../../helpers';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class NewFeatureDialogWrapperComponent {
|
|
7
8
|
constructor() {
|
|
@@ -24,29 +25,32 @@ export class NewFeatureDialogWrapperComponent {
|
|
|
24
25
|
this.isFeatureSeen = true;
|
|
25
26
|
}
|
|
26
27
|
showFeatureDialog() {
|
|
27
|
-
this.
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
if (
|
|
32
|
-
|
|
33
|
-
data: {
|
|
34
|
-
title: this.titleLocalizationKey,
|
|
35
|
-
description: this.descriptionLocalizationKey,
|
|
36
|
-
close: this.closeLocalizationKey,
|
|
37
|
-
featureLocalStorageKey: this.featureLocalStorageKey,
|
|
38
|
-
},
|
|
39
|
-
position: {
|
|
40
|
-
left: `${rects.left - this.maxWidth}px`,
|
|
41
|
-
top: `${rects.top + 45}px`,
|
|
42
|
-
},
|
|
43
|
-
maxWidth: `${this.maxWidth}px`,
|
|
44
|
-
});
|
|
45
|
-
this.dialogRef.afterClosed().subscribe(() => {
|
|
46
|
-
this.featureActive.set(false);
|
|
47
|
-
});
|
|
48
|
-
this.setFeatureSeen();
|
|
28
|
+
const targetElement = document.querySelector(`.${this.featureClassName}`);
|
|
29
|
+
if (!targetElement) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (ResolutionHelper.isMobileRes()) {
|
|
33
|
+
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
49
34
|
}
|
|
35
|
+
const updatedRects = targetElement.getBoundingClientRect();
|
|
36
|
+
this.featureActive.set(true);
|
|
37
|
+
this.dialogRef = this.#dialog.open(NewFeatureDialogComponent, {
|
|
38
|
+
data: {
|
|
39
|
+
title: this.titleLocalizationKey,
|
|
40
|
+
description: this.descriptionLocalizationKey,
|
|
41
|
+
close: this.closeLocalizationKey,
|
|
42
|
+
featureLocalStorageKey: this.featureLocalStorageKey,
|
|
43
|
+
},
|
|
44
|
+
position: {
|
|
45
|
+
left: `${updatedRects.left - this.maxWidth}px`,
|
|
46
|
+
top: `${updatedRects.top + 45}px`,
|
|
47
|
+
},
|
|
48
|
+
maxWidth: `${this.maxWidth}px`,
|
|
49
|
+
});
|
|
50
|
+
this.dialogRef.afterClosed().subscribe(() => {
|
|
51
|
+
this.featureActive.set(false);
|
|
52
|
+
});
|
|
53
|
+
this.setFeatureSeen();
|
|
50
54
|
}
|
|
51
55
|
setFeatureSeen() {
|
|
52
56
|
if (this.featureLocalStorageKey) {
|
|
@@ -79,5 +83,5 @@ export class NewFeatureDialogWrapperComponent {
|
|
|
79
83
|
}], maxWidth: [{
|
|
80
84
|
type: Input
|
|
81
85
|
}] }); })();
|
|
82
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber:
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber: 17 }); })();
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWZlYXR1cmUtZGlhbG9nLXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbW1vbi9zcmMvbGliL25ldy1mZWF0dXJlLWRpYWxvZy9uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlci9uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsR0FFaEIsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRCxNQUFNLE9BQU8sZ0NBQWdDO0lBTjdDO1FBWVcsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLGFBQVEsR0FBRyxHQUFHLENBQUM7UUFFeEIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUc1QixrQkFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixrQkFBYSxHQUFHLEtBQUssQ0FBQztLQXFEdkI7SUF6REMsT0FBTyxDQUFxQjtJQU01QixRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsc0JBQXNCO1lBQzlDLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUM7WUFDckQsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUVWLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDakQsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUMzQixDQUFDLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ25CLENBQUM7UUFFRCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDO0lBRU8saUJBQWlCO1FBQ3ZCLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO1FBRTFFLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNuQixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksZ0JBQWdCLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztZQUNuQyxhQUFhLENBQUMsY0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUN4RSxDQUFDO1FBRUQsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDM0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyx5QkFBeUIsRUFBRTtZQUM1RCxJQUFJLEVBQUU7Z0JBQ0osS0FBSyxFQUFFLElBQUksQ0FBQyxvQkFBb0I7Z0JBQ2hDLFdBQVcsRUFBRSxJQUFJLENBQUMsMEJBQTBCO2dCQUM1QyxLQUFLLEVBQUUsSUFBSSxDQUFDLG9CQUFvQjtnQkFDaEMsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLHNCQUFzQjthQUNwRDtZQUNELFFBQVEsRUFBRTtnQkFDUixJQUFJLEVBQUUsR0FBRyxZQUFZLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUk7Z0JBQzlDLEdBQUcsRUFBRSxHQUFHLFlBQVksQ0FBQyxHQUFHLEdBQUcsRUFBRSxJQUFJO2FBQ2xDO1lBQ0QsUUFBUSxFQUFFLEdBQUcsSUFBSSxDQUFDLFFBQVEsSUFBSTtTQUMvQixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDMUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVPLGNBQWM7UUFDcEIsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztZQUNoQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM1RCxDQUFDO0lBQ0gsQ0FBQztpSUFqRVUsZ0NBQWdDO29FQUFoQyxnQ0FBZ0MsMGZBSGpDLFlBQVksRUFBRSxlQUFlOztpRkFHNUIsZ0NBQWdDO2NBTjVDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO2dCQUMxQyxVQUFVLEVBQUUsSUFBSTtnQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSx5QkFBeUIsQ0FBQztnQkFDbkUsUUFBUSxFQUFFLEVBQUU7YUFDYjtnQkFFVSxvQkFBb0I7a0JBQTVCLEtBQUs7WUFDRywwQkFBMEI7a0JBQWxDLEtBQUs7WUFDRyxvQkFBb0I7a0JBQTVCLEtBQUs7WUFDRyxnQkFBZ0I7a0JBQXhCLEtBQUs7WUFDRyxzQkFBc0I7a0JBQTlCLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxRQUFRO2tCQUFoQixLQUFLOztrRkFQSyxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIE9uSW5pdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgTWF0RGlhbG9nLFxyXG4gIE1hdERpYWxvZ01vZHVsZSxcclxuICBNYXREaWFsb2dSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTmV3RmVhdHVyZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL25ldy1mZWF0dXJlLWRpYWxvZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSZXNvbHV0aW9uSGVscGVyIH0gZnJvbSAnLi4vLi4vaGVscGVycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXREaWFsb2dNb2R1bGUsIE5ld0ZlYXR1cmVEaWFsb2dDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlOiAnJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5ld0ZlYXR1cmVEaWFsb2dXcmFwcGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSB0aXRsZUxvY2FsaXphdGlvbktleSE6IHN0cmluZztcclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbkxvY2FsaXphdGlvbktleSE6IHN0cmluZztcclxuICBASW5wdXQoKSBjbG9zZUxvY2FsaXphdGlvbktleSE6IHN0cmluZztcclxuICBASW5wdXQoKSBmZWF0dXJlQ2xhc3NOYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVMb2NhbFN0b3JhZ2VLZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGltZW91dCA9IDA7XHJcbiAgQElucHV0KCkgbWF4V2lkdGggPSAzMjA7XHJcblxyXG4gICNkaWFsb2cgPSBpbmplY3QoTWF0RGlhbG9nKTtcclxuICBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxOZXdGZWF0dXJlRGlhbG9nQ29tcG9uZW50PiB8IHVuZGVmaW5lZDtcclxuXHJcbiAgZmVhdHVyZUFjdGl2ZSA9IHNpZ25hbChmYWxzZSk7XHJcbiAgaXNGZWF0dXJlU2VlbiA9IGZhbHNlO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNGZWF0dXJlU2VlbiA9IHRoaXMuZmVhdHVyZUxvY2FsU3RvcmFnZUtleVxyXG4gICAgICA/ICEhbG9jYWxTdG9yYWdlLmdldEl0ZW0odGhpcy5mZWF0dXJlTG9jYWxTdG9yYWdlS2V5KVxyXG4gICAgICA6IGZhbHNlO1xyXG5cclxuICAgIGlmICghdGhpcy5mZWF0dXJlQWN0aXZlKCkgJiYgIXRoaXMuaXNGZWF0dXJlU2Vlbikge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLnNob3dGZWF0dXJlRGlhbG9nKCk7XHJcbiAgICAgIH0sIHRoaXMudGltZW91dCk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5pc0ZlYXR1cmVTZWVuID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2hvd0ZlYXR1cmVEaWFsb2coKSB7XHJcbiAgICBjb25zdCB0YXJnZXRFbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihgLiR7dGhpcy5mZWF0dXJlQ2xhc3NOYW1lfWApO1xyXG5cclxuICAgIGlmICghdGFyZ2V0RWxlbWVudCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKFJlc29sdXRpb25IZWxwZXIuaXNNb2JpbGVSZXMoKSkge1xyXG4gICAgICB0YXJnZXRFbGVtZW50LnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6ICdzbW9vdGgnLCBibG9jazogJ2NlbnRlcicgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgdXBkYXRlZFJlY3RzID0gdGFyZ2V0RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgIHRoaXMuZmVhdHVyZUFjdGl2ZS5zZXQodHJ1ZSk7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZiA9IHRoaXMuI2RpYWxvZy5vcGVuKE5ld0ZlYXR1cmVEaWFsb2dDb21wb25lbnQsIHtcclxuICAgICAgZGF0YToge1xyXG4gICAgICAgIHRpdGxlOiB0aGlzLnRpdGxlTG9jYWxpemF0aW9uS2V5LFxyXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0aGlzLmRlc2NyaXB0aW9uTG9jYWxpemF0aW9uS2V5LFxyXG4gICAgICAgIGNsb3NlOiB0aGlzLmNsb3NlTG9jYWxpemF0aW9uS2V5LFxyXG4gICAgICAgIGZlYXR1cmVMb2NhbFN0b3JhZ2VLZXk6IHRoaXMuZmVhdHVyZUxvY2FsU3RvcmFnZUtleSxcclxuICAgICAgfSxcclxuICAgICAgcG9zaXRpb246IHtcclxuICAgICAgICBsZWZ0OiBgJHt1cGRhdGVkUmVjdHMubGVmdCAtIHRoaXMubWF4V2lkdGh9cHhgLFxyXG4gICAgICAgIHRvcDogYCR7dXBkYXRlZFJlY3RzLnRvcCArIDQ1fXB4YCxcclxuICAgICAgfSxcclxuICAgICAgbWF4V2lkdGg6IGAke3RoaXMubWF4V2lkdGh9cHhgLFxyXG4gICAgfSk7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIHRoaXMuZmVhdHVyZUFjdGl2ZS5zZXQoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLnNldEZlYXR1cmVTZWVuKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldEZlYXR1cmVTZWVuKCkge1xyXG4gICAgaWYgKHRoaXMuZmVhdHVyZUxvY2FsU3RvcmFnZUtleSkge1xyXG4gICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSh0aGlzLmZlYXR1cmVMb2NhbFN0b3JhZ2VLZXksICd0cnVlJyk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -8,26 +8,44 @@ import * as i3 from "@ngbracket/ngx-layout/flex";
|
|
|
8
8
|
import * as i4 from "@ngbracket/ngx-layout/extended";
|
|
9
9
|
import * as i5 from "@ngx-translate/core";
|
|
10
10
|
const _c0 = ["*"];
|
|
11
|
+
function OpenCloseButtonComponent_button_0_span_5_Template(rf, ctx) { if (rf & 1) {
|
|
12
|
+
i0.ɵɵelementStart(0, "span", 7);
|
|
13
|
+
i0.ɵɵtext(1);
|
|
14
|
+
i0.ɵɵelementEnd();
|
|
15
|
+
} if (rf & 2) {
|
|
16
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
17
|
+
i0.ɵɵadvance();
|
|
18
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.icons.open, " ");
|
|
19
|
+
} }
|
|
20
|
+
function OpenCloseButtonComponent_button_0_ng_template_6_Template(rf, ctx) { if (rf & 1) {
|
|
21
|
+
i0.ɵɵelementStart(0, "span", 7);
|
|
22
|
+
i0.ɵɵtext(1);
|
|
23
|
+
i0.ɵɵelementEnd();
|
|
24
|
+
} if (rf & 2) {
|
|
25
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
26
|
+
i0.ɵɵadvance();
|
|
27
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.icons.close, " ");
|
|
28
|
+
} }
|
|
11
29
|
function OpenCloseButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
|
|
12
|
-
i0.ɵɵelementStart(0, "button",
|
|
30
|
+
i0.ɵɵelementStart(0, "button", 3);
|
|
13
31
|
i0.ɵɵpipe(1, "translate");
|
|
14
|
-
i0.ɵɵelementStart(2, "span",
|
|
32
|
+
i0.ɵɵelementStart(2, "span", 4)(3, "span", 5);
|
|
15
33
|
i0.ɵɵprojection(4);
|
|
16
34
|
i0.ɵɵelementEnd();
|
|
17
|
-
i0.ɵɵ
|
|
18
|
-
i0.ɵɵ
|
|
19
|
-
i0.ɵɵelementEnd()()();
|
|
35
|
+
i0.ɵɵtemplate(5, OpenCloseButtonComponent_button_0_span_5_Template, 2, 1, "span", 6)(6, OpenCloseButtonComponent_button_0_ng_template_6_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
|
|
36
|
+
i0.ɵɵelementEnd()();
|
|
20
37
|
} if (rf & 2) {
|
|
38
|
+
const closed_r2 = i0.ɵɵreference(7);
|
|
21
39
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
22
40
|
i0.ɵɵproperty("disabled", ctx_r0.disabled)("disableRipple", true)("ngClass.lt-md", "open-close-button-tablet");
|
|
23
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1,
|
|
24
|
-
i0.ɵɵadvance(
|
|
25
|
-
i0.ɵɵ
|
|
41
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 6, ctx_r0.ariaLabelCode));
|
|
42
|
+
i0.ɵɵadvance(5);
|
|
43
|
+
i0.ɵɵproperty("ngIf", ctx_r0.isOpened)("ngIfElse", closed_r2);
|
|
26
44
|
} }
|
|
27
45
|
function OpenCloseButtonComponent_button_1_Template(rf, ctx) { if (rf & 1) {
|
|
28
|
-
i0.ɵɵelementStart(0, "button",
|
|
46
|
+
i0.ɵɵelementStart(0, "button", 8);
|
|
29
47
|
i0.ɵɵpipe(1, "translate");
|
|
30
|
-
i0.ɵɵelementStart(2, "span",
|
|
48
|
+
i0.ɵɵelementStart(2, "span", 9);
|
|
31
49
|
i0.ɵɵtext(3);
|
|
32
50
|
i0.ɵɵelementEnd()();
|
|
33
51
|
} if (rf & 2) {
|
|
@@ -47,7 +65,7 @@ export class OpenCloseButtonComponent {
|
|
|
47
65
|
get isOpened() { return this._isOpened; }
|
|
48
66
|
constructor(openCloseBtnIcons) {
|
|
49
67
|
this.openCloseBtnIcons = openCloseBtnIcons;
|
|
50
|
-
this.defaultIcons = { open: '
|
|
68
|
+
this.defaultIcons = { open: 'keyboard_arrow_down', close: 'keyboard_arrow_up' };
|
|
51
69
|
}
|
|
52
70
|
ngOnInit() {
|
|
53
71
|
this.icons = this.openCloseBtnIcons ?? this.defaultIcons;
|
|
@@ -61,18 +79,18 @@ export class OpenCloseButtonComponent {
|
|
|
61
79
|
} if (rf & 2) {
|
|
62
80
|
let _t;
|
|
63
81
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.button = _t.first);
|
|
64
|
-
} }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, ngContentSelectors: _c0, decls: 2, vars: 2, consts: [["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], [1, "material-icons"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
82
|
+
} }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, ngContentSelectors: _c0, decls: 2, vars: 2, consts: [["closed", ""], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], ["class", "material-icons spin", 4, "ngIf", "ngIfElse"], [1, "material-icons", "spin"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"], [1, "material-icons"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
65
83
|
i0.ɵɵprojectionDef();
|
|
66
|
-
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template,
|
|
84
|
+
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8, 8, "button", 1)(1, OpenCloseButtonComponent_button_1_Template, 4, 5, "button", 2);
|
|
67
85
|
} if (rf & 2) {
|
|
68
86
|
i0.ɵɵproperty("ngIf", !ctx.isIcon);
|
|
69
87
|
i0.ɵɵadvance();
|
|
70
88
|
i0.ɵɵproperty("ngIf", ctx.isIcon);
|
|
71
|
-
} }, dependencies: [i1.NgIf, i2.MatButton, i2.MatIconButton, i3.DefaultLayoutDirective, i3.DefaultLayoutAlignDirective, i4.DefaultClassDirective, i5.TranslatePipe],
|
|
89
|
+
} }, dependencies: [i1.NgIf, i2.MatButton, i2.MatIconButton, i3.DefaultLayoutDirective, i3.DefaultLayoutAlignDirective, i4.DefaultClassDirective, i5.TranslatePipe], styles: [".spin[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_spinArrow .3s forwards}@keyframes _ngcontent-%COMP%_spinArrow{to{transform:rotate(180deg)}}"] }); }
|
|
72
90
|
}
|
|
73
91
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenCloseButtonComponent, [{
|
|
74
92
|
type: Component,
|
|
75
|
-
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span class=\"material-icons\">\r\n {{
|
|
93
|
+
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"isOpened; else closed\" class=\"material-icons spin\">\r\n {{ icons.open }}\r\n </span>\r\n\r\n <ng-template #closed>\r\n <span class=\"material-icons spin\">\r\n {{ icons.close }}\r\n </span>\r\n </ng-template>\r\n </span>\r\n</button>\r\n<button\r\n mat-icon-button\r\n fxLayoutAlign=\"center center\"\r\n *ngIf=\"isIcon\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: [".spin{animation:spinArrow .3s forwards}@keyframes spinArrow{to{transform:rotate(180deg)}}\n"] }]
|
|
76
94
|
}], () => [{ type: undefined, decorators: [{
|
|
77
95
|
type: Optional
|
|
78
96
|
}, {
|
|
@@ -92,5 +110,5 @@ export class OpenCloseButtonComponent {
|
|
|
92
110
|
type: ViewChild,
|
|
93
111
|
args: [MatButton]
|
|
94
112
|
}] }); })();
|
|
95
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OpenCloseButtonComponent, { className: "OpenCloseButtonComponent", filePath: "lib\\open-close-button\\open-close-button.component.ts", lineNumber:
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
113
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OpenCloseButtonComponent, { className: "OpenCloseButtonComponent", filePath: "lib\\open-close-button\\open-close-button.component.ts", lineNumber: 11 }); })();
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3Blbi1jbG9zZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbW1vbi9zcmMvbGliL29wZW4tY2xvc2UtYnV0dG9uL29wZW4tY2xvc2UtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi9vcGVuLWNsb3NlLWJ1dHRvbi9vcGVuLWNsb3NlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFckQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7OztJQ1M1RCwrQkFBZ0U7SUFDOUQsWUFDRjtJQUFBLGlCQUFPOzs7SUFETCxjQUNGO0lBREUsa0RBQ0Y7OztJQUdFLCtCQUFrQztJQUNoQyxZQUNGO0lBQUEsaUJBQU87OztJQURMLGNBQ0Y7SUFERSxtREFDRjs7O0lBbkJOLGlDQU1nRDs7SUFFNUMsQUFERiwrQkFBbUQsY0FDNEI7SUFDM0Usa0JBQXlCO0lBQzNCLGlCQUFPO0lBTVAsQUFKQSxvRkFBZ0Usc0hBSTNDO0lBTXpCLEFBREUsaUJBQU8sRUFDQTs7OztJQWpCUCxBQURBLEFBREEsMENBQXFCLHVCQUNDLDZDQUNzQjs7SUFPbkMsZUFBZ0I7SUFBQSxBQUFoQixzQ0FBZ0IsdUJBQVc7OztJQVd0QyxpQ0FLZ0Q7O0lBQzlDLCtCQUE2QjtJQUMzQixZQUNGO0lBQ0YsQUFERSxpQkFBTyxFQUNBOzs7SUFMUCwwQ0FBcUI7O0lBR25CLGVBQ0Y7SUFERSx5RkFDRjs7QURyQkYsTUFBTSxPQUFPLHdCQUF3QjtJQVFuQyxJQUFhLFFBQVEsQ0FBQyxLQUFjO1FBQ2xDLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1lBQzNELElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNmLENBQUM7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBSSxRQUFRLEtBQUssT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQU96QyxZQUE2RSxpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUZqSCxpQkFBWSxHQUFzQixFQUFFLElBQUksRUFBRSxxQkFBcUIsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQztJQUV1QixDQUFDO0lBRXRILFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNELENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QixDQUFDO3lIQTlCVSx3QkFBd0IsdUJBc0JILDBCQUEwQjtvRUF0Qi9DLHdCQUF3QjsyQkFpQnhCLFNBQVM7Ozs7OztZQ0p0QixBQXZCQSwrRUFNZ0Qsa0VBc0JBOztZQTFCN0Msa0NBQWE7WUF3QmIsY0FBWTtZQUFaLGlDQUFZOzs7aUZEaEJGLHdCQUF3QjtjQUxwQyxTQUFTOzJCQUNFLHVCQUF1Qjs7c0JBMEJwQixRQUFROztzQkFBSSxNQUFNO3VCQUFDLDBCQUEwQjtxQkFuQmpELG9CQUFvQjtrQkFBNUIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFDRyxNQUFNO2tCQUFkLEtBQUs7WUFDRyxhQUFhO2tCQUFyQixLQUFLO1lBRU8sUUFBUTtrQkFBcEIsS0FBSztZQVNnQixNQUFNO2tCQUEzQixTQUFTO21CQUFDLFNBQVM7O2tGQWpCVCx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uSW5pdCwgT3B0aW9uYWwsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBPcGVuQ2xvc2VCdG5JY29ucyB9IGZyb20gJy4vbW9kZWxzJztcclxuaW1wb3J0IHsgT1BFTl9DTE9TRV9CVE5fSUNPTlNfVE9LRU4gfSBmcm9tICcuL2luamVjdGlvbi10b2tlbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItb3Blbi1jbG9zZS1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vcGVuLWNsb3NlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL29wZW4tY2xvc2UtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgT3BlbkNsb3NlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBwcml2YXRlIF9pc09wZW5lZCE6IGJvb2xlYW47XHJcblxyXG4gIEBJbnB1dCgpIGRpc2FibGVGb2N1c09uQWN0aW9uITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBkaXNhYmxlZCE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaXNJY29uITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBhcmlhTGFiZWxDb2RlITogc3RyaW5nO1xyXG4gIFxyXG4gIEBJbnB1dCgpIHNldCBpc09wZW5lZCh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgaWYgKHRoaXMuX2lzT3BlbmVkICYmICF2YWx1ZSAmJiAhdGhpcy5kaXNhYmxlRm9jdXNPbkFjdGlvbikge1xyXG4gICAgICB0aGlzLmZvY3VzKCk7XHJcbiAgICB9XHJcbiAgICB0aGlzLl9pc09wZW5lZCA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGlzT3BlbmVkKCkgeyByZXR1cm4gdGhpcy5faXNPcGVuZWQ7IH1cclxuXHJcbiAgQFZpZXdDaGlsZChNYXRCdXR0b24pIGJ1dHRvbiE6IE1hdEJ1dHRvbjtcclxuXHJcbiAgaWNvbnMhOiBPcGVuQ2xvc2VCdG5JY29ucztcclxuICBkZWZhdWx0SWNvbnM6IE9wZW5DbG9zZUJ0bkljb25zID0geyBvcGVuOiAna2V5Ym9hcmRfYXJyb3dfZG93bicsIGNsb3NlOiAna2V5Ym9hcmRfYXJyb3dfdXAnIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBJbmplY3QoT1BFTl9DTE9TRV9CVE5fSUNPTlNfVE9LRU4pIHByaXZhdGUgcmVhZG9ubHkgb3BlbkNsb3NlQnRuSWNvbnM6IE9wZW5DbG9zZUJ0bkljb25zICkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmljb25zID0gdGhpcy5vcGVuQ2xvc2VCdG5JY29ucyA/PyB0aGlzLmRlZmF1bHRJY29ucztcclxuICB9XHJcblxyXG4gIGZvY3VzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b24uZm9jdXMoKTtcclxuICB9XHJcbn1cclxuIiwiPGJ1dHRvblxyXG4gIG1hdC1idXR0b25cclxuICAqbmdJZj1cIiFpc0ljb25cIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgW2Rpc2FibGVSaXBwbGVdPVwidHJ1ZVwiXHJcbiAgW25nQ2xhc3MubHQtbWRdPVwiJ29wZW4tY2xvc2UtYnV0dG9uLXRhYmxldCdcIlxyXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsQ29kZSB8IHRyYW5zbGF0ZVwiPlxyXG4gIDxzcGFuIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwib3Blbi1jbG9zZS1idXR0b24tY29udGVudCB0ZXh0LWxcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3NwYW4+XHJcblxyXG4gICAgPHNwYW4gKm5nSWY9XCJpc09wZW5lZDsgZWxzZSBjbG9zZWRcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zIHNwaW5cIj5cclxuICAgICAge3sgaWNvbnMub3BlbiB9fVxyXG4gICAgPC9zcGFuPlxyXG5cclxuICAgIDxuZy10ZW1wbGF0ZSAjY2xvc2VkPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zIHNwaW5cIj5cclxuICAgICAgICB7eyBpY29ucy5jbG9zZSB9fVxyXG4gICAgICA8L3NwYW4+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG4gIDwvc3Bhbj5cclxuPC9idXR0b24+XHJcbjxidXR0b25cclxuICBtYXQtaWNvbi1idXR0b25cclxuICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiXHJcbiAgKm5nSWY9XCJpc0ljb25cIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxDb2RlIHwgdHJhbnNsYXRlXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPlxyXG4gICAge3sgaXNPcGVuZWQgPyBpY29ucy5vcGVuIDogaWNvbnMuY2xvc2UgfX1cclxuICA8L3NwYW4+XHJcbjwvYnV0dG9uPlxyXG4iXX0=
|
|
@@ -4679,26 +4679,44 @@ class ConfirmationService {
|
|
|
4679
4679
|
const OPEN_CLOSE_BTN_ICONS_TOKEN = 'OPEN_CLOSE_BTN_ICONS_TOKEN';
|
|
4680
4680
|
|
|
4681
4681
|
const _c0$7 = ["*"];
|
|
4682
|
+
function OpenCloseButtonComponent_button_0_span_5_Template(rf, ctx) { if (rf & 1) {
|
|
4683
|
+
i0.ɵɵelementStart(0, "span", 7);
|
|
4684
|
+
i0.ɵɵtext(1);
|
|
4685
|
+
i0.ɵɵelementEnd();
|
|
4686
|
+
} if (rf & 2) {
|
|
4687
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
4688
|
+
i0.ɵɵadvance();
|
|
4689
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.icons.open, " ");
|
|
4690
|
+
} }
|
|
4691
|
+
function OpenCloseButtonComponent_button_0_ng_template_6_Template(rf, ctx) { if (rf & 1) {
|
|
4692
|
+
i0.ɵɵelementStart(0, "span", 7);
|
|
4693
|
+
i0.ɵɵtext(1);
|
|
4694
|
+
i0.ɵɵelementEnd();
|
|
4695
|
+
} if (rf & 2) {
|
|
4696
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
4697
|
+
i0.ɵɵadvance();
|
|
4698
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.icons.close, " ");
|
|
4699
|
+
} }
|
|
4682
4700
|
function OpenCloseButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
|
|
4683
|
-
i0.ɵɵelementStart(0, "button",
|
|
4701
|
+
i0.ɵɵelementStart(0, "button", 3);
|
|
4684
4702
|
i0.ɵɵpipe(1, "translate");
|
|
4685
|
-
i0.ɵɵelementStart(2, "span",
|
|
4703
|
+
i0.ɵɵelementStart(2, "span", 4)(3, "span", 5);
|
|
4686
4704
|
i0.ɵɵprojection(4);
|
|
4687
4705
|
i0.ɵɵelementEnd();
|
|
4688
|
-
i0.ɵɵ
|
|
4689
|
-
i0.ɵɵ
|
|
4690
|
-
i0.ɵɵelementEnd()()();
|
|
4706
|
+
i0.ɵɵtemplate(5, OpenCloseButtonComponent_button_0_span_5_Template, 2, 1, "span", 6)(6, OpenCloseButtonComponent_button_0_ng_template_6_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
|
|
4707
|
+
i0.ɵɵelementEnd()();
|
|
4691
4708
|
} if (rf & 2) {
|
|
4709
|
+
const closed_r2 = i0.ɵɵreference(7);
|
|
4692
4710
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
4693
4711
|
i0.ɵɵproperty("disabled", ctx_r0.disabled)("disableRipple", true)("ngClass.lt-md", "open-close-button-tablet");
|
|
4694
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1,
|
|
4695
|
-
i0.ɵɵadvance(
|
|
4696
|
-
i0.ɵɵ
|
|
4712
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 6, ctx_r0.ariaLabelCode));
|
|
4713
|
+
i0.ɵɵadvance(5);
|
|
4714
|
+
i0.ɵɵproperty("ngIf", ctx_r0.isOpened)("ngIfElse", closed_r2);
|
|
4697
4715
|
} }
|
|
4698
4716
|
function OpenCloseButtonComponent_button_1_Template(rf, ctx) { if (rf & 1) {
|
|
4699
|
-
i0.ɵɵelementStart(0, "button",
|
|
4717
|
+
i0.ɵɵelementStart(0, "button", 8);
|
|
4700
4718
|
i0.ɵɵpipe(1, "translate");
|
|
4701
|
-
i0.ɵɵelementStart(2, "span",
|
|
4719
|
+
i0.ɵɵelementStart(2, "span", 9);
|
|
4702
4720
|
i0.ɵɵtext(3);
|
|
4703
4721
|
i0.ɵɵelementEnd()();
|
|
4704
4722
|
} if (rf & 2) {
|
|
@@ -4718,7 +4736,7 @@ class OpenCloseButtonComponent {
|
|
|
4718
4736
|
get isOpened() { return this._isOpened; }
|
|
4719
4737
|
constructor(openCloseBtnIcons) {
|
|
4720
4738
|
this.openCloseBtnIcons = openCloseBtnIcons;
|
|
4721
|
-
this.defaultIcons = { open: '
|
|
4739
|
+
this.defaultIcons = { open: 'keyboard_arrow_down', close: 'keyboard_arrow_up' };
|
|
4722
4740
|
}
|
|
4723
4741
|
ngOnInit() {
|
|
4724
4742
|
this.icons = this.openCloseBtnIcons ?? this.defaultIcons;
|
|
@@ -4732,18 +4750,18 @@ class OpenCloseButtonComponent {
|
|
|
4732
4750
|
} if (rf & 2) {
|
|
4733
4751
|
let _t;
|
|
4734
4752
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.button = _t.first);
|
|
4735
|
-
} }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, ngContentSelectors: _c0$7, decls: 2, vars: 2, consts: [["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], [1, "material-icons"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4753
|
+
} }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, ngContentSelectors: _c0$7, decls: 2, vars: 2, consts: [["closed", ""], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], ["class", "material-icons spin", 4, "ngIf", "ngIfElse"], [1, "material-icons", "spin"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"], [1, "material-icons"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4736
4754
|
i0.ɵɵprojectionDef();
|
|
4737
|
-
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template,
|
|
4755
|
+
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8, 8, "button", 1)(1, OpenCloseButtonComponent_button_1_Template, 4, 5, "button", 2);
|
|
4738
4756
|
} if (rf & 2) {
|
|
4739
4757
|
i0.ɵɵproperty("ngIf", !ctx.isIcon);
|
|
4740
4758
|
i0.ɵɵadvance();
|
|
4741
4759
|
i0.ɵɵproperty("ngIf", ctx.isIcon);
|
|
4742
|
-
} }, dependencies: [i1$2.NgIf, i2$1.MatButton, i2$1.MatIconButton, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutAlignDirective, i3.DefaultClassDirective, i1$1.TranslatePipe],
|
|
4760
|
+
} }, dependencies: [i1$2.NgIf, i2$1.MatButton, i2$1.MatIconButton, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutAlignDirective, i3.DefaultClassDirective, i1$1.TranslatePipe], styles: [".spin[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_spinArrow .3s forwards}@keyframes _ngcontent-%COMP%_spinArrow{to{transform:rotate(180deg)}}"] }); }
|
|
4743
4761
|
}
|
|
4744
4762
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenCloseButtonComponent, [{
|
|
4745
4763
|
type: Component,
|
|
4746
|
-
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span class=\"material-icons\">\r\n {{
|
|
4764
|
+
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"isOpened; else closed\" class=\"material-icons spin\">\r\n {{ icons.open }}\r\n </span>\r\n\r\n <ng-template #closed>\r\n <span class=\"material-icons spin\">\r\n {{ icons.close }}\r\n </span>\r\n </ng-template>\r\n </span>\r\n</button>\r\n<button\r\n mat-icon-button\r\n fxLayoutAlign=\"center center\"\r\n *ngIf=\"isIcon\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: [".spin{animation:spinArrow .3s forwards}@keyframes spinArrow{to{transform:rotate(180deg)}}\n"] }]
|
|
4747
4765
|
}], () => [{ type: undefined, decorators: [{
|
|
4748
4766
|
type: Optional
|
|
4749
4767
|
}, {
|
|
@@ -4763,7 +4781,7 @@ class OpenCloseButtonComponent {
|
|
|
4763
4781
|
type: ViewChild,
|
|
4764
4782
|
args: [MatButton]
|
|
4765
4783
|
}] }); })();
|
|
4766
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OpenCloseButtonComponent, { className: "OpenCloseButtonComponent", filePath: "lib\\open-close-button\\open-close-button.component.ts", lineNumber:
|
|
4784
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OpenCloseButtonComponent, { className: "OpenCloseButtonComponent", filePath: "lib\\open-close-button\\open-close-button.component.ts", lineNumber: 11 }); })();
|
|
4767
4785
|
|
|
4768
4786
|
class OpenCloseButtonModule {
|
|
4769
4787
|
static { this.ɵfac = function OpenCloseButtonModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OpenCloseButtonModule)(); }; }
|
|
@@ -8220,29 +8238,32 @@ class NewFeatureDialogWrapperComponent {
|
|
|
8220
8238
|
this.isFeatureSeen = true;
|
|
8221
8239
|
}
|
|
8222
8240
|
showFeatureDialog() {
|
|
8223
|
-
this.
|
|
8224
|
-
|
|
8225
|
-
|
|
8226
|
-
|
|
8227
|
-
if (
|
|
8228
|
-
|
|
8229
|
-
data: {
|
|
8230
|
-
title: this.titleLocalizationKey,
|
|
8231
|
-
description: this.descriptionLocalizationKey,
|
|
8232
|
-
close: this.closeLocalizationKey,
|
|
8233
|
-
featureLocalStorageKey: this.featureLocalStorageKey,
|
|
8234
|
-
},
|
|
8235
|
-
position: {
|
|
8236
|
-
left: `${rects.left - this.maxWidth}px`,
|
|
8237
|
-
top: `${rects.top + 45}px`,
|
|
8238
|
-
},
|
|
8239
|
-
maxWidth: `${this.maxWidth}px`,
|
|
8240
|
-
});
|
|
8241
|
-
this.dialogRef.afterClosed().subscribe(() => {
|
|
8242
|
-
this.featureActive.set(false);
|
|
8243
|
-
});
|
|
8244
|
-
this.setFeatureSeen();
|
|
8241
|
+
const targetElement = document.querySelector(`.${this.featureClassName}`);
|
|
8242
|
+
if (!targetElement) {
|
|
8243
|
+
return;
|
|
8244
|
+
}
|
|
8245
|
+
if (ResolutionHelper.isMobileRes()) {
|
|
8246
|
+
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
8245
8247
|
}
|
|
8248
|
+
const updatedRects = targetElement.getBoundingClientRect();
|
|
8249
|
+
this.featureActive.set(true);
|
|
8250
|
+
this.dialogRef = this.#dialog.open(NewFeatureDialogComponent, {
|
|
8251
|
+
data: {
|
|
8252
|
+
title: this.titleLocalizationKey,
|
|
8253
|
+
description: this.descriptionLocalizationKey,
|
|
8254
|
+
close: this.closeLocalizationKey,
|
|
8255
|
+
featureLocalStorageKey: this.featureLocalStorageKey,
|
|
8256
|
+
},
|
|
8257
|
+
position: {
|
|
8258
|
+
left: `${updatedRects.left - this.maxWidth}px`,
|
|
8259
|
+
top: `${updatedRects.top + 45}px`,
|
|
8260
|
+
},
|
|
8261
|
+
maxWidth: `${this.maxWidth}px`,
|
|
8262
|
+
});
|
|
8263
|
+
this.dialogRef.afterClosed().subscribe(() => {
|
|
8264
|
+
this.featureActive.set(false);
|
|
8265
|
+
});
|
|
8266
|
+
this.setFeatureSeen();
|
|
8246
8267
|
}
|
|
8247
8268
|
setFeatureSeen() {
|
|
8248
8269
|
if (this.featureLocalStorageKey) {
|
|
@@ -8275,7 +8296,7 @@ class NewFeatureDialogWrapperComponent {
|
|
|
8275
8296
|
}], maxWidth: [{
|
|
8276
8297
|
type: Input
|
|
8277
8298
|
}] }); })();
|
|
8278
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber:
|
|
8299
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber: 17 }); })();
|
|
8279
8300
|
|
|
8280
8301
|
/*
|
|
8281
8302
|
* Public API Surface of ngx-common
|