@tilde-nlp/ngx-common 6.1.75 → 6.1.77
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 +18 -9
- package/esm2022/lib/open-close-button/open-close-button.component.mjs +2 -2
- package/esm2022/lib/terminology/components/terminology-panel/terminology-collection-list/terminology-collection-card/terminology-collection-card.component.mjs +2 -2
- package/fesm2022/tilde-nlp-ngx-common.mjs +20 -11
- package/fesm2022/tilde-nlp-ngx-common.mjs.map +1 -1
- package/lib/new-feature-dialog/new-feature-dialog-wrapper/new-feature-dialog-wrapper.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, inject, Input, signal } from '@angular/core';
|
|
2
|
-
import { MatDialog, MatDialogModule
|
|
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
5
|
import { ResolutionHelper } from '../../helpers';
|
|
@@ -11,16 +11,25 @@ export class NewFeatureDialogWrapperComponent {
|
|
|
11
11
|
this.#dialog = inject(MatDialog);
|
|
12
12
|
this.featureActive = signal(false);
|
|
13
13
|
this.isFeatureSeen = false;
|
|
14
|
+
this.featureDialogComponentSelector = 'lib-new-feature-dialog';
|
|
14
15
|
}
|
|
15
16
|
#dialog;
|
|
16
17
|
ngOnInit() {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
setTimeout(() => {
|
|
19
|
+
// Multiple feature order based on the component selector in DOM.
|
|
20
|
+
if (document.querySelector(this.featureDialogComponentSelector)) {
|
|
21
|
+
setTimeout(() => {
|
|
22
|
+
this.ngOnInit();
|
|
23
|
+
}, 250);
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
this.setFeatureStatus();
|
|
27
|
+
}, this.timeout);
|
|
28
|
+
}
|
|
29
|
+
setFeatureStatus() {
|
|
30
|
+
this.isFeatureSeen = this.featureLocalStorageKey ? !!localStorage.getItem(this.featureLocalStorageKey) : false;
|
|
20
31
|
if (!this.featureActive() && !this.isFeatureSeen) {
|
|
21
|
-
|
|
22
|
-
this.showFeatureDialog();
|
|
23
|
-
}, this.timeout);
|
|
32
|
+
this.showFeatureDialog();
|
|
24
33
|
}
|
|
25
34
|
this.isFeatureSeen = true;
|
|
26
35
|
}
|
|
@@ -83,5 +92,5 @@ export class NewFeatureDialogWrapperComponent {
|
|
|
83
92
|
}], maxWidth: [{
|
|
84
93
|
type: Input
|
|
85
94
|
}] }); })();
|
|
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:
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
(() => { (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: 13 }); })();
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWZlYXR1cmUtZGlhbG9nLXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbW1vbi9zcmMvbGliL25ldy1mZWF0dXJlLWRpYWxvZy9uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlci9uZXctZmVhdHVyZS1kaWFsb2ctd3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRCxNQUFNLE9BQU8sZ0NBQWdDO0lBTjdDO1FBWVUsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLGFBQVEsR0FBRyxHQUFHLENBQUM7UUFFeEIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUc1QixrQkFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUViLG1DQUE4QixHQUFHLHdCQUF3QixDQUFDO0tBK0RuRTtJQXJFQSxPQUFPLENBQXFCO0lBUTVCLFFBQVE7UUFDUCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2YsaUVBQWlFO1lBQ2pFLElBQUksUUFBUSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsOEJBQThCLENBQUMsRUFBRSxDQUFDO2dCQUNqRSxVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNmLElBQUksQ0FBQyxR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QkFBbEMsS0FBSztZQUNHLG9CQUFvQjtrQkFBNUIsS0FBSztZQUNHLGdCQUFnQjtrQkFBeEIsS0FBSztZQUNHLHNCQUFzQjtrQkFBOUIsS0FBSztZQUNHLE9BQU87a0JBQWYsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7O2tGQVBNLGdDQUFnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25Jbml0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nLCBNYXREaWFsb2dNb2R1bGUsIE1hdERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IE5ld0ZlYXR1cmVEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi9uZXctZmVhdHVyZS1kaWFsb2cuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgUmVzb2x1dGlvbkhlbHBlciB9IGZyb20gJy4uLy4uL2hlbHBlcnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdsaWItbmV3LWZlYXR1cmUtZGlhbG9nLXdyYXBwZXInLFxyXG5cdHN0YW5kYWxvbmU6IHRydWUsXHJcblx0aW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0RGlhbG9nTW9kdWxlLCBOZXdGZWF0dXJlRGlhbG9nQ29tcG9uZW50XSxcclxuXHR0ZW1wbGF0ZTogJycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZXdGZWF0dXJlRGlhbG9nV3JhcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblx0QElucHV0KCkgdGl0bGVMb2NhbGl6YXRpb25LZXkhOiBzdHJpbmc7XHJcblx0QElucHV0KCkgZGVzY3JpcHRpb25Mb2NhbGl6YXRpb25LZXkhOiBzdHJpbmc7XHJcblx0QElucHV0KCkgY2xvc2VMb2NhbGl6YXRpb25LZXkhOiBzdHJpbmc7XHJcblx0QElucHV0KCkgZmVhdHVyZUNsYXNzTmFtZSE6IHN0cmluZztcclxuXHRASW5wdXQoKSBmZWF0dXJlTG9jYWxTdG9yYWdlS2V5ITogc3RyaW5nO1xyXG5cdEBJbnB1dCgpIHRpbWVvdXQgPSAwO1xyXG5cdEBJbnB1dCgpIG1heFdpZHRoID0gMzIwO1xyXG5cclxuXHQjZGlhbG9nID0gaW5qZWN0KE1hdERpYWxvZyk7XHJcblx0ZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8TmV3RmVhdHVyZURpYWxvZ0NvbXBvbmVudD4gfCB1bmRlZmluZWQ7XHJcblxyXG5cdGZlYXR1cmVBY3RpdmUgPSBzaWduYWwoZmFsc2UpO1xyXG5cdGlzRmVhdHVyZVNlZW4gPSBmYWxzZTtcclxuXHJcblx0cmVhZG9ubHkgZmVhdHVyZURpYWxvZ0NvbXBvbmVudFNlbGVjdG9yID0gJ2xpYi1uZXctZmVhdHVyZS1kaWFsb2cnO1xyXG5cclxuXHRuZ09uSW5pdCgpOiB2b2lkIHtcclxuXHRcdHNldFRpbWVvdXQoKCkgPT4ge1xyXG5cdFx0XHQvLyBNdWx0aXBsZSBmZWF0dXJlIG9yZGVyIGJhc2VkIG9uIHRoZSBjb21wb25lbnQgc2VsZWN0b3IgaW4gRE9NLlxyXG5cdFx0XHRpZiAoZG9jdW1lbnQucXVlcnlTZWxlY3Rvcih0aGlzLmZlYXR1cmVEaWFsb2dDb21wb25lbnRTZWxlY3RvcikpIHtcclxuXHRcdFx0XHRzZXRUaW1lb3V0KCgpID0+IHtcclxuXHRcdFx0XHRcdHRoaXMubmdPbkluaXQoKTtcclxuXHRcdFx0XHR9LCAyNTApO1xyXG5cdFx0XHRcdHJldHVybjtcclxuXHRcdFx0fVxyXG5cclxuXHRcdFx0dGhpcy5zZXRGZWF0dXJlU3RhdHVzKCk7XHJcblx0XHR9LCB0aGlzLnRpbWVvdXQpO1xyXG5cdH1cclxuXHJcblx0cHJpdmF0ZSBzZXRGZWF0dXJlU3RhdHVzKCkge1xyXG5cdFx0dGhpcy5pc0ZlYXR1cmVTZWVuID0gdGhpcy5mZWF0dXJlTG9jYWxTdG9yYWdlS2V5ID8gISFsb2NhbFN0b3JhZ2UuZ2V0SXRlbSh0aGlzLmZlYXR1cmVMb2NhbFN0b3JhZ2VLZXkpIDogZmFsc2U7XHJcblxyXG5cdFx0aWYgKCF0aGlzLmZlYXR1cmVBY3RpdmUoKSAmJiAhdGhpcy5pc0ZlYXR1cmVTZWVuKSB7XHJcblx0XHRcdHRoaXMuc2hvd0ZlYXR1cmVEaWFsb2coKTtcclxuXHRcdH1cclxuXHJcblx0XHR0aGlzLmlzRmVhdHVyZVNlZW4gPSB0cnVlO1xyXG5cdH1cclxuXHJcblx0cHJpdmF0ZSBzaG93RmVhdHVyZURpYWxvZygpIHtcclxuXHRcdGNvbnN0IHRhcmdldEVsZW1lbnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKGAuJHt0aGlzLmZlYXR1cmVDbGFzc05hbWV9YCk7XHJcblxyXG5cdFx0aWYgKCF0YXJnZXRFbGVtZW50KSB7XHJcblx0XHRcdHJldHVybjtcclxuXHRcdH1cclxuXHJcblx0XHRpZiAoUmVzb2x1dGlvbkhlbHBlci5pc01vYmlsZVJlcygpKSB7XHJcblx0XHRcdHRhcmdldEVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcsIGJsb2NrOiAnY2VudGVyJyB9KTtcclxuXHRcdH1cclxuXHJcblx0XHRjb25zdCB1cGRhdGVkUmVjdHMgPSB0YXJnZXRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG5cdFx0dGhpcy5mZWF0dXJlQWN0aXZlLnNldCh0cnVlKTtcclxuXHRcdHRoaXMuZGlhbG9nUmVmID0gdGhpcy4jZGlhbG9nLm9wZW4oTmV3RmVhdHVyZURpYWxvZ0NvbXBvbmVudCwge1xyXG5cdFx0XHRkYXRhOiB7XHJcblx0XHRcdFx0dGl0bGU6IHRoaXMudGl0bGVMb2NhbGl6YXRpb25LZXksXHJcblx0XHRcdFx0ZGVzY3JpcHRpb246IHRoaXMuZGVzY3JpcHRpb25Mb2NhbGl6YXRpb25LZXksXHJcblx0XHRcdFx0Y2xvc2U6IHRoaXMuY2xvc2VMb2NhbGl6YXRpb25LZXksXHJcblx0XHRcdFx0ZmVhdHVyZUxvY2FsU3RvcmFnZUtleTogdGhpcy5mZWF0dXJlTG9jYWxTdG9yYWdlS2V5LFxyXG5cdFx0XHR9LFxyXG5cdFx0XHRwb3NpdGlvbjoge1xyXG5cdFx0XHRcdGxlZnQ6IGAke3VwZGF0ZWRSZWN0cy5sZWZ0IC0gdGhpcy5tYXhXaWR0aH1weGAsXHJcblx0XHRcdFx0dG9wOiBgJHt1cGRhdGVkUmVjdHMudG9wICsgNDV9cHhgLFxyXG5cdFx0XHR9LFxyXG5cdFx0XHRtYXhXaWR0aDogYCR7dGhpcy5tYXhXaWR0aH1weGAsXHJcblx0XHR9KTtcclxuXHRcdHRoaXMuZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKCgpID0+IHtcclxuXHRcdFx0dGhpcy5mZWF0dXJlQWN0aXZlLnNldChmYWxzZSk7XHJcblx0XHR9KTtcclxuXHRcdHRoaXMuc2V0RmVhdHVyZVNlZW4oKTtcclxuXHR9XHJcblxyXG5cdHByaXZhdGUgc2V0RmVhdHVyZVNlZW4oKSB7XHJcblx0XHRpZiAodGhpcy5mZWF0dXJlTG9jYWxTdG9yYWdlS2V5KSB7XHJcblx0XHRcdGxvY2FsU3RvcmFnZS5zZXRJdGVtKHRoaXMuZmVhdHVyZUxvY2FsU3RvcmFnZUtleSwgJ3RydWUnKTtcclxuXHRcdH1cclxuXHR9XHJcbn1cclxuIl19
|
|
@@ -86,11 +86,11 @@ export class OpenCloseButtonComponent {
|
|
|
86
86
|
i0.ɵɵproperty("ngIf", !ctx.isIcon);
|
|
87
87
|
i0.ɵɵadvance();
|
|
88
88
|
i0.ɵɵproperty("ngIf", ctx.isIcon);
|
|
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)}}"] }); }
|
|
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)}}.material-icons[_ngcontent-%COMP%]{color:var(--base-30)}"] }); }
|
|
90
90
|
}
|
|
91
91
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenCloseButtonComponent, [{
|
|
92
92
|
type: Component,
|
|
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"] }]
|
|
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)}}.material-icons{color:var(--base-30)}\n"] }]
|
|
94
94
|
}], () => [{ type: undefined, decorators: [{
|
|
95
95
|
type: Optional
|
|
96
96
|
}, {
|
|
@@ -251,11 +251,11 @@ export class TerminologyCollectionCardComponent {
|
|
|
251
251
|
i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 20, 17, "ng-container", 1);
|
|
252
252
|
} if (rf & 2) {
|
|
253
253
|
i0.ɵɵproperty("ngIf", ctx.collection);
|
|
254
|
-
} }, dependencies: [i2.NgForOf, i2.NgIf, i3.DefaultLayoutDirective, i3.DefaultLayoutGapDirective, i3.DefaultLayoutAlignDirective, i3.DefaultFlexDirective, i4.MatButton, i4.MatIconAnchor, i5.MatIcon, i6.MatProgressSpinner, i7.MatRadioButton, i8.MatTooltip, i2.UpperCasePipe, i9.TranslatePipe, i10.DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
|
|
254
|
+
} }, dependencies: [i2.NgForOf, i2.NgIf, i3.DefaultLayoutDirective, i3.DefaultLayoutGapDirective, i3.DefaultLayoutAlignDirective, i3.DefaultFlexDirective, i4.MatButton, i4.MatIconAnchor, i5.MatIcon, i6.MatProgressSpinner, i7.MatRadioButton, i8.MatTooltip, i2.UpperCasePipe, i9.TranslatePipe, i10.DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
|
|
255
255
|
}
|
|
256
256
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionCardComponent, [{
|
|
257
257
|
type: Component,
|
|
258
|
-
args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <mat-radio-button\r\n fxFlex\r\n fxLayoutAlign=\"center center\"\r\n [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n [disabled]=\"isSelectionDisabled\"\r\n [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n (click)=\"selectGlossary(collection)\"\r\n >\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <div class=\"collection-label\">\r\n <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n {{ collection.name }}\r\n </span>\r\n\r\n <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n {{ collection.name }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n </div>\r\n\r\n <div class=\"collection-languages\">\r\n <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n </ng-container>\r\n\r\n <ng-template #currentDirection>\r\n <span>{{sourceLanguageCode}}</span>\r\n <span>{{targetLanguageCode}}</span>\r\n </ng-template>\r\n </div>\r\n \r\n <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n </span>\r\n <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n \r\n <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n \r\n <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n <span>\r\n {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n </span>\r\n </span>\r\n \r\n <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n <mat-icon class=\"pt-1\">sync</mat-icon>\r\n {{ localizationKey + \"SYNC\" | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </mat-radio-button>\r\n\r\n <ng-container *ngIf=\"hasEditPermissions\">\r\n <a\r\n class=\"collection-list-edit\"\r\n mat-icon-button\r\n target=\"_blank\"\r\n [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n [attr.href]=\"getEditLink(collection)\"\r\n *ngIf=\"collection.termCollection\"\r\n >\r\n <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n </a>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
|
|
258
|
+
args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <mat-radio-button\r\n fxFlex\r\n fxLayoutAlign=\"center center\"\r\n [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n [disabled]=\"isSelectionDisabled\"\r\n [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n (click)=\"selectGlossary(collection)\"\r\n >\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <div class=\"collection-label\">\r\n <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n {{ collection.name }}\r\n </span>\r\n\r\n <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n {{ collection.name }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n </div>\r\n\r\n <div class=\"collection-languages\">\r\n <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n </ng-container>\r\n\r\n <ng-template #currentDirection>\r\n <span>{{sourceLanguageCode}}</span>\r\n <span>{{targetLanguageCode}}</span>\r\n </ng-template>\r\n </div>\r\n \r\n <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n </span>\r\n <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n \r\n <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n \r\n <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n <span>\r\n {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n </span>\r\n </span>\r\n \r\n <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n <mat-icon class=\"pt-1\">sync</mat-icon>\r\n {{ localizationKey + \"SYNC\" | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </mat-radio-button>\r\n\r\n <ng-container *ngIf=\"hasEditPermissions\">\r\n <a\r\n class=\"collection-list-edit\"\r\n mat-icon-button\r\n target=\"_blank\"\r\n [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n [attr.href]=\"getEditLink(collection)\"\r\n *ngIf=\"collection.termCollection\"\r\n >\r\n <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n </a>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
|
|
259
259
|
}], () => [{ type: i1.TerminologyService }, { type: i1.TerminologyCollectionService }], { collection: [{
|
|
260
260
|
type: Input
|
|
261
261
|
}], selected: [{
|
|
@@ -4757,11 +4757,11 @@ class OpenCloseButtonComponent {
|
|
|
4757
4757
|
i0.ɵɵproperty("ngIf", !ctx.isIcon);
|
|
4758
4758
|
i0.ɵɵadvance();
|
|
4759
4759
|
i0.ɵɵproperty("ngIf", ctx.isIcon);
|
|
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)}}"] }); }
|
|
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)}}.material-icons[_ngcontent-%COMP%]{color:var(--base-30)}"] }); }
|
|
4761
4761
|
}
|
|
4762
4762
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenCloseButtonComponent, [{
|
|
4763
4763
|
type: Component,
|
|
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"] }]
|
|
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)}}.material-icons{color:var(--base-30)}\n"] }]
|
|
4765
4765
|
}], () => [{ type: undefined, decorators: [{
|
|
4766
4766
|
type: Optional
|
|
4767
4767
|
}, {
|
|
@@ -5752,11 +5752,11 @@ class TerminologyCollectionCardComponent {
|
|
|
5752
5752
|
i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 20, 17, "ng-container", 1);
|
|
5753
5753
|
} if (rf & 2) {
|
|
5754
5754
|
i0.ɵɵproperty("ngIf", ctx.collection);
|
|
5755
|
-
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconAnchor, i1.MatIcon, i2$5.MatProgressSpinner, i5$2.MatRadioButton, i2$2.MatTooltip, i1$2.UpperCasePipe, i1$1.TranslatePipe, DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
|
|
5755
|
+
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconAnchor, i1.MatIcon, i2$5.MatProgressSpinner, i5$2.MatRadioButton, i2$2.MatTooltip, i1$2.UpperCasePipe, i1$1.TranslatePipe, DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
|
|
5756
5756
|
}
|
|
5757
5757
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionCardComponent, [{
|
|
5758
5758
|
type: Component,
|
|
5759
|
-
args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <mat-radio-button\r\n fxFlex\r\n fxLayoutAlign=\"center center\"\r\n [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n [disabled]=\"isSelectionDisabled\"\r\n [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n (click)=\"selectGlossary(collection)\"\r\n >\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <div class=\"collection-label\">\r\n <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n {{ collection.name }}\r\n </span>\r\n\r\n <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n {{ collection.name }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n </div>\r\n\r\n <div class=\"collection-languages\">\r\n <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n </ng-container>\r\n\r\n <ng-template #currentDirection>\r\n <span>{{sourceLanguageCode}}</span>\r\n <span>{{targetLanguageCode}}</span>\r\n </ng-template>\r\n </div>\r\n \r\n <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n </span>\r\n <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n \r\n <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n \r\n <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n <span>\r\n {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n </span>\r\n </span>\r\n \r\n <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n <mat-icon class=\"pt-1\">sync</mat-icon>\r\n {{ localizationKey + \"SYNC\" | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </mat-radio-button>\r\n\r\n <ng-container *ngIf=\"hasEditPermissions\">\r\n <a\r\n class=\"collection-list-edit\"\r\n mat-icon-button\r\n target=\"_blank\"\r\n [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n [attr.href]=\"getEditLink(collection)\"\r\n *ngIf=\"collection.termCollection\"\r\n >\r\n <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n </a>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
|
|
5759
|
+
args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <mat-radio-button\r\n fxFlex\r\n fxLayoutAlign=\"center center\"\r\n [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n [disabled]=\"isSelectionDisabled\"\r\n [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n (click)=\"selectGlossary(collection)\"\r\n >\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <div class=\"collection-label\">\r\n <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n {{ collection.name }}\r\n </span>\r\n\r\n <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n {{ collection.name }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n </div>\r\n\r\n <div class=\"collection-languages\">\r\n <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n </ng-container>\r\n\r\n <ng-template #currentDirection>\r\n <span>{{sourceLanguageCode}}</span>\r\n <span>{{targetLanguageCode}}</span>\r\n </ng-template>\r\n </div>\r\n \r\n <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n </span>\r\n <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n \r\n <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n \r\n <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n <span>\r\n {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n </span>\r\n </span>\r\n \r\n <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n <mat-icon class=\"pt-1\">sync</mat-icon>\r\n {{ localizationKey + \"SYNC\" | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </mat-radio-button>\r\n\r\n <ng-container *ngIf=\"hasEditPermissions\">\r\n <a\r\n class=\"collection-list-edit\"\r\n mat-icon-button\r\n target=\"_blank\"\r\n [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n [attr.href]=\"getEditLink(collection)\"\r\n *ngIf=\"collection.termCollection\"\r\n >\r\n <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n </a>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
|
|
5760
5760
|
}], () => [{ type: TerminologyService }, { type: TerminologyCollectionService }], { collection: [{
|
|
5761
5761
|
type: Input
|
|
5762
5762
|
}], selected: [{
|
|
@@ -8274,16 +8274,25 @@ class NewFeatureDialogWrapperComponent {
|
|
|
8274
8274
|
this.#dialog = inject(MatDialog);
|
|
8275
8275
|
this.featureActive = signal(false);
|
|
8276
8276
|
this.isFeatureSeen = false;
|
|
8277
|
+
this.featureDialogComponentSelector = 'lib-new-feature-dialog';
|
|
8277
8278
|
}
|
|
8278
8279
|
#dialog;
|
|
8279
8280
|
ngOnInit() {
|
|
8280
|
-
|
|
8281
|
-
|
|
8282
|
-
|
|
8281
|
+
setTimeout(() => {
|
|
8282
|
+
// Multiple feature order based on the component selector in DOM.
|
|
8283
|
+
if (document.querySelector(this.featureDialogComponentSelector)) {
|
|
8284
|
+
setTimeout(() => {
|
|
8285
|
+
this.ngOnInit();
|
|
8286
|
+
}, 250);
|
|
8287
|
+
return;
|
|
8288
|
+
}
|
|
8289
|
+
this.setFeatureStatus();
|
|
8290
|
+
}, this.timeout);
|
|
8291
|
+
}
|
|
8292
|
+
setFeatureStatus() {
|
|
8293
|
+
this.isFeatureSeen = this.featureLocalStorageKey ? !!localStorage.getItem(this.featureLocalStorageKey) : false;
|
|
8283
8294
|
if (!this.featureActive() && !this.isFeatureSeen) {
|
|
8284
|
-
|
|
8285
|
-
this.showFeatureDialog();
|
|
8286
|
-
}, this.timeout);
|
|
8295
|
+
this.showFeatureDialog();
|
|
8287
8296
|
}
|
|
8288
8297
|
this.isFeatureSeen = true;
|
|
8289
8298
|
}
|
|
@@ -8346,7 +8355,7 @@ class NewFeatureDialogWrapperComponent {
|
|
|
8346
8355
|
}], maxWidth: [{
|
|
8347
8356
|
type: Input
|
|
8348
8357
|
}] }); })();
|
|
8349
|
-
(() => { (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:
|
|
8358
|
+
(() => { (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: 13 }); })();
|
|
8350
8359
|
|
|
8351
8360
|
/*
|
|
8352
8361
|
* Public API Surface of ngx-common
|